@nuka-ui/core 1.1.2 → 1.1.4

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

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,gBAAgB;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,2CAQX;kBAhBQ,IAAI;;;AAoBb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,YAAY,EACZ,KAAK,gBAAgB,EACtB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,gBAAgB;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,SAAS,CAAC;CAC1C;AAED,iBAAS,IAAI,CAAC,EACZ,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,SAAS,2CAQX;kBAhBQ,IAAI;;;AAoBb,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Code/Code.js

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import { codeVariants as t } from "./Code.variants.js";
 import "react";

package/dist/components/Code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","names":[],"sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  codeVariants,\n  type CodeVariantProps,\n} from \"@nuka/components/Code/Code.variants\";\n\nexport interface CodeProps\n  extends React.HTMLAttributes<HTMLElement>, CodeVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Code({\n  ref,\n  className,\n  family,\n  variant,\n  intent,\n  size,\n  ...props\n}: CodeProps) {\n  return (\n    <code\n      ref={ref}\n      className={cn(codeVariants({ family, variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nCode.displayName = \"Code\";\n\nexport { Code, codeVariants };\n"],"mappings":";;;;;AAYA,SAAS,EAAK,EACZ,QACA,cACA,WACA,YACA,WACA,SACA,GAAG,KACS;AACZ,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EAAG,EAAa;GAAE;GAAQ;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EACzE,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}
+{"version":3,"file":"Code.js","names":[],"sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport {\n  codeVariants,\n  type CodeVariantProps,\n} from \"@nuka/components/Code/Code.variants\";\n\nexport interface CodeProps\n  extends React.HTMLAttributes<HTMLElement>, CodeVariantProps {\n  ref?: React.Ref<HTMLElement> | undefined;\n}\n\nfunction Code({\n  ref,\n  className,\n  family,\n  variant,\n  intent,\n  size,\n  ...props\n}: CodeProps) {\n  return (\n    <code\n      ref={ref}\n      className={cn(codeVariants({ family, variant, intent, size }), className)}\n      {...props}\n    />\n  );\n}\n\nCode.displayName = \"Code\";\n\nexport { Code, codeVariants };\n"],"mappings":";;;;;;AAcA,SAAS,EAAK,EACZ,QACA,cACA,WACA,YACA,WACA,SACA,GAAG,KACS;AACZ,QACE,kBAAC,QAAD;EACO;EACL,WAAW,EAAG,EAAa;GAAE;GAAQ;GAAS;GAAQ;GAAM,CAAC,EAAE,EAAU;EACzE,GAAI;EACJ,CAAA;;AAIN,EAAK,cAAc"}

package/dist/components/Collapsible/Collapsible.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,open:a,defaultOpen:o,onOpenChange:s,disabled:c=!1,className:l,...u}){let[d,f]=t.useControllableState(a,o??!1,s),p=r.useId(),m=r.useId();return(0,i.jsx)(n.CollapsibleContext,{value:r.useMemo(()=>({open:d,onOpenChange:f,contentId:p,triggerId:m,disabled:c}),[d,f,p,m,c]),children:(0,i.jsx)(`div`,{ref:e,"data-state":d?`open`:`closed`,className:l,...u})})}a.displayName=`Collapsible`,exports.Collapsible=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,open:a,defaultOpen:o,onOpenChange:s,disabled:c=!1,className:l,...u}){let[d,f]=t.useControllableState(a,o??!1,s),p=r.useId(),m=r.useId();return(0,i.jsx)(n.CollapsibleContext,{value:r.useMemo(()=>({open:d,onOpenChange:f,contentId:p,triggerId:m,disabled:c}),[d,f,p,m,c]),children:(0,i.jsx)(`div`,{ref:e,"data-slot":`root`,"data-state":d?`open`:`closed`,className:l,...u})})}a.displayName=`Collapsible`,exports.Collapsible=a;
 //# sourceMappingURL=Collapsible.cjs.map

package/dist/components/Collapsible/Collapsible.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { CollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n}\n\nfunction Collapsible({\n  ref,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  className,\n  ...props\n}: CollapsibleProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen ?? false,\n    onOpenChange,\n  );\n  const contentId = React.useId();\n  const triggerId = React.useId();\n\n  const contextValue = React.useMemo(\n    () => ({ open, onOpenChange: setOpen, contentId, triggerId, disabled }),\n    [open, setOpen, contentId, triggerId, disabled],\n  );\n\n  return (\n    <CollapsibleContext value={contextValue}>\n      <div\n        ref={ref}\n        data-state={open ? \"open\" : \"closed\"}\n        className={className}\n        {...props}\n      />\n    </CollapsibleContext>\n  );\n}\n\nCollapsible.displayName = \"Collapsible\";\n\nexport { Collapsible };\n"],"mappings":"2OAaA,SAAS,EAAY,CACnB,MACA,KAAM,EACN,cACA,eACA,WAAW,GACX,YACA,GAAG,GACgB,CACnB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,GAAe,GACf,EACD,CACK,EAAY,EAAM,OAAO,CACzB,EAAY,EAAM,OAAO,CAO/B,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAND,EAAM,aAClB,CAAE,OAAM,aAAc,EAAS,YAAW,YAAW,WAAU,EACtE,CAAC,EAAM,EAAS,EAAW,EAAW,EAAS,CAChD,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,aAAY,EAAO,OAAS,SACjB,YACX,GAAI,EACJ,CAAA,CACiB,CAAA,CAIzB,EAAY,YAAc"}
+{"version":3,"file":"Collapsible.cjs","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { CollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n}\n\nfunction Collapsible({\n  ref,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  className,\n  ...props\n}: CollapsibleProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen ?? false,\n    onOpenChange,\n  );\n  const contentId = React.useId();\n  const triggerId = React.useId();\n\n  const contextValue = React.useMemo(\n    () => ({ open, onOpenChange: setOpen, contentId, triggerId, disabled }),\n    [open, setOpen, contentId, triggerId, disabled],\n  );\n\n  return (\n    <CollapsibleContext value={contextValue}>\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        data-state={open ? \"open\" : \"closed\"}\n        className={className}\n        {...props}\n      />\n    </CollapsibleContext>\n  );\n}\n\nCollapsible.displayName = \"Collapsible\";\n\nexport { Collapsible };\n"],"mappings":"2OAaA,SAAS,EAAY,CACnB,MACA,KAAM,EACN,cACA,eACA,WAAW,GACX,YACA,GAAG,GACgB,CACnB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,GAAe,GACf,EACD,CACK,EAAY,EAAM,OAAO,CACzB,EAAY,EAAM,OAAO,CAO/B,OACE,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAND,EAAM,aAClB,CAAE,OAAM,aAAc,EAAS,YAAW,YAAW,WAAU,EACtE,CAAC,EAAM,EAAS,EAAW,EAAW,EAAS,CAChD,WAIG,EAAA,EAAA,KAAC,MAAD,CACO,MACL,YAAU,OACV,aAAY,EAAO,OAAS,SACjB,YACX,GAAI,EACJ,CAAA,CACiB,CAAA,CAIzB,EAAY,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAwBlB;kBAhCQ,WAAW;;;AAoCpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,EACH,IAAI,EAAE,cAAc,EACpB,WAAW,EACX,YAAY,EACZ,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAyBlB;kBAjCQ,WAAW;;;AAqCpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/Collapsible/Collapsible.js

@@ -22,6 +22,7 @@ function i({ ref: i, open: a, defaultOpen: o, onOpenChange: s, disabled: c = !1,
 		]),
 		children: /* @__PURE__ */ r("div", {
 			ref: i,
+			"data-slot": "root",
 			"data-state": d ? "open" : "closed",
 			className: l,
 			...u

package/dist/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { CollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n}\n\nfunction Collapsible({\n  ref,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  className,\n  ...props\n}: CollapsibleProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen ?? false,\n    onOpenChange,\n  );\n  const contentId = React.useId();\n  const triggerId = React.useId();\n\n  const contextValue = React.useMemo(\n    () => ({ open, onOpenChange: setOpen, contentId, triggerId, disabled }),\n    [open, setOpen, contentId, triggerId, disabled],\n  );\n\n  return (\n    <CollapsibleContext value={contextValue}>\n      <div\n        ref={ref}\n        data-state={open ? \"open\" : \"closed\"}\n        className={className}\n        {...props}\n      />\n    </CollapsibleContext>\n  );\n}\n\nCollapsible.displayName = \"Collapsible\";\n\nexport { Collapsible };\n"],"mappings":";;;;;;AAaA,SAAS,EAAY,EACnB,QACA,MAAM,GACN,gBACA,iBACA,cAAW,IACX,cACA,GAAG,KACgB;CACnB,IAAM,CAAC,GAAM,KAAW,EACtB,GACA,KAAe,IACf,EACD,EACK,IAAY,EAAM,OAAO,EACzB,IAAY,EAAM,OAAO;AAO/B,QACE,kBAAC,GAAD;EAAoB,OAND,EAAM,eAClB;GAAE;GAAM,cAAc;GAAS;GAAW;GAAW;GAAU,GACtE;GAAC;GAAM;GAAS;GAAW;GAAW;GAAS,CAChD;YAIG,kBAAC,OAAD;GACO;GACL,cAAY,IAAO,SAAS;GACjB;GACX,GAAI;GACJ,CAAA;EACiB,CAAA;;AAIzB,EAAY,cAAc"}
+{"version":3,"file":"Collapsible.js","names":[],"sources":["../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { CollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n}\n\nfunction Collapsible({\n  ref,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  disabled = false,\n  className,\n  ...props\n}: CollapsibleProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen ?? false,\n    onOpenChange,\n  );\n  const contentId = React.useId();\n  const triggerId = React.useId();\n\n  const contextValue = React.useMemo(\n    () => ({ open, onOpenChange: setOpen, contentId, triggerId, disabled }),\n    [open, setOpen, contentId, triggerId, disabled],\n  );\n\n  return (\n    <CollapsibleContext value={contextValue}>\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        data-state={open ? \"open\" : \"closed\"}\n        className={className}\n        {...props}\n      />\n    </CollapsibleContext>\n  );\n}\n\nCollapsible.displayName = \"Collapsible\";\n\nexport { Collapsible };\n"],"mappings":";;;;;;AAaA,SAAS,EAAY,EACnB,QACA,MAAM,GACN,gBACA,iBACA,cAAW,IACX,cACA,GAAG,KACgB;CACnB,IAAM,CAAC,GAAM,KAAW,EACtB,GACA,KAAe,IACf,EACD,EACK,IAAY,EAAM,OAAO,EACzB,IAAY,EAAM,OAAO;AAO/B,QACE,kBAAC,GAAD;EAAoB,OAND,EAAM,eAClB;GAAE;GAAM,cAAc;GAAS;GAAW;GAAW;GAAU,GACtE;GAAC;GAAM;GAAS;GAAW;GAAW;GAAS,CAChD;YAIG,kBAAC,OAAD;GACO;GACL,aAAU;GACV,cAAY,IAAO,SAAS;GACjB;GACX,GAAI;GACJ,CAAA;EACiB,CAAA;;AAIzB,EAAY,cAAc"}

package/dist/components/Collapsible/CollapsibleContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,children:a,...o}){let{open:s,contentId:c,triggerId:l}=n.useCollapsibleContext();return(0,i.jsx)(`div`,{ref:e,id:c,role:`region`,"aria-labelledby":l,"aria-hidden":!s,"data-state":s?`open`:`closed`,className:t.cn(`grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 ease-in-out`,`data-[state=open]:grid-rows-[1fr]`,`motion-reduce:transition-none`,r),...o,children:(0,i.jsx)(`div`,{className:`overflow-hidden`,children:a})})}a.displayName=`CollapsibleContent`,exports.CollapsibleContent=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,children:a,...o}){let{open:s,contentId:c,triggerId:l}=n.useCollapsibleContext();return(0,i.jsx)(`div`,{ref:e,id:c,role:`region`,"aria-labelledby":l,"aria-hidden":!s,"data-slot":`content`,"data-state":s?`open`:`closed`,className:t.cn(`grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 ease-in-out`,`data-[state=open]:grid-rows-[1fr]`,`motion-reduce:transition-none`,r),...o,children:(0,i.jsx)(`div`,{className:`overflow-hidden`,"data-slot":`content-inner`,children:a})})}a.displayName=`CollapsibleContent`,exports.CollapsibleContent=a;
 //# sourceMappingURL=CollapsibleContent.cjs.map

package/dist/components/Collapsible/CollapsibleContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.cjs","names":[],"sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CollapsibleContent({\n  ref,\n  className,\n  children,\n  ...props\n}: CollapsibleContentProps) {\n  const { open, contentId, triggerId } = useCollapsibleContext();\n\n  return (\n    <div\n      ref={ref}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={triggerId}\n      aria-hidden={!open}\n      data-state={open ? \"open\" : \"closed\"}\n      className={cn(\n        \"grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 ease-in-out\",\n        \"data-[state=open]:grid-rows-[1fr]\",\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"overflow-hidden\">{children}</div>\n    </div>\n  );\n}\n\nCollapsibleContent.displayName = \"CollapsibleContent\";\n\nexport { CollapsibleContent };\n"],"mappings":"uNASA,SAAS,EAAmB,CAC1B,MACA,YACA,WACA,GAAG,GACuB,CAC1B,GAAM,CAAE,OAAM,YAAW,aAAc,EAAA,uBAAuB,CAE9D,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,cAAa,CAAC,EACd,aAAY,EAAO,OAAS,SAC5B,UAAW,EAAA,GACT,gFACA,oCACA,gCACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kBAAmB,WAAe,CAAA,CAC7C,CAAA,CAIV,EAAmB,YAAc"}
+{"version":3,"file":"CollapsibleContent.cjs","names":[],"sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CollapsibleContent({\n  ref,\n  className,\n  children,\n  ...props\n}: CollapsibleContentProps) {\n  const { open, contentId, triggerId } = useCollapsibleContext();\n\n  return (\n    <div\n      ref={ref}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={triggerId}\n      aria-hidden={!open}\n      data-slot=\"content\"\n      data-state={open ? \"open\" : \"closed\"}\n      className={cn(\n        \"grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 ease-in-out\",\n        \"data-[state=open]:grid-rows-[1fr]\",\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"overflow-hidden\" data-slot=\"content-inner\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleContent.displayName = \"CollapsibleContent\";\n\nexport { CollapsibleContent };\n"],"mappings":"uNASA,SAAS,EAAmB,CAC1B,MACA,YACA,WACA,GAAG,GACuB,CAC1B,GAAM,CAAE,OAAM,YAAW,aAAc,EAAA,uBAAuB,CAE9D,OACE,EAAA,EAAA,KAAC,MAAD,CACO,MACL,GAAI,EACJ,KAAK,SACL,kBAAiB,EACjB,cAAa,CAAC,EACd,YAAU,UACV,aAAY,EAAO,OAAS,SAC5B,UAAW,EAAA,GACT,gFACA,oCACA,gCACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,kBAAkB,YAAU,gBACxC,WACG,CAAA,CACF,CAAA,CAIV,EAAmB,YAAc"}

package/dist/components/Collapsible/CollapsibleContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAsBzB;kBA3BQ,kBAAkB;;;AA+B3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAyBzB;kBA9BQ,kBAAkB;;;AAkC3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Collapsible/CollapsibleContent.js

@@ -12,11 +12,13 @@ function r({ ref: r, className: i, children: a, ...o }) {
 		role: "region",
 		"aria-labelledby": l,
 		"aria-hidden": !s,
+		"data-slot": "content",
 		"data-state": s ? "open" : "closed",
 		className: e("grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 ease-in-out", "data-[state=open]:grid-rows-[1fr]", "motion-reduce:transition-none", i),
 		...o,
 		children: /* @__PURE__ */ n("div", {
 			className: "overflow-hidden",
+			"data-slot": "content-inner",
 			children: a
 		})
 	});

package/dist/components/Collapsible/CollapsibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.js","names":[],"sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CollapsibleContent({\n  ref,\n  className,\n  children,\n  ...props\n}: CollapsibleContentProps) {\n  const { open, contentId, triggerId } = useCollapsibleContext();\n\n  return (\n    <div\n      ref={ref}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={triggerId}\n      aria-hidden={!open}\n      data-state={open ? \"open\" : \"closed\"}\n      className={cn(\n        \"grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 ease-in-out\",\n        \"data-[state=open]:grid-rows-[1fr]\",\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"overflow-hidden\">{children}</div>\n    </div>\n  );\n}\n\nCollapsibleContent.displayName = \"CollapsibleContent\";\n\nexport { CollapsibleContent };\n"],"mappings":";;;;;;AASA,SAAS,EAAmB,EAC1B,QACA,cACA,aACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,cAAW,iBAAc,GAAuB;AAE9D,QACE,kBAAC,OAAD;EACO;EACL,IAAI;EACJ,MAAK;EACL,mBAAiB;EACjB,eAAa,CAAC;EACd,cAAY,IAAO,SAAS;EAC5B,WAAW,EACT,iFACA,qCACA,iCACA,EACD;EACD,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAU;GAAmB;GAAe,CAAA;EAC7C,CAAA;;AAIV,EAAmB,cAAc"}
+{"version":3,"file":"CollapsibleContent.js","names":[],"sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction CollapsibleContent({\n  ref,\n  className,\n  children,\n  ...props\n}: CollapsibleContentProps) {\n  const { open, contentId, triggerId } = useCollapsibleContext();\n\n  return (\n    <div\n      ref={ref}\n      id={contentId}\n      role=\"region\"\n      aria-labelledby={triggerId}\n      aria-hidden={!open}\n      data-slot=\"content\"\n      data-state={open ? \"open\" : \"closed\"}\n      className={cn(\n        \"grid grid-rows-[0fr] transition-[grid-template-rows] duration-200 ease-in-out\",\n        \"data-[state=open]:grid-rows-[1fr]\",\n        \"motion-reduce:transition-none\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"overflow-hidden\" data-slot=\"content-inner\">\n        {children}\n      </div>\n    </div>\n  );\n}\n\nCollapsibleContent.displayName = \"CollapsibleContent\";\n\nexport { CollapsibleContent };\n"],"mappings":";;;;;;AASA,SAAS,EAAmB,EAC1B,QACA,cACA,aACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,cAAW,iBAAc,GAAuB;AAE9D,QACE,kBAAC,OAAD;EACO;EACL,IAAI;EACJ,MAAK;EACL,mBAAiB;EACjB,eAAa,CAAC;EACd,aAAU;EACV,cAAY,IAAO,SAAS;EAC5B,WAAW,EACT,iFACA,qCACA,iCACA,EACD;EACD,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAU;GAAkB,aAAU;GACxC;GACG,CAAA;EACF,CAAA;;AAIV,EAAmB,cAAc"}

package/dist/components/Collapsible/CollapsibleTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,className:a,onClick:o,...s}){let{open:c,onOpenChange:l,contentId:u,triggerId:d,disabled:f}=n.useCollapsibleContext();return(0,i.jsx)(r?t.Slot:`button`,{ref:e,type:r?void 0:`button`,id:d,"aria-expanded":c,"aria-controls":u,disabled:f,"aria-disabled":f||void 0,"data-state":c?`open`:`closed`,className:a,onClick:e=>{l(!c),o?.(e)},...s})}a.displayName=`CollapsibleTrigger`,exports.CollapsibleTrigger=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./Collapsible.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,className:a,onClick:o,...s}){let{open:c,onOpenChange:l,contentId:u,triggerId:d,disabled:f}=n.useCollapsibleContext();return(0,i.jsx)(r?t.Slot:`button`,{ref:e,type:r?void 0:`button`,id:d,"aria-expanded":c,"aria-controls":u,disabled:f,"aria-disabled":f||void 0,"data-slot":`trigger`,"data-state":c?`open`:`closed`,className:a,onClick:e=>{l(!c),o?.(e)},...s})}a.displayName=`CollapsibleTrigger`,exports.CollapsibleTrigger=a;
 //# sourceMappingURL=CollapsibleTrigger.cjs.map

package/dist/components/Collapsible/CollapsibleTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.cjs","names":[],"sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction CollapsibleTrigger({\n  ref,\n  asChild = false,\n  className,\n  onClick,\n  ...props\n}: CollapsibleTriggerProps) {\n  const { open, onOpenChange, contentId, triggerId, disabled } =\n    useCollapsibleContext();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onOpenChange(!open);\n    onClick?.(e);\n  };\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : \"button\"}\n      id={triggerId}\n      aria-expanded={open}\n      aria-controls={contentId}\n      disabled={disabled}\n      aria-disabled={disabled || undefined}\n      data-state={open ? \"open\" : \"closed\"}\n      className={className}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\";\n\nexport { CollapsibleTrigger };\n"],"mappings":"yNAUA,SAAS,EAAmB,CAC1B,MACA,UAAU,GACV,YACA,UACA,GAAG,GACuB,CAC1B,GAAM,CAAE,OAAM,eAAc,YAAW,YAAW,YAChD,EAAA,uBAAuB,CASzB,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,SAG5B,CACO,MACL,KAAM,EAAU,IAAA,GAAY,SAC5B,GAAI,EACJ,gBAAe,EACf,gBAAe,EACL,WACV,gBAAe,GAAY,IAAA,GAC3B,aAAY,EAAO,OAAS,SACjB,YACX,QAlBiB,GAA2C,CAC9D,EAAa,CAAC,EAAK,CACnB,IAAU,EAAE,EAiBV,GAAI,EACJ,CAAA,CAIN,EAAmB,YAAc"}
+{"version":3,"file":"CollapsibleTrigger.cjs","names":[],"sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction CollapsibleTrigger({\n  ref,\n  asChild = false,\n  className,\n  onClick,\n  ...props\n}: CollapsibleTriggerProps) {\n  const { open, onOpenChange, contentId, triggerId, disabled } =\n    useCollapsibleContext();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onOpenChange(!open);\n    onClick?.(e);\n  };\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : \"button\"}\n      id={triggerId}\n      aria-expanded={open}\n      aria-controls={contentId}\n      disabled={disabled}\n      aria-disabled={disabled || undefined}\n      data-slot=\"trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      className={className}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\";\n\nexport { CollapsibleTrigger };\n"],"mappings":"yNAUA,SAAS,EAAmB,CAC1B,MACA,UAAU,GACV,YACA,UACA,GAAG,GACuB,CAC1B,GAAM,CAAE,OAAM,eAAc,YAAW,YAAW,YAChD,EAAA,uBAAuB,CASzB,OACE,EAAA,EAAA,KAHW,EAAU,EAAA,KAAO,SAG5B,CACO,MACL,KAAM,EAAU,IAAA,GAAY,SAC5B,GAAI,EACJ,gBAAe,EACf,gBAAe,EACL,WACV,gBAAe,GAAY,IAAA,GAC3B,YAAU,UACV,aAAY,EAAO,OAAS,SACjB,YACX,QAnBiB,GAA2C,CAC9D,EAAa,CAAC,EAAK,CACnB,IAAU,EAAE,EAkBV,GAAI,EACJ,CAAA,CAIN,EAAmB,YAAc"}

package/dist/components/Collapsible/CollapsibleTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,OAAe,EACf,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA0BzB;kBAhCQ,kBAAkB;;;AAoC3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"CollapsibleTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC5F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,OAAe,EACf,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA2BzB;kBAjCQ,kBAAkB;;;AAqC3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Collapsible/CollapsibleTrigger.js

@@ -14,6 +14,7 @@ function r({ ref: r, asChild: i = !1, className: a, onClick: o, ...s }) {
 		"aria-controls": u,
 		disabled: f,
 		"aria-disabled": f || void 0,
+		"data-slot": "trigger",
 		"data-state": c ? "open" : "closed",
 		className: a,
 		onClick: (e) => {

package/dist/components/Collapsible/CollapsibleTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTrigger.js","names":[],"sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction CollapsibleTrigger({\n  ref,\n  asChild = false,\n  className,\n  onClick,\n  ...props\n}: CollapsibleTriggerProps) {\n  const { open, onOpenChange, contentId, triggerId, disabled } =\n    useCollapsibleContext();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onOpenChange(!open);\n    onClick?.(e);\n  };\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : \"button\"}\n      id={triggerId}\n      aria-expanded={open}\n      aria-controls={contentId}\n      disabled={disabled}\n      aria-disabled={disabled || undefined}\n      data-state={open ? \"open\" : \"closed\"}\n      className={className}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\";\n\nexport { CollapsibleTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAmB,EAC1B,QACA,aAAU,IACV,cACA,YACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,iBAAc,cAAW,cAAW,gBAChD,GAAuB;AASzB,QACE,kBAHW,IAAU,IAAO,UAG5B;EACO;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,IAAI;EACJ,iBAAe;EACf,iBAAe;EACL;EACV,iBAAe,KAAY,KAAA;EAC3B,cAAY,IAAO,SAAS;EACjB;EACX,UAlBiB,MAA2C;AAE9D,GADA,EAAa,CAAC,EAAK,EACnB,IAAU,EAAE;;EAiBV,GAAI;EACJ,CAAA;;AAIN,EAAmB,cAAc"}
+{"version":3,"file":"CollapsibleTrigger.js","names":[],"sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { useCollapsibleContext } from \"@nuka/components/Collapsible/Collapsible.context\";\n\nexport interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction CollapsibleTrigger({\n  ref,\n  asChild = false,\n  className,\n  onClick,\n  ...props\n}: CollapsibleTriggerProps) {\n  const { open, onOpenChange, contentId, triggerId, disabled } =\n    useCollapsibleContext();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    onOpenChange(!open);\n    onClick?.(e);\n  };\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      ref={ref}\n      type={asChild ? undefined : \"button\"}\n      id={triggerId}\n      aria-expanded={open}\n      aria-controls={contentId}\n      disabled={disabled}\n      aria-disabled={disabled || undefined}\n      data-slot=\"trigger\"\n      data-state={open ? \"open\" : \"closed\"}\n      className={className}\n      onClick={handleClick}\n      {...props}\n    />\n  );\n}\n\nCollapsibleTrigger.displayName = \"CollapsibleTrigger\";\n\nexport { CollapsibleTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAmB,EAC1B,QACA,aAAU,IACV,cACA,YACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,iBAAc,cAAW,cAAW,gBAChD,GAAuB;AASzB,QACE,kBAHW,IAAU,IAAO,UAG5B;EACO;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,IAAI;EACJ,iBAAe;EACf,iBAAe;EACL;EACV,iBAAe,KAAY,KAAA;EAC3B,aAAU;EACV,cAAY,IAAO,SAAS;EACjB;EACX,UAnBiB,MAA2C;AAE9D,GADA,EAAa,CAAC,EAAK,EACnB,IAAU,EAAE;;EAkBV,GAAI;EACJ,CAAA;;AAIN,EAAmB,cAAc"}

package/dist/components/Combobox/ComboboxContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/portal.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}){let s=r.useComboboxContext();return s.open?(0,a.jsx)(n.Portal,{children:(0,a.jsx)(`div`,{ref:t=>{typeof e==`function`?e(t):e!=null&&(e.current=t),s.refs.setFloating(t)},style:s.floatingStyles,...s.getFloatingProps(),className:t.cn(`z-(--nuka-z-dropdown)`,`bg-(--nuka-bg-base)`,`border border-(--nuka-border-base)`,`rounded-(--radius-md)`,`shadow-(--nuka-shadow-overlay)`,`overflow-hidden`,i),children:o})}):(0,a.jsx)(`div`,{ref:e,hidden:!0,children:o})}o.displayName=`ComboboxContent`,exports.ComboboxContent=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/portal.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}){let s=r.useComboboxContext();return s.open?(0,a.jsx)(n.Portal,{children:(0,a.jsx)(`div`,{ref:t=>{typeof e==`function`?e(t):e!=null&&(e.current=t),s.refs.setFloating(t)},style:s.floatingStyles,"data-slot":`content`,...s.getFloatingProps(),className:t.cn(`z-(--nuka-z-dropdown)`,`bg-(--nuka-bg-base)`,`border border-(--nuka-border-base)`,`rounded-(--radius-md)`,`shadow-(--nuka-shadow-overlay)`,`overflow-hidden`,i),children:o})}):(0,a.jsx)(`div`,{ref:e,"data-slot":`content`,hidden:!0,children:o})}o.displayName=`ComboboxContent`,exports.ComboboxContent=o;
 //# sourceMappingURL=ComboboxContent.cjs.map

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\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"}
+{"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} data-slot=\"content\" 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        data-slot=\"content\"\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,YAAU,UACV,GAAI,EAAI,kBAAkB,CAC1B,UAAW,EAAA,GACT,wBACA,sBACA,qCACA,wBACA,iCACA,kBACA,EACD,CAEA,WACG,CAAA,CACC,CAAA,EA7BP,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,YAAU,UAAU,OAAA,GAChC,WACG,CAAA,CA+BZ,EAAgB,YAAc"}

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":"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"}
+{"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,2CAuC1E;kBAvCQ,eAAe;;;AA2CxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxContent.js

@@ -12,11 +12,13 @@ function i({ ref: i, className: a, children: o }) {
 			typeof i == "function" ? i(e) : i != null && (i.current = e), s.refs.setFloating(e);
 		},
 		style: s.floatingStyles,
+		"data-slot": "content",
 		...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", a),
 		children: o
 	}) }) : /* @__PURE__ */ r("div", {
 		ref: i,
+		"data-slot": "content",
 		hidden: !0,
 		children: o
 	});

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\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"}
+{"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} data-slot=\"content\" 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        data-slot=\"content\"\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,aAAU;EACV,GAAI,EAAI,kBAAkB;EAC1B,WAAW,EACT,yBACA,uBACA,sCACA,yBACA,kCACA,mBACA,EACD;EAEA;EACG,CAAA,EACC,CAAA,GA7BP,kBAAC,OAAD;EAAU;EAAK,aAAU;EAAU,QAAA;EAChC;EACG,CAAA;;AA+BZ,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`);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;
+"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),"data-slot":`empty`,...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\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"}
+{"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      data-slot=\"empty\"\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,YAAU,QACV,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.map

@@ -1 +1 @@
-{"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"}
+{"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,kDAkBpB;kBAvBQ,aAAa;;;AA2BtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxEmpty.js

@@ -10,6 +10,7 @@ function i({ ref: i, className: a, children: o, ...s }) {
 		ref: i,
 		role: "presentation",
 		className: e("py-(--space-8) text-center", a),
+		"data-slot": "empty",
 		...s,
 		children: /* @__PURE__ */ r(t, {
 			size: "sm",

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\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"}
+{"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      data-slot=\"empty\"\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,aAAU;EACV,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`);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;
+"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),"data-slot":`group`,...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\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"}
+{"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      data-slot=\"group\"\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,YAAU,QACV,GAAI,WAPN,CASG,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.map

@@ -1 +1 @@
-{"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"}
+{"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,2CAgDpB;kBAtDQ,aAAa;;;AA0DtB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxGroup.js

@@ -17,6 +17,7 @@ function o({ ref: o, label: s, className: c, children: l, ...u }) {
 		"aria-labelledby": s == null ? void 0 : d,
 		hidden: !p || void 0,
 		className: e(c),
+		"data-slot": "group",
 		...u,
 		children: [s != null && /* @__PURE__ */ i(t, {
 			as: "div",

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\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"}
+{"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      data-slot=\"group\"\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,aAAU;EACV,GAAI;YAPN,CASG,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(`../../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;
+"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`,{"data-slot":`input-wrapper`,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,"data-slot":`input`,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 { 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"}
+{"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      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        <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        data-slot=\"input\"\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,YAAU,gBACV,UAAW,EAAA,GACT,mDACA,uCACD,UALH,EAOE,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,YAAU,QACV,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.map

@@ -1 +1 @@
-{"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"}
+{"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,2CAsItE;kBAtIQ,aAAa;;;AA0ItB,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxInput.js

@@ -51,6 +51,7 @@ function l({ ref: l, className: u, ...d }) {
 		f.setFilterText(e.target.value), f.setActiveDescendantId(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",
@@ -72,6 +73,7 @@ function l({ ref: l, className: u, ...d }) {
 			...d,
 			ref: m,
 			id: f.inputId,
+			"data-slot": "input",
 			role: "combobox",
 			"aria-autocomplete": "list",
 			"aria-expanded": f.open,

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 { 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"}
+{"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      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        <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        data-slot=\"input\"\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,aAAU;EACV,WAAW,EACT,oDACA,uCACD;YALH,CAOE,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,aAAU;GACV,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"}

package/dist/components/Combobox/ComboboxListbox.cjs

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

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

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

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

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

package/dist/components/Combobox/ComboboxListbox.js

@@ -19,6 +19,7 @@ function i({ ref: i, className: a, children: o, ...s }) {
 	]), /* @__PURE__ */ r("div", {
 		ref: l,
 		id: c.listboxId,
+		"data-slot": "listbox",
 		role: "listbox",
 		"aria-label": "Options",
 		className: e("max-h-[280px] overflow-y-auto p-(--space-1)", a),

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

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

package/dist/components/Combobox/ComboboxOption.cjs

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

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

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

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

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

package/dist/components/Combobox/ComboboxOption.js

@@ -22,6 +22,7 @@ function a({ ref: a, value: o, disabled: s = !1, className: c, children: l, onSe
 	}, [v]), /* @__PURE__ */ i("div", {
 		ref: p,
 		id: h,
+		"data-slot": "item",
 		role: "option",
 		"aria-selected": m,
 		"aria-disabled": s || void 0,