@nuka-ui/core 1.1.4 → 1.1.5

package/dist/components/Combobox/ComboboxOption.js

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

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\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      data-slot=\"item\"\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,aAAU;EACV,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,eA9BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,KAAY,EACZ,EAAI,aAAa,GAAM;;EA4BpB;EACG,CAAA;;AAIV,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 {\n  useComboboxContext,\n  ComboboxGroupContext,\n} 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 groupCtx = React.use(ComboboxGroupContext);\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, @eslint-react/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  const groupRegister = groupCtx?.registerItemVisibility;\n  const groupUnregister = groupCtx?.unregisterItem;\n\n  React.useEffect(() => {\n    if (!groupRegister || !groupUnregister) return;\n    groupRegister(optionId, !isFiltered);\n    return () => groupUnregister(optionId);\n  }, [groupRegister, groupUnregister, optionId, isFiltered]);\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      data-slot=\"item\"\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":";;;;;;;AAUA,SAAS,EAAe,EACtB,QACA,UACA,cAAW,IACX,cACA,aACA,eACsB;CACtB,IAAM,IAAM,EAAmB,GACzB,IAAW,EAAM,IAAI,CAAoB,GACzC,IAAc,EAAM,OAAuB,IAAI,GAE/C,IAAc,EAAM,aACvB,MAAgC;EAE/B,AADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,KAAO,SAAM,EAAI,UAAU;CACtC,GACA,CAAC,CAAG,CACN,GAEM,IAAa,EAAI,UAAU,GAC3B,IAAW,GAAG,EAAI,UAAU,UAAU,KACtC,IAAQ,EAAS,CAAQ,GAEzB,IACJ,EAAI,eAAe,MACnB,CAAC,EAAM,YAAY,EAAE,SAAS,EAAI,WAAW,YAAY,CAAC,GAEtD,IAAW,EAAI,uBAAuB;CAU5C,AARA,EAAM,uBACJ,EAAI,eAAe,GAAO,GAAO,EAAY,OAAO,SACvC;EACX,EAAI,iBAAiB,CAAK;CAC5B,IAEC,CAAC,CAAC,GAEL,EAAM,gBAAgB;EACpB,EAAI,uBAAuB,GAAO,CAAQ;CAC5C,GAAG;EAAC;EAAK;EAAO;CAAQ,CAAC;CAEzB,IAAM,IAAgB,GAAU,wBAC1B,IAAkB,GAAU;CAuBlC,OArBA,EAAM,gBAAgB;EAChB,OAAC,KAAiB,CAAC,IAEvB,OADA,EAAc,GAAU,CAAC,CAAU,SACtB,EAAgB,CAAQ;CACvC,GAAG;EAAC;EAAe;EAAiB;EAAU;CAAU,CAAC,GAEzD,EAAM,gBAAgB;EACpB,AAAI,KAAY,EAAY,WAAW,QACjC,OAAO,EAAY,QAAQ,kBAAmB,cAChD,EAAY,QAAQ,eAAe,EAAE,OAAO,UAAU,CAAC;CAG7D,GAAG,CAAC,CAAQ,CAAC,GAUX,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,aAAU;EACV,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,CACF;EACA,eA9BsB;GACpB,MACJ,EAAI,cAAc,CAAK,GACvB,IAAW,GACX,EAAI,aAAa,EAAK;EACxB;EA2BK;CACE,CAAA;AAET;AAEA,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`);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,"data-slot":`trigger`,"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;
+"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,"data-slot":`trigger`,"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\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      data-slot=\"trigger\"\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,YAAU,UACV,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,UAnBH,EAqBE,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"}
+{"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      data-slot=\"trigger\"\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,mBAAmB,EACzB,EAAU,EAAA,aAAa,EACvB,EAAQ,EAAA,kBAAkB,CAC9B,GAAI,EAAM,GACV,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,gBACzB,CAAC,EAEK,EAAmB,GAAgB,EAAI,SAEvC,EACJ,EAAM,qBAAuB,EAAQ,SAAW,IAAA,IAE5C,EACJ,EAAI,QAAU,IAAA,GAA4C,IAAA,GAAhC,EAAI,eAAe,EAAI,KAAK,EAElD,EACJ,EAAM,gBACL,IAAmB,IAAA,GACf,GAAgB,GAAe,SAChC,IAAA,IAEA,EAAc,EAAM,YACvB,GAAmC,CAC9B,OAAO,GAAQ,WAAY,EAAI,CAAI,EAC9B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,WAAW,QAAU,EACzB,EAAI,KAAK,aAAa,CAAI,CAC5B,EACA,CAAC,EAAK,EAAI,WAAY,EAAI,IAAI,CAChC,EA6CM,EAAiB,EAAI,kBAAkB,CAC3C,UA5CqB,GAA8C,CACnE,OAAiB,CAAC,EACd,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,YACH,EAAE,eAAe,EACZ,EAAI,OACP,EAAI,mBAAmB,QAAU,QACjC,EAAI,aAAa,EAAI,GAEvB,MAEF,IAAK,UACH,EAAE,eAAe,EACZ,EAAI,OACP,EAAI,mBAAmB,QAAU,OACjC,EAAI,aAAa,EAAI,GAEvB,MAEF,QAEI,EAAE,IAAI,SAAW,GACjB,EAAE,MAAQ,KACV,CAAC,EAAE,SACH,CAAC,EAAE,SACH,CAAC,EAAE,QACH,CAAC,EAAI,OAEL,EAAE,eAAe,EACjB,EAAI,cAAc,EAAE,GAAG,EACvB,EAAI,aAAa,EAAI,GAEvB,KAEJ,CACF,EAQE,QANmB,GAA2C,CAC9D,IAAe,CAAC,CAClB,CAKA,CAAC,EAED,OACE,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,EACJ,GAAI,EACJ,IAAK,EACL,KAAK,SACL,GAAI,EAAM,WACV,YAAU,UACV,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,CAAS,CAAC,EAClD,CACF,WAnBF,EAqBE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,WACA,IAAiB,IAAA,IAAa,0BAChC,WAEC,GAAgB,CACb,CAAA,GACN,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GACT,oCACA,EAAI,MAAQ,YACd,YAEA,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,cAAgB,CAAA,CACrB,CAAA,CACD,CAAA,CACA,GAEZ,CAEA,EAAgB,YAAc"}

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\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      data-slot=\"trigger\"\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,aAAU;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;YAnBH,CAqBE,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"}
+{"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      data-slot=\"trigger\"\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,EAAmB,GACzB,IAAU,EAAa,GACvB,IAAQ,EAAkB;EAC9B,IAAI,EAAM;EACV,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;CACzB,CAAC,GAEK,IAAmB,KAAgB,EAAI,UAEvC,IACJ,EAAM,uBAAuB,EAAQ,WAAW,KAAA,IAE5C,IACJ,EAAI,UAAU,KAAA,IAA4C,KAAA,IAAhC,EAAI,eAAe,EAAI,KAAK,GAElD,IACJ,EAAM,kBACL,MAAmB,KAAA,IACf,KAAgB,KAAe,WAChC,KAAA,IAEA,IAAc,EAAM,aACvB,MAAmC;EAIlC,AAHI,OAAO,KAAQ,aAAY,EAAI,CAAI,IAC9B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,WAAW,UAAU,GACzB,EAAI,KAAK,aAAa,CAAI;CAC5B,GACA;EAAC;EAAK,EAAI;EAAY,EAAI;CAAI,CAChC,GA6CM,IAAiB,EAAI,kBAAkB;EAC3C,YA5CqB,MAA8C;GACnE,QAAiB,CAAC,GACd,GAAE,kBAEN,QAAQ,EAAE,KAAV;IACE,KAAK;KAEH,AADA,EAAE,eAAe,GACZ,EAAI,SACP,EAAI,mBAAmB,UAAU,SACjC,EAAI,aAAa,EAAI;KAEvB;IAEF,KAAK;KAEH,AADA,EAAE,eAAe,GACZ,EAAI,SACP,EAAI,mBAAmB,UAAU,QACjC,EAAI,aAAa,EAAI;KAEvB;IAEF;KACE,AACE,EAAE,IAAI,WAAW,KACjB,EAAE,QAAQ,OACV,CAAC,EAAE,WACH,CAAC,EAAE,WACH,CAAC,EAAE,UACH,CAAC,EAAI,SAEL,EAAE,eAAe,GACjB,EAAI,cAAc,EAAE,GAAG,GACvB,EAAI,aAAa,EAAI;KAEvB;GAEJ;EACF;EAQE,UANmB,MAA2C;GAC9D,IAAe,CAAC;EAClB;CAKA,CAAC;CAED,OACE,kBAAC,UAAD;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAK;EACL,IAAI,EAAM;EACV,aAAU;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;EAAS,CAAC,GAClD,CACF;YAnBF,CAqBE,kBAAC,QAAD;GACE,WAAW,EACT,YACA,MAAiB,KAAA,KAAa,0BAChC;aAEC,KAAgB;EACb,CAAA,GACN,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACN,WAAW,EACT,qCACA,EAAI,QAAQ,YACd;aAEA,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;GACrB,CAAA;EACD,CAAA,CACA;;AAEZ;AAEA,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(`../../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)`),"data-slot":`overlay`,onClick:()=>h(!1),"aria-hidden":`true`}),(0,u.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":`Command menu`,"data-slot":`dialog`,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;
+"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");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({children:e,open:u,defaultOpen:d=!1,onOpenChange:f}){let[p,m]=r.useControllableState(u,d,f),[h,g]=c.useState(``),[_,v]=c.useState(null),[y,b]=c.useState(()=>new Set),[x,S]=c.useState(p);x!==p&&(S(p),p||(g(``),v(null)));let C=c.useId(),w=`${C}-listbox`,T=`${C}-input`,E=c.useRef(null),D=c.useRef(null);a.useScrollLock(p),o.useEscapeKey(c.useCallback(()=>m(!1),[m]),p),c.useEffect(()=>{p?D.current=n.getActiveElement():D.current!=null&&(D.current.focus(),D.current=null)},[p]);let O=c.useCallback((e,t)=>{b(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r})},[]),k=c.useCallback(e=>{b(t=>{if(!t.has(e))return t;let n=new Set(t);return n.delete(e),n})},[]),A=c.useMemo(()=>({open:p,onOpenChange:m,filter:h,setFilter:g,activeItemId:_,setActiveItemId:v,visibleCount:y.size,registerItemVisibility:O,unregisterItem:k,baseId:C,listboxId:w,inputId:T,listRef:E}),[p,m,h,_,y.size,O,k,C,w,T]);return p?(0,l.jsx)(s.CommandMenuContext,{value:A,children:(0,l.jsxs)(i.Portal,{children:[(0,l.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`),"data-slot":`overlay`,onClick:()=>m(!1),"aria-hidden":`true`}),(0,l.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":`Command menu`,"data-slot":`dialog`,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}u.displayName=`CommandMenu`,exports.CommandMenu=u;
 //# 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 { 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          data-slot=\"overlay\"\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          data-slot=\"dialog\"\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,YAAU,UACV,YAAe,EAAQ,GAAM,CAC7B,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,SACL,aAAW,OACX,aAAW,eACX,YAAU,SACV,UAAW,EAAA,GACT,2BACA,sCACA,kBACA,2DACA,mDACA,kBACD,CAEA,WACG,CAAA,CACC,CAAA,CAAA,CACU,CAAA,CA/BL,KAmCpB,EAAY,YAAc"}
+{"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\";\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 [visibleItemIds, setVisibleItemIds] = React.useState(\n    () => new Set<string>(),\n  );\n\n  // Reset filter and active item when the menu closes (setState during render,\n  // avoiding an extra paint cycle from useEffect).\n  const [prevOpen, setPrevOpen] = React.useState(open);\n  if (prevOpen !== open) {\n    setPrevOpen(open);\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }\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) {\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  const registerItemVisibility = React.useCallback(\n    (id: string, visible: boolean) => {\n      setVisibleItemIds((prev) => {\n        const next = new Set(prev);\n        if (visible) {\n          next.add(id);\n        } else {\n          next.delete(id);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const unregisterItem = React.useCallback((id: string) => {\n    setVisibleItemIds((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount: visibleItemIds.size,\n      registerItemVisibility,\n      unregisterItem,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleItemIds.size,\n      registerItemVisibility,\n      unregisterItem,\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          data-slot=\"overlay\"\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          data-slot=\"dialog\"\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":"wbAiBA,SAAS,EAAY,CACnB,WACA,KAAM,EACN,cAAc,GACd,gBACmB,CACnB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,EACA,CACF,EAEM,CAAC,EAAQ,GAAa,EAAM,SAAS,EAAE,EACvC,CAAC,EAAc,GAAmB,EAAM,SAAwB,IAAI,EACpE,CAAC,EAAgB,GAAqB,EAAM,aAC1C,IAAI,GACZ,EAIM,CAAC,EAAU,GAAe,EAAM,SAAS,CAAI,EAC/C,IAAa,IACf,EAAY,CAAI,EACX,IACH,EAAU,EAAE,EACZ,EAAgB,IAAI,IAIxB,IAAM,EAAS,EAAM,MAAM,EACrB,EAAY,GAAG,EAAO,UACtB,EAAU,GAAG,EAAO,QACpB,EAAU,EAAM,OAAuB,IAAI,EAC3C,EAAa,EAAM,OAA2B,IAAI,EAExD,EAAA,cAAc,CAAI,EAClB,EAAA,aACE,EAAM,gBAAkB,EAAQ,EAAK,EAAG,CAAC,CAAO,CAAC,EACjD,CACF,EAEA,EAAM,cAAgB,CAChB,EACF,EAAW,QAAU,EAAA,iBAAiB,EAC7B,EAAW,SAAW,OAC/B,EAAW,QAAQ,MAAM,EACzB,EAAW,QAAU,KAEzB,EAAG,CAAC,CAAI,CAAC,EAET,IAAM,EAAyB,EAAM,aAClC,EAAY,IAAqB,CAChC,EAAmB,GAAS,CAC1B,IAAM,EAAO,IAAI,IAAI,CAAI,EAMzB,OALI,EACF,EAAK,IAAI,CAAE,EAEX,EAAK,OAAO,CAAE,EAET,CACT,CAAC,CACH,EACA,CAAC,CACH,EAEM,EAAiB,EAAM,YAAa,GAAe,CACvD,EAAmB,GAAS,CAC1B,GAAI,CAAC,EAAK,IAAI,CAAE,EAAG,OAAO,EAC1B,IAAM,EAAO,IAAI,IAAI,CAAI,EAEzB,OADA,EAAK,OAAO,CAAE,EACP,CACT,CAAC,CACH,EAAG,CAAC,CAAC,EAEC,EAAe,EAAM,aAClB,CACL,OACA,aAAc,EACd,SACA,YACA,eACA,kBACA,aAAc,EAAe,KAC7B,yBACA,iBACA,SACA,YACA,UACA,SACF,GACA,CACE,EACA,EACA,EACA,EACA,EAAe,KACf,EACA,EACA,EACA,EACA,CACF,CACF,EAIA,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,wBACF,EACA,YAAU,UACV,YAAe,EAAQ,EAAK,EAC5B,cAAY,MACb,CAAA,GACD,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,SACL,aAAW,OACX,aAAW,eACX,YAAU,SACV,UAAW,EAAA,GACT,2BACA,sCACA,kBACA,2DACA,mDACA,iBACF,EAEC,UACE,CAAA,CACC,CAAA,CAAA,CACU,CAAA,EA/BJ,IAiCpB,CAEA,EAAY,YAAc"}

package/dist/components/CommandMenu/CommandMenu.context.cjs

@@ -1,2 +1,2 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(null);function n(){let n=(0,e.useContext)(t);if(n===null)throw Error(`CommandMenu compound components must be used within <CommandMenu>.`);return n}exports.CommandMenuContext=t,exports.useCommandMenuContext=n;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(){let n=(0,e.use)(t);if(n===null)throw Error(`CommandMenu compound components must be used within <CommandMenu>.`);return n}var r=(0,e.createContext)(null);exports.CommandMenuContext=t,exports.CommandMenuGroupContext=r,exports.useCommandMenuContext=n;
 //# sourceMappingURL=CommandMenu.context.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.context.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface CommandMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  filter: string;\n  setFilter: (value: string) => void;\n  activeItemId: string | null;\n  setActiveItemId: (id: string | null) => void;\n  visibleCount: number;\n  baseId: string;\n  listboxId: string;\n  inputId: string;\n  listRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst CommandMenuContext = createContext<CommandMenuContextValue | null>(null);\n\nfunction useCommandMenuContext(): CommandMenuContextValue {\n  const ctx = useContext(CommandMenuContext);\n  if (ctx === null) {\n    throw new Error(\n      \"CommandMenu compound components must be used within <CommandMenu>.\",\n    );\n  }\n  return ctx;\n}\n\nexport { CommandMenuContext, useCommandMenuContext };\n"],"mappings":"oFAiBA,IAAM,GAAA,EAAA,EAAA,eAAmE,KAAK,CAE9E,SAAS,GAAiD,CACxD,IAAM,GAAA,EAAA,EAAA,YAAiB,EAAmB,CAC1C,GAAI,IAAQ,KACV,MAAU,MACR,qEACD,CAEH,OAAO"}
+{"version":3,"file":"CommandMenu.context.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface CommandMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  filter: string;\n  setFilter: (value: string) => void;\n  activeItemId: string | null;\n  setActiveItemId: (id: string | null) => void;\n  visibleCount: number;\n  registerItemVisibility: (id: string, visible: boolean) => void;\n  unregisterItem: (id: string) => void;\n  baseId: string;\n  listboxId: string;\n  inputId: string;\n  listRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst CommandMenuContext = createContext<CommandMenuContextValue | null>(null);\n\nfunction useCommandMenuContext(): CommandMenuContextValue {\n  const ctx = use(CommandMenuContext);\n  if (ctx === null) {\n    throw new Error(\n      \"CommandMenu compound components must be used within <CommandMenu>.\",\n    );\n  }\n  return ctx;\n}\n\nexport interface CommandMenuGroupContextValue {\n  registerItemVisibility: (id: string, visible: boolean) => void;\n  unregisterItem: (id: string) => void;\n}\n\nconst CommandMenuGroupContext =\n  createContext<CommandMenuGroupContextValue | null>(null);\n\nexport { CommandMenuContext, useCommandMenuContext, CommandMenuGroupContext };\n"],"mappings":"oCAmBA,IAAM,GAAA,EAAA,EAAA,eAAmE,IAAI,EAE7E,SAAS,GAAiD,CACxD,IAAM,GAAA,EAAA,EAAA,KAAU,CAAkB,EAClC,GAAI,IAAQ,KACV,MAAU,MACR,oEACF,EAEF,OAAO,CACT,CAOA,IAAM,GAAA,EAAA,EAAA,eAC+C,IAAI"}

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

@@ -6,6 +6,8 @@ export interface CommandMenuContextValue {
     activeItemId: string | null;
     setActiveItemId: (id: string | null) => void;
     visibleCount: number;
+    registerItemVisibility: (id: string, visible: boolean) => void;
+    unregisterItem: (id: string) => void;
     baseId: string;
     listboxId: string;
     inputId: string;
@@ -13,5 +15,10 @@ export interface CommandMenuContextValue {
 }
 declare const CommandMenuContext: import('react').Context<CommandMenuContextValue | null>;
 declare function useCommandMenuContext(): CommandMenuContextValue;
-export { CommandMenuContext, useCommandMenuContext };
+export interface CommandMenuGroupContextValue {
+    registerItemVisibility: (id: string, visible: boolean) => void;
+    unregisterItem: (id: string) => void;
+}
+declare const CommandMenuGroupContext: import('react').Context<CommandMenuGroupContextValue | null>;
+export { CommandMenuContext, useCommandMenuContext, CommandMenuGroupContext };
 //# sourceMappingURL=CommandMenu.context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.context.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,kBAAkB,yDAAsD,CAAC;AAE/E,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"CommandMenu.context.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.context.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,kBAAkB,yDAAsD,CAAC;AAE/E,iBAAS,qBAAqB,IAAI,uBAAuB,CAQxD;AAED,MAAM,WAAW,4BAA4B;IAC3C,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,QAAA,MAAM,uBAAuB,8DAC6B,CAAC;AAE3D,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenu.context.js

@@ -1,5 +1,5 @@
 "use client";
-import { createContext as e, useContext as t } from "react";
+import { createContext as e, use as t } from "react";
 //#region src/components/CommandMenu/CommandMenu.context.tsx
 var n = e(null);
 function r() {
@@ -7,7 +7,8 @@ function r() {
 	if (e === null) throw Error("CommandMenu compound components must be used within <CommandMenu>.");
 	return e;
 }
+var i = e(null);
 //#endregion
-export { n as CommandMenuContext, r as useCommandMenuContext };
+export { n as CommandMenuContext, i as CommandMenuGroupContext, r as useCommandMenuContext };
 
 //# sourceMappingURL=CommandMenu.context.js.map

package/dist/components/CommandMenu/CommandMenu.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.context.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport interface CommandMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  filter: string;\n  setFilter: (value: string) => void;\n  activeItemId: string | null;\n  setActiveItemId: (id: string | null) => void;\n  visibleCount: number;\n  baseId: string;\n  listboxId: string;\n  inputId: string;\n  listRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst CommandMenuContext = createContext<CommandMenuContextValue | null>(null);\n\nfunction useCommandMenuContext(): CommandMenuContextValue {\n  const ctx = useContext(CommandMenuContext);\n  if (ctx === null) {\n    throw new Error(\n      \"CommandMenu compound components must be used within <CommandMenu>.\",\n    );\n  }\n  return ctx;\n}\n\nexport { CommandMenuContext, useCommandMenuContext };\n"],"mappings":";;;AAiBA,IAAM,IAAqB,EAA8C,KAAK;AAE9E,SAAS,IAAiD;CACxD,IAAM,IAAM,EAAW,EAAmB;AAC1C,KAAI,MAAQ,KACV,OAAU,MACR,qEACD;AAEH,QAAO"}
+{"version":3,"file":"CommandMenu.context.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface CommandMenuContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  filter: string;\n  setFilter: (value: string) => void;\n  activeItemId: string | null;\n  setActiveItemId: (id: string | null) => void;\n  visibleCount: number;\n  registerItemVisibility: (id: string, visible: boolean) => void;\n  unregisterItem: (id: string) => void;\n  baseId: string;\n  listboxId: string;\n  inputId: string;\n  listRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst CommandMenuContext = createContext<CommandMenuContextValue | null>(null);\n\nfunction useCommandMenuContext(): CommandMenuContextValue {\n  const ctx = use(CommandMenuContext);\n  if (ctx === null) {\n    throw new Error(\n      \"CommandMenu compound components must be used within <CommandMenu>.\",\n    );\n  }\n  return ctx;\n}\n\nexport interface CommandMenuGroupContextValue {\n  registerItemVisibility: (id: string, visible: boolean) => void;\n  unregisterItem: (id: string) => void;\n}\n\nconst CommandMenuGroupContext =\n  createContext<CommandMenuGroupContextValue | null>(null);\n\nexport { CommandMenuContext, useCommandMenuContext, CommandMenuGroupContext };\n"],"mappings":";;;AAmBA,IAAM,IAAqB,EAA8C,IAAI;AAE7E,SAAS,IAAiD;CACxD,IAAM,IAAM,EAAI,CAAkB;CAClC,IAAI,MAAQ,MACV,MAAU,MACR,oEACF;CAEF,OAAO;AACT;AAOA,IAAM,IACJ,EAAmD,IAAI"}

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;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,kDAwGlB;kBA7GQ,WAAW;;;AAiHpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/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,kDAoIlB;kBAzIQ,WAAW;;;AA6IpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenu.js

@@ -6,62 +6,72 @@ import { Portal as r } from "../../utils/portal.js";
 import { useScrollLock as i } from "../../hooks/use-scroll-lock.js";
 import { useEscapeKey as a } from "../../hooks/use-escape-key.js";
 import { CommandMenuContext as o } from "./CommandMenu.context.js";
-import { getVisibleItems as s } from "./CommandMenu.utils.js";
-import * as c from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import * as s from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/CommandMenu/CommandMenu.tsx
-function d({ children: d, open: f, defaultOpen: p = !1, onOpenChange: m }) {
-	let [h, g] = n(f, p, m), [_, v] = c.useState(""), [y, b] = c.useState(null), [x, S] = c.useState(0), C = c.useId(), w = `${C}-listbox`, T = `${C}-input`, E = c.useRef(null), D = c.useRef(null);
-	i(h), a(c.useCallback(() => g(!1), [g]), h), c.useEffect(() => {
-		if (!h) return;
-		let e = s(E).length;
-		S(e);
-	}, [h, _]), c.useEffect(() => {
-		h ? D.current = t() : D.current != null && (D.current.focus(), D.current = null);
-	}, [h]), c.useEffect(() => {
-		h || (v(""), b(null));
-	}, [h]);
-	let O = c.useMemo(() => ({
-		open: h,
-		onOpenChange: g,
-		filter: _,
-		setFilter: v,
-		activeItemId: y,
-		setActiveItemId: b,
-		visibleCount: x,
-		baseId: C,
-		listboxId: w,
-		inputId: T,
-		listRef: E
+function u({ children: u, open: d, defaultOpen: f = !1, onOpenChange: p }) {
+	let [m, h] = n(d, f, p), [g, _] = s.useState(""), [v, y] = s.useState(null), [b, x] = s.useState(() => /* @__PURE__ */ new Set()), [S, C] = s.useState(m);
+	S !== m && (C(m), m || (_(""), y(null)));
+	let w = s.useId(), T = `${w}-listbox`, E = `${w}-input`, D = s.useRef(null), O = s.useRef(null);
+	i(m), a(s.useCallback(() => h(!1), [h]), m), s.useEffect(() => {
+		m ? O.current = t() : O.current != null && (O.current.focus(), O.current = null);
+	}, [m]);
+	let k = s.useCallback((e, t) => {
+		x((n) => {
+			let r = new Set(n);
+			return t ? r.add(e) : r.delete(e), r;
+		});
+	}, []), A = s.useCallback((e) => {
+		x((t) => {
+			if (!t.has(e)) return t;
+			let n = new Set(t);
+			return n.delete(e), n;
+		});
+	}, []), j = s.useMemo(() => ({
+		open: m,
+		onOpenChange: h,
+		filter: g,
+		setFilter: _,
+		activeItemId: v,
+		setActiveItemId: y,
+		visibleCount: b.size,
+		registerItemVisibility: k,
+		unregisterItem: A,
+		baseId: w,
+		listboxId: T,
+		inputId: E,
+		listRef: D
 	}), [
+		m,
 		h,
 		g,
-		_,
-		y,
-		x,
-		C,
+		v,
+		b.size,
+		k,
+		A,
 		w,
-		T
+		T,
+		E
 	]);
-	return h ? /* @__PURE__ */ l(o, {
-		value: O,
-		children: /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l("div", {
+	return m ? /* @__PURE__ */ c(o, {
+		value: j,
+		children: /* @__PURE__ */ l(r, { children: [/* @__PURE__ */ c("div", {
 			className: e("fixed inset-0 z-(--nuka-z-modal)", "bg-(--nuka-bg-overlay)"),
 			"data-slot": "overlay",
-			onClick: () => g(!1),
+			onClick: () => h(!1),
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ l("div", {
+		}), /* @__PURE__ */ c("div", {
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": "Command menu",
 			"data-slot": "dialog",
 			className: e("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: d
+			children: u
 		})] })
 	}) : null;
 }
-d.displayName = "CommandMenu";
+u.displayName = "CommandMenu";
 //#endregion
-export { d as CommandMenu };
+export { u as CommandMenu };
 
 //# sourceMappingURL=CommandMenu.js.map

package/dist/components/CommandMenu/CommandMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.js","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          data-slot=\"overlay\"\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          data-slot=\"dialog\"\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":";;;;;;;;;;;;AAkBA,SAAS,EAAY,EACnB,aACA,MAAM,GACN,iBAAc,IACd,mBACmB;CACnB,IAAM,CAAC,GAAM,KAAW,EACtB,GACA,GACA,EACD,EAEK,CAAC,GAAQ,KAAa,EAAM,SAAS,GAAG,EACxC,CAAC,GAAc,KAAmB,EAAM,SAAwB,KAAK,EACrE,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAE,EAEnD,IAAS,EAAM,OAAO,EACtB,IAAY,GAAG,EAAO,WACtB,IAAU,GAAG,EAAO,SACpB,IAAU,EAAM,OAAuB,KAAK,EAC5C,IAAa,EAAM,OAA2B,KAAK;AAuBzD,CArBA,EAAc,EAAK,EACnB,EACE,EAAM,kBAAkB,EAAQ,GAAM,EAAE,CAAC,EAAQ,CAAC,EAClD,EACD,EAED,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAM;EACX,IAAM,IAAQ,EAAgB,EAAQ,CAAC;AACvC,IAAgB,EAAM;IACrB,CAAC,GAAM,EAAO,CAAC,EAElB,EAAM,gBAAgB;AACpB,EAAI,IACF,EAAW,UAAU,GAAkB,GAC9B,EAAW,WAAW,SAC/B,EAAW,QAAQ,OAAO,EAC1B,EAAW,UAAU;IAEtB,CAAC,EAAK,CAAC,EAEV,EAAM,gBAAgB;AACpB,EAAK,MACH,EAAU,GAAG,EACb,EAAgB,KAAK;IAEtB,CAAC,EAAK,CAAC;CAEV,IAAM,IAAe,EAAM,eAClB;EACL;EACA,cAAc;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAID,QAFK,IAGH,kBAAC,GAAD;EAAoB,OAAO;YACzB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oCACA,yBACD;GACD,aAAU;GACV,eAAe,EAAQ,GAAM;GAC7B,eAAY;GACZ,CAAA,EACF,kBAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,cAAW;GACX,aAAU;GACV,WAAW,EACT,4BACA,uCACA,mBACA,4DACA,oDACA,kBACD;GAEA;GACG,CAAA,CACC,EAAA,CAAA;EACU,CAAA,GA/BL;;AAmCpB,EAAY,cAAc"}
+{"version":3,"file":"CommandMenu.js","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\";\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 [visibleItemIds, setVisibleItemIds] = React.useState(\n    () => new Set<string>(),\n  );\n\n  // Reset filter and active item when the menu closes (setState during render,\n  // avoiding an extra paint cycle from useEffect).\n  const [prevOpen, setPrevOpen] = React.useState(open);\n  if (prevOpen !== open) {\n    setPrevOpen(open);\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }\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) {\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  const registerItemVisibility = React.useCallback(\n    (id: string, visible: boolean) => {\n      setVisibleItemIds((prev) => {\n        const next = new Set(prev);\n        if (visible) {\n          next.add(id);\n        } else {\n          next.delete(id);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const unregisterItem = React.useCallback((id: string) => {\n    setVisibleItemIds((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount: visibleItemIds.size,\n      registerItemVisibility,\n      unregisterItem,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleItemIds.size,\n      registerItemVisibility,\n      unregisterItem,\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          data-slot=\"overlay\"\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          data-slot=\"dialog\"\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":";;;;;;;;;;;AAiBA,SAAS,EAAY,EACnB,aACA,MAAM,GACN,iBAAc,IACd,mBACmB;CACnB,IAAM,CAAC,GAAM,KAAW,EACtB,GACA,GACA,CACF,GAEM,CAAC,GAAQ,KAAa,EAAM,SAAS,EAAE,GACvC,CAAC,GAAc,KAAmB,EAAM,SAAwB,IAAI,GACpE,CAAC,GAAgB,KAAqB,EAAM,+BAC1C,IAAI,IAAY,CACxB,GAIM,CAAC,GAAU,KAAe,EAAM,SAAS,CAAI;CACnD,AAAI,MAAa,MACf,EAAY,CAAI,GACX,MACH,EAAU,EAAE,GACZ,EAAgB,IAAI;CAIxB,IAAM,IAAS,EAAM,MAAM,GACrB,IAAY,GAAG,EAAO,WACtB,IAAU,GAAG,EAAO,SACpB,IAAU,EAAM,OAAuB,IAAI,GAC3C,IAAa,EAAM,OAA2B,IAAI;CAQxD,AANA,EAAc,CAAI,GAClB,EACE,EAAM,kBAAkB,EAAQ,EAAK,GAAG,CAAC,CAAO,CAAC,GACjD,CACF,GAEA,EAAM,gBAAgB;EACpB,AAAI,IACF,EAAW,UAAU,EAAiB,IAC7B,EAAW,WAAW,SAC/B,EAAW,QAAQ,MAAM,GACzB,EAAW,UAAU;CAEzB,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IAAyB,EAAM,aAClC,GAAY,MAAqB;EAChC,GAAmB,MAAS;GAC1B,IAAM,IAAO,IAAI,IAAI,CAAI;GAMzB,OALI,IACF,EAAK,IAAI,CAAE,IAEX,EAAK,OAAO,CAAE,GAET;EACT,CAAC;CACH,GACA,CAAC,CACH,GAEM,IAAiB,EAAM,aAAa,MAAe;EACvD,GAAmB,MAAS;GAC1B,IAAI,CAAC,EAAK,IAAI,CAAE,GAAG,OAAO;GAC1B,IAAM,IAAO,IAAI,IAAI,CAAI;GAEzB,OADA,EAAK,OAAO,CAAE,GACP;EACT,CAAC;CACH,GAAG,CAAC,CAAC,GAEC,IAAe,EAAM,eAClB;EACL;EACA,cAAc;EACd;EACA;EACA;EACA;EACA,cAAc,EAAe;EAC7B;EACA;EACA;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA,EAAe;EACf;EACA;EACA;EACA;EACA;CACF,CACF;CAIA,OAFK,IAGH,kBAAC,GAAD;EAAoB,OAAO;YACzB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oCACA,wBACF;GACA,aAAU;GACV,eAAe,EAAQ,EAAK;GAC5B,eAAY;EACb,CAAA,GACD,kBAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,cAAW;GACX,aAAU;GACV,WAAW,EACT,4BACA,uCACA,mBACA,4DACA,oDACA,iBACF;GAEC;EACE,CAAA,CACC,EAAA,CAAA;CACU,CAAA,IA/BJ;AAiCpB;AAEA,EAAY,cAAc"}

package/dist/components/CommandMenu/CommandMenu.utils.cjs

@@ -1,2 +1,2 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react/jsx-runtime`);function t(e){return e.current==null?[]:Array.from(e.current.querySelectorAll(`[role="option"]:not([hidden])`))}var n=()=>(0,e.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,e.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,e.jsx)(`path`,{d:`m21 21-4.3-4.3`})]});exports.SearchIcon=n,exports.getVisibleItems=t;
+let e=require("react/jsx-runtime");function t(e){return e.current==null?[]:Array.from(e.current.querySelectorAll(`[role="option"]:not([hidden])`))}var n=()=>(0,e.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,e.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,e.jsx)(`path`,{d:`m21 21-4.3-4.3`})]});exports.SearchIcon=n,exports.getVisibleItems=t;
 //# sourceMappingURL=CommandMenu.utils.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.utils.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.utils.tsx"],"sourcesContent":["import type * as React from \"react\";\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\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 { getVisibleItems, SearchIcon };\n"],"mappings":"mFAEA,SAAS,EACP,EACe,CAEf,OADI,EAAQ,SAAW,KAAa,EAAE,CAC/B,MAAM,KACX,EAAQ,QAAQ,iBACd,gCACD,CACF,CAGH,IAAM,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAM,CAAA,EAChC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,iBAAmB,CAAA,CACvB"}
+{"version":3,"file":"CommandMenu.utils.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.utils.tsx"],"sourcesContent":["import type * as React from \"react\";\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\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 { getVisibleItems, SearchIcon };\n"],"mappings":"mCAEA,SAAS,EACP,EACe,CAEf,OADI,EAAQ,SAAW,KAAa,CAAC,EAC9B,MAAM,KACX,EAAQ,QAAQ,iBACd,+BACF,CACF,CACF,CAEA,IAAM,OACJ,EAAA,EAAA,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,GAAK,CAAA,GAC/B,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,gBAAkB,CAAA,CACvB"}

package/dist/components/CommandMenu/CommandMenu.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.utils.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.utils.tsx"],"sourcesContent":["import type * as React from \"react\";\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\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 { getVisibleItems, SearchIcon };\n"],"mappings":";;AAEA,SAAS,EACP,GACe;AAEf,QADI,EAAQ,WAAW,OAAa,EAAE,GAC/B,MAAM,KACX,EAAQ,QAAQ,iBACd,kCACD,CACF;;AAGH,IAAM,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;EAAM,CAAA,EAChC,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA,CACvB"}
+{"version":3,"file":"CommandMenu.utils.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.utils.tsx"],"sourcesContent":["import type * as React from \"react\";\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\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 { getVisibleItems, SearchIcon };\n"],"mappings":";;AAEA,SAAS,EACP,GACe;CAEf,OADI,EAAQ,WAAW,OAAa,CAAC,IAC9B,MAAM,KACX,EAAQ,QAAQ,iBACd,iCACF,CACF;AACF;AAEA,IAAM,UACJ,kBAAC,OAAD;CACE,SAAQ;CACR,MAAK;CACL,QAAO;CACP,aAAa;CACb,eAAc;CACd,gBAAe;WANjB,CAQE,kBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAK,CAAA,GAC/B,kBAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA,CACvB"}

package/dist/components/CommandMenu/CommandMenuEmpty.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./CommandMenu.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,className:i,children:o,...s}){return r.useCommandMenuContext().visibleCount>0?null:(0,a.jsx)(`div`,{ref:e,role:`presentation`,className:t.cn(`py-(--space-8) text-center`,i),"data-slot":`empty`,...s,children:(0,a.jsx)(n.Text,{size:`sm`,color:`muted`,children:o})})}o.displayName=`CommandMenuEmpty`,exports.CommandMenuEmpty=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../Text/Text.cjs"),r=require("./CommandMenu.context.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({ref:e,className:i,children:o,...s}){return r.useCommandMenuContext().visibleCount>0?null:(0,a.jsx)(`div`,{ref:e,role:`presentation`,className:t.cn(`py-(--space-8) text-center`,i),"data-slot":`empty`,...s,children:(0,a.jsx)(n.Text,{size:`sm`,color:`muted`,children:o})})}o.displayName=`CommandMenuEmpty`,exports.CommandMenuEmpty=o;
 //# sourceMappingURL=CommandMenuEmpty.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuEmpty.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: CommandMenuEmptyProps) {\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      data-slot=\"empty\"\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nCommandMenuEmpty.displayName = \"CommandMenuEmpty\";\n\nexport { CommandMenuEmpty };\n"],"mappings":"qPAUA,SAAS,EAAiB,CACxB,MACA,YACA,WACA,GAAG,GACqB,CAKxB,OAJY,EAAA,uBAAuB,CAE3B,aAAe,EAAU,MAG/B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,6BAA8B,EAAU,CACtD,YAAU,QACV,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,QACnB,WACI,CAAA,CACH,CAAA,CAIV,EAAiB,YAAc"}
+{"version":3,"file":"CommandMenuEmpty.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: CommandMenuEmptyProps) {\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      data-slot=\"empty\"\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nCommandMenuEmpty.displayName = \"CommandMenuEmpty\";\n\nexport { CommandMenuEmpty };\n"],"mappings":"qPAUA,SAAS,EAAiB,CACxB,MACA,YACA,WACA,GAAG,GACqB,CAKxB,OAJY,EAAA,sBAER,EAAI,aAAe,EAAU,MAG/B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,6BAA8B,CAAS,EACrD,YAAU,QACV,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,QACnB,UACG,CAAA,CACH,CAAA,CAET,CAEA,EAAiB,YAAc"}

package/dist/components/CommandMenu/CommandMenuEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuEmpty.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: CommandMenuEmptyProps) {\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      data-slot=\"empty\"\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nCommandMenuEmpty.displayName = \"CommandMenuEmpty\";\n\nexport { CommandMenuEmpty };\n"],"mappings":";;;;;;;AAUA,SAAS,EAAiB,EACxB,QACA,cACA,aACA,GAAG,KACqB;AAKxB,QAJY,GAAuB,CAE3B,eAAe,IAAU,OAG/B,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,8BAA8B,EAAU;EACtD,aAAU;EACV,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;GACnB;GACI,CAAA;EACH,CAAA;;AAIV,EAAiB,cAAc"}
+{"version":3,"file":"CommandMenuEmpty.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuEmptyProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: CommandMenuEmptyProps) {\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      data-slot=\"empty\"\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nCommandMenuEmpty.displayName = \"CommandMenuEmpty\";\n\nexport { CommandMenuEmpty };\n"],"mappings":";;;;;;;AAUA,SAAS,EAAiB,EACxB,QACA,cACA,aACA,GAAG,KACqB;CAKxB,OAJY,EAER,EAAI,eAAe,IAAU,OAG/B,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,8BAA8B,CAAS;EACrD,aAAU;EACV,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;GACnB;EACG,CAAA;CACH,CAAA;AAET;AAEA,EAAiB,cAAc"}

package/dist/components/CommandMenu/CommandMenuGroup.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./CommandMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,heading:a,className:o,children:s,...c}){let l=r.useId(),u=r.useRef(null),[d,f]=r.useState(!0),p=n.useCommandMenuContext(),m=r.useCallback(t=>{u.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);return r.useEffect(()=>{u.current!=null&&f(u.current.querySelector(`[role="option"]:not([hidden])`)!==null)},[p.filter]),(0,i.jsxs)(`div`,{ref:m,role:`group`,"aria-labelledby":a==null?void 0:l,hidden:!d||void 0,className:t.cn(o),"data-slot":`group`,...c,children:[a!=null&&(0,i.jsx)(`div`,{id:l,role:`presentation`,"data-slot":`group-heading`,className:t.cn(`text-xs font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)`,`px-(--space-3) py-(--space-2)`),children:a}),s]})}a.displayName=`CommandMenuGroup`,exports.CommandMenuGroup=a;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("./CommandMenu.context.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a({ref:e,heading:a,className:o,children:s,...c}){let l=r.useId();n.useCommandMenuContext();let[u,d]=r.useState(()=>new Set),f=u.size>0,p=r.useCallback((e,t)=>{d(n=>{let r=new Set(n);return t?r.add(e):r.delete(e),r})},[]),m=r.useCallback(e=>{d(t=>{if(!t.has(e))return t;let n=new Set(t);return n.delete(e),n})},[]);return(0,i.jsx)(n.CommandMenuGroupContext,{value:r.useMemo(()=>({registerItemVisibility:p,unregisterItem:m}),[p,m]),children:(0,i.jsxs)(`div`,{ref:e,role:`group`,"aria-labelledby":a==null?void 0:l,hidden:!f||void 0,className:t.cn(o),"data-slot":`group`,...c,children:[a!=null&&(0,i.jsx)(`div`,{id:l,role:`presentation`,"data-slot":`group-heading`,className:t.cn(`text-xs font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)`,`px-(--space-3) py-(--space-2)`),children:a}),s]})})}a.displayName=`CommandMenuGroup`,exports.CommandMenuGroup=a;
 //# sourceMappingURL=CommandMenuGroup.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuGroup.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  heading?: string;\n}\n\nfunction CommandMenuGroup({\n  ref,\n  heading,\n  className,\n  children,\n  ...props\n}: CommandMenuGroupProps) {\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      data-slot=\"group\"\n      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          data-slot=\"group-heading\"\n          className={cn(\n            \"text-xs font-[number:var(--font-weight-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 { CommandMenuGroup };\n"],"mappings":"uNAUA,SAAS,EAAiB,CACxB,MACA,UACA,YACA,WACA,GAAG,GACqB,CACxB,IAAM,EAAY,EAAM,OAAO,CACzB,EAAW,EAAM,OAAuB,KAAK,CAC7C,CAAC,EAAiB,GAAsB,EAAM,SAAS,GAAK,CAC5D,EAAM,EAAA,uBAAuB,CAE7B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAS,QAAU,EACf,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAI,CACN,CASD,OAPA,EAAM,cAAgB,CAChB,EAAS,SAAW,MAGxB,EADE,EAAS,QAAQ,cAAc,gCAAgC,GAAK,KAC3C,EAC1B,CAAC,EAAI,OAAO,CAAC,EAGd,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,QACL,kBAAiB,GAAW,KAAmB,IAAA,GAAZ,EACnC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,EAAU,CACxB,YAAU,QACV,GAAI,WAPN,CASG,GAAW,OACV,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,KAAK,eACL,YAAU,gBACV,UAAW,EAAA,GACT,2EACA,gCACD,UAEA,EACG,CAAA,CAEP,EACG,GAIV,EAAiB,YAAc"}
+{"version":3,"file":"CommandMenuGroup.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  useCommandMenuContext,\n  CommandMenuGroupContext,\n} from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  heading?: string;\n}\n\nfunction CommandMenuGroup({\n  ref,\n  heading,\n  className,\n  children,\n  ...props\n}: CommandMenuGroupProps) {\n  const headingId = React.useId();\n  useCommandMenuContext();\n\n  const [visibleItemIds, setVisibleItemIds] = React.useState(\n    () => new Set<string>(),\n  );\n  const hasVisibleItems = visibleItemIds.size > 0;\n\n  const registerItemVisibility = React.useCallback(\n    (id: string, visible: boolean) => {\n      setVisibleItemIds((prev) => {\n        const next = new Set(prev);\n        if (visible) {\n          next.add(id);\n        } else {\n          next.delete(id);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const unregisterItem = React.useCallback((id: string) => {\n    setVisibleItemIds((prev) => {\n      if (!prev.has(id)) return prev;\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  const groupContextValue = React.useMemo(\n    () => ({ registerItemVisibility, unregisterItem }),\n    [registerItemVisibility, unregisterItem],\n  );\n\n  return (\n    <CommandMenuGroupContext value={groupContextValue}>\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={heading != null ? headingId : undefined}\n        hidden={!hasVisibleItems || undefined}\n        className={cn(className)}\n        data-slot=\"group\"\n        {...props}\n      >\n        {heading != null && (\n          <div\n            id={headingId}\n            role=\"presentation\"\n            data-slot=\"group-heading\"\n            className={cn(\n              \"text-xs font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)\",\n              \"px-(--space-3) py-(--space-2)\",\n            )}\n          >\n            {heading}\n          </div>\n        )}\n        {children}\n      </div>\n    </CommandMenuGroupContext>\n  );\n}\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport { CommandMenuGroup };\n"],"mappings":"uNAaA,SAAS,EAAiB,CACxB,MACA,UACA,YACA,WACA,GAAG,GACqB,CACxB,IAAM,EAAY,EAAM,MAAM,EAC9B,EAAA,sBAAsB,EAEtB,GAAM,CAAC,EAAgB,GAAqB,EAAM,aAC1C,IAAI,GACZ,EACM,EAAkB,EAAe,KAAO,EAExC,EAAyB,EAAM,aAClC,EAAY,IAAqB,CAChC,EAAmB,GAAS,CAC1B,IAAM,EAAO,IAAI,IAAI,CAAI,EAMzB,OALI,EACF,EAAK,IAAI,CAAE,EAEX,EAAK,OAAO,CAAE,EAET,CACT,CAAC,CACH,EACA,CAAC,CACH,EAEM,EAAiB,EAAM,YAAa,GAAe,CACvD,EAAmB,GAAS,CAC1B,GAAI,CAAC,EAAK,IAAI,CAAE,EAAG,OAAO,EAC1B,IAAM,EAAO,IAAI,IAAI,CAAI,EAEzB,OADA,EAAK,OAAO,CAAE,EACP,CACT,CAAC,CACH,EAAG,CAAC,CAAC,EAOL,OACE,EAAA,EAAA,KAAC,EAAA,wBAAD,CAAyB,MAND,EAAM,aACvB,CAAE,yBAAwB,gBAAe,GAChD,CAAC,EAAwB,CAAc,CAIP,YAC9B,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,QACL,kBAAiB,GAAW,KAAmB,IAAA,GAAZ,EACnC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,CAAS,EACvB,YAAU,QACV,GAAI,WAPN,CASG,GAAW,OACV,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,KAAK,eACL,YAAU,gBACV,UAAW,EAAA,GACT,2EACA,+BACF,WAEC,CACE,CAAA,EAEN,CACE,GACkB,CAAA,CAE7B,CAEA,EAAiB,YAAc"}