@nuka-ui/core 1.1.3 → 1.1.5

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      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          className={cn(\n            \"text-xs font-medium text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport { 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,GAAI,WANN,CAQG,GAAW,OACV,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,KAAK,eACL,UAAW,EAAA,GACT,+CACA,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAiDvB;kBAvDQ,gBAAgB;;;AA2DzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"CommandMenuGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkEvB;kBAxEQ,gBAAgB;;;AA4EzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuGroup.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuGroup.js","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      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          className={cn(\n            \"text-xs font-medium text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport { CommandMenuGroup };\n"],"mappings":";;;;;;AAUA,SAAS,EAAiB,EACxB,QACA,YACA,cACA,aACA,GAAG,KACqB;CACxB,IAAM,IAAY,EAAM,OAAO,EACzB,IAAW,EAAM,OAAuB,KAAK,EAC7C,CAAC,GAAiB,KAAsB,EAAM,SAAS,GAAK,EAC5D,IAAM,GAAuB,EAE7B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAS,UAAU,GACf,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;IAGlB,CAAC,EAAI,CACN;AASD,QAPA,EAAM,gBAAgB;AAChB,IAAS,WAAW,QAGxB,EADE,EAAS,QAAQ,cAAc,kCAAgC,KAAK,KAC3C;IAC1B,CAAC,EAAI,OAAO,CAAC,EAGd,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,mBAAiB,KAAW,OAAmB,KAAA,IAAZ;EACnC,QAAQ,CAAC,KAAmB,KAAA;EAC5B,WAAW,EAAG,EAAU;EACxB,GAAI;YANN,CAQG,KAAW,QACV,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,WAAW,EACT,gDACA,gCACD;aAEA;GACG,CAAA,EAEP,EACG;;;AAIV,EAAiB,cAAc"}
+{"version":3,"file":"CommandMenuGroup.js","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":";;;;;;AAaA,SAAS,EAAiB,EACxB,QACA,YACA,cACA,aACA,GAAG,KACqB;CACxB,IAAM,IAAY,EAAM,MAAM;CAC9B,EAAsB;CAEtB,IAAM,CAAC,GAAgB,KAAqB,EAAM,+BAC1C,IAAI,IAAY,CACxB,GACM,IAAkB,EAAe,OAAO,GAExC,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;CAOL,OACE,kBAAC,GAAD;EAAyB,OAND,EAAM,eACvB;GAAE;GAAwB;EAAe,IAChD,CAAC,GAAwB,CAAc,CAIP;YAC9B,kBAAC,OAAD;GACO;GACL,MAAK;GACL,mBAAiB,KAAW,OAAmB,KAAA,IAAZ;GACnC,QAAQ,CAAC,KAAmB,KAAA;GAC5B,WAAW,EAAG,CAAS;GACvB,aAAU;GACV,GAAI;aAPN,CASG,KAAW,QACV,kBAAC,OAAD;IACE,IAAI;IACJ,MAAK;IACL,aAAU;IACV,WAAW,EACT,4EACA,+BACF;cAEC;GACE,CAAA,GAEN,CACE;;CACkB,CAAA;AAE7B;AAEA,EAAiB,cAAc"}

package/dist/components/CommandMenu/CommandMenuInput.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/roving-index.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`./CommandMenu.context.cjs`),a=require(`./CommandMenu.utils.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({ref:e,className:c,...l}){let u=i.useCommandMenuContext(),d=o.useRef(null),f=o.useCallback(t=>{d.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);o.useEffect(()=>{u.open&&requestAnimationFrame(()=>{d.current?.focus()})},[u.open]);let p=e=>{let t=a.getVisibleItems(u.listRef),r=t.findIndex(e=>e.id===u.activeItemId),i=n.getRovingIndex(e.key,r,t.length,`vertical`);if(i!==void 0){e.preventDefault();let n=t[i];n!=null&&u.setActiveItemId(n.id);return}switch(e.key){case`Enter`:if(e.preventDefault(),u.activeItemId!=null){let e=document.getElementById(u.activeItemId);e!=null&&e.getAttribute(`aria-disabled`)!==`true`&&e.click()}break;case`Tab`:u.onOpenChange(!1);break;default:break}},m=e=>{u.setFilter(e.target.value),u.setActiveItemId(null)},h=u.activeItemId??void 0;return(0,s.jsxs)(`div`,{className:t.cn(`flex items-center gap-(--space-2) px-(--space-3)`,`border-b border-(--nuka-border-base)`),children:[(0,s.jsx)(r.Icon,{size:`sm`,color:`muted`,children:(0,s.jsx)(a.SearchIcon,{})}),(0,s.jsx)(`input`,{ref:f,id:u.inputId,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":u.listboxId,"aria-activedescendant":h,value:u.filter,onChange:m,onKeyDown:p,className:t.cn(`flex-1 bg-transparent py-(--space-3)`,`text-sm text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`outline-none`,c),...l})]})}c.displayName=`CommandMenuInput`,exports.CommandMenuInput=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/roving-index.cjs"),r=require("../Icon/Icon.cjs"),i=require("./CommandMenu.context.cjs"),a=require("./CommandMenu.utils.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({ref:e,className:c,...l}){let u=i.useCommandMenuContext(),d=o.useRef(null),f=o.useCallback(t=>{d.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);o.useEffect(()=>{u.open&&requestAnimationFrame(()=>{d.current?.focus()})},[u.open]);let p=e=>{let t=a.getVisibleItems(u.listRef),r=t.findIndex(e=>e.id===u.activeItemId),i=n.getRovingIndex(e.key,r,t.length,`vertical`);if(i!==void 0){e.preventDefault();let n=t[i];n!=null&&u.setActiveItemId(n.id);return}switch(e.key){case`Enter`:if(e.preventDefault(),u.activeItemId!=null){let e=document.getElementById(u.activeItemId);e!=null&&e.getAttribute(`aria-disabled`)!==`true`&&e.click()}break;case`Tab`:u.onOpenChange(!1);break;default:break}},m=e=>{u.setFilter(e.target.value),u.setActiveItemId(null)},h=u.activeItemId??void 0;return(0,s.jsxs)(`div`,{"data-slot":`input-wrapper`,className:t.cn(`flex items-center gap-(--space-2) px-(--space-3)`,`border-b border-(--nuka-border-base)`),children:[(0,s.jsx)(r.Icon,{size:`sm`,color:`muted`,children:(0,s.jsx)(a.SearchIcon,{})}),(0,s.jsx)(`input`,{ref:f,id:u.inputId,"data-slot":`input`,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":u.listboxId,"aria-activedescendant":h,value:u.filter,onChange:m,onKeyDown:p,className:t.cn(`flex-1 bg-transparent py-(--space-3)`,`text-sm text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`outline-none`,c),...l})]})}c.displayName=`CommandMenuInput`,exports.CommandMenuInput=c;
 //# sourceMappingURL=CommandMenuInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuInput.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport {\n  getVisibleItems,\n  SearchIcon,\n} from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"onChange\"\n> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction CommandMenuInput({ ref, className, ...props }: CommandMenuInputProps) {\n  const ctx = useCommandMenuContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (ctx.open) {\n      requestAnimationFrame(() => {\n        internalRef.current?.focus();\n      });\n    }\n  }, [ctx.open]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getVisibleItems(ctx.listRef);\n    const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveItemId(next.id);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeItemId != null) {\n          const activeEl = document.getElementById(ctx.activeItemId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        }\n        break;\n      }\n      case \"Tab\": {\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilter(e.target.value);\n    ctx.setActiveItemId(null);\n  };\n\n  const activedescendant = ctx.activeItemId ?? undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <SearchIcon />\n      </Icon>\n      <input\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={activedescendant}\n        value={ctx.filter}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nCommandMenuInput.displayName = \"CommandMenuInput\";\n\nexport { CommandMenuInput };\n"],"mappings":"oUAkBA,SAAS,EAAiB,CAAE,MAAK,YAAW,GAAG,GAAgC,CAC7E,IAAM,EAAM,EAAA,uBAAuB,CAC7B,EAAc,EAAM,OAAyB,KAAK,CAClD,EAAc,EAAM,YACvB,GAAkC,CACjC,EAAY,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAI,CACN,CAED,EAAM,cAAgB,CAChB,EAAI,MACN,0BAA4B,CAC1B,EAAY,SAAS,OAAO,EAC5B,EAEH,CAAC,EAAI,KAAK,CAAC,CAEd,IAAM,EAAiB,GAA6C,CAClE,IAAM,EAAQ,EAAA,gBAAgB,EAAI,QAAQ,CACpC,EAAa,EAAM,UAAW,GAAO,EAAG,KAAO,EAAI,aAAa,CAChE,EAAU,EAAA,eAAe,EAAE,IAAK,EAAY,EAAM,OAAQ,WAAW,CAE3E,GAAI,IAAY,IAAA,GAAW,CACzB,EAAE,gBAAgB,CAClB,IAAM,EAAO,EAAM,GACf,GAAQ,MACV,EAAI,gBAAgB,EAAK,GAAG,CAE9B,OAGF,OAAQ,EAAE,IAAV,CACE,IAAK,QAEH,GADA,EAAE,gBAAgB,CACd,EAAI,cAAgB,KAAM,CAC5B,IAAM,EAAW,SAAS,eAAe,EAAI,aAAa,CAExD,GAAY,MACZ,EAAS,aAAa,gBAAgB,GAAK,QAE3C,EAAS,OAAO,CAGpB,MAEF,IAAK,MACH,EAAI,aAAa,GAAM,CACvB,MAEF,QACE,QAIA,EAAgB,GAA2C,CAC/D,EAAI,UAAU,EAAE,OAAO,MAAM,CAC7B,EAAI,gBAAgB,KAAK,EAGrB,EAAmB,EAAI,cAAgB,IAAA,GAE7C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,mDACA,uCACD,UAJH,EAME,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,kBACpB,EAAA,EAAA,KAAC,EAAA,WAAD,EAAc,CAAA,CACT,CAAA,EACP,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EACL,GAAI,EAAI,QACR,KAAK,WACL,oBAAkB,OAClB,gBAAe,GACf,gBAAe,EAAI,UACnB,wBAAuB,EACvB,MAAO,EAAI,OACX,SAAU,EACV,UAAW,EACX,UAAW,EAAA,GACT,uCACA,kCACA,uCACA,eACA,EACD,CACD,GAAI,EACJ,CAAA,CACE,GAIV,EAAiB,YAAc"}
+{"version":3,"file":"CommandMenuInput.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport {\n  getVisibleItems,\n  SearchIcon,\n} from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"onChange\"\n> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction CommandMenuInput({ ref, className, ...props }: CommandMenuInputProps) {\n  const ctx = useCommandMenuContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (ctx.open) {\n      requestAnimationFrame(() => {\n        internalRef.current?.focus();\n      });\n    }\n  }, [ctx.open]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getVisibleItems(ctx.listRef);\n    const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveItemId(next.id);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeItemId != null) {\n          const activeEl = document.getElementById(ctx.activeItemId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        }\n        break;\n      }\n      case \"Tab\": {\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilter(e.target.value);\n    ctx.setActiveItemId(null);\n  };\n\n  const activedescendant = ctx.activeItemId ?? undefined;\n\n  return (\n    <div\n      data-slot=\"input-wrapper\"\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <SearchIcon />\n      </Icon>\n      <input\n        ref={composedRef}\n        id={ctx.inputId}\n        data-slot=\"input\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={activedescendant}\n        value={ctx.filter}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nCommandMenuInput.displayName = \"CommandMenuInput\";\n\nexport { CommandMenuInput };\n"],"mappings":"oUAkBA,SAAS,EAAiB,CAAE,MAAK,YAAW,GAAG,GAAgC,CAC7E,IAAM,EAAM,EAAA,sBAAsB,EAC5B,EAAc,EAAM,OAAyB,IAAI,EACjD,EAAc,EAAM,YACvB,GAAkC,CACjC,EAAY,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,CAAI,EACC,GAAO,OAChB,EAAI,QAAU,EAElB,EACA,CAAC,CAAG,CACN,EAEA,EAAM,cAAgB,CAChB,EAAI,MACN,0BAA4B,CAC1B,EAAY,SAAS,MAAM,CAC7B,CAAC,CAEL,EAAG,CAAC,EAAI,IAAI,CAAC,EAEb,IAAM,EAAiB,GAA6C,CAClE,IAAM,EAAQ,EAAA,gBAAgB,EAAI,OAAO,EACnC,EAAa,EAAM,UAAW,GAAO,EAAG,KAAO,EAAI,YAAY,EAC/D,EAAU,EAAA,eAAe,EAAE,IAAK,EAAY,EAAM,OAAQ,UAAU,EAE1E,GAAI,IAAY,IAAA,GAAW,CACzB,EAAE,eAAe,EACjB,IAAM,EAAO,EAAM,GACf,GAAQ,MACV,EAAI,gBAAgB,EAAK,EAAE,EAE7B,MACF,CAEA,OAAQ,EAAE,IAAV,CACE,IAAK,QAEH,GADA,EAAE,eAAe,EACb,EAAI,cAAgB,KAAM,CAC5B,IAAM,EAAW,SAAS,eAAe,EAAI,YAAY,EAEvD,GAAY,MACZ,EAAS,aAAa,eAAe,IAAM,QAE3C,EAAS,MAAM,CAEnB,CACA,MAEF,IAAK,MACH,EAAI,aAAa,EAAK,EACtB,MAEF,QACE,KACJ,CACF,EAEM,EAAgB,GAA2C,CAC/D,EAAI,UAAU,EAAE,OAAO,KAAK,EAC5B,EAAI,gBAAgB,IAAI,CAC1B,EAEM,EAAmB,EAAI,cAAgB,IAAA,GAE7C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,YAAU,gBACV,UAAW,EAAA,GACT,mDACA,sCACF,WALF,EAOE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,kBACpB,EAAA,EAAA,KAAC,EAAA,WAAD,CAAa,CAAA,CACT,CAAA,GACN,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EACL,GAAI,EAAI,QACR,YAAU,QACV,KAAK,WACL,oBAAkB,OAClB,gBAAe,GACf,gBAAe,EAAI,UACnB,wBAAuB,EACvB,MAAO,EAAI,OACX,SAAU,EACV,UAAW,EACX,UAAW,EAAA,GACT,uCACA,kCACA,uCACA,eACA,CACF,EACA,GAAI,CACL,CAAA,CACE,GAET,CAEA,EAAiB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuInput.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,UAAU,CACrB;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,gBAAgB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAmG5E;kBAnGQ,gBAAgB;;;AAuGzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"CommandMenuInput.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,OAAO,GAAG,UAAU,CACrB;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED,iBAAS,gBAAgB,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,2CAqG5E;kBArGQ,gBAAgB;;;AAyGzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuInput.js

@@ -40,6 +40,7 @@ function l({ ref: l, className: u, ...d }) {
 		f.setFilter(e.target.value), f.setActiveItemId(null);
 	}, _ = f.activeItemId ?? void 0;
 	return /* @__PURE__ */ c("div", {
+		"data-slot": "input-wrapper",
 		className: e("flex items-center gap-(--space-2) px-(--space-3)", "border-b border-(--nuka-border-base)"),
 		children: [/* @__PURE__ */ s(n, {
 			size: "sm",
@@ -48,6 +49,7 @@ function l({ ref: l, className: u, ...d }) {
 		}), /* @__PURE__ */ s("input", {
 			ref: m,
 			id: f.inputId,
+			"data-slot": "input",
 			role: "combobox",
 			"aria-autocomplete": "list",
 			"aria-expanded": !0,

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuInput.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport {\n  getVisibleItems,\n  SearchIcon,\n} from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"onChange\"\n> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction CommandMenuInput({ ref, className, ...props }: CommandMenuInputProps) {\n  const ctx = useCommandMenuContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (ctx.open) {\n      requestAnimationFrame(() => {\n        internalRef.current?.focus();\n      });\n    }\n  }, [ctx.open]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getVisibleItems(ctx.listRef);\n    const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveItemId(next.id);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeItemId != null) {\n          const activeEl = document.getElementById(ctx.activeItemId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        }\n        break;\n      }\n      case \"Tab\": {\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilter(e.target.value);\n    ctx.setActiveItemId(null);\n  };\n\n  const activedescendant = ctx.activeItemId ?? undefined;\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <SearchIcon />\n      </Icon>\n      <input\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={activedescendant}\n        value={ctx.filter}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nCommandMenuInput.displayName = \"CommandMenuInput\";\n\nexport { CommandMenuInput };\n"],"mappings":";;;;;;;;;AAkBA,SAAS,EAAiB,EAAE,QAAK,cAAW,GAAG,KAAgC;CAC7E,IAAM,IAAM,GAAuB,EAC7B,IAAc,EAAM,OAAyB,KAAK,EAClD,IAAc,EAAM,aACvB,MAAkC;AAEjC,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;IAGlB,CAAC,EAAI,CACN;AAED,GAAM,gBAAgB;AACpB,EAAI,EAAI,QACN,4BAA4B;AAC1B,KAAY,SAAS,OAAO;IAC5B;IAEH,CAAC,EAAI,KAAK,CAAC;CAEd,IAAM,KAAiB,MAA6C;EAClE,IAAM,IAAQ,EAAgB,EAAI,QAAQ,EACpC,IAAa,EAAM,WAAW,MAAO,EAAG,OAAO,EAAI,aAAa,EAChE,IAAU,EAAe,EAAE,KAAK,GAAY,EAAM,QAAQ,WAAW;AAE3E,MAAI,MAAY,KAAA,GAAW;AACzB,KAAE,gBAAgB;GAClB,IAAM,IAAO,EAAM;AACnB,GAAI,KAAQ,QACV,EAAI,gBAAgB,EAAK,GAAG;AAE9B;;AAGF,UAAQ,EAAE,KAAV;GACE,KAAK;AAEH,QADA,EAAE,gBAAgB,EACd,EAAI,gBAAgB,MAAM;KAC5B,IAAM,IAAW,SAAS,eAAe,EAAI,aAAa;AAC1D,KACE,KAAY,QACZ,EAAS,aAAa,gBAAgB,KAAK,UAE3C,EAAS,OAAO;;AAGpB;GAEF,KAAK;AACH,MAAI,aAAa,GAAM;AACvB;GAEF,QACE;;IAIA,KAAgB,MAA2C;AAE/D,EADA,EAAI,UAAU,EAAE,OAAO,MAAM,EAC7B,EAAI,gBAAgB,KAAK;IAGrB,IAAmB,EAAI,gBAAgB,KAAA;AAE7C,QACE,kBAAC,OAAD;EACE,WAAW,EACT,oDACA,uCACD;YAJH,CAME,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;aACpB,kBAAC,GAAD,EAAc,CAAA;GACT,CAAA,EACP,kBAAC,SAAD;GACE,KAAK;GACL,IAAI,EAAI;GACR,MAAK;GACL,qBAAkB;GAClB,iBAAe;GACf,iBAAe,EAAI;GACnB,yBAAuB;GACvB,OAAO,EAAI;GACX,UAAU;GACV,WAAW;GACX,WAAW,EACT,wCACA,mCACA,wCACA,gBACA,EACD;GACD,GAAI;GACJ,CAAA,CACE;;;AAIV,EAAiB,cAAc"}
+{"version":3,"file":"CommandMenuInput.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { getRovingIndex } from \"@nuka/utils/roving-index\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport {\n  getVisibleItems,\n  SearchIcon,\n} from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuInputProps extends Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"onChange\"\n> {\n  ref?: React.Ref<HTMLInputElement> | undefined;\n}\n\nfunction CommandMenuInput({ ref, className, ...props }: CommandMenuInputProps) {\n  const ctx = useCommandMenuContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (ctx.open) {\n      requestAnimationFrame(() => {\n        internalRef.current?.focus();\n      });\n    }\n  }, [ctx.open]);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getVisibleItems(ctx.listRef);\n    const currentIdx = items.findIndex((el) => el.id === ctx.activeItemId);\n    const nextIdx = getRovingIndex(e.key, currentIdx, items.length, \"vertical\");\n\n    if (nextIdx !== undefined) {\n      e.preventDefault();\n      const next = items[nextIdx];\n      if (next != null) {\n        ctx.setActiveItemId(next.id);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeItemId != null) {\n          const activeEl = document.getElementById(ctx.activeItemId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        }\n        break;\n      }\n      case \"Tab\": {\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilter(e.target.value);\n    ctx.setActiveItemId(null);\n  };\n\n  const activedescendant = ctx.activeItemId ?? undefined;\n\n  return (\n    <div\n      data-slot=\"input-wrapper\"\n      className={cn(\n        \"flex items-center gap-(--space-2) px-(--space-3)\",\n        \"border-b border-(--nuka-border-base)\",\n      )}\n    >\n      <Icon size=\"sm\" color=\"muted\">\n        <SearchIcon />\n      </Icon>\n      <input\n        ref={composedRef}\n        id={ctx.inputId}\n        data-slot=\"input\"\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={true}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={activedescendant}\n        value={ctx.filter}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        className={cn(\n          \"flex-1 bg-transparent py-(--space-3)\",\n          \"text-sm text-(--nuka-text-base)\",\n          \"placeholder:text-(--nuka-text-muted)\",\n          \"outline-none\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nCommandMenuInput.displayName = \"CommandMenuInput\";\n\nexport { CommandMenuInput };\n"],"mappings":";;;;;;;;;AAkBA,SAAS,EAAiB,EAAE,QAAK,cAAW,GAAG,KAAgC;CAC7E,IAAM,IAAM,EAAsB,GAC5B,IAAc,EAAM,OAAyB,IAAI,GACjD,IAAc,EAAM,aACvB,MAAkC;EAEjC,AADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,CAAI,IACC,KAAO,SAChB,EAAI,UAAU;CAElB,GACA,CAAC,CAAG,CACN;CAEA,EAAM,gBAAgB;EACpB,AAAI,EAAI,QACN,4BAA4B;GAC1B,EAAY,SAAS,MAAM;EAC7B,CAAC;CAEL,GAAG,CAAC,EAAI,IAAI,CAAC;CAEb,IAAM,KAAiB,MAA6C;EAClE,IAAM,IAAQ,EAAgB,EAAI,OAAO,GACnC,IAAa,EAAM,WAAW,MAAO,EAAG,OAAO,EAAI,YAAY,GAC/D,IAAU,EAAe,EAAE,KAAK,GAAY,EAAM,QAAQ,UAAU;EAE1E,IAAI,MAAY,KAAA,GAAW;GACzB,EAAE,eAAe;GACjB,IAAM,IAAO,EAAM;GACnB,AAAI,KAAQ,QACV,EAAI,gBAAgB,EAAK,EAAE;GAE7B;EACF;EAEA,QAAQ,EAAE,KAAV;GACE,KAAK;IAEH,IADA,EAAE,eAAe,GACb,EAAI,gBAAgB,MAAM;KAC5B,IAAM,IAAW,SAAS,eAAe,EAAI,YAAY;KACzD,AACE,KAAY,QACZ,EAAS,aAAa,eAAe,MAAM,UAE3C,EAAS,MAAM;IAEnB;IACA;GAEF,KAAK;IACH,EAAI,aAAa,EAAK;IACtB;GAEF,SACE;EACJ;CACF,GAEM,KAAgB,MAA2C;EAE/D,AADA,EAAI,UAAU,EAAE,OAAO,KAAK,GAC5B,EAAI,gBAAgB,IAAI;CAC1B,GAEM,IAAmB,EAAI,gBAAgB,KAAA;CAE7C,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,oDACA,sCACF;YALF,CAOE,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;aACpB,kBAAC,GAAD,CAAa,CAAA;EACT,CAAA,GACN,kBAAC,SAAD;GACE,KAAK;GACL,IAAI,EAAI;GACR,aAAU;GACV,MAAK;GACL,qBAAkB;GAClB,iBAAe;GACf,iBAAe,EAAI;GACnB,yBAAuB;GACvB,OAAO,EAAI;GACX,UAAU;GACV,WAAW;GACX,WAAW,EACT,wCACA,mCACA,wCACA,gBACA,CACF;GACA,GAAI;EACL,CAAA,CACE;;AAET;AAEA,EAAiB,cAAc"}

package/dist/components/CommandMenu/CommandMenuItem.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,value:a,disabled:o=!1,onSelect:s,className:c,children:l,...u}){let d=n.useCommandMenuContext(),f=r.useId(),p=r.useRef(null),m=r.useCallback(t=>{p.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]),h=a!=null&&d.filter!==``&&!a.toLowerCase().includes(d.filter.toLowerCase()),g=d.activeItemId===f;return r.useEffect(()=>{g&&p.current!=null&&p.current.scrollIntoView({block:`nearest`})},[g]),(0,i.jsx)(`div`,{ref:m,id:f,role:`option`,"aria-selected":g,"aria-disabled":o||void 0,hidden:h||void 0,onClick:()=>{o||(s?.(),d.onOpenChange(!1))},className:t.cn(`flex items-center gap-(--space-2)`,`px-(--space-3) py-(--space-2)`,`rounded-(--radius-md) text-sm cursor-default`,`select-none`,g&&`bg-(--nuka-bg-muted)`,o?`text-(--nuka-text-disabled)`:`text-(--nuka-text-base)`,c),...u,children:l})}a.displayName=`CommandMenuItem`,exports.CommandMenuItem=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,value:a,disabled:o=!1,onSelect:s,className:c,children:l,...u}){let d=n.useCommandMenuContext(),f=r.use(n.CommandMenuGroupContext),p=r.useId(),m=r.useRef(null),h=r.useCallback(t=>{m.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]),g=a!=null&&d.filter!==``&&!a.toLowerCase().includes(d.filter.toLowerCase()),_=d.activeItemId===p,{registerItemVisibility:v,unregisterItem:y}=d;r.useEffect(()=>(v(p,!g),()=>y(p)),[v,y,p,g]);let b=f?.registerItemVisibility,x=f?.unregisterItem;return r.useEffect(()=>{if(!(!b||!x))return b(p,!g),()=>x(p)},[b,x,p,g]),r.useEffect(()=>{_&&m.current!=null&&m.current.scrollIntoView({block:`nearest`})},[_]),(0,i.jsx)(`div`,{ref:h,id:p,"data-slot":`item`,role:`option`,"aria-selected":_,"aria-disabled":o||void 0,hidden:g||void 0,onClick:()=>{o||(s?.(),d.onOpenChange(!1))},className:t.cn(`flex items-center gap-(--space-2)`,`px-(--space-3) py-(--space-2)`,`rounded-(--radius-md) text-sm cursor-default`,`select-none`,_&&`bg-(--nuka-bg-muted)`,o?`text-(--nuka-text-disabled)`:`text-(--nuka-text-base)`,c),...u,children:l})}a.displayName=`CommandMenuItem`,exports.CommandMenuItem=a;
 //# sourceMappingURL=CommandMenuItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuItem.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.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 CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":"uNAeA,SAAS,EAAgB,CACvB,MACA,QACA,WAAW,GACX,WACA,YACA,WACA,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,uBAAuB,CAC7B,EAAS,EAAM,OAAO,CACtB,EAAc,EAAM,OAAuB,KAAK,CAEhD,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAI,CACN,CAEK,EACJ,GAAS,MACT,EAAI,SAAW,IACf,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,OAAO,aAAa,CAAC,CAEnD,EAAW,EAAI,eAAiB,EActC,OAZA,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACrC,EAAY,QAAQ,eAAe,CAAE,MAAO,UAAW,CAAC,EAEzD,CAAC,EAAS,CAAC,EASZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,YAdsB,CACpB,IACJ,KAAY,CACZ,EAAI,aAAa,GAAM,GAYrB,UAAW,EAAA,GACT,oCACA,gCACA,+CACA,cACA,GAAY,uBACZ,EAAW,8BAAgC,0BAC3C,EACD,CACD,GAAI,EAEH,WACG,CAAA,CAIV,EAAgB,YAAc"}
+{"version":3,"file":"CommandMenuItem.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.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 CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const groupCtx = React.use(CommandMenuGroupContext);\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  const { registerItemVisibility, unregisterItem } = ctx;\n\n  React.useEffect(() => {\n    registerItemVisibility(itemId, !isFiltered);\n    return () => unregisterItem(itemId);\n  }, [registerItemVisibility, unregisterItem, itemId, isFiltered]);\n\n  const groupRegister = groupCtx?.registerItemVisibility;\n  const groupUnregister = groupCtx?.unregisterItem;\n\n  React.useEffect(() => {\n    if (!groupRegister || !groupUnregister) return;\n    groupRegister(itemId, !isFiltered);\n    return () => groupUnregister(itemId);\n  }, [groupRegister, groupUnregister, itemId, isFiltered]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      data-slot=\"item\"\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":"uNAkBA,SAAS,EAAgB,CACvB,MACA,QACA,WAAW,GACX,WACA,YACA,WACA,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,sBAAsB,EAC5B,EAAW,EAAM,IAAI,EAAA,uBAAuB,EAC5C,EAAS,EAAM,MAAM,EACrB,EAAc,EAAM,OAAuB,IAAI,EAE/C,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,CAAI,EACC,GAAO,OAChB,EAAI,QAAU,EAElB,EACA,CAAC,CAAG,CACN,EAEM,EACJ,GAAS,MACT,EAAI,SAAW,IACf,CAAC,EAAM,YAAY,EAAE,SAAS,EAAI,OAAO,YAAY,CAAC,EAElD,EAAW,EAAI,eAAiB,EAEhC,CAAE,yBAAwB,kBAAmB,EAEnD,EAAM,eACJ,EAAuB,EAAQ,CAAC,CAAU,MAC7B,EAAe,CAAM,GACjC,CAAC,EAAwB,EAAgB,EAAQ,CAAU,CAAC,EAE/D,IAAM,EAAgB,GAAU,uBAC1B,EAAkB,GAAU,eAoBlC,OAlBA,EAAM,cAAgB,CAChB,MAAC,GAAiB,CAAC,GAEvB,OADA,EAAc,EAAQ,CAAC,CAAU,MACpB,EAAgB,CAAM,CACrC,EAAG,CAAC,EAAe,EAAiB,EAAQ,CAAU,CAAC,EAEvD,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACrC,EAAY,QAAQ,eAAe,CAAE,MAAO,SAAU,CAAC,CAE3D,EAAG,CAAC,CAAQ,CAAC,GASX,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,YAAU,OACV,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,YAfsB,CACpB,IACJ,IAAW,EACX,EAAI,aAAa,EAAK,EACxB,EAYI,UAAW,EAAA,GACT,oCACA,gCACA,+CACA,cACA,GAAY,uBACZ,EAAW,8BAAgC,0BAC3C,CACF,EACA,GAAI,EAEH,UACE,CAAA,CAET,CAEA,EAAgB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA2DtB;kBAnEQ,eAAe;;;AAuExB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"CommandMenuItem.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,2CA6EtB;kBArFQ,eAAe;;;AAyFxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuItem.js

@@ -1,32 +1,47 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { useCommandMenuContext as t } from "./CommandMenu.context.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { CommandMenuGroupContext as t, useCommandMenuContext as n } from "./CommandMenu.context.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region src/components/CommandMenu/CommandMenuItem.tsx
-function i({ ref: i, value: a, disabled: o = !1, onSelect: s, className: c, children: l, ...u }) {
-	let d = t(), f = n.useId(), p = n.useRef(null), m = n.useCallback((e) => {
-		p.current = e, typeof i == "function" ? i(e) : i != null && (i.current = e);
-	}, [i]), h = a != null && d.filter !== "" && !a.toLowerCase().includes(d.filter.toLowerCase()), g = d.activeItemId === f;
-	return n.useEffect(() => {
-		g && p.current != null && p.current.scrollIntoView({ block: "nearest" });
-	}, [g]), /* @__PURE__ */ r("div", {
-		ref: m,
-		id: f,
+function a({ ref: a, value: o, disabled: s = !1, onSelect: c, className: l, children: u, ...d }) {
+	let f = n(), p = r.use(t), m = r.useId(), h = r.useRef(null), g = r.useCallback((e) => {
+		h.current = e, typeof a == "function" ? a(e) : a != null && (a.current = e);
+	}, [a]), _ = o != null && f.filter !== "" && !o.toLowerCase().includes(f.filter.toLowerCase()), v = f.activeItemId === m, { registerItemVisibility: y, unregisterItem: b } = f;
+	r.useEffect(() => (y(m, !_), () => b(m)), [
+		y,
+		b,
+		m,
+		_
+	]);
+	let x = p?.registerItemVisibility, S = p?.unregisterItem;
+	return r.useEffect(() => {
+		if (!(!x || !S)) return x(m, !_), () => S(m);
+	}, [
+		x,
+		S,
+		m,
+		_
+	]), r.useEffect(() => {
+		v && h.current != null && h.current.scrollIntoView({ block: "nearest" });
+	}, [v]), /* @__PURE__ */ i("div", {
+		ref: g,
+		id: m,
+		"data-slot": "item",
 		role: "option",
-		"aria-selected": g,
-		"aria-disabled": o || void 0,
-		hidden: h || void 0,
+		"aria-selected": v,
+		"aria-disabled": s || void 0,
+		hidden: _ || void 0,
 		onClick: () => {
-			o || (s?.(), d.onOpenChange(!1));
+			s || (c?.(), f.onOpenChange(!1));
 		},
-		className: e("flex items-center gap-(--space-2)", "px-(--space-3) py-(--space-2)", "rounded-(--radius-md) text-sm cursor-default", "select-none", g && "bg-(--nuka-bg-muted)", o ? "text-(--nuka-text-disabled)" : "text-(--nuka-text-base)", c),
-		...u,
-		children: l
+		className: e("flex items-center gap-(--space-2)", "px-(--space-3) py-(--space-2)", "rounded-(--radius-md) text-sm cursor-default", "select-none", v && "bg-(--nuka-bg-muted)", s ? "text-(--nuka-text-disabled)" : "text-(--nuka-text-base)", l),
+		...d,
+		children: u
 	});
 }
-i.displayName = "CommandMenuItem";
+a.displayName = "CommandMenuItem";
 //#endregion
-export { i as CommandMenuItem };
+export { a as CommandMenuItem };
 
 //# sourceMappingURL=CommandMenuItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuItem.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.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 CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":";;;;;;AAeA,SAAS,EAAgB,EACvB,QACA,UACA,cAAW,IACX,aACA,cACA,aACA,GAAG,KACoB;CACvB,IAAM,IAAM,GAAuB,EAC7B,IAAS,EAAM,OAAO,EACtB,IAAc,EAAM,OAAuB,KAAK,EAEhD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;IAGlB,CAAC,EAAI,CACN,EAEK,IACJ,KAAS,QACT,EAAI,WAAW,MACf,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,OAAO,aAAa,CAAC,EAEnD,IAAW,EAAI,iBAAiB;AActC,QAZA,EAAM,gBAAgB;AACpB,EAAI,KAAY,EAAY,WAAW,QACrC,EAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;IAEzD,CAAC,EAAS,CAAC,EASZ,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,eAdsB;AACpB,SACJ,KAAY,EACZ,EAAI,aAAa,GAAM;;EAYrB,WAAW,EACT,qCACA,iCACA,gDACA,eACA,KAAY,wBACZ,IAAW,gCAAgC,2BAC3C,EACD;EACD,GAAI;EAEH;EACG,CAAA;;AAIV,EAAgB,cAAc"}
+{"version":3,"file":"CommandMenuItem.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.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 CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const groupCtx = React.use(CommandMenuGroupContext);\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  const { registerItemVisibility, unregisterItem } = ctx;\n\n  React.useEffect(() => {\n    registerItemVisibility(itemId, !isFiltered);\n    return () => unregisterItem(itemId);\n  }, [registerItemVisibility, unregisterItem, itemId, isFiltered]);\n\n  const groupRegister = groupCtx?.registerItemVisibility;\n  const groupUnregister = groupCtx?.unregisterItem;\n\n  React.useEffect(() => {\n    if (!groupRegister || !groupUnregister) return;\n    groupRegister(itemId, !isFiltered);\n    return () => groupUnregister(itemId);\n  }, [groupRegister, groupUnregister, itemId, isFiltered]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      data-slot=\"item\"\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":";;;;;;AAkBA,SAAS,EAAgB,EACvB,QACA,UACA,cAAW,IACX,aACA,cACA,aACA,GAAG,KACoB;CACvB,IAAM,IAAM,EAAsB,GAC5B,IAAW,EAAM,IAAI,CAAuB,GAC5C,IAAS,EAAM,MAAM,GACrB,IAAc,EAAM,OAAuB,IAAI,GAE/C,IAAc,EAAM,aACvB,MAAgC;EAE/B,AADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,CAAI,IACC,KAAO,SAChB,EAAI,UAAU;CAElB,GACA,CAAC,CAAG,CACN,GAEM,IACJ,KAAS,QACT,EAAI,WAAW,MACf,CAAC,EAAM,YAAY,EAAE,SAAS,EAAI,OAAO,YAAY,CAAC,GAElD,IAAW,EAAI,iBAAiB,GAEhC,EAAE,2BAAwB,sBAAmB;CAEnD,EAAM,iBACJ,EAAuB,GAAQ,CAAC,CAAU,SAC7B,EAAe,CAAM,IACjC;EAAC;EAAwB;EAAgB;EAAQ;CAAU,CAAC;CAE/D,IAAM,IAAgB,GAAU,wBAC1B,IAAkB,GAAU;CAoBlC,OAlBA,EAAM,gBAAgB;EAChB,OAAC,KAAiB,CAAC,IAEvB,OADA,EAAc,GAAQ,CAAC,CAAU,SACpB,EAAgB,CAAM;CACrC,GAAG;EAAC;EAAe;EAAiB;EAAQ;CAAU,CAAC,GAEvD,EAAM,gBAAgB;EACpB,AAAI,KAAY,EAAY,WAAW,QACrC,EAAY,QAAQ,eAAe,EAAE,OAAO,UAAU,CAAC;CAE3D,GAAG,CAAC,CAAQ,CAAC,GASX,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,aAAU;EACV,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,eAfsB;GACpB,MACJ,IAAW,GACX,EAAI,aAAa,EAAK;EACxB;EAYI,WAAW,EACT,qCACA,iCACA,gDACA,eACA,KAAY,wBACZ,IAAW,gCAAgC,2BAC3C,CACF;EACA,GAAI;EAEH;CACE,CAAA;AAET;AAEA,EAAgB,cAAc"}

package/dist/components/CommandMenu/CommandMenuList.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,className:a,...o}){let s=n.useCommandMenuContext();return(0,i.jsx)(`div`,{ref:r.useCallback(t=>{s.listRef.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e,s.listRef]),id:s.listboxId,role:`listbox`,"aria-label":`Suggestions`,className:t.cn(`overflow-y-auto max-h-80 p-(--space-1)`,a),...o})}a.displayName=`CommandMenuList`,exports.CommandMenuList=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,className:a,...o}){let s=n.useCommandMenuContext();return(0,i.jsx)(`div`,{ref:r.useCallback(t=>{s.listRef.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e,s.listRef]),id:s.listboxId,"data-slot":`list`,role:`listbox`,"aria-label":`Suggestions`,className:t.cn(`overflow-y-auto max-h-80 p-(--space-1)`,a),...o})}a.displayName=`CommandMenuList`,exports.CommandMenuList=a;
 //# sourceMappingURL=CommandMenuList.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuList.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuList.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 CommandMenuListProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuList({ ref, className, ...props }: CommandMenuListProps) {\n  const ctx = useCommandMenuContext();\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref, ctx.listRef],\n  );\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      aria-label=\"Suggestions\"\n      className={cn(\"overflow-y-auto max-h-80 p-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nCommandMenuList.displayName = \"CommandMenuList\";\n\nexport { CommandMenuList };\n"],"mappings":"uNASA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,IAAM,EAAM,EAAA,uBAAuB,CAanC,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAdgB,EAAM,YACvB,GAAgC,CAC/B,EAAI,QAAQ,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAK,EAAI,QAAQ,CACnB,CAKG,GAAI,EAAI,UACR,KAAK,UACL,aAAW,cACX,UAAW,EAAA,GAAG,yCAA0C,EAAU,CAClE,GAAI,EACJ,CAAA,CAIN,EAAgB,YAAc"}
+{"version":3,"file":"CommandMenuList.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuList.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 CommandMenuListProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuList({ ref, className, ...props }: CommandMenuListProps) {\n  const ctx = useCommandMenuContext();\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref, ctx.listRef],\n  );\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      data-slot=\"list\"\n      role=\"listbox\"\n      aria-label=\"Suggestions\"\n      className={cn(\"overflow-y-auto max-h-80 p-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nCommandMenuList.displayName = \"CommandMenuList\";\n\nexport { CommandMenuList };\n"],"mappings":"uNASA,SAAS,EAAgB,CAAE,MAAK,YAAW,GAAG,GAA+B,CAC3E,IAAM,EAAM,EAAA,sBAAsB,EAalC,OACE,EAAA,EAAA,KAAC,MAAD,CACE,IAdgB,EAAM,YACvB,GAAgC,CAC/B,EAAI,QAAQ,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,CAAI,EACC,GAAO,OAChB,EAAI,QAAU,EAElB,EACA,CAAC,EAAK,EAAI,OAAO,CAKV,EACL,GAAI,EAAI,UACR,YAAU,OACV,KAAK,UACL,aAAW,cACX,UAAW,EAAA,GAAG,yCAA0C,CAAS,EACjE,GAAI,CACL,CAAA,CAEL,CAEA,EAAgB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuList.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAwB1E;kBAxBQ,eAAe;;;AA4BxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"CommandMenuList.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,2CAyB1E;kBAzBQ,eAAe;;;AA6BxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuList.js

@@ -11,6 +11,7 @@ function i({ ref: i, className: a, ...o }) {
 			s.listRef.current = e, typeof i == "function" ? i(e) : i != null && (i.current = e);
 		}, [i, s.listRef]),
 		id: s.listboxId,
+		"data-slot": "list",
 		role: "listbox",
 		"aria-label": "Suggestions",
 		className: e("overflow-y-auto max-h-80 p-(--space-1)", a),

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuList.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuList.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 CommandMenuListProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuList({ ref, className, ...props }: CommandMenuListProps) {\n  const ctx = useCommandMenuContext();\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref, ctx.listRef],\n  );\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      role=\"listbox\"\n      aria-label=\"Suggestions\"\n      className={cn(\"overflow-y-auto max-h-80 p-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nCommandMenuList.displayName = \"CommandMenuList\";\n\nexport { CommandMenuList };\n"],"mappings":";;;;;;AASA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;CAC3E,IAAM,IAAM,GAAuB;AAanC,QACE,kBAAC,OAAD;EACE,KAdgB,EAAM,aACvB,MAAgC;AAE/B,GADA,EAAI,QAAQ,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;KAGlB,CAAC,GAAK,EAAI,QAAQ,CACnB;EAKG,IAAI,EAAI;EACR,MAAK;EACL,cAAW;EACX,WAAW,EAAG,0CAA0C,EAAU;EAClE,GAAI;EACJ,CAAA;;AAIN,EAAgB,cAAc"}
+{"version":3,"file":"CommandMenuList.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuList.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 CommandMenuListProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CommandMenuList({ ref, className, ...props }: CommandMenuListProps) {\n  const ctx = useCommandMenuContext();\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      ctx.listRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref, ctx.listRef],\n  );\n\n  return (\n    <div\n      ref={composedRef}\n      id={ctx.listboxId}\n      data-slot=\"list\"\n      role=\"listbox\"\n      aria-label=\"Suggestions\"\n      className={cn(\"overflow-y-auto max-h-80 p-(--space-1)\", className)}\n      {...props}\n    />\n  );\n}\n\nCommandMenuList.displayName = \"CommandMenuList\";\n\nexport { CommandMenuList };\n"],"mappings":";;;;;;AASA,SAAS,EAAgB,EAAE,QAAK,cAAW,GAAG,KAA+B;CAC3E,IAAM,IAAM,EAAsB;CAalC,OACE,kBAAC,OAAD;EACE,KAdgB,EAAM,aACvB,MAAgC;GAE/B,AADA,EAAI,QAAQ,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,CAAI,IACC,KAAO,SAChB,EAAI,UAAU;EAElB,GACA,CAAC,GAAK,EAAI,OAAO,CAKV;EACL,IAAI,EAAI;EACR,aAAU;EACV,MAAK;EACL,cAAW;EACX,WAAW,EAAG,0CAA0C,CAAS;EACjE,GAAI;CACL,CAAA;AAEL;AAEA,EAAgB,cAAc"}

package/dist/components/CommandMenu/CommandMenuShortcut.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,className:n,...i}){return(0,r.jsx)(`span`,{ref:e,"aria-hidden":`true`,className:t.cn(`ml-auto text-xs text-(--nuka-text-muted)`,n),...i})}i.displayName=`CommandMenuShortcut`,exports.CommandMenuShortcut=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,className:n,...i}){return(0,r.jsx)(`span`,{ref:e,"aria-hidden":`true`,className:t.cn(`ml-auto text-xs text-(--nuka-text-muted)`,n),"data-slot":`shortcut`,...i})}i.displayName=`CommandMenuShortcut`,exports.CommandMenuShortcut=i;
 //# sourceMappingURL=CommandMenuShortcut.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuShortcut.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface CommandMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction CommandMenuShortcut({\n  ref,\n  className,\n  ...props\n}: CommandMenuShortcutProps) {\n  return (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\"ml-auto text-xs text-(--nuka-text-muted)\", className)}\n      {...props}\n    />\n  );\n}\n\nCommandMenuShortcut.displayName = \"CommandMenuShortcut\";\n\nexport { CommandMenuShortcut };\n"],"mappings":"gLASA,SAAS,EAAoB,CAC3B,MACA,YACA,GAAG,GACwB,CAC3B,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,cAAY,OACZ,UAAW,EAAA,GAAG,2CAA4C,EAAU,CACpE,GAAI,EACJ,CAAA,CAIN,EAAoB,YAAc"}
+{"version":3,"file":"CommandMenuShortcut.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface CommandMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction CommandMenuShortcut({\n  ref,\n  className,\n  ...props\n}: CommandMenuShortcutProps) {\n  return (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\"ml-auto text-xs text-(--nuka-text-muted)\", className)}\n      data-slot=\"shortcut\"\n      {...props}\n    />\n  );\n}\n\nCommandMenuShortcut.displayName = \"CommandMenuShortcut\";\n\nexport { CommandMenuShortcut };\n"],"mappings":"gLASA,SAAS,EAAoB,CAC3B,MACA,YACA,GAAG,GACwB,CAC3B,OACE,EAAA,EAAA,KAAC,OAAD,CACO,MACL,cAAY,OACZ,UAAW,EAAA,GAAG,2CAA4C,CAAS,EACnE,YAAU,WACV,GAAI,CACL,CAAA,CAEL,CAEA,EAAoB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAS1B;kBAbQ,mBAAmB;;;AAiB5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"CommandMenuShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACrF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAU1B;kBAdQ,mBAAmB;;;AAkB5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuShortcut.js

@@ -8,6 +8,7 @@ function n({ ref: n, className: r, ...i }) {
 		ref: n,
 		"aria-hidden": "true",
 		className: e("ml-auto text-xs text-(--nuka-text-muted)", r),
+		"data-slot": "shortcut",
 		...i
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuShortcut.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface CommandMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction CommandMenuShortcut({\n  ref,\n  className,\n  ...props\n}: CommandMenuShortcutProps) {\n  return (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\"ml-auto text-xs text-(--nuka-text-muted)\", className)}\n      {...props}\n    />\n  );\n}\n\nCommandMenuShortcut.displayName = \"CommandMenuShortcut\";\n\nexport { CommandMenuShortcut };\n"],"mappings":";;;;;AASA,SAAS,EAAoB,EAC3B,QACA,cACA,GAAG,KACwB;AAC3B,QACE,kBAAC,QAAD;EACO;EACL,eAAY;EACZ,WAAW,EAAG,4CAA4C,EAAU;EACpE,GAAI;EACJ,CAAA;;AAIN,EAAoB,cAAc"}
+{"version":3,"file":"CommandMenuShortcut.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport interface CommandMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {\n  ref?: React.Ref<HTMLSpanElement> | undefined;\n}\n\nfunction CommandMenuShortcut({\n  ref,\n  className,\n  ...props\n}: CommandMenuShortcutProps) {\n  return (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\"ml-auto text-xs text-(--nuka-text-muted)\", className)}\n      data-slot=\"shortcut\"\n      {...props}\n    />\n  );\n}\n\nCommandMenuShortcut.displayName = \"CommandMenuShortcut\";\n\nexport { CommandMenuShortcut };\n"],"mappings":";;;;;AASA,SAAS,EAAoB,EAC3B,QACA,cACA,GAAG,KACwB;CAC3B,OACE,kBAAC,QAAD;EACO;EACL,eAAY;EACZ,WAAW,EAAG,4CAA4C,CAAS;EACnE,aAAU;EACV,GAAI;CACL,CAAA;AAEL;AAEA,EAAoB,cAAc"}

package/dist/components/Container/Container.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a={sm:`max-w-screen-sm`,md:`max-w-screen-md`,lg:`max-w-screen-lg`,xl:`max-w-screen-xl`,"2xl":`max-w-screen-2xl`,full:`max-w-full`};function o({ref:e,className:r,size:o=`xl`,padded:s=!0,centered:c=!0,asChild:l=!1,...u}){return(0,i.jsx)(l?n.Slot:`div`,{ref:e,className:t.cn(`w-full`,a[o],c&&`mx-auto`,s&&`px-4 sm:px-6 lg:px-8`,r),...u})}o.displayName=`Container`,exports.Container=o;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={sm:`max-w-screen-sm`,md:`max-w-screen-md`,lg:`max-w-screen-lg`,xl:`max-w-screen-xl`,"2xl":`max-w-screen-2xl`,full:`max-w-full`};function o({ref:e,className:r,as:o=`div`,size:s=`xl`,padded:c=!0,centered:l=!0,asChild:u=!1,...d}){return(0,i.jsx)(u?n.Slot:o,{ref:e,className:t.cn(`w-full`,a[s],l&&`mx-auto`,c&&`px-4 sm:px-6 lg:px-8`,r),...d})}o.displayName=`Container`,exports.Container=o;
 //# sourceMappingURL=Container.cjs.map

package/dist/components/Container/Container.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Container.cjs","names":[],"sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  size?: ContainerSize;\n  padded?: boolean;\n  centered?: boolean;\n  asChild?: boolean;\n}\n\nconst sizeClasses: Record<ContainerSize, string> = {\n  sm: \"max-w-screen-sm\",\n  md: \"max-w-screen-md\",\n  lg: \"max-w-screen-lg\",\n  xl: \"max-w-screen-xl\",\n  \"2xl\": \"max-w-screen-2xl\",\n  full: \"max-w-full\",\n};\n\nfunction Container({\n  ref,\n  className,\n  size = \"xl\",\n  padded = true,\n  centered = true,\n  asChild = false,\n  ...props\n}: ContainerProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"w-full\",\n        sizeClasses[size],\n        centered && \"mx-auto\",\n        padded && \"px-4 sm:px-6 lg:px-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":"kNAgBA,IAAM,EAA6C,CACjD,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBACJ,MAAO,mBACP,KAAM,aACP,CAED,SAAS,EAAU,CACjB,MACA,YACA,OAAO,KACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,GAAG,GACc,CAGjB,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,MAG5B,CACO,MACL,UAAW,EAAA,GACT,SACA,EAAY,GACZ,GAAY,UACZ,GAAU,uBACV,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAU,YAAc"}
+{"version":3,"file":"Container.cjs","names":[],"sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\n  size?: ContainerSize;\n  padded?: boolean;\n  centered?: boolean;\n  asChild?: boolean;\n}\n\nconst sizeClasses: Record<ContainerSize, string> = {\n  sm: \"max-w-screen-sm\",\n  md: \"max-w-screen-md\",\n  lg: \"max-w-screen-lg\",\n  xl: \"max-w-screen-xl\",\n  \"2xl\": \"max-w-screen-2xl\",\n  full: \"max-w-full\",\n};\n\nfunction Container({\n  ref,\n  className,\n  as = \"div\",\n  size = \"xl\",\n  padded = true,\n  centered = true,\n  asChild = false,\n  ...props\n}: ContainerProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        \"w-full\",\n        sizeClasses[size],\n        centered && \"mx-auto\",\n        padded && \"px-4 sm:px-6 lg:px-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":"kNAwBA,IAAM,EAA6C,CACjD,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBACJ,GAAI,kBACJ,MAAO,mBACP,KAAM,YACR,EAEA,SAAS,EAAU,CACjB,MACA,YACA,KAAK,MACL,OAAO,KACP,SAAS,GACT,WAAW,GACX,UAAU,GACV,GAAG,GACc,CAGjB,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,EAG5B,CAIO,MACL,UAAW,EAAA,GACT,SACA,EAAY,GACZ,GAAY,UACZ,GAAU,uBACV,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,EAAU,YAAc"}

package/dist/components/Container/Container.d.ts

@@ -1,13 +1,21 @@
+import { LayoutElement } from '../../utils/polymorphic';
 import * as React from "react";
 export type ContainerSize = "sm" | "md" | "lg" | "xl" | "2xl" | "full";
-export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
-    ref?: React.Ref<HTMLDivElement> | undefined;
+export interface ContainerProps extends React.HTMLAttributes<HTMLElement> {
+    ref?: React.Ref<HTMLElement> | undefined;
+    /**
+     * The HTML element to render. Defaults to "div".
+     *
+     * When `asChild` is true, this prop is ignored and the child element
+     * determines the rendered tag.
+     */
+    as?: LayoutElement;
     size?: ContainerSize;
     padded?: boolean;
     centered?: boolean;
     asChild?: boolean;
 }
-declare function Container({ ref, className, size, padded, centered, asChild, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function Container({ ref, className, as, size, padded, centered, asChild, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Container {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,SAAS,EACT,IAAW,EACX,MAAa,EACb,QAAe,EACf,OAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,2CAgBhB;kBAxBQ,SAAS;;;AA4BlB,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;IACzC;;;;;OAKG;IACH,EAAE,CAAC,EAAE,aAAa,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAWD,iBAAS,SAAS,CAAC,EACjB,GAAG,EACH,SAAS,EACT,EAAU,EACV,IAAW,EACX,MAAa,EACb,QAAe,EACf,OAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,2CAmBhB;kBA5BQ,SAAS;;;AAgClB,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Container/Container.js

@@ -12,11 +12,11 @@ var r = {
 	"2xl": "max-w-screen-2xl",
 	full: "max-w-full"
 };
-function i({ ref: i, className: a, size: o = "xl", padded: s = !0, centered: c = !0, asChild: l = !1, ...u }) {
-	return /* @__PURE__ */ n(l ? t : "div", {
+function i({ ref: i, className: a, as: o = "div", size: s = "xl", padded: c = !0, centered: l = !0, asChild: u = !1, ...d }) {
+	return /* @__PURE__ */ n(u ? t : o, {
 		ref: i,
-		className: e("w-full", r[o], c && "mx-auto", s && "px-4 sm:px-6 lg:px-8", a),
-		...u
+		className: e("w-full", r[s], l && "mx-auto", c && "px-4 sm:px-6 lg:px-8", a),
+		...d
 	});
 }
 i.displayName = "Container";

package/dist/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":[],"sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  size?: ContainerSize;\n  padded?: boolean;\n  centered?: boolean;\n  asChild?: boolean;\n}\n\nconst sizeClasses: Record<ContainerSize, string> = {\n  sm: \"max-w-screen-sm\",\n  md: \"max-w-screen-md\",\n  lg: \"max-w-screen-lg\",\n  xl: \"max-w-screen-xl\",\n  \"2xl\": \"max-w-screen-2xl\",\n  full: \"max-w-full\",\n};\n\nfunction Container({\n  ref,\n  className,\n  size = \"xl\",\n  padded = true,\n  centered = true,\n  asChild = false,\n  ...props\n}: ContainerProps) {\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\n        \"w-full\",\n        sizeClasses[size],\n        centered && \"mx-auto\",\n        padded && \"px-4 sm:px-6 lg:px-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":";;;;;;AAgBA,IAAM,IAA6C;CACjD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;CACP;AAED,SAAS,EAAU,EACjB,QACA,cACA,UAAO,MACP,YAAS,IACT,cAAW,IACX,aAAU,IACV,GAAG,KACc;AAGjB,QACE,kBAHW,IAAU,IAAO,OAG5B;EACO;EACL,WAAW,EACT,UACA,EAAY,IACZ,KAAY,WACZ,KAAU,wBACV,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,EAAU,cAAc"}
+{"version":3,"file":"Container.js","names":[],"sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { LayoutElement } from \"@nuka/utils/polymorphic\";\n\nexport type ContainerSize = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\";\n\nexport interface ContainerProps extends React.HTMLAttributes<HTMLElement> {\n  ref?: React.Ref<HTMLElement> | undefined;\n  /**\n   * The HTML element to render. Defaults to \"div\".\n   *\n   * When `asChild` is true, this prop is ignored and the child element\n   * determines the rendered tag.\n   */\n  as?: LayoutElement;\n  size?: ContainerSize;\n  padded?: boolean;\n  centered?: boolean;\n  asChild?: boolean;\n}\n\nconst sizeClasses: Record<ContainerSize, string> = {\n  sm: \"max-w-screen-sm\",\n  md: \"max-w-screen-md\",\n  lg: \"max-w-screen-lg\",\n  xl: \"max-w-screen-xl\",\n  \"2xl\": \"max-w-screen-2xl\",\n  full: \"max-w-full\",\n};\n\nfunction Container({\n  ref,\n  className,\n  as = \"div\",\n  size = \"xl\",\n  padded = true,\n  centered = true,\n  asChild = false,\n  ...props\n}: ContainerProps) {\n  const Comp = asChild ? Slot : as;\n\n  return (\n    <Comp\n      // Safe: the `as` prop makes the element type dynamic, so ref cannot\n      // satisfy any single element ref type. Each render produces one\n      // concrete element, so the ref assignment is correct at runtime.\n      ref={ref as React.RefObject<never>}\n      className={cn(\n        \"w-full\",\n        sizeClasses[size],\n        centered && \"mx-auto\",\n        padded && \"px-4 sm:px-6 lg:px-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nContainer.displayName = \"Container\";\n\nexport { Container };\n"],"mappings":";;;;;;AAwBA,IAAM,IAA6C;CACjD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,MAAM;AACR;AAEA,SAAS,EAAU,EACjB,QACA,cACA,QAAK,OACL,UAAO,MACP,YAAS,IACT,cAAW,IACX,aAAU,IACV,GAAG,KACc;CAGjB,OACE,kBAHW,IAAU,IAAO,GAG5B;EAIO;EACL,WAAW,EACT,UACA,EAAY,IACZ,KAAY,WACZ,KAAU,wBACV,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,EAAU,cAAc"}

package/dist/components/ContextMenu/ContextMenu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),n=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),r=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),i=require(`./ContextMenu.context.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);function s({children:e,onOpenChange:s}){let[c,l]=a.useState(!1),u=a.useCallback(e=>{l(e),s?.(e)},[s]),{refs:d,floatingStyles:f,context:p}=r.useFloating({open:c,onOpenChange:u,placement:`bottom-start`,middleware:[n.offset(0),n.flip(),n.shift({padding:8})],whileElementsMounted:t.autoUpdate,strategy:`fixed`}),{getFloatingProps:m}=r.useInteractions([r.useDismiss(p),r.useRole(p,{role:`menu`})]);return(0,o.jsx)(i.ContextMenuContext,{value:a.useMemo(()=>({open:c,onOpenChange:u,refs:d,floatingStyles:f,getFloatingProps:m}),[c,u,d,f,m]),children:e})}s.displayName=`ContextMenu`,exports.ContextMenu=s;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs"),n=require("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs"),r=require("../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs"),i=require("./ContextMenu.context.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({children:e,onOpenChange:s}){let[c,l]=a.useState(!1),u=a.useCallback(e=>{l(e),s?.(e)},[s]),{refs:d,floatingStyles:f,context:p}=r.useFloating({open:c,onOpenChange:u,placement:`bottom-start`,middleware:[n.offset(0),n.flip(),n.shift({padding:8})],whileElementsMounted:t.autoUpdate,strategy:`fixed`}),{getFloatingProps:m}=r.useInteractions([r.useDismiss(p),r.useRole(p,{role:`menu`})]);return(0,o.jsx)(i.ContextMenuContext,{value:a.useMemo(()=>({open:c,onOpenChange:u,refs:d,floatingStyles:f,getFloatingProps:m}),[c,u,d,f,m]),children:e})}s.displayName=`ContextMenu`,exports.ContextMenu=s;
 //# sourceMappingURL=ContextMenu.cjs.map

package/dist/components/ContextMenu/ContextMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { ContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport type { ContextMenuContextValue } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuProps {\n  children: React.ReactNode;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction ContextMenu({ children, onOpenChange }: ContextMenuProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(0), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n    strategy: \"fixed\",\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const contextValue: ContextMenuContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getFloatingProps,\n    }),\n    [open, handleOpenChange, refs, floatingStyles, getFloatingProps],\n  );\n\n  return (\n    <ContextMenuContext value={contextValue}>{children}</ContextMenuContext>\n  );\n}\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport { ContextMenu };\n"],"mappings":"qaAoBA,SAAS,EAAY,CAAE,WAAU,gBAAkC,CACjE,GAAM,CAAC,EAAM,GAAW,EAAM,SAAS,GAAM,CAEvC,EAAmB,EAAM,YAC5B,GAAkB,CACjB,EAAQ,EAAK,CACb,IAAe,EAAK,EAEtB,CAAC,EAAa,CACf,CAEK,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,EAAE,CAAE,EAAA,MAAM,CAAE,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CAAC,CACtD,qBAAsB,EAAA,WACtB,SAAU,QACX,CAAC,CAKI,CAAE,oBAAqB,EAAA,gBAAgB,CAH7B,EAAA,WAAW,EAAQ,CACtB,EAAA,QAAQ,EAAS,CAAE,KAAM,OAAQ,CAAC,CAEa,CAAC,CAa7D,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAZwB,EAAM,aAC3C,CACL,OACA,aAAc,EACd,OACA,iBACA,mBACD,EACD,CAAC,EAAM,EAAkB,EAAM,EAAgB,EAAiB,CACjE,CAG2C,WAA8B,CAAA,CAI5E,EAAY,YAAc"}
+{"version":3,"file":"ContextMenu.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useDismiss,\n  useRole,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { ContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport type { ContextMenuContextValue } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuProps {\n  children: React.ReactNode;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction ContextMenu({ children, onOpenChange }: ContextMenuProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  const { refs, floatingStyles, context } = useFloating({\n    open,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [offset(0), flip(), shift({ padding: 8 })],\n    whileElementsMounted: autoUpdate,\n    strategy: \"fixed\",\n  });\n\n  const dismiss = useDismiss(context);\n  const role = useRole(context, { role: \"menu\" });\n\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const contextValue: ContextMenuContextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: handleOpenChange,\n      refs,\n      floatingStyles,\n      getFloatingProps,\n    }),\n    [open, handleOpenChange, refs, floatingStyles, getFloatingProps],\n  );\n\n  return (\n    <ContextMenuContext value={contextValue}>{children}</ContextMenuContext>\n  );\n}\n\nContextMenu.displayName = \"ContextMenu\";\n\nexport { ContextMenu };\n"],"mappings":"qaAoBA,SAAS,EAAY,CAAE,WAAU,gBAAkC,CACjE,GAAM,CAAC,EAAM,GAAW,EAAM,SAAS,EAAK,EAEtC,EAAmB,EAAM,YAC5B,GAAkB,CACjB,EAAQ,CAAI,EACZ,IAAe,CAAI,CACrB,EACA,CAAC,CAAY,CACf,EAEM,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,OACA,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,CAAC,EAAG,EAAA,KAAK,EAAG,EAAA,MAAM,CAAE,QAAS,CAAE,CAAC,CAAC,EACrD,qBAAsB,EAAA,WACtB,SAAU,OACZ,CAAC,EAKK,CAAE,oBAAqB,EAAA,gBAAgB,CAH7B,EAAA,WAAW,CAGmB,EAFjC,EAAA,QAAQ,EAAS,CAAE,KAAM,MAAO,CAEU,CAAI,CAAC,EAa5D,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAZwB,EAAM,aAC3C,CACL,OACA,aAAc,EACd,OACA,iBACA,kBACF,GACA,CAAC,EAAM,EAAkB,EAAM,EAAgB,CAAgB,CAIpC,EAAe,UAA6B,CAAA,CAE3E,CAEA,EAAY,YAAc"}

package/dist/components/ContextMenu/ContextMenu.context.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`useContextMenuContext must be used within a <ContextMenu> component`);return e}exports.ContextMenuContext=n,exports.useContextMenuContext=r;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.use(n);if(e===void 0)throw Error(`useContextMenuContext must be used within a <ContextMenu> component`);return e}exports.ContextMenuContext=n,exports.useContextMenuContext=r;
 //# sourceMappingURL=ContextMenu.context.cjs.map