@nuka-ui/core 1.1.1 → 1.1.3

package/README.md

@@ -2,6 +2,8 @@
 
 A production-grade React component library built on Tailwind v4. Composable, accessible, and designed from the ground up with the kind of API and architectural rigor that scales to more components, more developers, more products, and more edge cases.
 
+Maintained by [@ku5ic](https://github.com/ku5ic). [Sponsor this project](https://github.com/sponsors/ku5ic) or see the [full list of sponsors](./SPONSORS.md).
+
 [![npm](https://img.shields.io/npm/v/@nuka-ui/core)](https://www.npmjs.com/package/@nuka-ui/core)
 [![license](https://img.shields.io/npm/l/@nuka-ui/core)](./LICENSE)
 [![storybook](https://img.shields.io/badge/storybook-live-ff4785)](https://ku5ic.github.io/nuka-ui)
@@ -167,9 +169,9 @@ import { Button } from "@nuka-ui/core";
 </Button>;
 ```
 
-### Ref forwarding
+### Refs
 
-All components forward refs to their underlying DOM element.
+All components accept a `ref` prop using the React 19 ref-as-prop pattern. No component uses `React.forwardRef`.
 
 ```tsx
 const ref = useRef<HTMLButtonElement>(null)
@@ -179,6 +181,21 @@ const ref = useRef<HTMLButtonElement>(null)
 </Button>
 ```
 
+#### Extracting a component's ref type
+
+Use `React.ComponentRef` to extract the DOM element type a component accepts:
+
+```tsx
+// Before (React 18, deprecated)
+type ButtonRef = React.ElementRef<typeof Button>;
+
+// After (React 19)
+type ButtonRef = React.ComponentRef<typeof Button>;
+// resolves to HTMLButtonElement
+```
+
+If you have ref-typing code that uses `React.ElementRef`, update it to `React.ComponentRef`. Call sites are unchanged: `<Button ref={myRef} />` works the same way.
+
 ---
 
 ## Theming
@@ -447,15 +464,15 @@ import {
 </Nav>;
 ```
 
-### RSC compatibility
+### React Server Components (Next.js App Router)
 
-Components without interactive state ship without a `"use client"` directive and work in React Server Components (Next.js App Router, etc.) without modification:
+Every nuka-ui component ships with `"use client";` at the top of its compiled output. No component opts out; there is no partial-coverage subset that renders on the server without the directive.
 
-**Server-safe:** Alert, AppShell, AspectRatio, Badge, Banner, Breadcrumb, Button, Card, Chip, Code, Container, Divider, EmptyState, Eyebrow, Grid, Heading, Icon, Kbd, Nav, Pagination, ScrollArea, Section, Skeleton, SkipLink, Spinner, SplitLayout, Stack, Tag, Text, Textarea, Timeline, VisuallyHidden
+Import any component from a Server Component page or layout; the bundler creates the client boundary automatically, so no additional configuration is required.
 
-**Client-required (`"use client"`):** Accordion, Avatar, Checkbox, Collapsible, Combobox, CommandMenu, ContextMenu, DataTable, DatePicker, Dialog, DropdownMenu, FileInput, FormField, Input, Label, Menubar, NavigationMenu, NumberInput, Popover, Progress, RadioGroup, Select, Sheet, Sidebar, Slider, Stepper, Switch, Table, Tabs, Toast/Toaster, Tooltip
+This does not affect SEO. Client Components are server-rendered to HTML in the initial response. Crawlers receive rendered markup identical to what a fully-server-rendered page would produce. The `"use client";` directive controls which code ships for hydration, not where the initial render runs.
 
-Client-required components include the `"use client"` directive in their compiled output. In Next.js App Router, import them from any server or client component without additional configuration.
+The tradeoff is bundle size. Every component's code ships to the client. For an interactive UI component library this is the correct tradeoff: nearly every component accepts refs, uses `Slot` for `asChild`, or calls a React hook internally, so a narrower no-directive subset would be too small to rely on and too fragile to maintain.
 
 ---
 
@@ -472,7 +489,7 @@ Short version:
 - **`data-theme` attribute**: enables nested themes and avoids class pollution
 - **No third-party UI primitives**: `Slot`, `composeRefs`, focus trap, scroll lock, and all ARIA patterns are first-party
 - **No component-level tokens by default**: added only when semantic tokens are genuinely insufficient
-- **`"use client"` in compiled output**: interactive components include the directive; server-safe components omit it
+- **`"use client"` in compiled output**: every component includes the directive so consumers can import from any Server Component boundary without configuration
 
 ---
 

package/dist/components/Accordion/Accordion.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`./Accordion.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=`button[data-accordion-trigger]`;function s(e,t){let n=t.current?.querySelectorAll(o);if(!n||n.length===0)return;let r=document.activeElement,i=Array.from(n),a=i.indexOf(r);if(a===-1)return;let s;switch(e.key){case`ArrowDown`:s=(a+1)%i.length;break;case`ArrowUp`:s=(a-1+i.length)%i.length;break;case`Home`:s=0;break;case`End`:s=i.length-1;break;default:return}e.preventDefault(),i[s]?.focus()}var c=i.forwardRef((e,n)=>{let{type:r,headingLevel:o=`h3`,className:s,children:c,onKeyDown:d,...f}=e,p=i.useRef(null),m=t.composeRefs(n,p);return r===`single`?(0,a.jsx)(l,{...f,headingLevel:o,className:s,rootRef:p,composedRef:m,onKeyDown:d,children:c}):(0,a.jsx)(u,{...f,headingLevel:o,className:s,rootRef:p,composedRef:m,onKeyDown:d,children:c})});c.displayName=`Accordion`;function l({value:e,defaultValue:t,onValueChange:o,collapsible:c=!1,headingLevel:l,className:u,children:d,rootRef:f,composedRef:p,onKeyDown:m,...h}){let[g,_]=n.useControllableState(e,t,o);return(0,a.jsx)(r.AccordionContext,{value:i.useMemo(()=>({type:`single`,collapsible:c,headingLevel:l,isItemOpen:e=>g===e,toggleItem:e=>{g===e?c&&_(void 0):_(e)}}),[g,_,c,l]),children:(0,a.jsx)(`div`,{ref:p,className:u,onKeyDown:e=>{s(e,f),m?.(e)},...h,children:d})})}function u({value:e,defaultValue:t,onValueChange:o,headingLevel:c,className:l,children:u,rootRef:d,composedRef:f,onKeyDown:p,...m}){let[h,g]=n.useControllableState(e,t??[],o);return(0,a.jsx)(r.AccordionContext,{value:i.useMemo(()=>({type:`multiple`,collapsible:!0,headingLevel:c,isItemOpen:e=>h.includes(e),toggleItem:e=>{h.includes(e)?g(h.filter(t=>t!==e)):g([...h,e])}}),[h,g,c]),children:(0,a.jsx)(`div`,{ref:f,className:l,onKeyDown:e=>{s(e,d),p?.(e)},...m,children:u})})}exports.Accordion=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`../../utils/get-active-element.cjs`),r=require(`../../utils/roving-index.cjs`),i=require(`../../hooks/use-controllable-state.cjs`),a=require(`./Accordion.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);var c=`button[data-accordion-trigger]`;function l(e,t){let i=t.current?.querySelectorAll(c);if(!i||i.length===0)return;let a=n.getActiveElement(),o=Array.from(i),s=o.indexOf(a);if(s===-1)return;let l=r.getRovingIndex(e.key,s,o.length,`vertical`);l!==void 0&&(e.preventDefault(),o[l]?.focus())}function u(e){let{ref:n,type:r,headingLevel:i=`h3`,className:a,children:c,onKeyDown:l,...u}=e,p=o.useRef(null),m=t.composeRefs(n,p);return r===`single`?(0,s.jsx)(d,{...u,headingLevel:i,className:a,rootRef:p,composedRef:m,onKeyDown:l,children:c}):(0,s.jsx)(f,{...u,headingLevel:i,className:a,rootRef:p,composedRef:m,onKeyDown:l,children:c})}u.displayName=`Accordion`;function d({value:e,defaultValue:t,onValueChange:n,collapsible:r=!1,headingLevel:c,className:u,children:d,rootRef:f,composedRef:p,onKeyDown:m,...h}){let[g,_]=i.useControllableState(e,t,n);return(0,s.jsx)(a.AccordionContext,{value:o.useMemo(()=>({type:`single`,collapsible:r,headingLevel:c,isItemOpen:e=>g===e,toggleItem:e=>{g===e?r&&_(void 0):_(e)}}),[g,_,r,c]),children:(0,s.jsx)(`div`,{ref:p,className:u,onKeyDown:e=>{l(e,f),m?.(e)},...h,children:d})})}function f({value:e,defaultValue:t,onValueChange:n,headingLevel:r,className:c,children:u,rootRef:d,composedRef:f,onKeyDown:p,...m}){let[h,g]=i.useControllableState(e,t??[],n);return(0,s.jsx)(a.AccordionContext,{value:o.useMemo(()=>({type:`multiple`,collapsible:!0,headingLevel:r,isItemOpen:e=>h.includes(e),toggleItem:e=>{h.includes(e)?g(h.filter(t=>t!==e)):g([...h,e])}}),[h,g,r]),children:(0,s.jsx)(`div`,{ref:f,className:c,onKeyDown:e=>{l(e,d),p?.(e)},...m,children:u})})}exports.Accordion=u;
 //# sourceMappingURL=Accordion.cjs.map

package/dist/components/Accordion/Accordion.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { AccordionContext } from \"@nuka/components/Accordion/Accordion.context\";\nimport type { HeadingLevel } from \"@nuka/components/Accordion/Accordion.context\";\n\ninterface AccordionSingleProps extends React.HTMLAttributes<HTMLDivElement> {\n  type: \"single\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  collapsible?: boolean;\n  headingLevel?: HeadingLevel;\n}\n\ninterface AccordionMultipleProps extends React.HTMLAttributes<HTMLDivElement> {\n  type: \"multiple\";\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n  collapsible?: never;\n  headingLevel?: HeadingLevel;\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nconst TRIGGER_SELECTOR = \"button[data-accordion-trigger]\";\n\nfunction handleKeyboardNavigation(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  rootRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const triggers = rootRef.current?.querySelectorAll(TRIGGER_SELECTOR);\n  if (!triggers || triggers.length === 0) return;\n\n  const active = document.activeElement;\n  const items = Array.from(triggers) as HTMLButtonElement[];\n  const currentIndex = items.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  let nextIndex: number | undefined;\n\n  switch (e.key) {\n    case \"ArrowDown\":\n      nextIndex = (currentIndex + 1) % items.length;\n      break;\n    case \"ArrowUp\":\n      nextIndex = (currentIndex - 1 + items.length) % items.length;\n      break;\n    case \"Home\":\n      nextIndex = 0;\n      break;\n    case \"End\":\n      nextIndex = items.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  e.preventDefault();\n  items[nextIndex]?.focus();\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  (props, ref) => {\n    const {\n      type,\n      headingLevel = \"h3\",\n      className,\n      children,\n      onKeyDown,\n      ...rest\n    } = props;\n\n    const rootRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n\n    if (type === \"single\") {\n      return (\n        <AccordionSingle\n          {...(rest as Omit<\n            AccordionSingleProps,\n            \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n          >)}\n          headingLevel={headingLevel}\n          className={className}\n          rootRef={rootRef}\n          composedRef={composedRef}\n          onKeyDown={onKeyDown}\n        >\n          {children}\n        </AccordionSingle>\n      );\n    }\n\n    return (\n      <AccordionMultiple\n        {...(rest as Omit<\n          AccordionMultipleProps,\n          \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n        >)}\n        headingLevel={headingLevel}\n        className={className}\n        rootRef={rootRef}\n        composedRef={composedRef}\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      </AccordionMultiple>\n    );\n  },\n);\n\nAccordion.displayName = \"Accordion\";\n\ninterface AccordionInternalProps {\n  headingLevel: HeadingLevel;\n  className: string | undefined;\n  children: React.ReactNode | undefined;\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  composedRef: (node: HTMLDivElement | null) => void;\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement> | undefined;\n}\n\nfunction AccordionSingle({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionSingleProps, \"type\"> & AccordionInternalProps) {\n  const [value, setValue] = useControllableState<string | undefined>(\n    controlledValue,\n    defaultValue,\n    onValueChange as ((value: string | undefined) => void) | undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"single\" as const,\n      collapsible,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value === itemValue,\n      toggleItem: (itemValue: string) => {\n        if (value === itemValue) {\n          if (collapsible) {\n            setValue(undefined);\n          }\n        } else {\n          setValue(itemValue);\n        }\n      },\n    }),\n    [value, setValue, collapsible, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nfunction AccordionMultiple({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionMultipleProps, \"type\" | \"collapsible\"> &\n  AccordionInternalProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? [],\n    onValueChange,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"multiple\" as const,\n      collapsible: true,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value.includes(itemValue),\n      toggleItem: (itemValue: string) => {\n        if (value.includes(itemValue)) {\n          setValue(value.filter((v) => v !== itemValue));\n        } else {\n          setValue([...value, itemValue]);\n        }\n      },\n    }),\n    [value, setValue, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nexport { Accordion };\n"],"mappings":"2QA2BA,IAAM,EAAmB,iCAEzB,SAAS,EACP,EACA,EACA,CACA,IAAM,EAAW,EAAQ,SAAS,iBAAiB,EAAiB,CACpE,GAAI,CAAC,GAAY,EAAS,SAAW,EAAG,OAExC,IAAM,EAAS,SAAS,cAClB,EAAQ,MAAM,KAAK,EAAS,CAC5B,EAAe,EAAM,QAAQ,EAA4B,CAC/D,GAAI,IAAiB,GAAI,OAEzB,IAAI,EAEJ,OAAQ,EAAE,IAAV,CACE,IAAK,YACH,GAAa,EAAe,GAAK,EAAM,OACvC,MACF,IAAK,UACH,GAAa,EAAe,EAAI,EAAM,QAAU,EAAM,OACtD,MACF,IAAK,OACH,EAAY,EACZ,MACF,IAAK,MACH,EAAY,EAAM,OAAS,EAC3B,MACF,QACE,OAGJ,EAAE,gBAAgB,CAClB,EAAM,IAAY,OAAO,CAG3B,IAAM,EAAY,EAAM,YACrB,EAAO,IAAQ,CACd,GAAM,CACJ,OACA,eAAe,KACf,YACA,WACA,YACA,GAAG,GACD,EAEE,EAAU,EAAM,OAAuB,KAAK,CAC5C,EAAc,EAAA,YAAY,EAAK,EAAQ,CAoB7C,OAlBI,IAAS,UAET,EAAA,EAAA,KAAC,EAAD,CACE,GAAK,EAIS,eACH,YACF,UACI,cACF,YAEV,WACe,CAAA,EAKpB,EAAA,EAAA,KAAC,EAAD,CACE,GAAK,EAIS,eACH,YACF,UACI,cACF,YAEV,WACiB,CAAA,EAGzB,CAED,EAAU,YAAc,YAWxB,SAAS,EAAgB,CACvB,MAAO,EACP,eACA,gBACA,cAAc,GACd,eACA,YACA,WACA,UACA,cACA,YACA,GAAG,GAC2D,CAC9D,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,EACA,EACD,CAqBD,OACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,MApBC,EAAM,aAClB,CACL,KAAM,SACN,cACA,eACA,WAAa,GAAsB,IAAU,EAC7C,WAAa,GAAsB,CAC7B,IAAU,EACR,GACF,EAAS,IAAA,GAAU,CAGrB,EAAS,EAAU,EAGxB,EACD,CAAC,EAAO,EAAU,EAAa,EAAa,CAC7C,WAIG,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACM,YACX,UAAY,GAAM,CAChB,EAAyB,EAAG,EAAQ,CACpC,IAAY,EAAE,EAEhB,GAAI,EAEH,WACG,CAAA,CACW,CAAA,CAIvB,SAAS,EAAkB,CACzB,MAAO,EACP,eACA,gBACA,eACA,YACA,WACA,UACA,cACA,YACA,GAAG,GAEqB,CACxB,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,GAAgB,EAAE,CAClB,EACD,CAmBD,OACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,MAlBC,EAAM,aAClB,CACL,KAAM,WACN,YAAa,GACb,eACA,WAAa,GAAsB,EAAM,SAAS,EAAU,CAC5D,WAAa,GAAsB,CAC7B,EAAM,SAAS,EAAU,CAC3B,EAAS,EAAM,OAAQ,GAAM,IAAM,EAAU,CAAC,CAE9C,EAAS,CAAC,GAAG,EAAO,EAAU,CAAC,EAGpC,EACD,CAAC,EAAO,EAAU,EAAa,CAChC,WAIG,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACM,YACX,UAAY,GAAM,CAChB,EAAyB,EAAG,EAAQ,CACpC,IAAY,EAAE,EAEhB,GAAI,EAEH,WACG,CAAA,CACW,CAAA"}
+{"version":3,"file":"Accordion.cjs","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { AccordionContext } from \"@nuka/components/Accordion/Accordion.context\";\nimport type { HeadingLevel } from \"@nuka/components/Accordion/Accordion.context\";\n\ninterface AccordionSingleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  type: \"single\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  collapsible?: boolean;\n  headingLevel?: HeadingLevel;\n}\n\ninterface AccordionMultipleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  type: \"multiple\";\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n  collapsible?: never;\n  headingLevel?: HeadingLevel;\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nconst TRIGGER_SELECTOR = \"button[data-accordion-trigger]\";\n\nfunction handleKeyboardNavigation(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  rootRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const triggers = rootRef.current?.querySelectorAll(TRIGGER_SELECTOR);\n  if (!triggers || triggers.length === 0) return;\n\n  const active = getActiveElement();\n  const items = Array.from(triggers) as HTMLButtonElement[];\n  const currentIndex = items.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    items.length,\n    \"vertical\",\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  items[nextIndex]?.focus();\n}\n\nfunction Accordion(props: AccordionProps) {\n  const {\n    ref,\n    type,\n    headingLevel = \"h3\",\n    className,\n    children,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, rootRef);\n\n  if (type === \"single\") {\n    return (\n      <AccordionSingle\n        {...(rest as Omit<\n          AccordionSingleProps,\n          \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n        >)}\n        headingLevel={headingLevel}\n        className={className}\n        rootRef={rootRef}\n        composedRef={composedRef}\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      </AccordionSingle>\n    );\n  }\n\n  return (\n    <AccordionMultiple\n      {...(rest as Omit<\n        AccordionMultipleProps,\n        \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n      >)}\n      headingLevel={headingLevel}\n      className={className}\n      rootRef={rootRef}\n      composedRef={composedRef}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </AccordionMultiple>\n  );\n}\n\nAccordion.displayName = \"Accordion\";\n\ninterface AccordionInternalProps {\n  headingLevel: HeadingLevel;\n  className: string | undefined;\n  children: React.ReactNode | undefined;\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  composedRef: (node: HTMLDivElement | null) => void;\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement> | undefined;\n}\n\nfunction AccordionSingle({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionSingleProps, \"type\"> & AccordionInternalProps) {\n  const [value, setValue] = useControllableState<string | undefined>(\n    controlledValue,\n    defaultValue,\n    onValueChange as ((value: string | undefined) => void) | undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"single\" as const,\n      collapsible,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value === itemValue,\n      toggleItem: (itemValue: string) => {\n        if (value === itemValue) {\n          if (collapsible) {\n            setValue(undefined);\n          }\n        } else {\n          setValue(itemValue);\n        }\n      },\n    }),\n    [value, setValue, collapsible, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nfunction AccordionMultiple({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionMultipleProps, \"type\" | \"collapsible\"> &\n  AccordionInternalProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? [],\n    onValueChange,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"multiple\" as const,\n      collapsible: true,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value.includes(itemValue),\n      toggleItem: (itemValue: string) => {\n        if (value.includes(itemValue)) {\n          setValue(value.filter((v) => v !== itemValue));\n        } else {\n          setValue([...value, itemValue]);\n        }\n      },\n    }),\n    [value, setValue, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nexport { Accordion };\n"],"mappings":"qWA+BA,IAAM,EAAmB,iCAEzB,SAAS,EACP,EACA,EACA,CACA,IAAM,EAAW,EAAQ,SAAS,iBAAiB,EAAiB,CACpE,GAAI,CAAC,GAAY,EAAS,SAAW,EAAG,OAExC,IAAM,EAAS,EAAA,kBAAkB,CAC3B,EAAQ,MAAM,KAAK,EAAS,CAC5B,EAAe,EAAM,QAAQ,EAA4B,CAC/D,GAAI,IAAiB,GAAI,OAEzB,IAAM,EAAY,EAAA,eAChB,EAAE,IACF,EACA,EAAM,OACN,WACD,CACG,IAAc,IAAA,KAElB,EAAE,gBAAgB,CAClB,EAAM,IAAY,OAAO,EAG3B,SAAS,EAAU,EAAuB,CACxC,GAAM,CACJ,MACA,OACA,eAAe,KACf,YACA,WACA,YACA,GAAG,GACD,EAEE,EAAU,EAAM,OAAuB,KAAK,CAC5C,EAAc,EAAA,YAAY,EAAK,EAAQ,CAoB7C,OAlBI,IAAS,UAET,EAAA,EAAA,KAAC,EAAD,CACE,GAAK,EAIS,eACH,YACF,UACI,cACF,YAEV,WACe,CAAA,EAKpB,EAAA,EAAA,KAAC,EAAD,CACE,GAAK,EAIS,eACH,YACF,UACI,cACF,YAEV,WACiB,CAAA,CAIxB,EAAU,YAAc,YAWxB,SAAS,EAAgB,CACvB,MAAO,EACP,eACA,gBACA,cAAc,GACd,eACA,YACA,WACA,UACA,cACA,YACA,GAAG,GAC2D,CAC9D,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,EACA,EACD,CAqBD,OACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,MApBC,EAAM,aAClB,CACL,KAAM,SACN,cACA,eACA,WAAa,GAAsB,IAAU,EAC7C,WAAa,GAAsB,CAC7B,IAAU,EACR,GACF,EAAS,IAAA,GAAU,CAGrB,EAAS,EAAU,EAGxB,EACD,CAAC,EAAO,EAAU,EAAa,EAAa,CAC7C,WAIG,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACM,YACX,UAAY,GAAM,CAChB,EAAyB,EAAG,EAAQ,CACpC,IAAY,EAAE,EAEhB,GAAI,EAEH,WACG,CAAA,CACW,CAAA,CAIvB,SAAS,EAAkB,CACzB,MAAO,EACP,eACA,gBACA,eACA,YACA,WACA,UACA,cACA,YACA,GAAG,GAEqB,CACxB,GAAM,CAAC,EAAO,GAAY,EAAA,qBACxB,EACA,GAAgB,EAAE,CAClB,EACD,CAmBD,OACE,EAAA,EAAA,KAAC,EAAA,iBAAD,CAAkB,MAlBC,EAAM,aAClB,CACL,KAAM,WACN,YAAa,GACb,eACA,WAAa,GAAsB,EAAM,SAAS,EAAU,CAC5D,WAAa,GAAsB,CAC7B,EAAM,SAAS,EAAU,CAC3B,EAAS,EAAM,OAAQ,GAAM,IAAM,EAAU,CAAC,CAE9C,EAAS,CAAC,GAAG,EAAO,EAAU,CAAC,EAGpC,EACD,CAAC,EAAO,EAAU,EAAa,CAChC,WAIG,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACM,YACX,UAAY,GAAM,CAChB,EAAyB,EAAG,EAAQ,CACpC,IAAY,EAAE,EAEhB,GAAI,EAEH,WACG,CAAA,CACW,CAAA"}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,6 +1,7 @@
 import { HeadingLevel } from './Accordion.context';
 import * as React from "react";
 interface AccordionSingleProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     type: "single";
     value?: string;
     defaultValue?: string;
@@ -9,6 +10,7 @@ interface AccordionSingleProps extends React.HTMLAttributes<HTMLDivElement> {
     headingLevel?: HeadingLevel;
 }
 interface AccordionMultipleProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     type: "multiple";
     value?: string[];
     defaultValue?: string[];
@@ -17,6 +19,9 @@ interface AccordionMultipleProps extends React.HTMLAttributes<HTMLDivElement> {
     headingLevel?: HeadingLevel;
 }
 export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Accordion {
+    var displayName: string;
+}
 export { Accordion };
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAEjF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AAuC3E,QAAA,MAAM,SAAS,uFAgDd,CAAC;AAyHF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAEjF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAAG,sBAAsB,CAAC;AA4B3E,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,2CA+CvC;kBA/CQ,SAAS;;;AAwKlB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -1,82 +1,69 @@
 "use client";
 import { composeRefs as e } from "../../utils/slot.js";
-import { useControllableState as t } from "../../hooks/use-controllable-state.js";
-import { AccordionContext as n } from "./Accordion.context.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { getActiveElement as t } from "../../utils/get-active-element.js";
+import { getRovingIndex as n } from "../../utils/roving-index.js";
+import { useControllableState as r } from "../../hooks/use-controllable-state.js";
+import { AccordionContext as i } from "./Accordion.context.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
 //#region src/components/Accordion/Accordion.tsx
-var a = "button[data-accordion-trigger]";
-function o(e, t) {
-	let n = t.current?.querySelectorAll(a);
-	if (!n || n.length === 0) return;
-	let r = document.activeElement, i = Array.from(n), o = i.indexOf(r);
-	if (o === -1) return;
-	let s;
-	switch (e.key) {
-		case "ArrowDown":
-			s = (o + 1) % i.length;
-			break;
-		case "ArrowUp":
-			s = (o - 1 + i.length) % i.length;
-			break;
-		case "Home":
-			s = 0;
-			break;
-		case "End":
-			s = i.length - 1;
-			break;
-		default: return;
-	}
-	e.preventDefault(), i[s]?.focus();
+var s = "button[data-accordion-trigger]";
+function c(e, r) {
+	let i = r.current?.querySelectorAll(s);
+	if (!i || i.length === 0) return;
+	let a = t(), o = Array.from(i), c = o.indexOf(a);
+	if (c === -1) return;
+	let l = n(e.key, c, o.length, "vertical");
+	l !== void 0 && (e.preventDefault(), o[l]?.focus());
 }
-var s = r.forwardRef((t, n) => {
-	let { type: a, headingLevel: o = "h3", className: s, children: u, onKeyDown: d, ...f } = t, p = r.useRef(null), m = e(n, p);
-	return i(a === "single" ? c : l, {
+function l(t) {
+	let { ref: n, type: r, headingLevel: i = "h3", className: s, children: c, onKeyDown: l, ...f } = t, p = a.useRef(null), m = e(n, p);
+	return o(r === "single" ? u : d, {
 		...f,
-		headingLevel: o,
+		headingLevel: i,
 		className: s,
 		rootRef: p,
 		composedRef: m,
-		onKeyDown: d,
-		children: u
+		onKeyDown: l,
+		children: c
 	});
-});
-s.displayName = "Accordion";
-function c({ value: e, defaultValue: a, onValueChange: s, collapsible: c = !1, headingLevel: l, className: u, children: d, rootRef: f, composedRef: p, onKeyDown: m, ...h }) {
-	let [g, _] = t(e, a, s);
-	return /* @__PURE__ */ i(n, {
-		value: r.useMemo(() => ({
+}
+l.displayName = "Accordion";
+function u({ value: e, defaultValue: t, onValueChange: n, collapsible: s = !1, headingLevel: l, className: u, children: d, rootRef: f, composedRef: p, onKeyDown: m, ...h }) {
+	let [g, _] = r(e, t, n);
+	return /* @__PURE__ */ o(i, {
+		value: a.useMemo(() => ({
 			type: "single",
-			collapsible: c,
+			collapsible: s,
 			headingLevel: l,
 			isItemOpen: (e) => g === e,
 			toggleItem: (e) => {
-				g === e ? c && _(void 0) : _(e);
+				g === e ? s && _(void 0) : _(e);
 			}
 		}), [
 			g,
 			_,
-			c,
+			s,
 			l
 		]),
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ o("div", {
 			ref: p,
 			className: u,
 			onKeyDown: (e) => {
-				o(e, f), m?.(e);
+				c(e, f), m?.(e);
 			},
 			...h,
 			children: d
 		})
 	});
 }
-function l({ value: e, defaultValue: a, onValueChange: s, headingLevel: c, className: l, children: u, rootRef: d, composedRef: f, onKeyDown: p, ...m }) {
-	let [h, g] = t(e, a ?? [], s);
-	return /* @__PURE__ */ i(n, {
-		value: r.useMemo(() => ({
+function d({ value: e, defaultValue: t, onValueChange: n, headingLevel: s, className: l, children: u, rootRef: d, composedRef: f, onKeyDown: p, ...m }) {
+	let [h, g] = r(e, t ?? [], n);
+	return /* @__PURE__ */ o(i, {
+		value: a.useMemo(() => ({
 			type: "multiple",
 			collapsible: !0,
-			headingLevel: c,
+			headingLevel: s,
 			isItemOpen: (e) => h.includes(e),
 			toggleItem: (e) => {
 				h.includes(e) ? g(h.filter((t) => t !== e)) : g([...h, e]);
@@ -84,13 +71,13 @@ function l({ value: e, defaultValue: a, onValueChange: s, headingLevel: c, class
 		}), [
 			h,
 			g,
-			c
+			s
 		]),
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ o("div", {
 			ref: f,
 			className: l,
 			onKeyDown: (e) => {
-				o(e, d), p?.(e);
+				c(e, d), p?.(e);
 			},
 			...m,
 			children: u
@@ -98,6 +85,6 @@ function l({ value: e, defaultValue: a, onValueChange: s, headingLevel: c, class
 	});
 }
 //#endregion
-export { s as Accordion };
+export { l as Accordion };
 
 //# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { AccordionContext } from \"@nuka/components/Accordion/Accordion.context\";\nimport type { HeadingLevel } from \"@nuka/components/Accordion/Accordion.context\";\n\ninterface AccordionSingleProps extends React.HTMLAttributes<HTMLDivElement> {\n  type: \"single\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  collapsible?: boolean;\n  headingLevel?: HeadingLevel;\n}\n\ninterface AccordionMultipleProps extends React.HTMLAttributes<HTMLDivElement> {\n  type: \"multiple\";\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n  collapsible?: never;\n  headingLevel?: HeadingLevel;\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nconst TRIGGER_SELECTOR = \"button[data-accordion-trigger]\";\n\nfunction handleKeyboardNavigation(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  rootRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const triggers = rootRef.current?.querySelectorAll(TRIGGER_SELECTOR);\n  if (!triggers || triggers.length === 0) return;\n\n  const active = document.activeElement;\n  const items = Array.from(triggers) as HTMLButtonElement[];\n  const currentIndex = items.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  let nextIndex: number | undefined;\n\n  switch (e.key) {\n    case \"ArrowDown\":\n      nextIndex = (currentIndex + 1) % items.length;\n      break;\n    case \"ArrowUp\":\n      nextIndex = (currentIndex - 1 + items.length) % items.length;\n      break;\n    case \"Home\":\n      nextIndex = 0;\n      break;\n    case \"End\":\n      nextIndex = items.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  e.preventDefault();\n  items[nextIndex]?.focus();\n}\n\nconst Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  (props, ref) => {\n    const {\n      type,\n      headingLevel = \"h3\",\n      className,\n      children,\n      onKeyDown,\n      ...rest\n    } = props;\n\n    const rootRef = React.useRef<HTMLDivElement>(null);\n    const composedRef = composeRefs(ref, rootRef);\n\n    if (type === \"single\") {\n      return (\n        <AccordionSingle\n          {...(rest as Omit<\n            AccordionSingleProps,\n            \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n          >)}\n          headingLevel={headingLevel}\n          className={className}\n          rootRef={rootRef}\n          composedRef={composedRef}\n          onKeyDown={onKeyDown}\n        >\n          {children}\n        </AccordionSingle>\n      );\n    }\n\n    return (\n      <AccordionMultiple\n        {...(rest as Omit<\n          AccordionMultipleProps,\n          \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n        >)}\n        headingLevel={headingLevel}\n        className={className}\n        rootRef={rootRef}\n        composedRef={composedRef}\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      </AccordionMultiple>\n    );\n  },\n);\n\nAccordion.displayName = \"Accordion\";\n\ninterface AccordionInternalProps {\n  headingLevel: HeadingLevel;\n  className: string | undefined;\n  children: React.ReactNode | undefined;\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  composedRef: (node: HTMLDivElement | null) => void;\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement> | undefined;\n}\n\nfunction AccordionSingle({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionSingleProps, \"type\"> & AccordionInternalProps) {\n  const [value, setValue] = useControllableState<string | undefined>(\n    controlledValue,\n    defaultValue,\n    onValueChange as ((value: string | undefined) => void) | undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"single\" as const,\n      collapsible,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value === itemValue,\n      toggleItem: (itemValue: string) => {\n        if (value === itemValue) {\n          if (collapsible) {\n            setValue(undefined);\n          }\n        } else {\n          setValue(itemValue);\n        }\n      },\n    }),\n    [value, setValue, collapsible, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nfunction AccordionMultiple({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionMultipleProps, \"type\" | \"collapsible\"> &\n  AccordionInternalProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? [],\n    onValueChange,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"multiple\" as const,\n      collapsible: true,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value.includes(itemValue),\n      toggleItem: (itemValue: string) => {\n        if (value.includes(itemValue)) {\n          setValue(value.filter((v) => v !== itemValue));\n        } else {\n          setValue([...value, itemValue]);\n        }\n      },\n    }),\n    [value, setValue, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nexport { Accordion };\n"],"mappings":";;;;;;;AA2BA,IAAM,IAAmB;AAEzB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAW,EAAQ,SAAS,iBAAiB,EAAiB;AACpE,KAAI,CAAC,KAAY,EAAS,WAAW,EAAG;CAExC,IAAM,IAAS,SAAS,eAClB,IAAQ,MAAM,KAAK,EAAS,EAC5B,IAAe,EAAM,QAAQ,EAA4B;AAC/D,KAAI,MAAiB,GAAI;CAEzB,IAAI;AAEJ,SAAQ,EAAE,KAAV;EACE,KAAK;AACH,QAAa,IAAe,KAAK,EAAM;AACvC;EACF,KAAK;AACH,QAAa,IAAe,IAAI,EAAM,UAAU,EAAM;AACtD;EACF,KAAK;AACH,OAAY;AACZ;EACF,KAAK;AACH,OAAY,EAAM,SAAS;AAC3B;EACF,QACE;;AAIJ,CADA,EAAE,gBAAgB,EAClB,EAAM,IAAY,OAAO;;AAG3B,IAAM,IAAY,EAAM,YACrB,GAAO,MAAQ;CACd,IAAM,EACJ,SACA,kBAAe,MACf,cACA,aACA,cACA,GAAG,MACD,GAEE,IAAU,EAAM,OAAuB,KAAK,EAC5C,IAAc,EAAY,GAAK,EAAQ;AAoB7C,QAhBI,EAFA,MAAS,WAER,IAiBF,GAjBC;EACE,GAAK;EAIS;EACH;EACF;EACI;EACF;EAEV;EACe,CAAA;EAoBzB;AAED,EAAU,cAAc;AAWxB,SAAS,EAAgB,EACvB,OAAO,GACP,iBACA,kBACA,iBAAc,IACd,iBACA,cACA,aACA,YACA,gBACA,cACA,GAAG,KAC2D;CAC9D,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,GACA,EACD;AAqBD,QACE,kBAAC,GAAD;EAAkB,OApBC,EAAM,eAClB;GACL,MAAM;GACN;GACA;GACA,aAAa,MAAsB,MAAU;GAC7C,aAAa,MAAsB;AACjC,IAAI,MAAU,IACR,KACF,EAAS,KAAA,EAAU,GAGrB,EAAS,EAAU;;GAGxB,GACD;GAAC;GAAO;GAAU;GAAa;GAAa,CAC7C;YAIG,kBAAC,OAAD;GACE,KAAK;GACM;GACX,YAAY,MAAM;AAEhB,IADA,EAAyB,GAAG,EAAQ,EACpC,IAAY,EAAE;;GAEhB,GAAI;GAEH;GACG,CAAA;EACW,CAAA;;AAIvB,SAAS,EAAkB,EACzB,OAAO,GACP,iBACA,kBACA,iBACA,cACA,aACA,YACA,gBACA,cACA,GAAG,KAEqB;CACxB,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,KAAgB,EAAE,EAClB,EACD;AAmBD,QACE,kBAAC,GAAD;EAAkB,OAlBC,EAAM,eAClB;GACL,MAAM;GACN,aAAa;GACb;GACA,aAAa,MAAsB,EAAM,SAAS,EAAU;GAC5D,aAAa,MAAsB;AACjC,IAAI,EAAM,SAAS,EAAU,GAC3B,EAAS,EAAM,QAAQ,MAAM,MAAM,EAAU,CAAC,GAE9C,EAAS,CAAC,GAAG,GAAO,EAAU,CAAC;;GAGpC,GACD;GAAC;GAAO;GAAU;GAAa,CAChC;YAIG,kBAAC,OAAD;GACE,KAAK;GACM;GACX,YAAY,MAAM;AAEhB,IADA,EAAyB,GAAG,EAAQ,EACpC,IAAY,EAAE;;GAEhB,GAAI;GAEH;GACG,CAAA;EACW,CAAA"}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { AccordionContext } from \"@nuka/components/Accordion/Accordion.context\";\nimport type { HeadingLevel } from \"@nuka/components/Accordion/Accordion.context\";\n\ninterface AccordionSingleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  type: \"single\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  collapsible?: boolean;\n  headingLevel?: HeadingLevel;\n}\n\ninterface AccordionMultipleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  type: \"multiple\";\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n  collapsible?: never;\n  headingLevel?: HeadingLevel;\n}\n\nexport type AccordionProps = AccordionSingleProps | AccordionMultipleProps;\n\nconst TRIGGER_SELECTOR = \"button[data-accordion-trigger]\";\n\nfunction handleKeyboardNavigation(\n  e: React.KeyboardEvent<HTMLDivElement>,\n  rootRef: React.RefObject<HTMLDivElement | null>,\n) {\n  const triggers = rootRef.current?.querySelectorAll(TRIGGER_SELECTOR);\n  if (!triggers || triggers.length === 0) return;\n\n  const active = getActiveElement();\n  const items = Array.from(triggers) as HTMLButtonElement[];\n  const currentIndex = items.indexOf(active as HTMLButtonElement);\n  if (currentIndex === -1) return;\n\n  const nextIndex = getRovingIndex(\n    e.key,\n    currentIndex,\n    items.length,\n    \"vertical\",\n  );\n  if (nextIndex === undefined) return;\n\n  e.preventDefault();\n  items[nextIndex]?.focus();\n}\n\nfunction Accordion(props: AccordionProps) {\n  const {\n    ref,\n    type,\n    headingLevel = \"h3\",\n    className,\n    children,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, rootRef);\n\n  if (type === \"single\") {\n    return (\n      <AccordionSingle\n        {...(rest as Omit<\n          AccordionSingleProps,\n          \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n        >)}\n        headingLevel={headingLevel}\n        className={className}\n        rootRef={rootRef}\n        composedRef={composedRef}\n        onKeyDown={onKeyDown}\n      >\n        {children}\n      </AccordionSingle>\n    );\n  }\n\n  return (\n    <AccordionMultiple\n      {...(rest as Omit<\n        AccordionMultipleProps,\n        \"type\" | \"headingLevel\" | \"className\" | \"children\" | \"onKeyDown\"\n      >)}\n      headingLevel={headingLevel}\n      className={className}\n      rootRef={rootRef}\n      composedRef={composedRef}\n      onKeyDown={onKeyDown}\n    >\n      {children}\n    </AccordionMultiple>\n  );\n}\n\nAccordion.displayName = \"Accordion\";\n\ninterface AccordionInternalProps {\n  headingLevel: HeadingLevel;\n  className: string | undefined;\n  children: React.ReactNode | undefined;\n  rootRef: React.RefObject<HTMLDivElement | null>;\n  composedRef: (node: HTMLDivElement | null) => void;\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement> | undefined;\n}\n\nfunction AccordionSingle({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  collapsible = false,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionSingleProps, \"type\"> & AccordionInternalProps) {\n  const [value, setValue] = useControllableState<string | undefined>(\n    controlledValue,\n    defaultValue,\n    onValueChange as ((value: string | undefined) => void) | undefined,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"single\" as const,\n      collapsible,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value === itemValue,\n      toggleItem: (itemValue: string) => {\n        if (value === itemValue) {\n          if (collapsible) {\n            setValue(undefined);\n          }\n        } else {\n          setValue(itemValue);\n        }\n      },\n    }),\n    [value, setValue, collapsible, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nfunction AccordionMultiple({\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  headingLevel,\n  className,\n  children,\n  rootRef,\n  composedRef,\n  onKeyDown,\n  ...divProps\n}: Omit<AccordionMultipleProps, \"type\" | \"collapsible\"> &\n  AccordionInternalProps) {\n  const [value, setValue] = useControllableState(\n    controlledValue,\n    defaultValue ?? [],\n    onValueChange,\n  );\n\n  const contextValue = React.useMemo(\n    () => ({\n      type: \"multiple\" as const,\n      collapsible: true,\n      headingLevel,\n      isItemOpen: (itemValue: string) => value.includes(itemValue),\n      toggleItem: (itemValue: string) => {\n        if (value.includes(itemValue)) {\n          setValue(value.filter((v) => v !== itemValue));\n        } else {\n          setValue([...value, itemValue]);\n        }\n      },\n    }),\n    [value, setValue, headingLevel],\n  );\n\n  return (\n    <AccordionContext value={contextValue}>\n      <div\n        ref={composedRef}\n        className={className}\n        onKeyDown={(e) => {\n          handleKeyboardNavigation(e, rootRef);\n          onKeyDown?.(e);\n        }}\n        {...divProps}\n      >\n        {children}\n      </div>\n    </AccordionContext>\n  );\n}\n\nexport { Accordion };\n"],"mappings":";;;;;;;;;AA+BA,IAAM,IAAmB;AAEzB,SAAS,EACP,GACA,GACA;CACA,IAAM,IAAW,EAAQ,SAAS,iBAAiB,EAAiB;AACpE,KAAI,CAAC,KAAY,EAAS,WAAW,EAAG;CAExC,IAAM,IAAS,GAAkB,EAC3B,IAAQ,MAAM,KAAK,EAAS,EAC5B,IAAe,EAAM,QAAQ,EAA4B;AAC/D,KAAI,MAAiB,GAAI;CAEzB,IAAM,IAAY,EAChB,EAAE,KACF,GACA,EAAM,QACN,WACD;AACG,OAAc,KAAA,MAElB,EAAE,gBAAgB,EAClB,EAAM,IAAY,OAAO;;AAG3B,SAAS,EAAU,GAAuB;CACxC,IAAM,EACJ,QACA,SACA,kBAAe,MACf,cACA,aACA,cACA,GAAG,MACD,GAEE,IAAU,EAAM,OAAuB,KAAK,EAC5C,IAAc,EAAY,GAAK,EAAQ;AAoB7C,QAhBI,EAFA,MAAS,WAER,IAiBF,GAjBC;EACE,GAAK;EAIS;EACH;EACF;EACI;EACF;EAEV;EACe,CAAA;;AAqBxB,EAAU,cAAc;AAWxB,SAAS,EAAgB,EACvB,OAAO,GACP,iBACA,kBACA,iBAAc,IACd,iBACA,cACA,aACA,YACA,gBACA,cACA,GAAG,KAC2D;CAC9D,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,GACA,EACD;AAqBD,QACE,kBAAC,GAAD;EAAkB,OApBC,EAAM,eAClB;GACL,MAAM;GACN;GACA;GACA,aAAa,MAAsB,MAAU;GAC7C,aAAa,MAAsB;AACjC,IAAI,MAAU,IACR,KACF,EAAS,KAAA,EAAU,GAGrB,EAAS,EAAU;;GAGxB,GACD;GAAC;GAAO;GAAU;GAAa;GAAa,CAC7C;YAIG,kBAAC,OAAD;GACE,KAAK;GACM;GACX,YAAY,MAAM;AAEhB,IADA,EAAyB,GAAG,EAAQ,EACpC,IAAY,EAAE;;GAEhB,GAAI;GAEH;GACG,CAAA;EACW,CAAA;;AAIvB,SAAS,EAAkB,EACzB,OAAO,GACP,iBACA,kBACA,iBACA,cACA,aACA,YACA,gBACA,cACA,GAAG,KAEqB;CACxB,IAAM,CAAC,GAAO,KAAY,EACxB,GACA,KAAgB,EAAE,EAClB,EACD;AAmBD,QACE,kBAAC,GAAD;EAAkB,OAlBC,EAAM,eAClB;GACL,MAAM;GACN,aAAa;GACb;GACA,aAAa,MAAsB,EAAM,SAAS,EAAU;GAC5D,aAAa,MAAsB;AACjC,IAAI,EAAM,SAAS,EAAU,GAC3B,EAAS,EAAM,QAAQ,MAAM,MAAM,EAAU,CAAC,GAE9C,EAAS,CAAC,GAAG,GAAO,EAAU,CAAC;;GAGpC,GACD;GAAC;GAAO;GAAU;GAAa,CAChC;YAIG,kBAAC,OAAD;GACE,KAAK;GACM;GACX,YAAY,MAAM;AAEhB,IADA,EAAyB,GAAG,EAAQ,EACpC,IAAY,EAAE;;GAEhB,GAAI;GAEH;GACG,CAAA;EACW,CAAA"}

package/dist/components/Accordion/AccordionContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Collapsible/CollapsibleContent.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);var i=n.forwardRef(({className:e,children:n,...i},a)=>(0,r.jsx)(t.CollapsibleContent,{ref:a,className:e,...i,children:(0,r.jsx)(`div`,{className:`pb-(--space-4)`,children:n})}));i.displayName=`AccordionContent`,exports.AccordionContent=i;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Collapsible/CollapsibleContent.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,children:i,...a}){return(0,r.jsx)(t.CollapsibleContent,{ref:e,className:n,...a,children:(0,r.jsx)(`div`,{className:`pb-(--space-4)`,children:i})})}i.displayName=`AccordionContent`,exports.AccordionContent=i;
 //# sourceMappingURL=AccordionContent.cjs.map

package/dist/components/Accordion/AccordionContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { CollapsibleContent } from \"@nuka/components/Collapsible\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AccordionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <CollapsibleContent ref={ref} className={className} {...props}>\n      <div className=\"pb-(--space-4)\">{children}</div>\n    </CollapsibleContent>\n  );\n});\n\nAccordionContent.displayName = \"AccordionContent\";\n\nexport { AccordionContent };\n"],"mappings":"mMAMA,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,WAAU,GAAG,GAAS,KAElC,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAgB,YAAW,GAAI,YACtD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CAC7B,CAAA,CAEvB,CAEF,EAAiB,YAAc"}
+{"version":3,"file":"AccordionContent.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { CollapsibleContent } from \"@nuka/components/Collapsible\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction AccordionContent({\n  ref,\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  return (\n    <CollapsibleContent ref={ref} className={className} {...props}>\n      <div className=\"pb-(--space-4)\">{children}</div>\n    </CollapsibleContent>\n  );\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n\nexport { AccordionContent };\n"],"mappings":"mMAQA,SAAS,EAAiB,CACxB,MACA,YACA,WACA,GAAG,GACqB,CACxB,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAyB,MAAgB,YAAW,GAAI,YACtD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAkB,WAAe,CAAA,CAC7B,CAAA,CAIzB,EAAiB,YAAc"}

package/dist/components/Accordion/AccordionContent.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function AccordionContent({ ref, className, children, ...props }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionContent {
+    var displayName: string;
 }
-declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
 export { AccordionContent };
 //# sourceMappingURL=AccordionContent.d.ts.map

package/dist/components/Accordion/AccordionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FASpB,CAAC;AAIH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAMvB;kBAXQ,gBAAgB;;;AAezB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Accordion/AccordionContent.js

@@ -1,19 +1,21 @@
 "use client";
 import { CollapsibleContent as e } from "../Collapsible/CollapsibleContent.js";
-import * as t from "react";
-import { jsx as n } from "react/jsx-runtime";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Accordion/AccordionContent.tsx
-var r = t.forwardRef(({ className: t, children: r, ...i }, a) => /* @__PURE__ */ n(e, {
-	ref: a,
-	className: t,
-	...i,
-	children: /* @__PURE__ */ n("div", {
-		className: "pb-(--space-4)",
-		children: r
-	})
-}));
-r.displayName = "AccordionContent";
+function n({ ref: n, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t(e, {
+		ref: n,
+		className: r,
+		...a,
+		children: /* @__PURE__ */ t("div", {
+			className: "pb-(--space-4)",
+			children: i
+		})
+	});
+}
+n.displayName = "AccordionContent";
 //#endregion
-export { r as AccordionContent };
+export { n as AccordionContent };
 
 //# sourceMappingURL=AccordionContent.js.map

package/dist/components/Accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","names":[],"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { CollapsibleContent } from \"@nuka/components/Collapsible\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AccordionContent = React.forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <CollapsibleContent ref={ref} className={className} {...props}>\n      <div className=\"pb-(--space-4)\">{children}</div>\n    </CollapsibleContent>\n  );\n});\n\nAccordionContent.displayName = \"AccordionContent\";\n\nexport { AccordionContent };\n"],"mappings":";;;;;AAMA,IAAM,IAAmB,EAAM,YAG5B,EAAE,cAAW,aAAU,GAAG,KAAS,MAElC,kBAAC,GAAD;CAAyB;CAAgB;CAAW,GAAI;WACtD,kBAAC,OAAD;EAAK,WAAU;EAAkB;EAAe,CAAA;CAC7B,CAAA,CAEvB;AAEF,EAAiB,cAAc"}
+{"version":3,"file":"AccordionContent.js","names":[],"sources":["../../../src/components/Accordion/AccordionContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { CollapsibleContent } from \"@nuka/components/Collapsible\";\n\nexport interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction AccordionContent({\n  ref,\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  return (\n    <CollapsibleContent ref={ref} className={className} {...props}>\n      <div className=\"pb-(--space-4)\">{children}</div>\n    </CollapsibleContent>\n  );\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n\nexport { AccordionContent };\n"],"mappings":";;;;;AAQA,SAAS,EAAiB,EACxB,QACA,cACA,aACA,GAAG,KACqB;AACxB,QACE,kBAAC,GAAD;EAAyB;EAAgB;EAAW,GAAI;YACtD,kBAAC,OAAD;GAAK,WAAU;GAAkB;GAAe,CAAA;EAC7B,CAAA;;AAIzB,EAAiB,cAAc"}

package/dist/components/Accordion/AccordionItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Accordion.context.cjs`),r=require(`../Collapsible/Collapsible.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({value:e,disabled:o=!1,className:s,children:c,...l},u)=>{let{isItemOpen:d,toggleItem:f}=n.useAccordionContext(),p=d(e);return(0,a.jsx)(n.AccordionItemContext,{value:i.useMemo(()=>({value:e,disabled:o,open:p}),[e,o,p]),children:(0,a.jsx)(r.Collapsible,{ref:u,open:p,onOpenChange:()=>f(e),disabled:o,className:t.cn(`border-b border-(--nuka-border-base)`,s),...l,children:c})})});o.displayName=`AccordionItem`,exports.AccordionItem=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Accordion.context.cjs`),r=require(`../Collapsible/Collapsible.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,value:o,disabled:s=!1,className:c,children:l,...u}){let{isItemOpen:d,toggleItem:f}=n.useAccordionContext(),p=d(o);return(0,a.jsx)(n.AccordionItemContext,{value:i.useMemo(()=>({value:o,disabled:s,open:p}),[o,s,p]),children:(0,a.jsx)(r.Collapsible,{ref:e,open:p,onOpenChange:()=>f(o),disabled:s,className:t.cn(`border-b border-(--nuka-border-base)`,c),...u,children:l})})}o.displayName=`AccordionItem`,exports.AccordionItem=o;
 //# sourceMappingURL=AccordionItem.cjs.map

package/dist/components/Accordion/AccordionItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Collapsible } from \"@nuka/components/Collapsible\";\nimport {\n  AccordionItemContext,\n  useAccordionContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  disabled?: boolean;\n}\n\nconst AccordionItem = React.forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ value, disabled = false, className, children, ...props }, ref) => {\n    const { isItemOpen, toggleItem } = useAccordionContext();\n    const open = isItemOpen(value);\n\n    const itemContextValue = React.useMemo(\n      () => ({ value, disabled, open }),\n      [value, disabled, open],\n    );\n\n    return (\n      <AccordionItemContext value={itemContextValue}>\n        <Collapsible\n          ref={ref}\n          open={open}\n          onOpenChange={() => toggleItem(value)}\n          disabled={disabled}\n          className={cn(\"border-b border-(--nuka-border-base)\", className)}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </AccordionItemContext>\n    );\n  },\n);\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport { AccordionItem };\n"],"mappings":"iQAcA,IAAM,EAAgB,EAAM,YACzB,CAAE,QAAO,WAAW,GAAO,YAAW,WAAU,GAAG,GAAS,IAAQ,CACnE,GAAM,CAAE,aAAY,cAAe,EAAA,qBAAqB,CAClD,EAAO,EAAW,EAAM,CAO9B,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,MANC,EAAM,aACtB,CAAE,QAAO,WAAU,OAAM,EAChC,CAAC,EAAO,EAAU,EAAK,CACxB,WAIG,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACC,OACN,iBAAoB,EAAW,EAAM,CAC3B,WACV,UAAW,EAAA,GAAG,uCAAwC,EAAU,CAChE,GAAI,EAEH,WACW,CAAA,CACO,CAAA,EAG5B,CAED,EAAc,YAAc"}
+{"version":3,"file":"AccordionItem.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Collapsible } from \"@nuka/components/Collapsible\";\nimport {\n  AccordionItemContext,\n  useAccordionContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n}\n\nfunction AccordionItem({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const { isItemOpen, toggleItem } = useAccordionContext();\n  const open = isItemOpen(value);\n\n  const itemContextValue = React.useMemo(\n    () => ({ value, disabled, open }),\n    [value, disabled, open],\n  );\n\n  return (\n    <AccordionItemContext value={itemContextValue}>\n      <Collapsible\n        ref={ref}\n        open={open}\n        onOpenChange={() => toggleItem(value)}\n        disabled={disabled}\n        className={cn(\"border-b border-(--nuka-border-base)\", className)}\n        {...props}\n      >\n        {children}\n      </Collapsible>\n    </AccordionItemContext>\n  );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport { AccordionItem };\n"],"mappings":"iQAeA,SAAS,EAAc,CACrB,MACA,QACA,WAAW,GACX,YACA,WACA,GAAG,GACkB,CACrB,GAAM,CAAE,aAAY,cAAe,EAAA,qBAAqB,CAClD,EAAO,EAAW,EAAM,CAO9B,OACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CAAsB,MANC,EAAM,aACtB,CAAE,QAAO,WAAU,OAAM,EAChC,CAAC,EAAO,EAAU,EAAK,CACxB,WAIG,EAAA,EAAA,KAAC,EAAA,YAAD,CACO,MACC,OACN,iBAAoB,EAAW,EAAM,CAC3B,WACV,UAAW,EAAA,GAAG,uCAAwC,EAAU,CAChE,GAAI,EAEH,WACW,CAAA,CACO,CAAA,CAI3B,EAAc,YAAc"}

package/dist/components/Accordion/AccordionItem.d.ts

@@ -1,8 +1,12 @@
 import * as React from "react";
 export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     value: string;
     disabled?: boolean;
 }
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+declare function AccordionItem({ ref, value, disabled, className, children, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionItem {
+    var displayName: string;
+}
 export { AccordionItem };
 //# sourceMappingURL=AccordionItem.d.ts.map

package/dist/components/Accordion/AccordionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,2FAyBlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAuBpB;kBA9BQ,aAAa;;;AAkCtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Accordion/AccordionItem.js

@@ -5,29 +5,29 @@ import { Collapsible as r } from "../Collapsible/Collapsible.js";
 import * as i from "react";
 import { jsx as a } from "react/jsx-runtime";
 //#region src/components/Accordion/AccordionItem.tsx
-var o = i.forwardRef(({ value: o, disabled: s = !1, className: c, children: l, ...u }, d) => {
-	let { isItemOpen: f, toggleItem: p } = n(), m = f(o);
+function o({ ref: o, value: s, disabled: c = !1, className: l, children: u, ...d }) {
+	let { isItemOpen: f, toggleItem: p } = n(), m = f(s);
 	return /* @__PURE__ */ a(t, {
 		value: i.useMemo(() => ({
-			value: o,
-			disabled: s,
+			value: s,
+			disabled: c,
 			open: m
 		}), [
-			o,
 			s,
+			c,
 			m
 		]),
 		children: /* @__PURE__ */ a(r, {
-			ref: d,
+			ref: o,
 			open: m,
-			onOpenChange: () => p(o),
-			disabled: s,
-			className: e("border-b border-(--nuka-border-base)", c),
-			...u,
-			children: l
+			onOpenChange: () => p(s),
+			disabled: c,
+			className: e("border-b border-(--nuka-border-base)", l),
+			...d,
+			children: u
 		})
 	});
-});
+}
 o.displayName = "AccordionItem";
 //#endregion
 export { o as AccordionItem };

package/dist/components/Accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Collapsible } from \"@nuka/components/Collapsible\";\nimport {\n  AccordionItemContext,\n  useAccordionContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n  disabled?: boolean;\n}\n\nconst AccordionItem = React.forwardRef<HTMLDivElement, AccordionItemProps>(\n  ({ value, disabled = false, className, children, ...props }, ref) => {\n    const { isItemOpen, toggleItem } = useAccordionContext();\n    const open = isItemOpen(value);\n\n    const itemContextValue = React.useMemo(\n      () => ({ value, disabled, open }),\n      [value, disabled, open],\n    );\n\n    return (\n      <AccordionItemContext value={itemContextValue}>\n        <Collapsible\n          ref={ref}\n          open={open}\n          onOpenChange={() => toggleItem(value)}\n          disabled={disabled}\n          className={cn(\"border-b border-(--nuka-border-base)\", className)}\n          {...props}\n        >\n          {children}\n        </Collapsible>\n      </AccordionItemContext>\n    );\n  },\n);\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport { AccordionItem };\n"],"mappings":";;;;;;;AAcA,IAAM,IAAgB,EAAM,YACzB,EAAE,UAAO,cAAW,IAAO,cAAW,aAAU,GAAG,KAAS,MAAQ;CACnE,IAAM,EAAE,eAAY,kBAAe,GAAqB,EAClD,IAAO,EAAW,EAAM;AAO9B,QACE,kBAAC,GAAD;EAAsB,OANC,EAAM,eACtB;GAAE;GAAO;GAAU;GAAM,GAChC;GAAC;GAAO;GAAU;GAAK,CACxB;YAIG,kBAAC,GAAD;GACO;GACC;GACN,oBAAoB,EAAW,EAAM;GAC3B;GACV,WAAW,EAAG,wCAAwC,EAAU;GAChE,GAAI;GAEH;GACW,CAAA;EACO,CAAA;EAG5B;AAED,EAAc,cAAc"}
+{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/Accordion/AccordionItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Collapsible } from \"@nuka/components/Collapsible\";\nimport {\n  AccordionItemContext,\n  useAccordionContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value: string;\n  disabled?: boolean;\n}\n\nfunction AccordionItem({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const { isItemOpen, toggleItem } = useAccordionContext();\n  const open = isItemOpen(value);\n\n  const itemContextValue = React.useMemo(\n    () => ({ value, disabled, open }),\n    [value, disabled, open],\n  );\n\n  return (\n    <AccordionItemContext value={itemContextValue}>\n      <Collapsible\n        ref={ref}\n        open={open}\n        onOpenChange={() => toggleItem(value)}\n        disabled={disabled}\n        className={cn(\"border-b border-(--nuka-border-base)\", className)}\n        {...props}\n      >\n        {children}\n      </Collapsible>\n    </AccordionItemContext>\n  );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport { AccordionItem };\n"],"mappings":";;;;;;;AAeA,SAAS,EAAc,EACrB,QACA,UACA,cAAW,IACX,cACA,aACA,GAAG,KACkB;CACrB,IAAM,EAAE,eAAY,kBAAe,GAAqB,EAClD,IAAO,EAAW,EAAM;AAO9B,QACE,kBAAC,GAAD;EAAsB,OANC,EAAM,eACtB;GAAE;GAAO;GAAU;GAAM,GAChC;GAAC;GAAO;GAAU;GAAK,CACxB;YAIG,kBAAC,GAAD;GACO;GACC;GACN,oBAAoB,EAAW,EAAM;GAC3B;GACV,WAAW,EAAG,wCAAwC,EAAU;GAChE,GAAI;GAEH;GACW,CAAA;EACO,CAAA;;AAI3B,EAAc,cAAc"}

package/dist/components/Accordion/AccordionTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Accordion.context.cjs`),r=require(`../Collapsible/CollapsibleTrigger.cjs`),i=require(`../Icon/Icon.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({className:e,children:a,...s},c)=>{let{headingLevel:l}=n.useAccordionContext(),{open:u}=n.useAccordionItemContext();return(0,o.jsx)(l,{className:`flex`,children:(0,o.jsxs)(r.CollapsibleTrigger,{ref:c,"data-accordion-trigger":``,className:t.cn(`flex flex-1 items-center justify-between`,`py-(--space-4)`,`text-[length:var(--font-size-sm)]`,`font-[number:var(--font-weight-medium)]`,`text-(--nuka-text-base)`,`transition-colors duration-150`,`hover:underline`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:pointer-events-none disabled:opacity-50`,e),...s,children:[a,(0,o.jsx)(i.Icon,{size:`sm`,className:t.cn(`transition-transform duration-200`,u&&`rotate-180`),children:(0,o.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})})});s.displayName=`AccordionTrigger`,exports.AccordionTrigger=s;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Accordion.context.cjs`),r=require(`../Collapsible/CollapsibleTrigger.cjs`),i=require(`../Icon/Icon.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({ref:e,className:a,children:s,...c}){let{headingLevel:l}=n.useAccordionContext(),{open:u}=n.useAccordionItemContext();return(0,o.jsx)(l,{className:`flex`,children:(0,o.jsxs)(r.CollapsibleTrigger,{ref:e,"data-accordion-trigger":``,className:t.cn(`flex flex-1 items-center justify-between`,`py-(--space-4)`,`text-[length:var(--font-size-sm)]`,`font-[number:var(--font-weight-medium)]`,`text-(--nuka-text-base)`,`transition-colors duration-150`,`hover:underline`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,`disabled:pointer-events-none disabled:opacity-50`,a),...c,children:[s,(0,o.jsx)(i.Icon,{size:`sm`,className:t.cn(`transition-transform duration-200`,u&&`rotate-180`),children:(0,o.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,o.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})})}s.displayName=`AccordionTrigger`,exports.AccordionTrigger=s;
 //# sourceMappingURL=AccordionTrigger.cjs.map

package/dist/components/Accordion/AccordionTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionTrigger.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { CollapsibleTrigger } from \"@nuka/components/Collapsible\";\nimport {\n  useAccordionContext,\n  useAccordionItemContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nconst AccordionTrigger = React.forwardRef<\n  HTMLButtonElement,\n  AccordionTriggerProps\n>(({ className, children, ...props }, ref) => {\n  const { headingLevel } = useAccordionContext();\n  const { open } = useAccordionItemContext();\n  const HeadingTag = headingLevel;\n\n  return (\n    <HeadingTag className=\"flex\">\n      <CollapsibleTrigger\n        ref={ref}\n        data-accordion-trigger=\"\"\n        className={cn(\n          \"flex flex-1 items-center justify-between\",\n          \"py-(--space-4)\",\n          \"text-[length:var(--font-size-sm)]\",\n          \"font-[number:var(--font-weight-medium)]\",\n          \"text-(--nuka-text-base)\",\n          \"transition-colors duration-150\",\n          \"hover:underline\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <Icon\n          size=\"sm\"\n          className={cn(\n            \"transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </Icon>\n      </CollapsibleTrigger>\n    </HeadingTag>\n  );\n});\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport { AccordionTrigger };\n"],"mappings":"sSAYA,IAAM,EAAmB,EAAM,YAG5B,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC5C,GAAM,CAAE,gBAAiB,EAAA,qBAAqB,CACxC,CAAE,QAAS,EAAA,yBAAyB,CAG1C,OACE,EAAA,EAAA,KAHiB,EAGjB,CAAY,UAAU,iBACpB,EAAA,EAAA,MAAC,EAAA,mBAAD,CACO,MACL,yBAAuB,GACvB,UAAW,EAAA,GACT,2CACA,iBACA,oCACA,0CACA,0BACA,iCACA,kBACA,yDACA,8CACA,mDACA,EACD,CACD,GAAI,WAhBN,CAkBG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,UAAW,EAAA,GACT,oCACA,GAAQ,aACT,WAED,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CACD,CAAA,CACY,GACV,CAAA,EAEf,CAEF,EAAiB,YAAc"}
+{"version":3,"file":"AccordionTrigger.cjs","names":[],"sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { CollapsibleTrigger } from \"@nuka/components/Collapsible\";\nimport {\n  useAccordionContext,\n  useAccordionItemContext,\n} from \"@nuka/components/Accordion/Accordion.context\";\n\nexport interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n}\n\nfunction AccordionTrigger({\n  ref,\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) {\n  const { headingLevel } = useAccordionContext();\n  const { open } = useAccordionItemContext();\n  const HeadingTag = headingLevel;\n\n  return (\n    <HeadingTag className=\"flex\">\n      <CollapsibleTrigger\n        ref={ref}\n        data-accordion-trigger=\"\"\n        className={cn(\n          \"flex flex-1 items-center justify-between\",\n          \"py-(--space-4)\",\n          \"text-[length:var(--font-size-sm)]\",\n          \"font-[number:var(--font-weight-medium)]\",\n          \"text-(--nuka-text-base)\",\n          \"transition-colors duration-150\",\n          \"hover:underline\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n          \"focus-visible:outline-(--nuka-border-focus)\",\n          \"disabled:pointer-events-none disabled:opacity-50\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <Icon\n          size=\"sm\"\n          className={cn(\n            \"transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <path d=\"m6 9 6 6 6-6\" />\n          </svg>\n        </Icon>\n      </CollapsibleTrigger>\n    </HeadingTag>\n  );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport { AccordionTrigger };\n"],"mappings":"sSAcA,SAAS,EAAiB,CACxB,MACA,YACA,WACA,GAAG,GACqB,CACxB,GAAM,CAAE,gBAAiB,EAAA,qBAAqB,CACxC,CAAE,QAAS,EAAA,yBAAyB,CAG1C,OACE,EAAA,EAAA,KAHiB,EAGjB,CAAY,UAAU,iBACpB,EAAA,EAAA,MAAC,EAAA,mBAAD,CACO,MACL,yBAAuB,GACvB,UAAW,EAAA,GACT,2CACA,iBACA,oCACA,0CACA,0BACA,iCACA,kBACA,yDACA,8CACA,mDACA,EACD,CACD,GAAI,WAhBN,CAkBG,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,UAAW,EAAA,GACT,oCACA,GAAQ,aACT,WAED,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CACD,CAAA,CACY,GACV,CAAA,CAIjB,EAAiB,YAAc"}

package/dist/components/Accordion/AccordionTrigger.d.ts

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface AccordionTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
+}
+declare function AccordionTrigger({ ref, className, children, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AccordionTrigger {
+    var displayName: string;
 }
-declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export { AccordionTrigger };
 //# sourceMappingURL=AccordionTrigger.d.ts.map

package/dist/components/Accordion/AccordionTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE/F,QAAA,MAAM,gBAAgB,iGAmDpB,CAAC;AAIH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC1F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAgDvB;kBArDQ,gBAAgB;;;AAyDzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}