@nuka-ui/core 1.1.1 → 1.1.3

package/dist/components/Combobox/ComboboxListbox.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Combobox.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({className:e,children:a,...o},s)=>{let c=n.useComboboxContext(),l=r.useCallback(e=>{c.listRef.current=e,typeof s==`function`?s(e):s!=null&&(s.current=e)},[s,c.listRef]);return r.useLayoutEffect(()=>{if(c.listRef.current==null)return;let e=c.listRef.current.querySelectorAll(`[role="option"]:not([hidden])`).length;c.setVisibleCount(e)},[c,c.filterText,c.setVisibleCount,c.listRef]),(0,i.jsx)(`div`,{ref:l,id:c.listboxId,role:`listbox`,"aria-label":`Options`,className:t.cn(`max-h-[280px] overflow-y-auto p-(--space-1)`,e),...o,children:a})});a.displayName=`ComboboxListbox`,exports.ComboboxListbox=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Combobox.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:a,children:o,...s}){let c=n.useComboboxContext(),l=r.useCallback(t=>{c.listRef.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e,c.listRef]),{filterText:u,setVisibleCount:d,listRef:f}=c;return r.useLayoutEffect(()=>{if(f.current==null)return;let e=f.current.querySelectorAll(`[role="option"]:not([hidden])`).length;d(e)},[u,d,f]),(0,i.jsx)(`div`,{ref:l,id:c.listboxId,role:`listbox`,"aria-label":`Options`,className:t.cn(`max-h-[280px] overflow-y-auto p-(--space-1)`,a),...s,children:o})}a.displayName=`ComboboxListbox`,exports.ComboboxListbox=a;
 //# sourceMappingURL=ComboboxListbox.cjs.map

package/dist/components/Combobox/ComboboxListbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxListbox.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxListbox = React.forwardRef<HTMLDivElement, ComboboxListboxProps>(\n  ({ className, children, ...props }, ref) => {\n    const ctx = useComboboxContext();\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        ctx.listRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n      },\n      [ref, ctx.listRef],\n    );\n\n    // Count visible options for ComboboxEmpty. Layout effect avoids\n    // flash-of-empty-state by updating before paint.\n    React.useLayoutEffect(() => {\n      if (ctx.listRef.current == null) return;\n      const count = ctx.listRef.current.querySelectorAll(\n        '[role=\"option\"]:not([hidden])',\n      ).length;\n      ctx.setVisibleCount(count);\n    }, [ctx, ctx.filterText, ctx.setVisibleCount, ctx.listRef]);\n\n    return (\n      <div\n        ref={composedRef}\n        id={ctx.listboxId}\n        role=\"listbox\"\n        aria-label=\"Options\"\n        className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":"oNAMA,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC1C,IAAM,EAAM,EAAA,oBAAoB,CAE1B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAI,QAAQ,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAK,EAAI,QAAQ,CACnB,CAYD,OARA,EAAM,oBAAsB,CAC1B,GAAI,EAAI,QAAQ,SAAW,KAAM,OACjC,IAAM,EAAQ,EAAI,QAAQ,QAAQ,iBAChC,gCACD,CAAC,OACF,EAAI,gBAAgB,EAAM,EACzB,CAAC,EAAK,EAAI,WAAY,EAAI,gBAAiB,EAAI,QAAQ,CAAC,EAGzD,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EAAI,UACR,KAAK,UACL,aAAW,UACX,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EAEH,WACG,CAAA,EAGX,CAED,EAAgB,YAAc"}
+{"version":3,"file":"ComboboxListbox.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxListbox({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxListboxProps) {\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref, ctx.listRef],\n  );\n\n  const { filterText, setVisibleCount, listRef } = ctx;\n\n  // Count visible options for ComboboxEmpty. Layout effect avoids\n  // flash-of-empty-state by updating before paint.\n  React.useLayoutEffect(() => {\n    if (listRef.current == null) return;\n    const count = listRef.current.querySelectorAll(\n      '[role=\"option\"]:not([hidden])',\n    ).length;\n    setVisibleCount(count);\n  }, [filterText, setVisibleCount, listRef]);\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      aria-label=\"Options\"\n      className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":"oNAMA,SAAS,EAAgB,CACvB,MACA,YACA,WACA,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,oBAAoB,CAE1B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAI,QAAQ,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAK,EAAI,QAAQ,CACnB,CAEK,CAAE,aAAY,kBAAiB,WAAY,EAYjD,OARA,EAAM,oBAAsB,CAC1B,GAAI,EAAQ,SAAW,KAAM,OAC7B,IAAM,EAAQ,EAAQ,QAAQ,iBAC5B,gCACD,CAAC,OACF,EAAgB,EAAM,EACrB,CAAC,EAAY,EAAiB,EAAQ,CAAC,EAGxC,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EAAI,UACR,KAAK,UACL,aAAW,UACX,UAAW,EAAA,GAAG,8CAA+C,EAAU,CACvE,GAAI,EAEH,WACG,CAAA,CAIV,EAAgB,YAAc"}

package/dist/components/Combobox/ComboboxListbox.d.ts

@@ -1,5 +1,7 @@
 import { ComboboxListboxProps } from './Combobox.types';
-import * as React from "react";
-declare const ComboboxListbox: React.ForwardRefExoticComponent<ComboboxListboxProps & React.RefAttributes<HTMLDivElement>>;
+declare function ComboboxListbox({ ref, className, children, ...props }: ComboboxListboxProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ComboboxListbox {
+    var displayName: string;
+}
 export { ComboboxListbox };
 //# sourceMappingURL=ComboboxListbox.d.ts.map

package/dist/components/Combobox/ComboboxListbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxListbox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,QAAA,MAAM,eAAe,6FAoCpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"ComboboxListbox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAoCtB;kBAzCQ,eAAe;;;AA6CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxListbox.js

@@ -4,29 +4,28 @@ import { useComboboxContext as t } from "./Combobox.context.js";
 import * as n from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxListbox.tsx
-var i = n.forwardRef(({ className: i, children: a, ...o }, s) => {
+function i({ ref: i, className: a, children: o, ...s }) {
 	let c = t(), l = n.useCallback((e) => {
-		c.listRef.current = e, typeof s == "function" ? s(e) : s != null && (s.current = e);
-	}, [s, c.listRef]);
+		c.listRef.current = e, typeof i == "function" ? i(e) : i != null && (i.current = e);
+	}, [i, c.listRef]), { filterText: u, setVisibleCount: d, listRef: f } = c;
 	return n.useLayoutEffect(() => {
-		if (c.listRef.current == null) return;
-		let e = c.listRef.current.querySelectorAll("[role=\"option\"]:not([hidden])").length;
-		c.setVisibleCount(e);
+		if (f.current == null) return;
+		let e = f.current.querySelectorAll("[role=\"option\"]:not([hidden])").length;
+		d(e);
 	}, [
-		c,
-		c.filterText,
-		c.setVisibleCount,
-		c.listRef
+		u,
+		d,
+		f
 	]), /* @__PURE__ */ r("div", {
 		ref: l,
 		id: c.listboxId,
 		role: "listbox",
 		"aria-label": "Options",
-		className: e("max-h-[280px] overflow-y-auto p-(--space-1)", i),
-		...o,
-		children: a
+		className: e("max-h-[280px] overflow-y-auto p-(--space-1)", a),
+		...s,
+		children: o
 	});
-});
+}
 i.displayName = "ComboboxListbox";
 //#endregion
 export { i as ComboboxListbox };

package/dist/components/Combobox/ComboboxListbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxListbox.js","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxListbox = React.forwardRef<HTMLDivElement, ComboboxListboxProps>(\n  ({ className, children, ...props }, ref) => {\n    const ctx = useComboboxContext();\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        ctx.listRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n      },\n      [ref, ctx.listRef],\n    );\n\n    // Count visible options for ComboboxEmpty. Layout effect avoids\n    // flash-of-empty-state by updating before paint.\n    React.useLayoutEffect(() => {\n      if (ctx.listRef.current == null) return;\n      const count = ctx.listRef.current.querySelectorAll(\n        '[role=\"option\"]:not([hidden])',\n      ).length;\n      ctx.setVisibleCount(count);\n    }, [ctx, ctx.filterText, ctx.setVisibleCount, ctx.listRef]);\n\n    return (\n      <div\n        ref={composedRef}\n        id={ctx.listboxId}\n        role=\"listbox\"\n        aria-label=\"Options\"\n        className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":";;;;;;AAMA,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC1C,IAAM,IAAM,GAAoB,EAE1B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAI,QAAQ,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,GAAK,EAAI,QAAQ,CACnB;AAYD,QARA,EAAM,sBAAsB;AAC1B,MAAI,EAAI,QAAQ,WAAW,KAAM;EACjC,IAAM,IAAQ,EAAI,QAAQ,QAAQ,iBAChC,kCACD,CAAC;AACF,IAAI,gBAAgB,EAAM;IACzB;EAAC;EAAK,EAAI;EAAY,EAAI;EAAiB,EAAI;EAAQ,CAAC,EAGzD,kBAAC,OAAD;EACE,KAAK;EACL,IAAI,EAAI;EACR,MAAK;EACL,cAAW;EACX,WAAW,EAAG,+CAA+C,EAAU;EACvE,GAAI;EAEH;EACG,CAAA;EAGX;AAED,EAAgB,cAAc"}
+{"version":3,"file":"ComboboxListbox.js","names":[],"sources":["../../../src/components/Combobox/ComboboxListbox.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxListboxProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxListbox({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxListboxProps) {\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref, ctx.listRef],\n  );\n\n  const { filterText, setVisibleCount, listRef } = ctx;\n\n  // Count visible options for ComboboxEmpty. Layout effect avoids\n  // flash-of-empty-state by updating before paint.\n  React.useLayoutEffect(() => {\n    if (listRef.current == null) return;\n    const count = listRef.current.querySelectorAll(\n      '[role=\"option\"]:not([hidden])',\n    ).length;\n    setVisibleCount(count);\n  }, [filterText, setVisibleCount, listRef]);\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      aria-label=\"Options\"\n      className={cn(\"max-h-[280px] overflow-y-auto p-(--space-1)\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxListbox.displayName = \"ComboboxListbox\";\n\nexport { ComboboxListbox };\n"],"mappings":";;;;;;AAMA,SAAS,EAAgB,EACvB,QACA,cACA,aACA,GAAG,KACoB;CACvB,IAAM,IAAM,GAAoB,EAE1B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAI,QAAQ,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,GAAK,EAAI,QAAQ,CACnB,EAEK,EAAE,eAAY,oBAAiB,eAAY;AAYjD,QARA,EAAM,sBAAsB;AAC1B,MAAI,EAAQ,WAAW,KAAM;EAC7B,IAAM,IAAQ,EAAQ,QAAQ,iBAC5B,kCACD,CAAC;AACF,IAAgB,EAAM;IACrB;EAAC;EAAY;EAAiB;EAAQ,CAAC,EAGxC,kBAAC,OAAD;EACE,KAAK;EACL,IAAI,EAAI;EACR,MAAK;EACL,cAAW;EACX,WAAW,EAAG,+CAA+C,EAAU;EACvE,GAAI;EAEH;EACG,CAAA;;AAIV,EAAgB,cAAc"}

package/dist/components/Combobox/ComboboxOption.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Combobox.context.cjs`),r=require(`./Combobox.utils.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,onSelect:l},u)=>{let d=n.useComboboxContext(),f=i.useRef(null),p=i.useCallback(e=>{f.current=e,typeof u==`function`?u(e):u!=null&&(u.current=e)},[u]),m=d.value===e,h=`${d.listboxId}-option-${e}`,g=r.getLabel(c),_=d.filterText!==``&&!g.toLowerCase().includes(d.filterText.toLowerCase()),v=d.activeDescendantId===h;return i.useLayoutEffect(()=>(d.registerOption(e,g,f.current),()=>{d.unregisterOption(e)}),[]),i.useEffect(()=>{d.registerDisabledOption(e,o)},[d,e,o]),i.useEffect(()=>{v&&f.current!=null&&typeof f.current.scrollIntoView==`function`&&f.current.scrollIntoView({block:`nearest`})},[v]),(0,a.jsx)(`div`,{ref:p,id:h,role:`option`,"aria-selected":m,"aria-disabled":o||void 0,hidden:_||void 0,className:t.cn(`px-(--space-3) py-(--space-2)`,`text-sm`,`cursor-pointer`,`select-none`,`text-(--nuka-text-base)`,o&&`opacity-50 cursor-not-allowed pointer-events-none`,m&&!v&&`bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)`,v&&`bg-(--nuka-bg-muted) outline-none`,!m&&!v&&!o&&`hover:bg-(--nuka-bg-muted)`,s),onClick:()=>{o||(d.onValueChange(e),l?.(),d.onOpenChange(!1))},children:c})});o.displayName=`ComboboxOption`,exports.ComboboxOption=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Combobox.context.cjs`),r=require(`./Combobox.utils.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,onSelect:u}){let d=n.useComboboxContext(),f=i.useRef(null),p=i.useCallback(t=>{f.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]),m=d.value===o,h=`${d.listboxId}-option-${o}`,g=r.getLabel(l),_=d.filterText!==``&&!g.toLowerCase().includes(d.filterText.toLowerCase()),v=d.activeDescendantId===h;return i.useLayoutEffect(()=>(d.registerOption(o,g,f.current),()=>{d.unregisterOption(o)}),[]),i.useEffect(()=>{d.registerDisabledOption(o,s)},[d,o,s]),i.useEffect(()=>{v&&f.current!=null&&typeof f.current.scrollIntoView==`function`&&f.current.scrollIntoView({block:`nearest`})},[v]),(0,a.jsx)(`div`,{ref:p,id:h,role:`option`,"aria-selected":m,"aria-disabled":s||void 0,hidden:_||void 0,className:t.cn(`px-(--space-3) py-(--space-2)`,`text-sm`,`cursor-pointer`,`select-none`,`text-(--nuka-text-base)`,s&&`opacity-50 cursor-not-allowed pointer-events-none`,m&&!v&&`bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)`,v&&`bg-(--nuka-bg-muted) outline-none`,!m&&!v&&!s&&`hover:bg-(--nuka-bg-muted)`,c),onClick:()=>{s||(d.onValueChange(o),u?.(),d.onOpenChange(!1))},children:l})}o.displayName=`ComboboxOption`,exports.ComboboxOption=o;
 //# sourceMappingURL=ComboboxOption.cjs.map

package/dist/components/Combobox/ComboboxOption.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nconst ComboboxOption = React.forwardRef<HTMLDivElement, ComboboxOptionProps>(\n  ({ value, disabled = false, className, children, onSelect }, ref) => {\n    const ctx = useComboboxContext();\n    const internalRef = React.useRef<HTMLDivElement>(null);\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n      },\n      [ref],\n    );\n\n    const isSelected = ctx.value === value;\n    const optionId = `${ctx.listboxId}-option-${value}`;\n    const label = getLabel(children);\n\n    const isFiltered =\n      ctx.filterText !== \"\" &&\n      !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n    const isActive = ctx.activeDescendantId === optionId;\n\n    React.useLayoutEffect(() => {\n      ctx.registerOption(value, label, internalRef.current);\n      return () => {\n        ctx.unregisterOption(value);\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- register once on mount, unregister on unmount\n    }, []);\n\n    React.useEffect(() => {\n      ctx.registerDisabledOption(value, disabled);\n    }, [ctx, value, disabled]);\n\n    React.useEffect(() => {\n      if (isActive && internalRef.current != null) {\n        if (typeof internalRef.current.scrollIntoView === \"function\") {\n          internalRef.current.scrollIntoView({ block: \"nearest\" });\n        }\n      }\n    }, [isActive]);\n\n    const handleClick = () => {\n      if (disabled) return;\n      ctx.onValueChange(value);\n      onSelect?.();\n      ctx.onOpenChange(false);\n    };\n\n    return (\n      <div\n        ref={composedRef}\n        id={optionId}\n        role=\"option\"\n        aria-selected={isSelected}\n        aria-disabled={disabled || undefined}\n        hidden={isFiltered || undefined}\n        className={cn(\n          \"px-(--space-3) py-(--space-2)\",\n          \"text-sm\",\n          \"cursor-pointer\",\n          \"select-none\",\n          \"text-(--nuka-text-base)\",\n          disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n          isSelected &&\n            !isActive &&\n            \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n          isActive && \"bg-(--nuka-bg-muted) outline-none\",\n          !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n          className,\n        )}\n        onClick={handleClick}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":"sPAOA,IAAM,EAAiB,EAAM,YAC1B,CAAE,QAAO,WAAW,GAAO,YAAW,WAAU,YAAY,IAAQ,CACnE,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAc,EAAM,OAAuB,KAAK,CAEhD,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CAEK,EAAa,EAAI,QAAU,EAC3B,EAAW,GAAG,EAAI,UAAU,UAAU,IACtC,EAAQ,EAAA,SAAS,EAAS,CAE1B,EACJ,EAAI,aAAe,IACnB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,WAAW,aAAa,CAAC,CAEvD,EAAW,EAAI,qBAAuB,EA6B5C,OA3BA,EAAM,qBACJ,EAAI,eAAe,EAAO,EAAO,EAAY,QAAQ,KACxC,CACX,EAAI,iBAAiB,EAAM,GAG5B,EAAE,CAAC,CAEN,EAAM,cAAgB,CACpB,EAAI,uBAAuB,EAAO,EAAS,EAC1C,CAAC,EAAK,EAAO,EAAS,CAAC,CAE1B,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACjC,OAAO,EAAY,QAAQ,gBAAmB,YAChD,EAAY,QAAQ,eAAe,CAAE,MAAO,UAAW,CAAC,EAG3D,CAAC,EAAS,CAAC,EAUZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,UAAW,EAAA,GACT,gCACA,UACA,iBACA,cACA,0BACA,GAAY,oDACZ,GACE,CAAC,GACD,yDACF,GAAY,oCACZ,CAAC,GAAc,CAAC,GAAY,CAAC,GAAY,6BACzC,EACD,CACD,YA7BsB,CACpB,IACJ,EAAI,cAAc,EAAM,CACxB,KAAY,CACZ,EAAI,aAAa,GAAM,GA2BpB,WACG,CAAA,EAGX,CAED,EAAe,YAAc"}
+{"version":3,"file":"ComboboxOption.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxOption({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  onSelect,\n}: ComboboxOptionProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isSelected = ctx.value === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\n\n  const isFiltered =\n    ctx.filterText !== \"\" &&\n    !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n  const isActive = ctx.activeDescendantId === optionId;\n\n  React.useLayoutEffect(() => {\n    ctx.registerOption(value, label, internalRef.current);\n    return () => {\n      ctx.unregisterOption(value);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- register once on mount, unregister on unmount\n  }, []);\n\n  React.useEffect(() => {\n    ctx.registerDisabledOption(value, disabled);\n  }, [ctx, value, disabled]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      if (typeof internalRef.current.scrollIntoView === \"function\") {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={optionId}\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      className={cn(\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-sm\",\n        \"cursor-pointer\",\n        \"select-none\",\n        \"text-(--nuka-text-base)\",\n        disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n        isSelected &&\n          !isActive &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isActive && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":"sPAOA,SAAS,EAAe,CACtB,MACA,QACA,WAAW,GACX,YACA,WACA,YACsB,CACtB,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAc,EAAM,OAAuB,KAAK,CAEhD,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CAEK,EAAa,EAAI,QAAU,EAC3B,EAAW,GAAG,EAAI,UAAU,UAAU,IACtC,EAAQ,EAAA,SAAS,EAAS,CAE1B,EACJ,EAAI,aAAe,IACnB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,WAAW,aAAa,CAAC,CAEvD,EAAW,EAAI,qBAAuB,EA6B5C,OA3BA,EAAM,qBACJ,EAAI,eAAe,EAAO,EAAO,EAAY,QAAQ,KACxC,CACX,EAAI,iBAAiB,EAAM,GAG5B,EAAE,CAAC,CAEN,EAAM,cAAgB,CACpB,EAAI,uBAAuB,EAAO,EAAS,EAC1C,CAAC,EAAK,EAAO,EAAS,CAAC,CAE1B,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACjC,OAAO,EAAY,QAAQ,gBAAmB,YAChD,EAAY,QAAQ,eAAe,CAAE,MAAO,UAAW,CAAC,EAG3D,CAAC,EAAS,CAAC,EAUZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,UAAW,EAAA,GACT,gCACA,UACA,iBACA,cACA,0BACA,GAAY,oDACZ,GACE,CAAC,GACD,yDACF,GAAY,oCACZ,CAAC,GAAc,CAAC,GAAY,CAAC,GAAY,6BACzC,EACD,CACD,YA7BsB,CACpB,IACJ,EAAI,cAAc,EAAM,CACxB,KAAY,CACZ,EAAI,aAAa,GAAM,GA2BpB,WACG,CAAA,CAIV,EAAe,YAAc"}

package/dist/components/Combobox/ComboboxOption.d.ts

@@ -1,5 +1,7 @@
 import { ComboboxOptionProps } from './Combobox.types';
-import * as React from "react";
-declare const ComboboxOption: React.ForwardRefExoticComponent<ComboboxOptionProps & React.RefAttributes<HTMLDivElement>>;
+declare function ComboboxOption({ ref, value, disabled, className, children, onSelect, }: ComboboxOptionProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ComboboxOption {
+    var displayName: string;
+}
 export { ComboboxOption };
 //# sourceMappingURL=ComboboxOption.d.ts.map

package/dist/components/Combobox/ComboboxOption.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAIpF,QAAA,MAAM,cAAc,4FA+EnB,CAAC;AAIF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAIpF,iBAAS,cAAc,CAAC,EACtB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,2CA6ErB;kBApFQ,cAAc;;;AAwFvB,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxOption.js

@@ -5,18 +5,18 @@ import { getLabel as n } from "./Combobox.utils.js";
 import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxOption.tsx
-var a = r.forwardRef(({ value: a, disabled: o = !1, className: s, children: c, onSelect: l }, u) => {
+function a({ ref: a, value: o, disabled: s = !1, className: c, children: l, onSelect: u }) {
 	let d = t(), f = r.useRef(null), p = r.useCallback((e) => {
-		f.current = e, typeof u == "function" ? u(e) : u != null && (u.current = e);
-	}, [u]), m = d.value === a, h = `${d.listboxId}-option-${a}`, g = n(c), _ = d.filterText !== "" && !g.toLowerCase().includes(d.filterText.toLowerCase()), v = d.activeDescendantId === h;
-	return r.useLayoutEffect(() => (d.registerOption(a, g, f.current), () => {
-		d.unregisterOption(a);
+		f.current = e, typeof a == "function" ? a(e) : a != null && (a.current = e);
+	}, [a]), m = d.value === o, h = `${d.listboxId}-option-${o}`, g = n(l), _ = d.filterText !== "" && !g.toLowerCase().includes(d.filterText.toLowerCase()), v = d.activeDescendantId === h;
+	return r.useLayoutEffect(() => (d.registerOption(o, g, f.current), () => {
+		d.unregisterOption(o);
 	}), []), r.useEffect(() => {
-		d.registerDisabledOption(a, o);
+		d.registerDisabledOption(o, s);
 	}, [
 		d,
-		a,
-		o
+		o,
+		s
 	]), r.useEffect(() => {
 		v && f.current != null && typeof f.current.scrollIntoView == "function" && f.current.scrollIntoView({ block: "nearest" });
 	}, [v]), /* @__PURE__ */ i("div", {
@@ -24,15 +24,15 @@ var a = r.forwardRef(({ value: a, disabled: o = !1, className: s, children: c, o
 		id: h,
 		role: "option",
 		"aria-selected": m,
-		"aria-disabled": o || void 0,
+		"aria-disabled": s || void 0,
 		hidden: _ || void 0,
-		className: e("px-(--space-3) py-(--space-2)", "text-sm", "cursor-pointer", "select-none", "text-(--nuka-text-base)", o && "opacity-50 cursor-not-allowed pointer-events-none", m && !v && "bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)", v && "bg-(--nuka-bg-muted) outline-none", !m && !v && !o && "hover:bg-(--nuka-bg-muted)", s),
+		className: e("px-(--space-3) py-(--space-2)", "text-sm", "cursor-pointer", "select-none", "text-(--nuka-text-base)", s && "opacity-50 cursor-not-allowed pointer-events-none", m && !v && "bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)", v && "bg-(--nuka-bg-muted) outline-none", !m && !v && !s && "hover:bg-(--nuka-bg-muted)", c),
 		onClick: () => {
-			o || (d.onValueChange(a), l?.(), d.onOpenChange(!1));
+			s || (d.onValueChange(o), u?.(), d.onOpenChange(!1));
 		},
-		children: c
+		children: l
 	});
-});
+}
 a.displayName = "ComboboxOption";
 //#endregion
 export { a as ComboboxOption };

package/dist/components/Combobox/ComboboxOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nconst ComboboxOption = React.forwardRef<HTMLDivElement, ComboboxOptionProps>(\n  ({ value, disabled = false, className, children, onSelect }, ref) => {\n    const ctx = useComboboxContext();\n    const internalRef = React.useRef<HTMLDivElement>(null);\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n      },\n      [ref],\n    );\n\n    const isSelected = ctx.value === value;\n    const optionId = `${ctx.listboxId}-option-${value}`;\n    const label = getLabel(children);\n\n    const isFiltered =\n      ctx.filterText !== \"\" &&\n      !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n    const isActive = ctx.activeDescendantId === optionId;\n\n    React.useLayoutEffect(() => {\n      ctx.registerOption(value, label, internalRef.current);\n      return () => {\n        ctx.unregisterOption(value);\n      };\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- register once on mount, unregister on unmount\n    }, []);\n\n    React.useEffect(() => {\n      ctx.registerDisabledOption(value, disabled);\n    }, [ctx, value, disabled]);\n\n    React.useEffect(() => {\n      if (isActive && internalRef.current != null) {\n        if (typeof internalRef.current.scrollIntoView === \"function\") {\n          internalRef.current.scrollIntoView({ block: \"nearest\" });\n        }\n      }\n    }, [isActive]);\n\n    const handleClick = () => {\n      if (disabled) return;\n      ctx.onValueChange(value);\n      onSelect?.();\n      ctx.onOpenChange(false);\n    };\n\n    return (\n      <div\n        ref={composedRef}\n        id={optionId}\n        role=\"option\"\n        aria-selected={isSelected}\n        aria-disabled={disabled || undefined}\n        hidden={isFiltered || undefined}\n        className={cn(\n          \"px-(--space-3) py-(--space-2)\",\n          \"text-sm\",\n          \"cursor-pointer\",\n          \"select-none\",\n          \"text-(--nuka-text-base)\",\n          disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n          isSelected &&\n            !isActive &&\n            \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n          isActive && \"bg-(--nuka-bg-muted) outline-none\",\n          !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n          className,\n        )}\n        onClick={handleClick}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":";;;;;;;AAOA,IAAM,IAAiB,EAAM,YAC1B,EAAE,UAAO,cAAW,IAAO,cAAW,aAAU,eAAY,MAAQ;CACnE,IAAM,IAAM,GAAoB,EAC1B,IAAc,EAAM,OAAuB,KAAK,EAEhD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN,EAEK,IAAa,EAAI,UAAU,GAC3B,IAAW,GAAG,EAAI,UAAU,UAAU,KACtC,IAAQ,EAAS,EAAS,EAE1B,IACJ,EAAI,eAAe,MACnB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,WAAW,aAAa,CAAC,EAEvD,IAAW,EAAI,uBAAuB;AA6B5C,QA3BA,EAAM,uBACJ,EAAI,eAAe,GAAO,GAAO,EAAY,QAAQ,QACxC;AACX,IAAI,iBAAiB,EAAM;KAG5B,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,IAAI,uBAAuB,GAAO,EAAS;IAC1C;EAAC;EAAK;EAAO;EAAS,CAAC,EAE1B,EAAM,gBAAgB;AACpB,EAAI,KAAY,EAAY,WAAW,QACjC,OAAO,EAAY,QAAQ,kBAAmB,cAChD,EAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;IAG3D,CAAC,EAAS,CAAC,EAUZ,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,WAAW,EACT,iCACA,WACA,kBACA,eACA,2BACA,KAAY,qDACZ,KACE,CAAC,KACD,0DACF,KAAY,qCACZ,CAAC,KAAc,CAAC,KAAY,CAAC,KAAY,8BACzC,EACD;EACD,eA7BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,KAAY,EACZ,EAAI,aAAa,GAAM;;EA2BpB;EACG,CAAA;EAGX;AAED,EAAe,cAAc"}
+{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxOption({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  onSelect,\n}: ComboboxOptionProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isSelected = ctx.value === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\n\n  const isFiltered =\n    ctx.filterText !== \"\" &&\n    !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n  const isActive = ctx.activeDescendantId === optionId;\n\n  React.useLayoutEffect(() => {\n    ctx.registerOption(value, label, internalRef.current);\n    return () => {\n      ctx.unregisterOption(value);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- register once on mount, unregister on unmount\n  }, []);\n\n  React.useEffect(() => {\n    ctx.registerDisabledOption(value, disabled);\n  }, [ctx, value, disabled]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      if (typeof internalRef.current.scrollIntoView === \"function\") {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={optionId}\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      className={cn(\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-sm\",\n        \"cursor-pointer\",\n        \"select-none\",\n        \"text-(--nuka-text-base)\",\n        disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n        isSelected &&\n          !isActive &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isActive && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAe,EACtB,QACA,UACA,cAAW,IACX,cACA,aACA,eACsB;CACtB,IAAM,IAAM,GAAoB,EAC1B,IAAc,EAAM,OAAuB,KAAK,EAEhD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN,EAEK,IAAa,EAAI,UAAU,GAC3B,IAAW,GAAG,EAAI,UAAU,UAAU,KACtC,IAAQ,EAAS,EAAS,EAE1B,IACJ,EAAI,eAAe,MACnB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,WAAW,aAAa,CAAC,EAEvD,IAAW,EAAI,uBAAuB;AA6B5C,QA3BA,EAAM,uBACJ,EAAI,eAAe,GAAO,GAAO,EAAY,QAAQ,QACxC;AACX,IAAI,iBAAiB,EAAM;KAG5B,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,IAAI,uBAAuB,GAAO,EAAS;IAC1C;EAAC;EAAK;EAAO;EAAS,CAAC,EAE1B,EAAM,gBAAgB;AACpB,EAAI,KAAY,EAAY,WAAW,QACjC,OAAO,EAAY,QAAQ,kBAAmB,cAChD,EAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;IAG3D,CAAC,EAAS,CAAC,EAUZ,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,WAAW,EACT,iCACA,WACA,kBACA,eACA,2BACA,KAAY,qDACZ,KACE,CAAC,KACD,0DACF,KAAY,qCACZ,CAAC,KAAc,CAAC,KAAY,CAAC,KAAY,8BACzC,EACD;EACD,eA7BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,KAAY,EACZ,EAAI,aAAa,GAAM;;EA2BpB;EACG,CAAA;;AAIV,EAAe,cAAc"}

package/dist/components/Combobox/ComboboxTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Combobox.context.cjs`),o=require(`./Combobox.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);var l=s.forwardRef(({className:e,placeholder:l,intent:u,size:d,disabled:f,onKeyDown:p,onClick:m,...h},g)=>{let _=a.useComboboxContext(),v=r.useFormField(),y=i.useFormFieldProps({id:h.id,"aria-invalid":h[`aria-invalid`],"aria-describedby":h[`aria-describedby`],"aria-required":h[`aria-required`]}),b=f??_.disabled,x=h[`aria-labelledby`]??(v.labelId||void 0),S=_.value===void 0?void 0:_.getOptionLabel(_.value),C=h[`aria-label`]??(x===void 0?S??l??`Select`:void 0),w=s.useCallback(e=>{typeof g==`function`?g(e):g!=null&&(g.current=e),_.triggerRef.current=e,_.refs.setReference(e)},[g,_.triggerRef,_.refs]),T=_.getReferenceProps({onKeyDown:e=>{if(p?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`first`,_.onOpenChange(!0));break;case`ArrowUp`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`last`,_.onOpenChange(!0));break;default:e.key.length===1&&e.key!==` `&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&!_.open&&(e.preventDefault(),_.setFilterText(e.key),_.onOpenChange(!0));break}},onClick:e=>{m?.(e)}});return(0,c.jsxs)(`button`,{...h,...T,ref:w,type:`button`,id:y.resolvedId,"aria-haspopup":`listbox`,"aria-expanded":_.open,"aria-controls":_.open?_.listboxId:void 0,"aria-label":C,"aria-labelledby":x,"aria-invalid":y.ariaInvalid,"aria-describedby":y.ariaDescribedBy,"aria-required":y.ariaRequired,disabled:b,className:t.cn(o.comboboxTriggerVariants({intent:u,size:d}),e),children:[(0,c.jsx)(`span`,{className:t.cn(`truncate`,S===void 0&&`text-(--nuka-text-muted)`),children:S??l}),(0,c.jsx)(n.Icon,{size:`sm`,color:`muted`,className:t.cn(`transition-transform duration-150`,_.open&&`rotate-180`),children:(0,c.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,c.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})});l.displayName=`ComboboxTrigger`,exports.ComboboxTrigger=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Combobox.context.cjs`),o=require(`./Combobox.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({ref:e,className:l,placeholder:u,intent:d,size:f,disabled:p,onKeyDown:m,onClick:h,...g}){let _=a.useComboboxContext(),v=r.useFormField(),y=i.useFormFieldProps({id:g.id,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`],"aria-required":g[`aria-required`]}),b=p??_.disabled,x=g[`aria-labelledby`]??(v.labelId||void 0),S=_.value===void 0?void 0:_.getOptionLabel(_.value),C=g[`aria-label`]??(x===void 0?S??u??`Select`:void 0),w=s.useCallback(t=>{typeof e==`function`?e(t):e!=null&&(e.current=t),_.triggerRef.current=t,_.refs.setReference(t)},[e,_.triggerRef,_.refs]),T=_.getReferenceProps({onKeyDown:e=>{if(m?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`first`,_.onOpenChange(!0));break;case`ArrowUp`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`last`,_.onOpenChange(!0));break;default:e.key.length===1&&e.key!==` `&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&!_.open&&(e.preventDefault(),_.setFilterText(e.key),_.onOpenChange(!0));break}},onClick:e=>{h?.(e)}});return(0,c.jsxs)(`button`,{...g,...T,ref:w,type:`button`,id:y.resolvedId,"aria-haspopup":`listbox`,"aria-expanded":_.open,"aria-controls":_.open?_.listboxId:void 0,"aria-label":C,"aria-labelledby":x,"aria-invalid":y.ariaInvalid,"aria-describedby":y.ariaDescribedBy,"aria-required":y.ariaRequired,disabled:b,className:t.cn(o.comboboxTriggerVariants({intent:d,size:f}),l),children:[(0,c.jsx)(`span`,{className:t.cn(`truncate`,S===void 0&&`text-(--nuka-text-muted)`),children:S??u}),(0,c.jsx)(n.Icon,{size:`sm`,color:`muted`,className:t.cn(`transition-transform duration-150`,_.open&&`rotate-180`),children:(0,c.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,c.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})}l.displayName=`ComboboxTrigger`,exports.ComboboxTrigger=l;
 //# sourceMappingURL=ComboboxTrigger.cjs.map

package/dist/components/Combobox/ComboboxTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxTrigger = React.forwardRef<\n  HTMLButtonElement,\n  ComboboxTriggerProps\n>(\n  (\n    {\n      className,\n      placeholder,\n      intent,\n      size: sizeProp,\n      disabled: disabledProp,\n      onKeyDown: propsOnKeyDown,\n      onClick: propsOnClick,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useComboboxContext();\n    const formCtx = useFormField();\n    const field = useFormFieldProps({\n      id: props.id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n    const ariaLabelledBy =\n      props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n    const displayLabel =\n      ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n    const ariaLabel =\n      props[\"aria-label\"] ??\n      (ariaLabelledBy === undefined\n        ? (displayLabel ?? placeholder ?? \"Select\")\n        : undefined);\n\n    const composedRef = React.useCallback(\n      (node: HTMLButtonElement | null) => {\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n        ctx.triggerRef.current = node;\n        ctx.refs.setReference(node);\n      },\n      [ref, ctx.triggerRef, ctx.refs],\n    );\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      propsOnKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          if (!ctx.open) {\n            ctx.highlightOnOpenRef.current = \"first\";\n            ctx.onOpenChange(true);\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          if (!ctx.open) {\n            ctx.highlightOnOpenRef.current = \"last\";\n            ctx.onOpenChange(true);\n          }\n          break;\n        }\n        default: {\n          if (\n            e.key.length === 1 &&\n            e.key !== \" \" &&\n            !e.ctrlKey &&\n            !e.metaKey &&\n            !e.altKey &&\n            !ctx.open\n          ) {\n            e.preventDefault();\n            ctx.setFilterText(e.key);\n            ctx.onOpenChange(true);\n          }\n          break;\n        }\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      propsOnClick?.(e);\n    };\n\n    const referenceProps = ctx.getReferenceProps({\n      onKeyDown: handleKeyDown,\n      onClick: handleClick,\n    });\n\n    return (\n      <button\n        {...props}\n        {...referenceProps}\n        ref={composedRef}\n        type=\"button\"\n        id={field.resolvedId}\n        aria-haspopup=\"listbox\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.open ? ctx.listboxId : undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        disabled={resolvedDisabled}\n        className={cn(\n          comboboxTriggerVariants({ intent, size: sizeProp }),\n          className,\n        )}\n      >\n        <span\n          className={cn(\n            \"truncate\",\n            displayLabel === undefined && \"text-(--nuka-text-muted)\",\n          )}\n        >\n          {displayLabel ?? placeholder}\n        </span>\n        <Icon\n          size=\"sm\"\n          color=\"muted\"\n          className={cn(\n            \"transition-transform duration-150\",\n            ctx.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      </button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":"yXAUA,IAAM,EAAkB,EAAM,YAK1B,CACE,YACA,cACA,SACA,KAAM,EACN,SAAU,EACV,UAAW,EACX,QAAS,EACT,GAAG,GAEL,IACG,CACH,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAU,EAAA,cAAc,CACxB,EAAQ,EAAA,kBAAkB,CAC9B,GAAI,EAAM,GACV,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EAAmB,GAAgB,EAAI,SAEvC,EACJ,EAAM,qBAAuB,EAAQ,SAAW,IAAA,IAE5C,EACJ,EAAI,QAAU,IAAA,GAA4C,IAAA,GAAhC,EAAI,eAAe,EAAI,MAAM,CAEnD,EACJ,EAAM,gBACL,IAAmB,IAAA,GACf,GAAgB,GAAe,SAChC,IAAA,IAEA,EAAc,EAAM,YACvB,GAAmC,CAC9B,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,WAAW,QAAU,EACzB,EAAI,KAAK,aAAa,EAAK,EAE7B,CAAC,EAAK,EAAI,WAAY,EAAI,KAAK,CAChC,CA6CK,EAAiB,EAAI,kBAAkB,CAC3C,UA5CqB,GAA8C,CACnE,OAAiB,EAAE,CACf,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,YACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,QACjC,EAAI,aAAa,GAAK,EAExB,MAEF,IAAK,UACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,OACjC,EAAI,aAAa,GAAK,EAExB,MAEF,QAEI,EAAE,IAAI,SAAW,GACjB,EAAE,MAAQ,KACV,CAAC,EAAE,SACH,CAAC,EAAE,SACH,CAAC,EAAE,QACH,CAAC,EAAI,OAEL,EAAE,gBAAgB,CAClB,EAAI,cAAc,EAAE,IAAI,CACxB,EAAI,aAAa,GAAK,EAExB,QAWJ,QANmB,GAA2C,CAC9D,IAAe,EAAE,EAMlB,CAAC,CAEF,OACE,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,EACJ,GAAI,EACJ,IAAK,EACL,KAAK,SACL,GAAI,EAAM,WACV,gBAAc,UACd,gBAAe,EAAI,KACnB,gBAAe,EAAI,KAAO,EAAI,UAAY,IAAA,GAC1C,aAAY,EACZ,kBAAiB,EACjB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,SAAU,EACV,UAAW,EAAA,GACT,EAAA,wBAAwB,CAAE,SAAQ,KAAM,EAAU,CAAC,CACnD,EACD,UAlBH,EAoBE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,WACA,IAAiB,IAAA,IAAa,2BAC/B,UAEA,GAAgB,EACZ,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GACT,oCACA,EAAI,MAAQ,aACb,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,CACA,IAGd,CAED,EAAgB,YAAc"}
+{"version":3,"file":"ComboboxTrigger.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size: sizeProp,\n  disabled: disabledProp,\n  onKeyDown: propsOnKeyDown,\n  onClick: propsOnClick,\n  ...props\n}: ComboboxTriggerProps) {\n  const ctx = useComboboxContext();\n  const formCtx = useFormField();\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const composedRef = React.useCallback(\n    (node: HTMLButtonElement | null) => {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n      ctx.triggerRef.current = node;\n      ctx.refs.setReference(node);\n    },\n    [ref, ctx.triggerRef, ctx.refs],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    propsOnKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"first\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"last\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      default: {\n        if (\n          e.key.length === 1 &&\n          e.key !== \" \" &&\n          !e.ctrlKey &&\n          !e.metaKey &&\n          !e.altKey &&\n          !ctx.open\n        ) {\n          e.preventDefault();\n          ctx.setFilterText(e.key);\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    propsOnClick?.(e);\n  };\n\n  const referenceProps = ctx.getReferenceProps({\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n  });\n\n  return (\n    <button\n      {...props}\n      {...referenceProps}\n      ref={composedRef}\n      type=\"button\"\n      id={field.resolvedId}\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.open ? ctx.listboxId : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(\n        comboboxTriggerVariants({ intent, size: sizeProp }),\n        className,\n      )}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <Icon\n        size=\"sm\"\n        color=\"muted\"\n        className={cn(\n          \"transition-transform duration-150\",\n          ctx.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    </button>\n  );\n}\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":"yXAUA,SAAS,EAAgB,CACvB,MACA,YACA,cACA,SACA,KAAM,EACN,SAAU,EACV,UAAW,EACX,QAAS,EACT,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAU,EAAA,cAAc,CACxB,EAAQ,EAAA,kBAAkB,CAC9B,GAAI,EAAM,GACV,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EAAmB,GAAgB,EAAI,SAEvC,EACJ,EAAM,qBAAuB,EAAQ,SAAW,IAAA,IAE5C,EACJ,EAAI,QAAU,IAAA,GAA4C,IAAA,GAAhC,EAAI,eAAe,EAAI,MAAM,CAEnD,EACJ,EAAM,gBACL,IAAmB,IAAA,GACf,GAAgB,GAAe,SAChC,IAAA,IAEA,EAAc,EAAM,YACvB,GAAmC,CAC9B,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,WAAW,QAAU,EACzB,EAAI,KAAK,aAAa,EAAK,EAE7B,CAAC,EAAK,EAAI,WAAY,EAAI,KAAK,CAChC,CA6CK,EAAiB,EAAI,kBAAkB,CAC3C,UA5CqB,GAA8C,CACnE,OAAiB,EAAE,CACf,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,YACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,QACjC,EAAI,aAAa,GAAK,EAExB,MAEF,IAAK,UACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,OACjC,EAAI,aAAa,GAAK,EAExB,MAEF,QAEI,EAAE,IAAI,SAAW,GACjB,EAAE,MAAQ,KACV,CAAC,EAAE,SACH,CAAC,EAAE,SACH,CAAC,EAAE,QACH,CAAC,EAAI,OAEL,EAAE,gBAAgB,CAClB,EAAI,cAAc,EAAE,IAAI,CACxB,EAAI,aAAa,GAAK,EAExB,QAWJ,QANmB,GAA2C,CAC9D,IAAe,EAAE,EAMlB,CAAC,CAEF,OACE,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,EACJ,GAAI,EACJ,IAAK,EACL,KAAK,SACL,GAAI,EAAM,WACV,gBAAc,UACd,gBAAe,EAAI,KACnB,gBAAe,EAAI,KAAO,EAAI,UAAY,IAAA,GAC1C,aAAY,EACZ,kBAAiB,EACjB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,SAAU,EACV,UAAW,EAAA,GACT,EAAA,wBAAwB,CAAE,SAAQ,KAAM,EAAU,CAAC,CACnD,EACD,UAlBH,EAoBE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,WACA,IAAiB,IAAA,IAAa,2BAC/B,UAEA,GAAgB,EACZ,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GACT,oCACA,EAAI,MAAQ,aACb,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,CACA,GAIb,EAAgB,YAAc"}

package/dist/components/Combobox/ComboboxTrigger.d.ts

@@ -1,5 +1,7 @@
 import { ComboboxTriggerProps } from './Combobox.types';
-import * as React from "react";
-declare const ComboboxTrigger: React.ForwardRefExoticComponent<ComboboxTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function ComboboxTrigger({ ref, className, placeholder, intent, size: sizeProp, disabled: disabledProp, onKeyDown: propsOnKeyDown, onClick: propsOnClick, ...props }: ComboboxTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ComboboxTrigger {
+    var displayName: string;
+}
 export { ComboboxTrigger };
 //# sourceMappingURL=ComboboxTrigger.d.ts.map

package/dist/components/Combobox/ComboboxTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,QAAA,MAAM,eAAe,gGAsJpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,WAAW,EACX,MAAM,EACN,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAqItB;kBA/IQ,eAAe;;;AAmJxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxTrigger.js

@@ -8,21 +8,21 @@ import { comboboxTriggerVariants as a } from "./Combobox.variants.js";
 import * as o from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxTrigger.tsx
-var l = o.forwardRef(({ className: l, placeholder: u, intent: d, size: f, disabled: p, onKeyDown: m, onClick: h, ...g }, _) => {
+function l({ ref: l, className: u, placeholder: d, intent: f, size: p, disabled: m, onKeyDown: h, onClick: g, ..._ }) {
 	let v = i(), y = n(), b = r({
-		id: g.id,
-		"aria-invalid": g["aria-invalid"],
-		"aria-describedby": g["aria-describedby"],
-		"aria-required": g["aria-required"]
-	}), x = p ?? v.disabled, S = g["aria-labelledby"] ?? (y.labelId || void 0), C = v.value === void 0 ? void 0 : v.getOptionLabel(v.value), w = g["aria-label"] ?? (S === void 0 ? C ?? u ?? "Select" : void 0), T = o.useCallback((e) => {
-		typeof _ == "function" ? _(e) : _ != null && (_.current = e), v.triggerRef.current = e, v.refs.setReference(e);
+		id: _.id,
+		"aria-invalid": _["aria-invalid"],
+		"aria-describedby": _["aria-describedby"],
+		"aria-required": _["aria-required"]
+	}), x = m ?? v.disabled, S = _["aria-labelledby"] ?? (y.labelId || void 0), C = v.value === void 0 ? void 0 : v.getOptionLabel(v.value), w = _["aria-label"] ?? (S === void 0 ? C ?? d ?? "Select" : void 0), T = o.useCallback((e) => {
+		typeof l == "function" ? l(e) : l != null && (l.current = e), v.triggerRef.current = e, v.refs.setReference(e);
 	}, [
-		_,
+		l,
 		v.triggerRef,
 		v.refs
 	]), E = v.getReferenceProps({
 		onKeyDown: (e) => {
-			if (m?.(e), !e.defaultPrevented) switch (e.key) {
+			if (h?.(e), !e.defaultPrevented) switch (e.key) {
 				case "ArrowDown":
 					e.preventDefault(), v.open || (v.highlightOnOpenRef.current = "first", v.onOpenChange(!0));
 					break;
@@ -35,11 +35,11 @@ var l = o.forwardRef(({ className: l, placeholder: u, intent: d, size: f, disabl
 			}
 		},
 		onClick: (e) => {
-			h?.(e);
+			g?.(e);
 		}
 	});
 	return /* @__PURE__ */ c("button", {
-		...g,
+		..._,
 		...E,
 		ref: T,
 		type: "button",
@@ -54,12 +54,12 @@ var l = o.forwardRef(({ className: l, placeholder: u, intent: d, size: f, disabl
 		"aria-required": b.ariaRequired,
 		disabled: x,
 		className: e(a({
-			intent: d,
-			size: f
-		}), l),
+			intent: f,
+			size: p
+		}), u),
 		children: [/* @__PURE__ */ s("span", {
 			className: e("truncate", C === void 0 && "text-(--nuka-text-muted)"),
-			children: C ?? u
+			children: C ?? d
 		}), /* @__PURE__ */ s(t, {
 			size: "sm",
 			color: "muted",
@@ -76,7 +76,7 @@ var l = o.forwardRef(({ className: l, placeholder: u, intent: d, size: f, disabl
 			})
 		})]
 	});
-});
+}
 l.displayName = "ComboboxTrigger";
 //#endregion
 export { l as ComboboxTrigger };

package/dist/components/Combobox/ComboboxTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.js","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxTrigger = React.forwardRef<\n  HTMLButtonElement,\n  ComboboxTriggerProps\n>(\n  (\n    {\n      className,\n      placeholder,\n      intent,\n      size: sizeProp,\n      disabled: disabledProp,\n      onKeyDown: propsOnKeyDown,\n      onClick: propsOnClick,\n      ...props\n    },\n    ref,\n  ) => {\n    const ctx = useComboboxContext();\n    const formCtx = useFormField();\n    const field = useFormFieldProps({\n      id: props.id,\n      \"aria-invalid\": props[\"aria-invalid\"],\n      \"aria-describedby\": props[\"aria-describedby\"],\n      \"aria-required\": props[\"aria-required\"],\n    });\n\n    const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n    const ariaLabelledBy =\n      props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n    const displayLabel =\n      ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n    const ariaLabel =\n      props[\"aria-label\"] ??\n      (ariaLabelledBy === undefined\n        ? (displayLabel ?? placeholder ?? \"Select\")\n        : undefined);\n\n    const composedRef = React.useCallback(\n      (node: HTMLButtonElement | null) => {\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n        ctx.triggerRef.current = node;\n        ctx.refs.setReference(node);\n      },\n      [ref, ctx.triggerRef, ctx.refs],\n    );\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n      propsOnKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          if (!ctx.open) {\n            ctx.highlightOnOpenRef.current = \"first\";\n            ctx.onOpenChange(true);\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          if (!ctx.open) {\n            ctx.highlightOnOpenRef.current = \"last\";\n            ctx.onOpenChange(true);\n          }\n          break;\n        }\n        default: {\n          if (\n            e.key.length === 1 &&\n            e.key !== \" \" &&\n            !e.ctrlKey &&\n            !e.metaKey &&\n            !e.altKey &&\n            !ctx.open\n          ) {\n            e.preventDefault();\n            ctx.setFilterText(e.key);\n            ctx.onOpenChange(true);\n          }\n          break;\n        }\n      }\n    };\n\n    const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n      propsOnClick?.(e);\n    };\n\n    const referenceProps = ctx.getReferenceProps({\n      onKeyDown: handleKeyDown,\n      onClick: handleClick,\n    });\n\n    return (\n      <button\n        {...props}\n        {...referenceProps}\n        ref={composedRef}\n        type=\"button\"\n        id={field.resolvedId}\n        aria-haspopup=\"listbox\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.open ? ctx.listboxId : undefined}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-invalid={field.ariaInvalid}\n        aria-describedby={field.ariaDescribedBy}\n        aria-required={field.ariaRequired}\n        disabled={resolvedDisabled}\n        className={cn(\n          comboboxTriggerVariants({ intent, size: sizeProp }),\n          className,\n        )}\n      >\n        <span\n          className={cn(\n            \"truncate\",\n            displayLabel === undefined && \"text-(--nuka-text-muted)\",\n          )}\n        >\n          {displayLabel ?? placeholder}\n        </span>\n        <Icon\n          size=\"sm\"\n          color=\"muted\"\n          className={cn(\n            \"transition-transform duration-150\",\n            ctx.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      </button>\n    );\n  },\n);\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":";;;;;;;;;;AAUA,IAAM,IAAkB,EAAM,YAK1B,EACE,cACA,gBACA,WACA,MAAM,GACN,UAAU,GACV,WAAW,GACX,SAAS,GACT,GAAG,KAEL,MACG;CACH,IAAM,IAAM,GAAoB,EAC1B,IAAU,GAAc,EACxB,IAAQ,EAAkB;EAC9B,IAAI,EAAM;EACV,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IAAmB,KAAgB,EAAI,UAEvC,IACJ,EAAM,uBAAuB,EAAQ,WAAW,KAAA,IAE5C,IACJ,EAAI,UAAU,KAAA,IAA4C,KAAA,IAAhC,EAAI,eAAe,EAAI,MAAM,EAEnD,IACJ,EAAM,kBACL,MAAmB,KAAA,IACf,KAAgB,KAAe,WAChC,KAAA,IAEA,IAAc,EAAM,aACvB,MAAmC;AAIlC,EAHI,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,WAAW,UAAU,GACzB,EAAI,KAAK,aAAa,EAAK;IAE7B;EAAC;EAAK,EAAI;EAAY,EAAI;EAAK,CAChC,EA6CK,IAAiB,EAAI,kBAAkB;EAC3C,YA5CqB,MAA8C;AACnE,WAAiB,EAAE,EACf,GAAE,iBAEN,SAAQ,EAAE,KAAV;IACE,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,SACjC,EAAI,aAAa,GAAK;AAExB;IAEF,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,QACjC,EAAI,aAAa,GAAK;AAExB;IAEF;AACE,KACE,EAAE,IAAI,WAAW,KACjB,EAAE,QAAQ,OACV,CAAC,EAAE,WACH,CAAC,EAAE,WACH,CAAC,EAAE,UACH,CAAC,EAAI,SAEL,EAAE,gBAAgB,EAClB,EAAI,cAAc,EAAE,IAAI,EACxB,EAAI,aAAa,GAAK;AAExB;;;EAWJ,UANmB,MAA2C;AAC9D,OAAe,EAAE;;EAMlB,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAK;EACL,IAAI,EAAM;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,iBAAe,EAAI,OAAO,EAAI,YAAY,KAAA;EAC1C,cAAY;EACZ,mBAAiB;EACjB,gBAAc,EAAM;EACpB,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,UAAU;EACV,WAAW,EACT,EAAwB;GAAE;GAAQ,MAAM;GAAU,CAAC,EACnD,EACD;YAlBH,CAoBE,kBAAC,QAAD;GACE,WAAW,EACT,YACA,MAAiB,KAAA,KAAa,2BAC/B;aAEA,KAAgB;GACZ,CAAA,EACP,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACN,WAAW,EACT,qCACA,EAAI,QAAQ,aACb;aAED,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACD,CAAA,CACA;;EAGd;AAED,EAAgB,cAAc"}
+{"version":3,"file":"ComboboxTrigger.js","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size: sizeProp,\n  disabled: disabledProp,\n  onKeyDown: propsOnKeyDown,\n  onClick: propsOnClick,\n  ...props\n}: ComboboxTriggerProps) {\n  const ctx = useComboboxContext();\n  const formCtx = useFormField();\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const composedRef = React.useCallback(\n    (node: HTMLButtonElement | null) => {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n      ctx.triggerRef.current = node;\n      ctx.refs.setReference(node);\n    },\n    [ref, ctx.triggerRef, ctx.refs],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    propsOnKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"first\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"last\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      default: {\n        if (\n          e.key.length === 1 &&\n          e.key !== \" \" &&\n          !e.ctrlKey &&\n          !e.metaKey &&\n          !e.altKey &&\n          !ctx.open\n        ) {\n          e.preventDefault();\n          ctx.setFilterText(e.key);\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    propsOnClick?.(e);\n  };\n\n  const referenceProps = ctx.getReferenceProps({\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n  });\n\n  return (\n    <button\n      {...props}\n      {...referenceProps}\n      ref={composedRef}\n      type=\"button\"\n      id={field.resolvedId}\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.open ? ctx.listboxId : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(\n        comboboxTriggerVariants({ intent, size: sizeProp }),\n        className,\n      )}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <Icon\n        size=\"sm\"\n        color=\"muted\"\n        className={cn(\n          \"transition-transform duration-150\",\n          ctx.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    </button>\n  );\n}\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":";;;;;;;;;;AAUA,SAAS,EAAgB,EACvB,QACA,cACA,gBACA,WACA,MAAM,GACN,UAAU,GACV,WAAW,GACX,SAAS,GACT,GAAG,KACoB;CACvB,IAAM,IAAM,GAAoB,EAC1B,IAAU,GAAc,EACxB,IAAQ,EAAkB;EAC9B,IAAI,EAAM;EACV,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IAAmB,KAAgB,EAAI,UAEvC,IACJ,EAAM,uBAAuB,EAAQ,WAAW,KAAA,IAE5C,IACJ,EAAI,UAAU,KAAA,IAA4C,KAAA,IAAhC,EAAI,eAAe,EAAI,MAAM,EAEnD,IACJ,EAAM,kBACL,MAAmB,KAAA,IACf,KAAgB,KAAe,WAChC,KAAA,IAEA,IAAc,EAAM,aACvB,MAAmC;AAIlC,EAHI,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,WAAW,UAAU,GACzB,EAAI,KAAK,aAAa,EAAK;IAE7B;EAAC;EAAK,EAAI;EAAY,EAAI;EAAK,CAChC,EA6CK,IAAiB,EAAI,kBAAkB;EAC3C,YA5CqB,MAA8C;AACnE,WAAiB,EAAE,EACf,GAAE,iBAEN,SAAQ,EAAE,KAAV;IACE,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,SACjC,EAAI,aAAa,GAAK;AAExB;IAEF,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,QACjC,EAAI,aAAa,GAAK;AAExB;IAEF;AACE,KACE,EAAE,IAAI,WAAW,KACjB,EAAE,QAAQ,OACV,CAAC,EAAE,WACH,CAAC,EAAE,WACH,CAAC,EAAE,UACH,CAAC,EAAI,SAEL,EAAE,gBAAgB,EAClB,EAAI,cAAc,EAAE,IAAI,EACxB,EAAI,aAAa,GAAK;AAExB;;;EAWJ,UANmB,MAA2C;AAC9D,OAAe,EAAE;;EAMlB,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAK;EACL,IAAI,EAAM;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,iBAAe,EAAI,OAAO,EAAI,YAAY,KAAA;EAC1C,cAAY;EACZ,mBAAiB;EACjB,gBAAc,EAAM;EACpB,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,UAAU;EACV,WAAW,EACT,EAAwB;GAAE;GAAQ,MAAM;GAAU,CAAC,EACnD,EACD;YAlBH,CAoBE,kBAAC,QAAD;GACE,WAAW,EACT,YACA,MAAiB,KAAA,KAAa,2BAC/B;aAEA,KAAgB;GACZ,CAAA,EACP,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACN,WAAW,EACT,qCACA,EAAI,QAAQ,aACb;aAED,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACD,CAAA,CACA;;;AAIb,EAAgB,cAAc"}

package/dist/components/CommandMenu/CommandMenu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../Text/Text.cjs`),a=require(`../../utils/portal.cjs`),o=require(`../../hooks/use-scroll-lock.cjs`),s=require(`../../hooks/use-escape-key.cjs`),c=require(`./CommandMenu.context.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d(e){return e.current==null?[]:Array.from(e.current.querySelectorAll(`[role="option"]:not([hidden])`))}function f({children:e,open:r,defaultOpen:i=!1,onOpenChange:f}){let[p,m]=n.useControllableState(r,i,f),[h,g]=l.useState(``),[_,v]=l.useState(null),[y,b]=l.useState(0),x=l.useId(),S=`${x}-listbox`,C=`${x}-input`,w=l.useRef(null),T=l.useRef(null);o.useScrollLock(p),s.useEscapeKey(l.useCallback(()=>m(!1),[m]),p),l.useEffect(()=>{if(!p)return;let e=d(w).length;b(e)},[p,h]),l.useEffect(()=>{p?T.current=document.activeElement:T.current!=null&&(T.current.focus(),T.current=null)},[p]),l.useEffect(()=>{p||(g(``),v(null))},[p]);let E=l.useMemo(()=>({open:p,onOpenChange:m,filter:h,setFilter:g,activeItemId:_,setActiveItemId:v,visibleCount:y,baseId:x,listboxId:S,inputId:C,listRef:w}),[p,m,h,_,y,x,S,C]);return p?(0,u.jsx)(c.CommandMenuContext,{value:E,children:(0,u.jsxs)(a.Portal,{children:[(0,u.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`),onClick:()=>m(!1),"aria-hidden":`true`}),(0,u.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":`Command menu`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-[20%] -translate-x-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)`,`overflow-hidden`),children:e})]})}):null}f.displayName=`CommandMenu`;var p=()=>(0,u.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,u.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,u.jsx)(`path`,{d:`m21 21-4.3-4.3`})]}),m=l.forwardRef(({className:e,...n},i)=>{let a=c.useCommandMenuContext(),o=l.useRef(null),s=l.useCallback(e=>{o.current=e,typeof i==`function`?i(e):i!=null&&(i.current=e)},[i]);l.useEffect(()=>{a.open&&requestAnimationFrame(()=>{o.current?.focus()})},[a.open]);let f=e=>{let t=d(a.listRef);switch(e.key){case`ArrowDown`:{if(e.preventDefault(),t.length===0)return;let n=t.findIndex(e=>e.id===a.activeItemId),r=t[n===-1?0:(n+1)%t.length];r!=null&&a.setActiveItemId(r.id);break}case`ArrowUp`:{if(e.preventDefault(),t.length===0)return;let n=t.findIndex(e=>e.id===a.activeItemId),r=t[n===-1?t.length-1:(n-1+t.length)%t.length];r!=null&&a.setActiveItemId(r.id);break}case`Home`:{e.preventDefault();let n=t[0];n!=null&&a.setActiveItemId(n.id);break}case`End`:{e.preventDefault();let n=t[t.length-1];n!=null&&a.setActiveItemId(n.id);break}case`Enter`:if(e.preventDefault(),a.activeItemId!=null){let e=document.getElementById(a.activeItemId);e!=null&&e.getAttribute(`aria-disabled`)!==`true`&&e.click()}break;case`Tab`:a.onOpenChange(!1);break;default:break}},m=e=>{a.setFilter(e.target.value),a.setActiveItemId(null)},h=a.activeItemId??void 0;return(0,u.jsxs)(`div`,{className:t.cn(`flex items-center gap-(--space-2) px-(--space-3)`,`border-b border-(--nuka-border-base)`),children:[(0,u.jsx)(r.Icon,{size:`sm`,color:`muted`,children:(0,u.jsx)(p,{})}),(0,u.jsx)(`input`,{ref:s,id:a.inputId,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":a.listboxId,"aria-activedescendant":h,value:a.filter,onChange:m,onKeyDown:f,className:t.cn(`flex-1 bg-transparent py-(--space-3)`,`text-sm text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`outline-none`,e),...n})]})});m.displayName=`CommandMenuInput`;var h=l.forwardRef(({className:e,...n},r)=>{let i=c.useCommandMenuContext();return(0,u.jsx)(`div`,{ref:l.useCallback(e=>{i.listRef.current=e,typeof r==`function`?r(e):r!=null&&(r.current=e)},[r,i.listRef]),id:i.listboxId,role:`listbox`,"aria-label":`Suggestions`,className:t.cn(`overflow-y-auto max-h-80 p-(--space-1)`,e),...n})});h.displayName=`CommandMenuList`;var g=l.forwardRef(({className:e,children:n,...r},a)=>c.useCommandMenuContext().visibleCount>0?null:(0,u.jsx)(`div`,{ref:a,role:`presentation`,className:t.cn(`py-(--space-8) text-center`,e),...r,children:(0,u.jsx)(i.Text,{size:`sm`,color:`muted`,children:n})}));g.displayName=`CommandMenuEmpty`;var _=l.forwardRef(({heading:e,className:n,children:r,...i},a)=>{let o=l.useId(),s=l.useRef(null),[d,f]=l.useState(!0),p=c.useCommandMenuContext(),m=l.useCallback(e=>{s.current=e,typeof a==`function`?a(e):a!=null&&(a.current=e)},[a]);return l.useEffect(()=>{s.current!=null&&f(s.current.querySelector(`[role="option"]:not([hidden])`)!==null)},[p.filter]),(0,u.jsxs)(`div`,{ref:m,role:`group`,"aria-labelledby":e==null?void 0:o,hidden:!d||void 0,className:t.cn(n),...i,children:[e!=null&&(0,u.jsx)(`div`,{id:o,role:`presentation`,className:t.cn(`text-xs font-medium text-(--nuka-text-muted)`,`px-(--space-3) py-(--space-2)`),children:e}),r]})});_.displayName=`CommandMenuGroup`;var v=l.forwardRef(({value:e,disabled:n=!1,onSelect:r,className:i,children:a,...o},s)=>{let d=c.useCommandMenuContext(),f=l.useId(),p=l.useRef(null),m=l.useCallback(e=>{p.current=e,typeof s==`function`?s(e):s!=null&&(s.current=e)},[s]),h=e!=null&&d.filter!==``&&!e.toLowerCase().includes(d.filter.toLowerCase()),g=d.activeItemId===f;return l.useEffect(()=>{g&&p.current!=null&&p.current.scrollIntoView({block:`nearest`})},[g]),(0,u.jsx)(`div`,{ref:m,id:f,role:`option`,"aria-selected":g,"aria-disabled":n||void 0,hidden:h||void 0,onClick:()=>{n||(r?.(),d.onOpenChange(!1))},className:t.cn(`flex items-center gap-(--space-2)`,`px-(--space-3) py-(--space-2)`,`rounded-(--radius-md) text-sm cursor-default`,`select-none`,g&&`bg-(--nuka-bg-muted)`,n?`text-(--nuka-text-disabled)`:`text-(--nuka-text-base)`,i),...o,children:a})});v.displayName=`CommandMenuItem`;var y=l.forwardRef(({className:e,...n},r)=>(0,u.jsx)(`span`,{ref:r,"aria-hidden":`true`,className:t.cn(`ml-auto text-xs text-(--nuka-text-muted)`,e),...n}));y.displayName=`CommandMenuShortcut`,exports.CommandMenu=f,exports.CommandMenuEmpty=g,exports.CommandMenuGroup=_,exports.CommandMenuInput=m,exports.CommandMenuItem=v,exports.CommandMenuList=h,exports.CommandMenuShortcut=y;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/get-active-element.cjs`),r=require(`../../hooks/use-controllable-state.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`./CommandMenu.context.cjs`),c=require(`./CommandMenu.utils.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d({children:e,open:d,defaultOpen:f=!1,onOpenChange:p}){let[m,h]=r.useControllableState(d,f,p),[g,_]=l.useState(``),[v,y]=l.useState(null),[b,x]=l.useState(0),S=l.useId(),C=`${S}-listbox`,w=`${S}-input`,T=l.useRef(null),E=l.useRef(null);a.useScrollLock(m),o.useEscapeKey(l.useCallback(()=>h(!1),[h]),m),l.useEffect(()=>{if(!m)return;let e=c.getVisibleItems(T).length;x(e)},[m,g]),l.useEffect(()=>{m?E.current=n.getActiveElement():E.current!=null&&(E.current.focus(),E.current=null)},[m]),l.useEffect(()=>{m||(_(``),y(null))},[m]);let D=l.useMemo(()=>({open:m,onOpenChange:h,filter:g,setFilter:_,activeItemId:v,setActiveItemId:y,visibleCount:b,baseId:S,listboxId:C,inputId:w,listRef:T}),[m,h,g,v,b,S,C,w]);return m?(0,u.jsx)(s.CommandMenuContext,{value:D,children:(0,u.jsxs)(i.Portal,{children:[(0,u.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`),onClick:()=>h(!1),"aria-hidden":`true`}),(0,u.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":`Command menu`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-[20%] -translate-x-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)`,`overflow-hidden`),children:e})]})}):null}d.displayName=`CommandMenu`,exports.CommandMenu=d;
 //# sourceMappingURL=CommandMenu.cjs.map

package/dist/components/CommandMenu/CommandMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n  CommandMenuContext,\n  useCommandMenuContext,\n} from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction getVisibleItems(\n  listRef: React.RefObject<HTMLDivElement | null>,\n): HTMLElement[] {\n  if (listRef.current == null) return [];\n  return Array.from(\n    listRef.current.querySelectorAll<HTMLElement>(\n      '[role=\"option\"]:not([hidden])',\n    ),\n  );\n}\n\nfunction CommandMenu({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: CommandMenuProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const [filter, setFilter] = React.useState(\"\");\n  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  const baseId = React.useId();\n  const listboxId = `${baseId}-listbox`;\n  const inputId = `${baseId}-input`;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const restoreRef = React.useRef<HTMLElement | null>(null);\n\n  useScrollLock(open);\n  useEscapeKey(\n    React.useCallback(() => setOpen(false), [setOpen]),\n    open,\n  );\n\n  // Update visibleCount after each filter change\n  React.useEffect(() => {\n    if (!open) return;\n    const count = getVisibleItems(listRef).length;\n    setVisibleCount(count);\n  }, [open, filter]);\n\n  // Save focus on open, restore on close\n  React.useEffect(() => {\n    if (open) {\n      restoreRef.current = document.activeElement as HTMLElement | null;\n    } else if (restoreRef.current != null) {\n      restoreRef.current.focus();\n      restoreRef.current = null;\n    }\n  }, [open]);\n\n  // Reset filter and active item when closing\n  React.useEffect(() => {\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }, [open]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n    ],\n  );\n\n  if (!open) return null;\n\n  return (\n    <CommandMenuContext value={contextValue}>\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n          )}\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"left-1/2 top-[20%] -translate-x-1/2\",\n            \"w-full max-w-lg\",\n            \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)\",\n            \"overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    </CommandMenuContext>\n  );\n}\n\nCommandMenu.displayName = \"CommandMenu\";\n\nconst SearchIcon = () => (\n  <svg\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth={2}\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n  >\n    <circle cx=\"11\" cy=\"11\" r=\"8\" />\n    <path d=\"m21 21-4.3-4.3\" />\n  </svg>\n);\n\nexport interface CommandMenuInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"onChange\"\n> {}\n\nconst CommandMenuInput = React.forwardRef<\n  HTMLInputElement,\n  CommandMenuInputProps\n>(({ className, ...props }, ref) => {\n  const ctx = useCommandMenuContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  // Focus input when the menu opens\n  React.useEffect(() => {\n    if (ctx.open) {\n      requestAnimationFrame(() => {\n        internalRef.current?.focus();\n      });\n    }\n  }, [ctx.open]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getVisibleItems(ctx.listRef);\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (items.length === 0) return;\n        const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n        const nextIdx = currentIdx === -1 ? 0 : (currentIdx + 1) % items.length;\n        const next = items[nextIdx];\n        if (next != null) {\n          ctx.setActiveItemId(next.id);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (items.length === 0) return;\n        const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n        const prevIdx =\n          currentIdx === -1\n            ? items.length - 1\n            : (currentIdx - 1 + items.length) % items.length;\n        const prev = items[prevIdx];\n        if (prev != null) {\n          ctx.setActiveItemId(prev.id);\n        }\n        break;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        const first = items[0];\n        if (first != null) {\n          ctx.setActiveItemId(first.id);\n        }\n        break;\n      }\n      case \"End\": {\n        e.preventDefault();\n        const last = items[items.length - 1];\n        if (last != null) {\n          ctx.setActiveItemId(last.id);\n        }\n        break;\n      }\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeItemId != null) {\n          const activeEl = document.getElementById(ctx.activeItemId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        }\n        break;\n      }\n      case \"Tab\": {\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilter(e.target.value);\n    ctx.setActiveItemId(null);\n  };\n\n  const activedescendant = ctx.activeItemId ?? undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <SearchIcon />\n      </Icon>\n      <input\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={activedescendant}\n        value={ctx.filter}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n});\n\nCommandMenuInput.displayName = \"CommandMenuInput\";\n\nexport interface CommandMenuListProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CommandMenuList = React.forwardRef<HTMLDivElement, CommandMenuListProps>(\n  ({ className, ...props }, ref) => {\n    const ctx = useCommandMenuContext();\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        ctx.listRef.current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref != null) {\n          ref.current = node;\n        }\n      },\n      [ref, ctx.listRef],\n    );\n\n    return (\n      <div\n        ref={composedRef}\n        id={ctx.listboxId}\n        role=\"listbox\"\n        aria-label=\"Suggestions\"\n        className={cn(\"overflow-y-auto max-h-80 p-(--space-1)\", className)}\n        {...props}\n      />\n    );\n  },\n);\n\nCommandMenuList.displayName = \"CommandMenuList\";\n\nexport interface CommandMenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst CommandMenuEmpty = React.forwardRef<\n  HTMLDivElement,\n  CommandMenuEmptyProps\n>(({ className, children, ...props }, ref) => {\n  const ctx = useCommandMenuContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n});\n\nCommandMenuEmpty.displayName = \"CommandMenuEmpty\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  heading?: string;\n}\n\nconst CommandMenuGroup = React.forwardRef<\n  HTMLDivElement,\n  CommandMenuGroupProps\n>(({ heading, className, children, ...props }, ref) => {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useCommandMenuContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filter]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={heading != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          className={cn(\n            \"text-xs font-medium text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n});\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport interface CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nconst CommandMenuItem = React.forwardRef<HTMLDivElement, CommandMenuItemProps>(\n  (\n    { value, disabled = false, onSelect, className, children, ...props },\n    ref,\n  ) => {\n    const ctx = useCommandMenuContext();\n    const itemId = React.useId();\n    const internalRef = React.useRef<HTMLDivElement>(null);\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref != null) {\n          ref.current = node;\n        }\n      },\n      [ref],\n    );\n\n    const isFiltered =\n      value != null &&\n      ctx.filter !== \"\" &&\n      !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n    const isActive = ctx.activeItemId === itemId;\n\n    // Auto-scroll active item into view\n    React.useEffect(() => {\n      if (isActive && internalRef.current != null) {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }, [isActive]);\n\n    const handleClick = () => {\n      if (disabled) return;\n      onSelect?.();\n      ctx.onOpenChange(false);\n    };\n\n    return (\n      <div\n        ref={composedRef}\n        id={itemId}\n        role=\"option\"\n        aria-selected={isActive}\n        aria-disabled={disabled || undefined}\n        hidden={isFiltered || undefined}\n        onClick={handleClick}\n        className={cn(\n          \"flex items-center gap-(--space-2)\",\n          \"px-(--space-3) py-(--space-2)\",\n          \"rounded-(--radius-md) text-sm cursor-default\",\n          \"select-none\",\n          isActive && \"bg-(--nuka-bg-muted)\",\n          disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport interface CommandMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {}\n\nconst CommandMenuShortcut = React.forwardRef<\n  HTMLSpanElement,\n  CommandMenuShortcutProps\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    aria-hidden=\"true\"\n    className={cn(\"ml-auto text-xs text-(--nuka-text-muted)\", className)}\n    {...props}\n  />\n));\n\nCommandMenuShortcut.displayName = \"CommandMenuShortcut\";\n\nexport {\n  CommandMenu,\n  CommandMenuInput,\n  CommandMenuList,\n  CommandMenuEmpty,\n  CommandMenuGroup,\n  CommandMenuItem,\n  CommandMenuShortcut,\n};\n"],"mappings":"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"}
+{"version":3,"file":"CommandMenu.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { CommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport { getVisibleItems } from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction CommandMenu({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: CommandMenuProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const [filter, setFilter] = React.useState(\"\");\n  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  const baseId = React.useId();\n  const listboxId = `${baseId}-listbox`;\n  const inputId = `${baseId}-input`;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const restoreRef = React.useRef<HTMLElement | null>(null);\n\n  useScrollLock(open);\n  useEscapeKey(\n    React.useCallback(() => setOpen(false), [setOpen]),\n    open,\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const count = getVisibleItems(listRef).length;\n    setVisibleCount(count);\n  }, [open, filter]);\n\n  React.useEffect(() => {\n    if (open) {\n      restoreRef.current = getActiveElement() as HTMLElement | null;\n    } else if (restoreRef.current != null) {\n      restoreRef.current.focus();\n      restoreRef.current = null;\n    }\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }, [open]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n    ],\n  );\n\n  if (!open) return null;\n\n  return (\n    <CommandMenuContext value={contextValue}>\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n          )}\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"left-1/2 top-[20%] -translate-x-1/2\",\n            \"w-full max-w-lg\",\n            \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)\",\n            \"overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    </CommandMenuContext>\n  );\n}\n\nCommandMenu.displayName = \"CommandMenu\";\n\nexport { CommandMenu };\n"],"mappings":"6dAkBA,SAAS,EAAY,CACnB,WACA,KAAM,EACN,cAAc,GACd,gBACmB,CACnB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,EACA,EACD,CAEK,CAAC,EAAQ,GAAa,EAAM,SAAS,GAAG,CACxC,CAAC,EAAc,GAAmB,EAAM,SAAwB,KAAK,CACrE,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAE,CAEnD,EAAS,EAAM,OAAO,CACtB,EAAY,GAAG,EAAO,UACtB,EAAU,GAAG,EAAO,QACpB,EAAU,EAAM,OAAuB,KAAK,CAC5C,EAAa,EAAM,OAA2B,KAAK,CAEzD,EAAA,cAAc,EAAK,CACnB,EAAA,aACE,EAAM,gBAAkB,EAAQ,GAAM,CAAE,CAAC,EAAQ,CAAC,CAClD,EACD,CAED,EAAM,cAAgB,CACpB,GAAI,CAAC,EAAM,OACX,IAAM,EAAQ,EAAA,gBAAgB,EAAQ,CAAC,OACvC,EAAgB,EAAM,EACrB,CAAC,EAAM,EAAO,CAAC,CAElB,EAAM,cAAgB,CAChB,EACF,EAAW,QAAU,EAAA,kBAAkB,CAC9B,EAAW,SAAW,OAC/B,EAAW,QAAQ,OAAO,CAC1B,EAAW,QAAU,OAEtB,CAAC,EAAK,CAAC,CAEV,EAAM,cAAgB,CACf,IACH,EAAU,GAAG,CACb,EAAgB,KAAK,GAEtB,CAAC,EAAK,CAAC,CAEV,IAAM,EAAe,EAAM,aAClB,CACL,OACA,aAAc,EACd,SACA,YACA,eACA,kBACA,eACA,SACA,YACA,UACA,UACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAID,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAAO,YACzB,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACD,CACD,YAAe,EAAQ,GAAM,CAC7B,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,SACL,aAAW,OACX,aAAW,eACX,UAAW,EAAA,GACT,2BACA,sCACA,kBACA,2DACA,mDACA,kBACD,CAEA,WACG,CAAA,CACC,CAAA,CAAA,CACU,CAAA,CA7BL,KAiCpB,EAAY,YAAc"}

package/dist/components/CommandMenu/CommandMenu.d.ts

@@ -9,27 +9,5 @@ declare function CommandMenu({ children, open: controlledOpen, defaultOpen, onOp
 declare namespace CommandMenu {
     var displayName: string;
 }
-export interface CommandMenuInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
-}
-declare const CommandMenuInput: React.ForwardRefExoticComponent<CommandMenuInputProps & React.RefAttributes<HTMLInputElement>>;
-export interface CommandMenuListProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CommandMenuList: React.ForwardRefExoticComponent<CommandMenuListProps & React.RefAttributes<HTMLDivElement>>;
-export interface CommandMenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
-}
-declare const CommandMenuEmpty: React.ForwardRefExoticComponent<CommandMenuEmptyProps & React.RefAttributes<HTMLDivElement>>;
-export interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    heading?: string;
-}
-declare const CommandMenuGroup: React.ForwardRefExoticComponent<CommandMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
-export interface CommandMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
-    value?: string;
-    disabled?: boolean;
-    onSelect?: () => void;
-}
-declare const CommandMenuItem: React.ForwardRefExoticComponent<CommandMenuItemProps & React.RefAttributes<HTMLDivElement>>;
-export interface CommandMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
-}
-declare const CommandMenuShortcut: React.ForwardRefExoticComponent<CommandMenuShortcutProps & React.RefAttributes<HTMLSpanElement>>;
-export { CommandMenu, CommandMenuInput, CommandMenuList, CommandMenuEmpty, CommandMenuGroup, CommandMenuItem, CommandMenuShortcut, };
+export { CommandMenu };
 //# sourceMappingURL=CommandMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAaD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,GACb,EAAE,gBAAgB,kDAyGlB;kBA9GQ,WAAW;;;AAgIpB,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,UAAU,CACrB;CAAG;AAEJ,QAAA,MAAM,gBAAgB,gGAqIpB,CAAC;AAIH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAErF,QAAA,MAAM,eAAe,6FA0BpB,CAAC;AAIF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEtF,QAAA,MAAM,gBAAgB,8FAoBpB,CAAC;AAIH,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,gBAAgB,8FAoDpB,CAAC;AAIH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,QAAA,MAAM,eAAe,6FAiEpB,CAAC;AAIF,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;CAAG;AAE1F,QAAA,MAAM,mBAAmB,kGAUvB,CAAC;AAIH,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,GACb,EAAE,gBAAgB,kDAsGlB;kBA3GQ,WAAW;;;AA+GpB,OAAO,EAAE,WAAW,EAAE,CAAC"}