@nuka-ui/core 1.1.1 → 1.1.3

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxContent = React.forwardRef<HTMLDivElement, ComboboxContentProps>(\n  ({ className, children }, ref) => {\n    const ctx = useComboboxContext();\n\n    // When closed, render children in a hidden container so ComboboxOption\n    // can register labels for the trigger to display. When open, render\n    // in a Portal with Floating UI positioning.\n    if (!ctx.open) {\n      return (\n        <div ref={ref} hidden>\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <Portal>\n        <div\n          ref={(node) => {\n            if (typeof ref === \"function\") ref(node);\n            else if (ref != null) ref.current = node;\n            ctx.refs.setFloating(node);\n          }}\n          style={ctx.floatingStyles}\n          {...ctx.getFloatingProps()}\n          className={cn(\n            \"z-(--nuka-z-dropdown)\",\n            \"bg-(--nuka-bg-base)\",\n            \"border border-(--nuka-border-base)\",\n            \"rounded-(--radius-md)\",\n            \"shadow-(--nuka-shadow-overlay)\",\n            \"overflow-hidden\",\n            className,\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":"wPAOA,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,YAAY,IAAQ,CAChC,IAAM,EAAM,EAAA,oBAAoB,CAahC,OARK,EAAI,MASP,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAM,GAAS,CACT,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,KAAK,YAAY,EAAK,EAE5B,MAAO,EAAI,eACX,GAAI,EAAI,kBAAkB,CAC1B,UAAW,EAAA,GACT,wBACA,sBACA,qCACA,wBACA,iCACA,kBACA,EACD,CAEA,WACG,CAAA,CACC,CAAA,EA5BP,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,OAAA,GACZ,WACG,CAAA,EA6Bb,CAED,EAAgB,YAAc"}
+{"version":3,"file":"ComboboxContent.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxContent({ ref, className, children }: ComboboxContentProps) {\n  const ctx = useComboboxContext();\n\n  // When closed, render children in a hidden container so ComboboxOption\n  // can register labels for the trigger to display. When open, render\n  // in a Portal with Floating UI positioning.\n  if (!ctx.open) {\n    return (\n      <div ref={ref} hidden>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          if (typeof ref === \"function\") ref(node);\n          else if (ref != null) ref.current = node;\n          ctx.refs.setFloating(node);\n        }}\n        style={ctx.floatingStyles}\n        {...ctx.getFloatingProps()}\n        className={cn(\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-(--nuka-shadow-overlay)\",\n          \"overflow-hidden\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":"wPAOA,SAAS,EAAgB,CAAE,MAAK,YAAW,YAAkC,CAC3E,IAAM,EAAM,EAAA,oBAAoB,CAahC,OARK,EAAI,MASP,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,MAAD,CACE,IAAM,GAAS,CACT,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,KAAK,YAAY,EAAK,EAE5B,MAAO,EAAI,eACX,GAAI,EAAI,kBAAkB,CAC1B,UAAW,EAAA,GACT,wBACA,sBACA,qCACA,wBACA,iCACA,kBACA,EACD,CAEA,WACG,CAAA,CACC,CAAA,EA5BP,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,OAAA,GACZ,WACG,CAAA,CA8BZ,EAAgB,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,QAAA,MAAM,eAAe,6FAwCpB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"ComboboxContent.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,oBAAoB,2CAsC1E;kBAtCQ,eAAe;;;AA0CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxContent.js

@@ -2,27 +2,27 @@
 import { cn as e } from "../../utils/cn.js";
 import { Portal as t } from "../../utils/portal.js";
 import { useComboboxContext as n } from "./Combobox.context.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxContent.tsx
-var a = r.forwardRef(({ className: r, children: a }, o) => {
+function i({ ref: i, className: a, children: o }) {
 	let s = n();
-	return s.open ? /* @__PURE__ */ i(t, { children: /* @__PURE__ */ i("div", {
+	return s.open ? /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r("div", {
 		ref: (e) => {
-			typeof o == "function" ? o(e) : o != null && (o.current = e), s.refs.setFloating(e);
+			typeof i == "function" ? i(e) : i != null && (i.current = e), s.refs.setFloating(e);
 		},
 		style: s.floatingStyles,
 		...s.getFloatingProps(),
-		className: e("z-(--nuka-z-dropdown)", "bg-(--nuka-bg-base)", "border border-(--nuka-border-base)", "rounded-(--radius-md)", "shadow-(--nuka-shadow-overlay)", "overflow-hidden", r),
-		children: a
-	}) }) : /* @__PURE__ */ i("div", {
-		ref: o,
+		className: e("z-(--nuka-z-dropdown)", "bg-(--nuka-bg-base)", "border border-(--nuka-border-base)", "rounded-(--radius-md)", "shadow-(--nuka-shadow-overlay)", "overflow-hidden", a),
+		children: o
+	}) }) : /* @__PURE__ */ r("div", {
+		ref: i,
 		hidden: !0,
-		children: a
+		children: o
 	});
-});
-a.displayName = "ComboboxContent";
+}
+i.displayName = "ComboboxContent";
 //#endregion
-export { a as ComboboxContent };
+export { i as ComboboxContent };
 
 //# sourceMappingURL=ComboboxContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxContent.js","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxContent = React.forwardRef<HTMLDivElement, ComboboxContentProps>(\n  ({ className, children }, ref) => {\n    const ctx = useComboboxContext();\n\n    // When closed, render children in a hidden container so ComboboxOption\n    // can register labels for the trigger to display. When open, render\n    // in a Portal with Floating UI positioning.\n    if (!ctx.open) {\n      return (\n        <div ref={ref} hidden>\n          {children}\n        </div>\n      );\n    }\n\n    return (\n      <Portal>\n        <div\n          ref={(node) => {\n            if (typeof ref === \"function\") ref(node);\n            else if (ref != null) ref.current = node;\n            ctx.refs.setFloating(node);\n          }}\n          style={ctx.floatingStyles}\n          {...ctx.getFloatingProps()}\n          className={cn(\n            \"z-(--nuka-z-dropdown)\",\n            \"bg-(--nuka-bg-base)\",\n            \"border border-(--nuka-border-base)\",\n            \"rounded-(--radius-md)\",\n            \"shadow-(--nuka-shadow-overlay)\",\n            \"overflow-hidden\",\n            className,\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    );\n  },\n);\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":";;;;;;;AAOA,IAAM,IAAkB,EAAM,YAC3B,EAAE,cAAW,eAAY,MAAQ;CAChC,IAAM,IAAM,GAAoB;AAahC,QARK,EAAI,OASP,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,MAAM,MAAS;AAGb,GAFI,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,KAAK,YAAY,EAAK;;EAE5B,OAAO,EAAI;EACX,GAAI,EAAI,kBAAkB;EAC1B,WAAW,EACT,yBACA,uBACA,sCACA,yBACA,kCACA,mBACA,EACD;EAEA;EACG,CAAA,EACC,CAAA,GA5BP,kBAAC,OAAD;EAAU;EAAK,QAAA;EACZ;EACG,CAAA;EA6Bb;AAED,EAAgB,cAAc"}
+{"version":3,"file":"ComboboxContent.js","names":[],"sources":["../../../src/components/Combobox/ComboboxContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport type { ComboboxContentProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxContent({ ref, className, children }: ComboboxContentProps) {\n  const ctx = useComboboxContext();\n\n  // When closed, render children in a hidden container so ComboboxOption\n  // can register labels for the trigger to display. When open, render\n  // in a Portal with Floating UI positioning.\n  if (!ctx.open) {\n    return (\n      <div ref={ref} hidden>\n        {children}\n      </div>\n    );\n  }\n\n  return (\n    <Portal>\n      <div\n        ref={(node) => {\n          if (typeof ref === \"function\") ref(node);\n          else if (ref != null) ref.current = node;\n          ctx.refs.setFloating(node);\n        }}\n        style={ctx.floatingStyles}\n        {...ctx.getFloatingProps()}\n        className={cn(\n          \"z-(--nuka-z-dropdown)\",\n          \"bg-(--nuka-bg-base)\",\n          \"border border-(--nuka-border-base)\",\n          \"rounded-(--radius-md)\",\n          \"shadow-(--nuka-shadow-overlay)\",\n          \"overflow-hidden\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\n\nComboboxContent.displayName = \"ComboboxContent\";\n\nexport { ComboboxContent };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAgB,EAAE,QAAK,cAAW,eAAkC;CAC3E,IAAM,IAAM,GAAoB;AAahC,QARK,EAAI,OASP,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EACE,MAAM,MAAS;AAGb,GAFI,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,KAAK,YAAY,EAAK;;EAE5B,OAAO,EAAI;EACX,GAAI,EAAI,kBAAkB;EAC1B,WAAW,EACT,yBACA,uBACA,sCACA,yBACA,kCACA,mBACA,EACD;EAEA;EACG,CAAA,EACC,CAAA,GA5BP,kBAAC,OAAD;EAAU;EAAK,QAAA;EACZ;EACG,CAAA;;AA8BZ,EAAgB,cAAc"}

package/dist/components/Combobox/ComboboxEmpty.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxEmpty.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxEmpty = React.forwardRef<HTMLDivElement, ComboboxEmptyProps>(\n  ({ className, children, ...props }, ref) => {\n    const ctx = useComboboxContext();\n\n    if (ctx.visibleCount > 0) return null;\n\n    return (\n      <div\n        ref={ref}\n        role=\"presentation\"\n        className={cn(\"py-(--space-8) text-center\", className)}\n        {...props}\n      >\n        <Text size=\"sm\" color=\"muted\">\n          {children}\n        </Text>\n      </div>\n    );\n  },\n);\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":"kPAOA,IAAM,EAAgB,EAAM,YACzB,CAAE,YAAW,WAAU,GAAG,GAAS,IACtB,EAAA,oBAAoB,CAExB,aAAe,EAAU,MAG/B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,6BAA8B,EAAU,CACtD,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,QACnB,WACI,CAAA,CACH,CAAA,CAGX,CAED,EAAc,YAAc"}
+{"version":3,"file":"ComboboxEmpty.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxEmptyProps) {\n  const ctx = useComboboxContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":"kPAOA,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CAKrB,OAJY,EAAA,oBAAoB,CAExB,aAAe,EAAU,MAG/B,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,eACL,UAAW,EAAA,GAAG,6BAA8B,EAAU,CACtD,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,KAAK,MAAM,QACnB,WACI,CAAA,CACH,CAAA,CAIV,EAAc,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,QAAA,MAAM,aAAa,2FAmBlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ComboboxEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,kDAiBpB;kBAtBQ,aAAa;;;AA0BtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxEmpty.js

@@ -2,22 +2,24 @@
 import { cn as e } from "../../utils/cn.js";
 import { Text as t } from "../Text/Text.js";
 import { useComboboxContext as n } from "./Combobox.context.js";
-import * as r from "react";
-import { jsx as i } from "react/jsx-runtime";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxEmpty.tsx
-var a = r.forwardRef(({ className: r, children: a, ...o }, s) => n().visibleCount > 0 ? null : /* @__PURE__ */ i("div", {
-	ref: s,
-	role: "presentation",
-	className: e("py-(--space-8) text-center", r),
-	...o,
-	children: /* @__PURE__ */ i(t, {
-		size: "sm",
-		color: "muted",
-		children: a
-	})
-}));
-a.displayName = "ComboboxEmpty";
+function i({ ref: i, className: a, children: o, ...s }) {
+	return n().visibleCount > 0 ? null : /* @__PURE__ */ r("div", {
+		ref: i,
+		role: "presentation",
+		className: e("py-(--space-8) text-center", a),
+		...s,
+		children: /* @__PURE__ */ r(t, {
+			size: "sm",
+			color: "muted",
+			children: o
+		})
+	});
+}
+i.displayName = "ComboboxEmpty";
 //#endregion
-export { a as ComboboxEmpty };
+export { i as ComboboxEmpty };
 
 //# sourceMappingURL=ComboboxEmpty.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxEmpty.js","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxEmpty = React.forwardRef<HTMLDivElement, ComboboxEmptyProps>(\n  ({ className, children, ...props }, ref) => {\n    const ctx = useComboboxContext();\n\n    if (ctx.visibleCount > 0) return null;\n\n    return (\n      <div\n        ref={ref}\n        role=\"presentation\"\n        className={cn(\"py-(--space-8) text-center\", className)}\n        {...props}\n      >\n        <Text size=\"sm\" color=\"muted\">\n          {children}\n        </Text>\n      </div>\n    );\n  },\n);\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":";;;;;;;AAOA,IAAM,IAAgB,EAAM,YACzB,EAAE,cAAW,aAAU,GAAG,KAAS,MACtB,GAAoB,CAExB,eAAe,IAAU,OAG/B,kBAAC,OAAD;CACO;CACL,MAAK;CACL,WAAW,EAAG,8BAA8B,EAAU;CACtD,GAAI;WAEJ,kBAAC,GAAD;EAAM,MAAK;EAAK,OAAM;EACnB;EACI,CAAA;CACH,CAAA,CAGX;AAED,EAAc,cAAc"}
+{"version":3,"file":"ComboboxEmpty.js","names":[],"sources":["../../../src/components/Combobox/ComboboxEmpty.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxEmptyProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxEmpty({\n  ref,\n  className,\n  children,\n  ...props\n}: ComboboxEmptyProps) {\n  const ctx = useComboboxContext();\n\n  if (ctx.visibleCount > 0) return null;\n\n  return (\n    <div\n      ref={ref}\n      role=\"presentation\"\n      className={cn(\"py-(--space-8) text-center\", className)}\n      {...props}\n    >\n      <Text size=\"sm\" color=\"muted\">\n        {children}\n      </Text>\n    </div>\n  );\n}\n\nComboboxEmpty.displayName = \"ComboboxEmpty\";\n\nexport { ComboboxEmpty };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;AAKrB,QAJY,GAAoB,CAExB,eAAe,IAAU,OAG/B,kBAAC,OAAD;EACO;EACL,MAAK;EACL,WAAW,EAAG,8BAA8B,EAAU;EACtD,GAAI;YAEJ,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;GACnB;GACI,CAAA;EACH,CAAA;;AAIV,EAAc,cAAc"}

package/dist/components/Combobox/ComboboxGroup.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Combobox.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);var o=i.forwardRef(({label:e,className:o,children:s,...c},l)=>{let u=i.useId(),d=i.useRef(null),[f,p]=i.useState(!0),m=r.useComboboxContext(),h=i.useCallback(e=>{d.current=e,typeof l==`function`?l(e):l!=null&&(l.current=e)},[l]);return i.useEffect(()=>{d.current!=null&&p(d.current.querySelector(`[role="option"]:not([hidden])`)!==null)},[m.filterText]),(0,a.jsxs)(`div`,{ref:h,role:`group`,"aria-labelledby":e==null?void 0:u,hidden:!f||void 0,className:t.cn(o),...c,children:[e!=null&&(0,a.jsx)(n.Text,{as:`div`,size:`xs`,weight:`medium`,color:`muted`,id:u,role:`presentation`,className:`px-(--space-3) py-(--space-2)`,children:e}),s]})});o.displayName=`ComboboxGroup`,exports.ComboboxGroup=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`),r=require(`./Combobox.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,label:o,className:s,children:c,...l}){let u=i.useId(),d=i.useRef(null),[f,p]=i.useState(!0),m=r.useComboboxContext(),h=i.useCallback(t=>{d.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);return i.useEffect(()=>{d.current!=null&&p(d.current.querySelector(`[role="option"]:not([hidden])`)!==null)},[m.filterText]),(0,a.jsxs)(`div`,{ref:h,role:`group`,"aria-labelledby":o==null?void 0:u,hidden:!f||void 0,className:t.cn(s),...l,children:[o!=null&&(0,a.jsx)(n.Text,{as:`div`,size:`xs`,weight:`medium`,color:`muted`,id:u,role:`presentation`,className:`px-(--space-3) py-(--space-2)`,children:o}),c]})}o.displayName=`ComboboxGroup`,exports.ComboboxGroup=o;
 //# sourceMappingURL=ComboboxGroup.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxGroup = React.forwardRef<HTMLDivElement, ComboboxGroupProps>(\n  ({ label, className, children, ...props }, ref) => {\n    const headingId = React.useId();\n    const groupRef = React.useRef<HTMLDivElement>(null);\n    const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n    const ctx = useComboboxContext();\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        groupRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\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])') !==\n        null;\n      setHasVisibleItems(visible);\n    }, [ctx.filterText]);\n\n    return (\n      <div\n        ref={composedRef}\n        role=\"group\"\n        aria-labelledby={label != null ? headingId : undefined}\n        hidden={!hasVisibleItems || undefined}\n        className={cn(className)}\n        {...props}\n      >\n        {label != null && (\n          <Text\n            as=\"div\"\n            size=\"xs\"\n            weight=\"medium\"\n            color=\"muted\"\n            id={headingId}\n            role=\"presentation\"\n            className=\"px-(--space-3) py-(--space-2)\"\n          >\n            {label}\n          </Text>\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":"kPAOA,IAAM,EAAgB,EAAM,YACzB,CAAE,QAAO,YAAW,WAAU,GAAG,GAAS,IAAQ,CACjD,IAAM,EAAY,EAAM,OAAO,CACzB,EAAW,EAAM,OAAuB,KAAK,CAC7C,CAAC,EAAiB,GAAsB,EAAM,SAAS,GAAK,CAC5D,EAAM,EAAA,oBAAoB,CAE1B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAS,QAAU,EACf,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CAUD,OARA,EAAM,cAAgB,CAChB,EAAS,SAAW,MAIxB,EAFE,EAAS,QAAQ,cAAc,gCAAgC,GAC/D,KACyB,EAC1B,CAAC,EAAI,WAAW,CAAC,EAGlB,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,QACL,kBAAiB,GAAS,KAAmB,IAAA,GAAZ,EACjC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,EAAU,CACxB,GAAI,WANN,CAQG,GAAS,OACR,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,MACH,KAAK,KACL,OAAO,SACP,MAAM,QACN,GAAI,EACJ,KAAK,eACL,UAAU,yCAET,EACI,CAAA,CAER,EACG,IAGX,CAED,EAAc,YAAc"}
+{"version":3,"file":"ComboboxGroup.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxGroup({\n  ref,\n  label,\n  className,\n  children,\n  ...props\n}: ComboboxGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\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.filterText]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={label != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {label != null && (\n        <Text\n          as=\"div\"\n          size=\"xs\"\n          weight=\"medium\"\n          color=\"muted\"\n          id={headingId}\n          role=\"presentation\"\n          className=\"px-(--space-3) py-(--space-2)\"\n        >\n          {label}\n        </Text>\n      )}\n      {children}\n    </div>\n  );\n}\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":"kPAOA,SAAS,EAAc,CACrB,MACA,QACA,YACA,WACA,GAAG,GACkB,CACrB,IAAM,EAAY,EAAM,OAAO,CACzB,EAAW,EAAM,OAAuB,KAAK,CAC7C,CAAC,EAAiB,GAAsB,EAAM,SAAS,GAAK,CAC5D,EAAM,EAAA,oBAAoB,CAE1B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAS,QAAU,EACf,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CASD,OAPA,EAAM,cAAgB,CAChB,EAAS,SAAW,MAGxB,EADE,EAAS,QAAQ,cAAc,gCAAgC,GAAK,KAC3C,EAC1B,CAAC,EAAI,WAAW,CAAC,EAGlB,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,QACL,kBAAiB,GAAS,KAAmB,IAAA,GAAZ,EACjC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,EAAU,CACxB,GAAI,WANN,CAQG,GAAS,OACR,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,MACH,KAAK,KACL,OAAO,SACP,MAAM,QACN,GAAI,EACJ,KAAK,eACL,UAAU,yCAET,EACI,CAAA,CAER,EACG,GAIV,EAAc,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,QAAA,MAAM,aAAa,2FAkDlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAGnF,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA+CpB;kBArDQ,aAAa;;;AAyDtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxGroup.js

@@ -5,20 +5,20 @@ import { useComboboxContext as n } from "./Combobox.context.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxGroup.tsx
-var o = r.forwardRef(({ label: o, className: s, children: c, ...l }, u) => {
+function o({ ref: o, label: s, className: c, children: l, ...u }) {
 	let d = r.useId(), f = r.useRef(null), [p, m] = r.useState(!0), h = n(), g = r.useCallback((e) => {
-		f.current = e, typeof u == "function" ? u(e) : u != null && (u.current = e);
-	}, [u]);
+		f.current = e, typeof o == "function" ? o(e) : o != null && (o.current = e);
+	}, [o]);
 	return r.useEffect(() => {
 		f.current != null && m(f.current.querySelector("[role=\"option\"]:not([hidden])") !== null);
 	}, [h.filterText]), /* @__PURE__ */ a("div", {
 		ref: g,
 		role: "group",
-		"aria-labelledby": o == null ? void 0 : d,
+		"aria-labelledby": s == null ? void 0 : d,
 		hidden: !p || void 0,
-		className: e(s),
-		...l,
-		children: [o != null && /* @__PURE__ */ i(t, {
+		className: e(c),
+		...u,
+		children: [s != null && /* @__PURE__ */ i(t, {
 			as: "div",
 			size: "xs",
 			weight: "medium",
@@ -26,10 +26,10 @@ var o = r.forwardRef(({ label: o, className: s, children: c, ...l }, u) => {
 			id: d,
 			role: "presentation",
 			className: "px-(--space-3) py-(--space-2)",
-			children: o
-		}), c]
+			children: s
+		}), l]
 	});
-});
+}
 o.displayName = "ComboboxGroup";
 //#endregion
 export { o as ComboboxGroup };

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxGroup.js","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nconst ComboboxGroup = React.forwardRef<HTMLDivElement, ComboboxGroupProps>(\n  ({ label, className, children, ...props }, ref) => {\n    const headingId = React.useId();\n    const groupRef = React.useRef<HTMLDivElement>(null);\n    const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n    const ctx = useComboboxContext();\n\n    const composedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        groupRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\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])') !==\n        null;\n      setHasVisibleItems(visible);\n    }, [ctx.filterText]);\n\n    return (\n      <div\n        ref={composedRef}\n        role=\"group\"\n        aria-labelledby={label != null ? headingId : undefined}\n        hidden={!hasVisibleItems || undefined}\n        className={cn(className)}\n        {...props}\n      >\n        {label != null && (\n          <Text\n            as=\"div\"\n            size=\"xs\"\n            weight=\"medium\"\n            color=\"muted\"\n            id={headingId}\n            role=\"presentation\"\n            className=\"px-(--space-3) py-(--space-2)\"\n          >\n            {label}\n          </Text>\n        )}\n        {children}\n      </div>\n    );\n  },\n);\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":";;;;;;;AAOA,IAAM,IAAgB,EAAM,YACzB,EAAE,UAAO,cAAW,aAAU,GAAG,KAAS,MAAQ;CACjD,IAAM,IAAY,EAAM,OAAO,EACzB,IAAW,EAAM,OAAuB,KAAK,EAC7C,CAAC,GAAiB,KAAsB,EAAM,SAAS,GAAK,EAC5D,IAAM,GAAoB,EAE1B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAS,UAAU,GACf,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN;AAUD,QARA,EAAM,gBAAgB;AAChB,IAAS,WAAW,QAIxB,EAFE,EAAS,QAAQ,cAAc,kCAAgC,KAC/D,KACyB;IAC1B,CAAC,EAAI,WAAW,CAAC,EAGlB,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,mBAAiB,KAAS,OAAmB,KAAA,IAAZ;EACjC,QAAQ,CAAC,KAAmB,KAAA;EAC5B,WAAW,EAAG,EAAU;EACxB,GAAI;YANN,CAQG,KAAS,QACR,kBAAC,GAAD;GACE,IAAG;GACH,MAAK;GACL,QAAO;GACP,OAAM;GACN,IAAI;GACJ,MAAK;GACL,WAAU;aAET;GACI,CAAA,EAER,EACG;;EAGX;AAED,EAAc,cAAc"}
+{"version":3,"file":"ComboboxGroup.js","names":[],"sources":["../../../src/components/Combobox/ComboboxGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { ComboboxGroupProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxGroup({\n  ref,\n  label,\n  className,\n  children,\n  ...props\n}: ComboboxGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useComboboxContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\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.filterText]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={label != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {label != null && (\n        <Text\n          as=\"div\"\n          size=\"xs\"\n          weight=\"medium\"\n          color=\"muted\"\n          id={headingId}\n          role=\"presentation\"\n          className=\"px-(--space-3) py-(--space-2)\"\n        >\n          {label}\n        </Text>\n      )}\n      {children}\n    </div>\n  );\n}\n\nComboboxGroup.displayName = \"ComboboxGroup\";\n\nexport { ComboboxGroup };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAc,EACrB,QACA,UACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,IAAY,EAAM,OAAO,EACzB,IAAW,EAAM,OAAuB,KAAK,EAC7C,CAAC,GAAiB,KAAsB,EAAM,SAAS,GAAK,EAC5D,IAAM,GAAoB,EAE1B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAS,UAAU,GACf,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN;AASD,QAPA,EAAM,gBAAgB;AAChB,IAAS,WAAW,QAGxB,EADE,EAAS,QAAQ,cAAc,kCAAgC,KAAK,KAC3C;IAC1B,CAAC,EAAI,WAAW,CAAC,EAGlB,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,mBAAiB,KAAS,OAAmB,KAAA,IAAZ;EACjC,QAAQ,CAAC,KAAmB,KAAA;EAC5B,WAAW,EAAG,EAAU;EACxB,GAAI;YANN,CAQG,KAAS,QACR,kBAAC,GAAD;GACE,IAAG;GACH,MAAK;GACL,QAAO;GACP,OAAM;GACN,IAAI;GACJ,MAAK;GACL,WAAU;aAET;GACI,CAAA,EAER,EACG;;;AAIV,EAAc,cAAc"}

package/dist/components/Combobox/ComboboxInput.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`./Combobox.context.cjs`),i=require(`./Combobox.utils.cjs`);let a=require(`react`);a=e.__toESM(a,1);let o=require(`react/jsx-runtime`);var s=a.forwardRef(({className:e,...s},c)=>{let l=r.useComboboxContext(),u=a.useRef(null),d=a.useCallback(e=>{u.current=e,typeof c==`function`?c(e):c!=null&&(c.current=e)},[c]);a.useEffect(()=>{u.current?.focus();let e=l.highlightOnOpenRef.current;if(e!=null){l.highlightOnOpenRef.current=null;let t=i.getNavigableOptions(l.listRef);if(t.length>0){let n=e===`first`?t[0]:t[t.length-1];n!=null&&(l.setActiveDescendantId(n.id),typeof n.scrollIntoView==`function`&&n.scrollIntoView({block:`nearest`}))}}},[]);let f=e=>{let t=i.getNavigableOptions(l.listRef);switch(e.key){case`ArrowDown`:{if(e.preventDefault(),t.length===0)return;let n=t.findIndex(e=>e.id===l.activeDescendantId),r=t[n===-1?0:(n+1)%t.length];r!=null&&(l.setActiveDescendantId(r.id),typeof r.scrollIntoView==`function`&&r.scrollIntoView({block:`nearest`}));break}case`ArrowUp`:{if(e.preventDefault(),t.length===0)return;let n=t.findIndex(e=>e.id===l.activeDescendantId),r=t[n===-1?t.length-1:(n-1+t.length)%t.length];r!=null&&(l.setActiveDescendantId(r.id),typeof r.scrollIntoView==`function`&&r.scrollIntoView({block:`nearest`}));break}case`Home`:{e.preventDefault();let n=t[0];n!=null&&(l.setActiveDescendantId(n.id),typeof n.scrollIntoView==`function`&&n.scrollIntoView({block:`nearest`}));break}case`End`:{e.preventDefault();let n=t[t.length-1];n!=null&&(l.setActiveDescendantId(n.id),typeof n.scrollIntoView==`function`&&n.scrollIntoView({block:`nearest`}));break}case`Enter`:if(e.preventDefault(),l.activeDescendantId!=null){let e=document.getElementById(l.activeDescendantId);e!=null&&e.getAttribute(`aria-disabled`)!==`true`&&e.click()}else l.freeText&&l.filterText!==``&&(l.onValueChange(l.filterText),l.onOpenChange(!1),l.triggerRef.current?.focus());break;case`Escape`:l.onOpenChange(!1),l.triggerRef.current?.focus();break;case`Tab`:l.triggerRef.current?.focus(),l.onOpenChange(!1);break;default:break}},p=e=>{l.setFilterText(e.target.value),l.setActiveDescendantId(void 0)};return(0,o.jsxs)(`div`,{className:t.cn(`flex items-center gap-(--space-2) px-(--space-3)`,`border-b border-(--nuka-border-base)`),children:[(0,o.jsx)(n.Icon,{size:`sm`,color:`muted`,children:(0,o.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,o.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,o.jsx)(`path`,{d:`m21 21-4.3-4.3`})]})}),(0,o.jsx)(`input`,{...s,ref:d,id:l.inputId,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":l.open,"aria-controls":l.listboxId,"aria-activedescendant":l.activeDescendantId,value:l.filterText,onChange:p,onKeyDown:f,className:t.cn(`flex-1 bg-transparent py-(--space-3)`,`text-sm text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`outline-none`,e)})]})});s.displayName=`ComboboxInput`,exports.ComboboxInput=s;
+"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(`./Combobox.context.cjs`),a=require(`../../utils/scroll-into-view-safe.cjs`),o=require(`./Combobox.utils.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({ref:e,className:l,...u}){let d=i.useComboboxContext(),f=s.useRef(null),p=s.useCallback(t=>{f.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]);s.useEffect(()=>{f.current?.focus();let e=d.highlightOnOpenRef.current;if(e!=null){d.highlightOnOpenRef.current=null;let t=o.getNavigableOptions(d.listRef);if(t.length>0){let n=e===`first`?t[0]:t[t.length-1];n!=null&&(d.setActiveDescendantId(n.id),a.scrollIntoViewSafe(n))}}},[]);let m=e=>{let t=o.getNavigableOptions(d.listRef),r=t.findIndex(e=>e.id===d.activeDescendantId),i=n.getRovingIndex(e.key,r,t.length,`vertical`);if(i!==void 0){e.preventDefault();let n=t[i];n!=null&&(d.setActiveDescendantId(n.id),a.scrollIntoViewSafe(n));return}switch(e.key){case`Enter`:if(e.preventDefault(),d.activeDescendantId!=null){let e=document.getElementById(d.activeDescendantId);e!=null&&e.getAttribute(`aria-disabled`)!==`true`&&e.click()}else d.freeText&&d.filterText!==``&&(d.onValueChange(d.filterText),d.onOpenChange(!1),d.triggerRef.current?.focus());break;case`Escape`:d.onOpenChange(!1),d.triggerRef.current?.focus();break;case`Tab`:d.triggerRef.current?.focus(),d.onOpenChange(!1);break;default:break}},h=e=>{d.setFilterText(e.target.value),d.setActiveDescendantId(void 0)};return(0,c.jsxs)(`div`,{className:t.cn(`flex items-center gap-(--space-2) px-(--space-3)`,`border-b border-(--nuka-border-base)`),children:[(0,c.jsx)(r.Icon,{size:`sm`,color:`muted`,children:(0,c.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,c.jsx)(`circle`,{cx:`11`,cy:`11`,r:`8`}),(0,c.jsx)(`path`,{d:`m21 21-4.3-4.3`})]})}),(0,c.jsx)(`input`,{...u,ref:p,id:d.inputId,role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":d.open,"aria-controls":d.listboxId,"aria-activedescendant":d.activeDescendantId,value:d.filterText,onChange:h,onKeyDown:m,className:t.cn(`flex-1 bg-transparent py-(--space-3)`,`text-sm text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`outline-none`,l)})]})}l.displayName=`ComboboxInput`,exports.ComboboxInput=l;
 //# sourceMappingURL=ComboboxInput.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nconst ComboboxInput = React.forwardRef<HTMLInputElement, ComboboxInputProps>(\n  ({ className, ...props }, ref) => {\n    const ctx = useComboboxContext();\n    const internalRef = React.useRef<HTMLInputElement>(null);\n\n    const composedRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n      },\n      [ref],\n    );\n\n    // Focus input and apply highlight directive when panel opens.\n    // No rAF: by the time useEffect fires, Portal content and callback refs\n    // are committed, so the input and option elements are in the DOM.\n    // Empty deps: component unmounts on close and remounts on open.\n    React.useEffect(() => {\n      internalRef.current?.focus();\n\n      const dir = ctx.highlightOnOpenRef.current;\n      if (dir != null) {\n        ctx.highlightOnOpenRef.current = null;\n        const items = getNavigableOptions(ctx.listRef);\n        if (items.length > 0) {\n          const target = dir === \"first\" ? items[0] : items[items.length - 1];\n          if (target != null) {\n            ctx.setActiveDescendantId(target.id);\n            if (typeof target.scrollIntoView === \"function\") {\n              target.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- runs once on mount when panel opens\n    }, []);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const items = getNavigableOptions(ctx.listRef);\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          if (items.length === 0) return;\n          const currentIdx = items.findIndex(\n            (el) => el.id === ctx.activeDescendantId,\n          );\n          const nextIdx =\n            currentIdx === -1 ? 0 : (currentIdx + 1) % items.length;\n          const next = items[nextIdx];\n          if (next != null) {\n            ctx.setActiveDescendantId(next.id);\n            if (typeof next.scrollIntoView === \"function\") {\n              next.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          if (items.length === 0) return;\n          const currentIdx = items.findIndex(\n            (el) => el.id === ctx.activeDescendantId,\n          );\n          const prevIdx =\n            currentIdx === -1\n              ? items.length - 1\n              : (currentIdx - 1 + items.length) % items.length;\n          const prev = items[prevIdx];\n          if (prev != null) {\n            ctx.setActiveDescendantId(prev.id);\n            if (typeof prev.scrollIntoView === \"function\") {\n              prev.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"Home\": {\n          e.preventDefault();\n          const first = items[0];\n          if (first != null) {\n            ctx.setActiveDescendantId(first.id);\n            if (typeof first.scrollIntoView === \"function\") {\n              first.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"End\": {\n          e.preventDefault();\n          const last = items[items.length - 1];\n          if (last != null) {\n            ctx.setActiveDescendantId(last.id);\n            if (typeof last.scrollIntoView === \"function\") {\n              last.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"Enter\": {\n          e.preventDefault();\n          if (ctx.activeDescendantId != null) {\n            const activeEl = document.getElementById(ctx.activeDescendantId);\n            if (\n              activeEl != null &&\n              activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n            ) {\n              activeEl.click();\n            }\n          } else if (ctx.freeText && ctx.filterText !== \"\") {\n            ctx.onValueChange(ctx.filterText);\n            ctx.onOpenChange(false);\n            ctx.triggerRef.current?.focus();\n          }\n          break;\n        }\n        case \"Escape\": {\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n          break;\n        }\n        case \"Tab\": {\n          ctx.triggerRef.current?.focus();\n          ctx.onOpenChange(false);\n          break;\n        }\n        default:\n          break;\n      }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      ctx.setFilterText(e.target.value);\n      ctx.setActiveDescendantId(undefined);\n    };\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          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n            <path d=\"m21 21-4.3-4.3\" />\n          </svg>\n        </Icon>\n        <input\n          {...props}\n          ref={composedRef}\n          id={ctx.inputId}\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded={ctx.open}\n          aria-controls={ctx.listboxId}\n          aria-activedescendant={ctx.activeDescendantId}\n          value={ctx.filterText}\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        />\n      </div>\n    );\n  },\n);\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxInput.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.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 { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxInput({ ref, className, ...props }: ComboboxInputProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Focus input and apply highlight directive when panel opens.\n  // No rAF: by the time useEffect fires, Portal content and callback refs\n  // are committed, so the input and option elements are in the DOM.\n  // Empty deps: component unmounts on close and remounts on open.\n  React.useEffect(() => {\n    internalRef.current?.focus();\n\n    const dir = ctx.highlightOnOpenRef.current;\n    if (dir != null) {\n      ctx.highlightOnOpenRef.current = null;\n      const items = getNavigableOptions(ctx.listRef);\n      if (items.length > 0) {\n        const target = dir === \"first\" ? items[0] : items[items.length - 1];\n        if (target != null) {\n          ctx.setActiveDescendantId(target.id);\n          scrollIntoViewSafe(target);\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- runs once on mount when panel opens\n  }, []);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getNavigableOptions(ctx.listRef);\n    const currentIdx = items.findIndex(\n      (el) => el.id === ctx.activeDescendantId,\n    );\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.setActiveDescendantId(next.id);\n        scrollIntoViewSafe(next);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeDescendantId != null) {\n          const activeEl = document.getElementById(ctx.activeDescendantId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        } else if (ctx.freeText && ctx.filterText !== \"\") {\n          ctx.onValueChange(ctx.filterText);\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n        }\n        break;\n      }\n      case \"Escape\": {\n        ctx.onOpenChange(false);\n        ctx.triggerRef.current?.focus();\n        break;\n      }\n      case \"Tab\": {\n        ctx.triggerRef.current?.focus();\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilterText(e.target.value);\n    ctx.setActiveDescendantId(undefined);\n  };\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        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n      </Icon>\n      <input\n        {...props}\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ctx.activeDescendantId}\n        value={ctx.filterText}\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      />\n    </div>\n  );\n}\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":"iXAUA,SAAS,EAAc,CAAE,MAAK,YAAW,GAAG,GAA6B,CACvE,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAc,EAAM,OAAyB,KAAK,CAElD,EAAc,EAAM,YACvB,GAAkC,CACjC,EAAY,QAAU,EAClB,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,IAEtC,CAAC,EAAI,CACN,CAMD,EAAM,cAAgB,CACpB,EAAY,SAAS,OAAO,CAE5B,IAAM,EAAM,EAAI,mBAAmB,QACnC,GAAI,GAAO,KAAM,CACf,EAAI,mBAAmB,QAAU,KACjC,IAAM,EAAQ,EAAA,oBAAoB,EAAI,QAAQ,CAC9C,GAAI,EAAM,OAAS,EAAG,CACpB,IAAM,EAAS,IAAQ,QAAU,EAAM,GAAK,EAAM,EAAM,OAAS,GAC7D,GAAU,OACZ,EAAI,sBAAsB,EAAO,GAAG,CACpC,EAAA,mBAAmB,EAAO,KAK/B,EAAE,CAAC,CAEN,IAAM,EAAiB,GAA6C,CAClE,IAAM,EAAQ,EAAA,oBAAoB,EAAI,QAAQ,CACxC,EAAa,EAAM,UACtB,GAAO,EAAG,KAAO,EAAI,mBACvB,CACK,EAAU,EAAA,eAAe,EAAE,IAAK,EAAY,EAAM,OAAQ,WAAW,CAE3E,GAAI,IAAY,IAAA,GAAW,CACzB,EAAE,gBAAgB,CAClB,IAAM,EAAO,EAAM,GACf,GAAQ,OACV,EAAI,sBAAsB,EAAK,GAAG,CAClC,EAAA,mBAAmB,EAAK,EAE1B,OAGF,OAAQ,EAAE,IAAV,CACE,IAAK,QAEH,GADA,EAAE,gBAAgB,CACd,EAAI,oBAAsB,KAAM,CAClC,IAAM,EAAW,SAAS,eAAe,EAAI,mBAAmB,CAE9D,GAAY,MACZ,EAAS,aAAa,gBAAgB,GAAK,QAE3C,EAAS,OAAO,MAET,EAAI,UAAY,EAAI,aAAe,KAC5C,EAAI,cAAc,EAAI,WAAW,CACjC,EAAI,aAAa,GAAM,CACvB,EAAI,WAAW,SAAS,OAAO,EAEjC,MAEF,IAAK,SACH,EAAI,aAAa,GAAM,CACvB,EAAI,WAAW,SAAS,OAAO,CAC/B,MAEF,IAAK,MACH,EAAI,WAAW,SAAS,OAAO,CAC/B,EAAI,aAAa,GAAM,CACvB,MAEF,QACE,QAIA,EAAgB,GAA2C,CAC/D,EAAI,cAAc,EAAE,OAAO,MAAM,CACjC,EAAI,sBAAsB,IAAA,GAAU,EAGtC,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,MAAC,MAAD,CACE,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAa,EACb,cAAc,QACd,eAAe,iBANjB,EAQE,EAAA,EAAA,KAAC,SAAD,CAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,IAAM,CAAA,EAChC,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,iBAAmB,CAAA,CACvB,GACD,CAAA,EACP,EAAA,EAAA,KAAC,QAAD,CACE,GAAI,EACJ,IAAK,EACL,GAAI,EAAI,QACR,KAAK,WACL,oBAAkB,OAClB,gBAAe,EAAI,KACnB,gBAAe,EAAI,UACnB,wBAAuB,EAAI,mBAC3B,MAAO,EAAI,WACX,SAAU,EACV,UAAW,EACX,UAAW,EAAA,GACT,uCACA,kCACA,uCACA,eACA,EACD,CACD,CAAA,CACE,GAIV,EAAc,YAAc"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAInF,QAAA,MAAM,aAAa,6FAoLlB,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAInF,iBAAS,aAAa,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAoItE;kBApIQ,aAAa;;;AAwItB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxInput.js

@@ -1,107 +1,91 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
-import { Icon as t } from "../Icon/Icon.js";
-import { useComboboxContext as n } from "./Combobox.context.js";
-import { getNavigableOptions as r } from "./Combobox.utils.js";
-import * as i from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { getRovingIndex as t } from "../../utils/roving-index.js";
+import { Icon as n } from "../Icon/Icon.js";
+import { useComboboxContext as r } from "./Combobox.context.js";
+import { scrollIntoViewSafe as i } from "../../utils/scroll-into-view-safe.js";
+import { getNavigableOptions as a } from "./Combobox.utils.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/Combobox/ComboboxInput.tsx
-var s = i.forwardRef(({ className: s, ...c }, l) => {
-	let u = n(), d = i.useRef(null), f = i.useCallback((e) => {
-		d.current = e, typeof l == "function" ? l(e) : l != null && (l.current = e);
+function l({ ref: l, className: u, ...d }) {
+	let f = r(), p = o.useRef(null), m = o.useCallback((e) => {
+		p.current = e, typeof l == "function" ? l(e) : l != null && (l.current = e);
 	}, [l]);
-	i.useEffect(() => {
-		d.current?.focus();
-		let e = u.highlightOnOpenRef.current;
+	o.useEffect(() => {
+		p.current?.focus();
+		let e = f.highlightOnOpenRef.current;
 		if (e != null) {
-			u.highlightOnOpenRef.current = null;
-			let t = r(u.listRef);
+			f.highlightOnOpenRef.current = null;
+			let t = a(f.listRef);
 			if (t.length > 0) {
 				let n = e === "first" ? t[0] : t[t.length - 1];
-				n != null && (u.setActiveDescendantId(n.id), typeof n.scrollIntoView == "function" && n.scrollIntoView({ block: "nearest" }));
+				n != null && (f.setActiveDescendantId(n.id), i(n));
 			}
 		}
 	}, []);
-	let p = (e) => {
-		let t = r(u.listRef);
+	let h = (e) => {
+		let n = a(f.listRef), r = n.findIndex((e) => e.id === f.activeDescendantId), o = t(e.key, r, n.length, "vertical");
+		if (o !== void 0) {
+			e.preventDefault();
+			let t = n[o];
+			t != null && (f.setActiveDescendantId(t.id), i(t));
+			return;
+		}
 		switch (e.key) {
-			case "ArrowDown": {
-				if (e.preventDefault(), t.length === 0) return;
-				let n = t.findIndex((e) => e.id === u.activeDescendantId), r = t[n === -1 ? 0 : (n + 1) % t.length];
-				r != null && (u.setActiveDescendantId(r.id), typeof r.scrollIntoView == "function" && r.scrollIntoView({ block: "nearest" }));
-				break;
-			}
-			case "ArrowUp": {
-				if (e.preventDefault(), t.length === 0) return;
-				let n = t.findIndex((e) => e.id === u.activeDescendantId), r = t[n === -1 ? t.length - 1 : (n - 1 + t.length) % t.length];
-				r != null && (u.setActiveDescendantId(r.id), typeof r.scrollIntoView == "function" && r.scrollIntoView({ block: "nearest" }));
-				break;
-			}
-			case "Home": {
-				e.preventDefault();
-				let n = t[0];
-				n != null && (u.setActiveDescendantId(n.id), typeof n.scrollIntoView == "function" && n.scrollIntoView({ block: "nearest" }));
-				break;
-			}
-			case "End": {
-				e.preventDefault();
-				let n = t[t.length - 1];
-				n != null && (u.setActiveDescendantId(n.id), typeof n.scrollIntoView == "function" && n.scrollIntoView({ block: "nearest" }));
-				break;
-			}
 			case "Enter":
-				if (e.preventDefault(), u.activeDescendantId != null) {
-					let e = document.getElementById(u.activeDescendantId);
+				if (e.preventDefault(), f.activeDescendantId != null) {
+					let e = document.getElementById(f.activeDescendantId);
 					e != null && e.getAttribute("aria-disabled") !== "true" && e.click();
-				} else u.freeText && u.filterText !== "" && (u.onValueChange(u.filterText), u.onOpenChange(!1), u.triggerRef.current?.focus());
+				} else f.freeText && f.filterText !== "" && (f.onValueChange(f.filterText), f.onOpenChange(!1), f.triggerRef.current?.focus());
 				break;
 			case "Escape":
-				u.onOpenChange(!1), u.triggerRef.current?.focus();
+				f.onOpenChange(!1), f.triggerRef.current?.focus();
 				break;
 			case "Tab":
-				u.triggerRef.current?.focus(), u.onOpenChange(!1);
+				f.triggerRef.current?.focus(), f.onOpenChange(!1);
 				break;
 			default: break;
 		}
-	}, m = (e) => {
-		u.setFilterText(e.target.value), u.setActiveDescendantId(void 0);
+	}, g = (e) => {
+		f.setFilterText(e.target.value), f.setActiveDescendantId(void 0);
 	};
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ c("div", {
 		className: e("flex items-center gap-(--space-2) px-(--space-3)", "border-b border-(--nuka-border-base)"),
-		children: [/* @__PURE__ */ a(t, {
+		children: [/* @__PURE__ */ s(n, {
 			size: "sm",
 			color: "muted",
-			children: /* @__PURE__ */ o("svg", {
+			children: /* @__PURE__ */ c("svg", {
 				viewBox: "0 0 24 24",
 				fill: "none",
 				stroke: "currentColor",
 				strokeWidth: 2,
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
-				children: [/* @__PURE__ */ a("circle", {
+				children: [/* @__PURE__ */ s("circle", {
 					cx: "11",
 					cy: "11",
 					r: "8"
-				}), /* @__PURE__ */ a("path", { d: "m21 21-4.3-4.3" })]
+				}), /* @__PURE__ */ s("path", { d: "m21 21-4.3-4.3" })]
 			})
-		}), /* @__PURE__ */ a("input", {
-			...c,
-			ref: f,
-			id: u.inputId,
+		}), /* @__PURE__ */ s("input", {
+			...d,
+			ref: m,
+			id: f.inputId,
 			role: "combobox",
 			"aria-autocomplete": "list",
-			"aria-expanded": u.open,
-			"aria-controls": u.listboxId,
-			"aria-activedescendant": u.activeDescendantId,
-			value: u.filterText,
-			onChange: m,
-			onKeyDown: p,
-			className: e("flex-1 bg-transparent py-(--space-3)", "text-sm text-(--nuka-text-base)", "placeholder:text-(--nuka-text-muted)", "outline-none", s)
+			"aria-expanded": f.open,
+			"aria-controls": f.listboxId,
+			"aria-activedescendant": f.activeDescendantId,
+			value: f.filterText,
+			onChange: g,
+			onKeyDown: h,
+			className: e("flex-1 bg-transparent py-(--space-3)", "text-sm text-(--nuka-text-base)", "placeholder:text-(--nuka-text-muted)", "outline-none", u)
 		})]
 	});
-});
-s.displayName = "ComboboxInput";
+}
+l.displayName = "ComboboxInput";
 //#endregion
-export { s as ComboboxInput };
+export { l as ComboboxInput };
 
 //# sourceMappingURL=ComboboxInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nconst ComboboxInput = React.forwardRef<HTMLInputElement, ComboboxInputProps>(\n  ({ className, ...props }, ref) => {\n    const ctx = useComboboxContext();\n    const internalRef = React.useRef<HTMLInputElement>(null);\n\n    const composedRef = React.useCallback(\n      (node: HTMLInputElement | null) => {\n        internalRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref != null) ref.current = node;\n      },\n      [ref],\n    );\n\n    // Focus input and apply highlight directive when panel opens.\n    // No rAF: by the time useEffect fires, Portal content and callback refs\n    // are committed, so the input and option elements are in the DOM.\n    // Empty deps: component unmounts on close and remounts on open.\n    React.useEffect(() => {\n      internalRef.current?.focus();\n\n      const dir = ctx.highlightOnOpenRef.current;\n      if (dir != null) {\n        ctx.highlightOnOpenRef.current = null;\n        const items = getNavigableOptions(ctx.listRef);\n        if (items.length > 0) {\n          const target = dir === \"first\" ? items[0] : items[items.length - 1];\n          if (target != null) {\n            ctx.setActiveDescendantId(target.id);\n            if (typeof target.scrollIntoView === \"function\") {\n              target.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- runs once on mount when panel opens\n    }, []);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n      const items = getNavigableOptions(ctx.listRef);\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          if (items.length === 0) return;\n          const currentIdx = items.findIndex(\n            (el) => el.id === ctx.activeDescendantId,\n          );\n          const nextIdx =\n            currentIdx === -1 ? 0 : (currentIdx + 1) % items.length;\n          const next = items[nextIdx];\n          if (next != null) {\n            ctx.setActiveDescendantId(next.id);\n            if (typeof next.scrollIntoView === \"function\") {\n              next.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          if (items.length === 0) return;\n          const currentIdx = items.findIndex(\n            (el) => el.id === ctx.activeDescendantId,\n          );\n          const prevIdx =\n            currentIdx === -1\n              ? items.length - 1\n              : (currentIdx - 1 + items.length) % items.length;\n          const prev = items[prevIdx];\n          if (prev != null) {\n            ctx.setActiveDescendantId(prev.id);\n            if (typeof prev.scrollIntoView === \"function\") {\n              prev.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"Home\": {\n          e.preventDefault();\n          const first = items[0];\n          if (first != null) {\n            ctx.setActiveDescendantId(first.id);\n            if (typeof first.scrollIntoView === \"function\") {\n              first.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"End\": {\n          e.preventDefault();\n          const last = items[items.length - 1];\n          if (last != null) {\n            ctx.setActiveDescendantId(last.id);\n            if (typeof last.scrollIntoView === \"function\") {\n              last.scrollIntoView({ block: \"nearest\" });\n            }\n          }\n          break;\n        }\n        case \"Enter\": {\n          e.preventDefault();\n          if (ctx.activeDescendantId != null) {\n            const activeEl = document.getElementById(ctx.activeDescendantId);\n            if (\n              activeEl != null &&\n              activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n            ) {\n              activeEl.click();\n            }\n          } else if (ctx.freeText && ctx.filterText !== \"\") {\n            ctx.onValueChange(ctx.filterText);\n            ctx.onOpenChange(false);\n            ctx.triggerRef.current?.focus();\n          }\n          break;\n        }\n        case \"Escape\": {\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n          break;\n        }\n        case \"Tab\": {\n          ctx.triggerRef.current?.focus();\n          ctx.onOpenChange(false);\n          break;\n        }\n        default:\n          break;\n      }\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      ctx.setFilterText(e.target.value);\n      ctx.setActiveDescendantId(undefined);\n    };\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          <svg\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth={2}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <circle cx=\"11\" cy=\"11\" r=\"8\" />\n            <path d=\"m21 21-4.3-4.3\" />\n          </svg>\n        </Icon>\n        <input\n          {...props}\n          ref={composedRef}\n          id={ctx.inputId}\n          role=\"combobox\"\n          aria-autocomplete=\"list\"\n          aria-expanded={ctx.open}\n          aria-controls={ctx.listboxId}\n          aria-activedescendant={ctx.activeDescendantId}\n          value={ctx.filterText}\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        />\n      </div>\n    );\n  },\n);\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":"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"}
+{"version":3,"file":"ComboboxInput.js","names":[],"sources":["../../../src/components/Combobox/ComboboxInput.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 { scrollIntoViewSafe } from \"@nuka/utils/scroll-into-view-safe\";\nimport type { ComboboxInputProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getNavigableOptions } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxInput({ ref, className, ...props }: ComboboxInputProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLInputElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLInputElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  // Focus input and apply highlight directive when panel opens.\n  // No rAF: by the time useEffect fires, Portal content and callback refs\n  // are committed, so the input and option elements are in the DOM.\n  // Empty deps: component unmounts on close and remounts on open.\n  React.useEffect(() => {\n    internalRef.current?.focus();\n\n    const dir = ctx.highlightOnOpenRef.current;\n    if (dir != null) {\n      ctx.highlightOnOpenRef.current = null;\n      const items = getNavigableOptions(ctx.listRef);\n      if (items.length > 0) {\n        const target = dir === \"first\" ? items[0] : items[items.length - 1];\n        if (target != null) {\n          ctx.setActiveDescendantId(target.id);\n          scrollIntoViewSafe(target);\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- runs once on mount when panel opens\n  }, []);\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    const items = getNavigableOptions(ctx.listRef);\n    const currentIdx = items.findIndex(\n      (el) => el.id === ctx.activeDescendantId,\n    );\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.setActiveDescendantId(next.id);\n        scrollIntoViewSafe(next);\n      }\n      return;\n    }\n\n    switch (e.key) {\n      case \"Enter\": {\n        e.preventDefault();\n        if (ctx.activeDescendantId != null) {\n          const activeEl = document.getElementById(ctx.activeDescendantId);\n          if (\n            activeEl != null &&\n            activeEl.getAttribute(\"aria-disabled\") !== \"true\"\n          ) {\n            activeEl.click();\n          }\n        } else if (ctx.freeText && ctx.filterText !== \"\") {\n          ctx.onValueChange(ctx.filterText);\n          ctx.onOpenChange(false);\n          ctx.triggerRef.current?.focus();\n        }\n        break;\n      }\n      case \"Escape\": {\n        ctx.onOpenChange(false);\n        ctx.triggerRef.current?.focus();\n        break;\n      }\n      case \"Tab\": {\n        ctx.triggerRef.current?.focus();\n        ctx.onOpenChange(false);\n        break;\n      }\n      default:\n        break;\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    ctx.setFilterText(e.target.value);\n    ctx.setActiveDescendantId(undefined);\n  };\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        <svg\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={2}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <circle cx=\"11\" cy=\"11\" r=\"8\" />\n          <path d=\"m21 21-4.3-4.3\" />\n        </svg>\n      </Icon>\n      <input\n        {...props}\n        ref={composedRef}\n        id={ctx.inputId}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-expanded={ctx.open}\n        aria-controls={ctx.listboxId}\n        aria-activedescendant={ctx.activeDescendantId}\n        value={ctx.filterText}\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      />\n    </div>\n  );\n}\n\nComboboxInput.displayName = \"ComboboxInput\";\n\nexport { ComboboxInput };\n"],"mappings":";;;;;;;;;;AAUA,SAAS,EAAc,EAAE,QAAK,cAAW,GAAG,KAA6B;CACvE,IAAM,IAAM,GAAoB,EAC1B,IAAc,EAAM,OAAyB,KAAK,EAElD,IAAc,EAAM,aACvB,MAAkC;AAEjC,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN;AAMD,GAAM,gBAAgB;AACpB,IAAY,SAAS,OAAO;EAE5B,IAAM,IAAM,EAAI,mBAAmB;AACnC,MAAI,KAAO,MAAM;AACf,KAAI,mBAAmB,UAAU;GACjC,IAAM,IAAQ,EAAoB,EAAI,QAAQ;AAC9C,OAAI,EAAM,SAAS,GAAG;IACpB,IAAM,IAAS,MAAQ,UAAU,EAAM,KAAK,EAAM,EAAM,SAAS;AACjE,IAAI,KAAU,SACZ,EAAI,sBAAsB,EAAO,GAAG,EACpC,EAAmB,EAAO;;;IAK/B,EAAE,CAAC;CAEN,IAAM,KAAiB,MAA6C;EAClE,IAAM,IAAQ,EAAoB,EAAI,QAAQ,EACxC,IAAa,EAAM,WACtB,MAAO,EAAG,OAAO,EAAI,mBACvB,EACK,IAAU,EAAe,EAAE,KAAK,GAAY,EAAM,QAAQ,WAAW;AAE3E,MAAI,MAAY,KAAA,GAAW;AACzB,KAAE,gBAAgB;GAClB,IAAM,IAAO,EAAM;AACnB,GAAI,KAAQ,SACV,EAAI,sBAAsB,EAAK,GAAG,EAClC,EAAmB,EAAK;AAE1B;;AAGF,UAAQ,EAAE,KAAV;GACE,KAAK;AAEH,QADA,EAAE,gBAAgB,EACd,EAAI,sBAAsB,MAAM;KAClC,IAAM,IAAW,SAAS,eAAe,EAAI,mBAAmB;AAChE,KACE,KAAY,QACZ,EAAS,aAAa,gBAAgB,KAAK,UAE3C,EAAS,OAAO;WAET,EAAI,YAAY,EAAI,eAAe,OAC5C,EAAI,cAAc,EAAI,WAAW,EACjC,EAAI,aAAa,GAAM,EACvB,EAAI,WAAW,SAAS,OAAO;AAEjC;GAEF,KAAK;AAEH,IADA,EAAI,aAAa,GAAM,EACvB,EAAI,WAAW,SAAS,OAAO;AAC/B;GAEF,KAAK;AAEH,IADA,EAAI,WAAW,SAAS,OAAO,EAC/B,EAAI,aAAa,GAAM;AACvB;GAEF,QACE;;IAIA,KAAgB,MAA2C;AAE/D,EADA,EAAI,cAAc,EAAE,OAAO,MAAM,EACjC,EAAI,sBAAsB,KAAA,EAAU;;AAGtC,QACE,kBAAC,OAAD;EACE,WAAW,EACT,oDACA,uCACD;YAJH,CAME,kBAAC,GAAD;GAAM,MAAK;GAAK,OAAM;aACpB,kBAAC,OAAD;IACE,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAa;IACb,eAAc;IACd,gBAAe;cANjB,CAQE,kBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;KAAM,CAAA,EAChC,kBAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA,CACvB;;GACD,CAAA,EACP,kBAAC,SAAD;GACE,GAAI;GACJ,KAAK;GACL,IAAI,EAAI;GACR,MAAK;GACL,qBAAkB;GAClB,iBAAe,EAAI;GACnB,iBAAe,EAAI;GACnB,yBAAuB,EAAI;GAC3B,OAAO,EAAI;GACX,UAAU;GACV,WAAW;GACX,WAAW,EACT,wCACA,mCACA,wCACA,gBACA,EACD;GACD,CAAA,CACE;;;AAIV,EAAc,cAAc"}