@accelint/design-toolkit/dist/components/accordion/trigger.js

An open-source component library to serve as part of the entire ecosystem of UX for Accelint.

'use client';

import {jsx,jsxs}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {useContext}from'react';import {Heading,composeRenderProps}from'react-aria-components';import {isSlottedContextValue}from'../../lib/utils.js';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {IconContext}from'../icon/context.js';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{heading:A,trigger:C}=AccordionStyles();function z({ref:n,children:i,classNames:t}){const e=useContext(AccordionContext),r=(isSlottedContextValue(e)?void 0:e?.variant)??AccordionStylesDefaults.variant;return jsx(Heading,{ref:n,className:A({className:t?.heading,variant:r}),children:jsx(Button,{slot:"trigger",className:composeRenderProps(t?.trigger,c=>C({className:c,variant:r})),variant:"flat",children:jsxs(IconContext.Provider,{value:{size:r==="compact"?"small":"medium"},children:[jsx(Icon,{children:jsx(ChevronDown,{className:"transform group-expanded/accordion:rotate-180"})}),i]})})})}export{z as AccordionTrigger};//# sourceMappingURL=trigger.js.map
//# sourceMappingURL=trigger.js.map