@nuka-ui/core 1.1.0 → 1.1.2

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  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n}\n\nconst Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(\n  (\n    {\n      open: controlledOpen,\n      defaultOpen,\n      onOpenChange,\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\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);\n\nCollapsible.displayName = \"Collapsible\";\n\nexport { Collapsible };\n"],"mappings":";;;;;;AAYA,IAAM,IAAc,EAAM,YAEtB,EACE,MAAM,GACN,gBACA,iBACA,cAAW,IACX,cACA,GAAG,KAEL,MACG;CACH,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;EAG1B;AAED,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-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"}

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`);var a=r.forwardRef(({className:e,children:r,...a},o)=>{let{open:s,contentId:c,triggerId:l}=n.useCollapsibleContext();return(0,i.jsx)(`div`,{ref:o,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`,e),...a,children:(0,i.jsx)(`div`,{className:`overflow-hidden`,children:r})})});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-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;
 //# 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\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, children, ...props }, ref) => {\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":"uNAOA,IAAM,EAAqB,EAAM,YAG9B,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC5C,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,EAER,CAEF,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-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"}

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

@@ -1,6 +1,10 @@
 import * as React from "react";
 export interface CollapsibleContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}
+declare function CollapsibleContent({ ref, className, children, ...props }: CollapsibleContentProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CollapsibleContent {
+    var displayName: string;
 }
-declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
 export { CollapsibleContent };
 //# sourceMappingURL=CollapsibleContent.d.ts.map

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;CAAG;AAExF,QAAA,MAAM,kBAAkB,gGAyBtB,CAAC;AAIH,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,2CAsBzB;kBA3BQ,kBAAkB;;;AA+B3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Collapsible/CollapsibleContent.js

@@ -1,28 +1,28 @@
 "use client";
 import { cn as e } from "../../utils/cn.js";
 import { useCollapsibleContext as t } from "./Collapsible.context.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Collapsible/CollapsibleContent.tsx
-var i = n.forwardRef(({ className: n, children: i, ...a }, o) => {
+function r({ ref: r, className: i, children: a, ...o }) {
 	let { open: s, contentId: c, triggerId: l } = t();
-	return /* @__PURE__ */ r("div", {
-		ref: o,
+	return /* @__PURE__ */ n("div", {
+		ref: r,
 		id: c,
 		role: "region",
 		"aria-labelledby": l,
 		"aria-hidden": !s,
 		"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", n),
-		...a,
-		children: /* @__PURE__ */ r("div", {
+		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",
-			children: i
+			children: a
 		})
 	});
-});
-i.displayName = "CollapsibleContent";
+}
+r.displayName = "CollapsibleContent";
 //#endregion
-export { i as CollapsibleContent };
+export { r as CollapsibleContent };
 
 //# sourceMappingURL=CollapsibleContent.js.map

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\nconst CollapsibleContent = React.forwardRef<\n  HTMLDivElement,\n  CollapsibleContentProps\n>(({ className, children, ...props }, ref) => {\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":";;;;;;AAOA,IAAM,IAAqB,EAAM,YAG9B,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC5C,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;EAER;AAEF,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-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"}

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`);var a=r.forwardRef(({asChild:e=!1,className:r,onClick:a,...o},s)=>{let{open:c,onOpenChange:l,contentId:u,triggerId:d,disabled:f}=n.useCollapsibleContext();return(0,i.jsx)(e?t.Slot:`button`,{ref:s,type:e?void 0:`button`,id:d,"aria-expanded":c,"aria-controls":u,disabled:f,"aria-disabled":f||void 0,"data-state":c?`open`:`closed`,className:r,onClick:e=>{l(!c),a?.(e)},...o})});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-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  asChild?: boolean;\n}\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ asChild = false, className, onClick, ...props }, ref) => {\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":"yNASA,IAAM,EAAqB,EAAM,YAG9B,CAAE,UAAU,GAAO,YAAW,UAAS,GAAG,GAAS,IAAQ,CAC5D,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,EAEJ,CAEF,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-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"}

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

@@ -1,7 +1,11 @@
 import * as React from "react";
 export interface CollapsibleTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     asChild?: boolean;
 }
-declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare function CollapsibleTrigger({ ref, asChild, className, onClick, ...props }: CollapsibleTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace CollapsibleTrigger {
+    var displayName: string;
+}
 export { CollapsibleTrigger };
 //# sourceMappingURL=CollapsibleTrigger.d.ts.map

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,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,kBAAkB,mGA6BtB,CAAC;AAIH,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,2CA0BzB;kBAhCQ,kBAAkB;;;AAoC3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Collapsible/CollapsibleTrigger.js

@@ -1,29 +1,29 @@
 "use client";
 import { Slot as e } from "../../utils/slot.js";
 import { useCollapsibleContext as t } from "./Collapsible.context.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Collapsible/CollapsibleTrigger.tsx
-var i = n.forwardRef(({ asChild: n = !1, className: i, onClick: a, ...o }, s) => {
+function r({ ref: r, asChild: i = !1, className: a, onClick: o, ...s }) {
 	let { open: c, onOpenChange: l, contentId: u, triggerId: d, disabled: f } = t();
-	return /* @__PURE__ */ r(n ? e : "button", {
-		ref: s,
-		type: n ? void 0 : "button",
+	return /* @__PURE__ */ n(i ? e : "button", {
+		ref: r,
+		type: i ? void 0 : "button",
 		id: d,
 		"aria-expanded": c,
 		"aria-controls": u,
 		disabled: f,
 		"aria-disabled": f || void 0,
 		"data-state": c ? "open" : "closed",
-		className: i,
+		className: a,
 		onClick: (e) => {
-			l(!c), a?.(e);
+			l(!c), o?.(e);
 		},
-		...o
+		...s
 	});
-});
-i.displayName = "CollapsibleTrigger";
+}
+r.displayName = "CollapsibleTrigger";
 //#endregion
-export { i as CollapsibleTrigger };
+export { r as CollapsibleTrigger };
 
 //# sourceMappingURL=CollapsibleTrigger.js.map

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  asChild?: boolean;\n}\n\nconst CollapsibleTrigger = React.forwardRef<\n  HTMLButtonElement,\n  CollapsibleTriggerProps\n>(({ asChild = false, className, onClick, ...props }, ref) => {\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":";;;;;;AASA,IAAM,IAAqB,EAAM,YAG9B,EAAE,aAAU,IAAO,cAAW,YAAS,GAAG,KAAS,MAAQ;CAC5D,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;EAEJ;AAEF,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-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"}

package/dist/components/Combobox/Combobox.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),r=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),i=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),a=require(`./Combobox.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({children:e,value:c,defaultValue:l,onValueChange:u,open:d,defaultOpen:f=!1,onOpenChange:p,disabled:m=!1,freeText:h=!1,name:g}){let[_,v]=t.useControllableState(c,l,u),[y,b]=t.useControllableState(d,f,p),[x,S]=o.useState(``),[C,w]=o.useState(void 0),[T,E]=o.useState(0),D=o.useRef(new Map),O=o.useRef(new Map),[k,A]=o.useState(0),j=o.useCallback(()=>{A(e=>e+1)},[]),M=o.useId(),N=`${M}-listbox`,P=`${M}-input`,F=o.useRef(null),I=o.useRef(null),L=o.useRef(null),R=o.useCallback(e=>{b(e),e||(S(``),w(void 0))},[b]),z=o.useRef(y);o.useEffect(()=>{z.current&&!y&&requestAnimationFrame(()=>{(document.activeElement===document.body||document.activeElement===null)&&I.current?.focus()}),z.current=y},[y]);let{refs:B,floatingStyles:V,context:H}=i.useFloating({open:y,onOpenChange:R,placement:`bottom-start`,middleware:[r.offset(4),r.flip(),r.shift({padding:8}),r.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{minWidth:`${String(e.reference.width)}px`})}})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:U,getFloatingProps:W}=i.useInteractions([i.useClick(H),i.useDismiss(H)]),G=o.useCallback((e,t,n)=>{D.current.set(e,t);let r=O.current.get(e);O.current.set(e,{label:t,ref:n,disabled:r?.disabled??!1}),j()},[j]),K=o.useCallback(e=>{O.current.delete(e)},[]),q=o.useCallback(()=>Array.from(O.current.keys()),[]),J=o.useCallback(e=>D.current.get(e),[]),Y=o.useCallback(e=>O.current.get(e)?.ref,[]),X=o.useCallback(e=>O.current.get(e)?.disabled??!1,[]),Z=o.useCallback((e,t)=>{let n=O.current.get(e);n&&(n.disabled=t)},[]);return(0,s.jsxs)(a.ComboboxContext,{value:o.useMemo(()=>({open:y,onOpenChange:R,value:_,onValueChange:v,filterText:x,setFilterText:S,activeDescendantId:C,setActiveDescendantId:w,visibleCount:T,setVisibleCount:E,disabled:m,freeText:h,listboxId:N,inputId:P,listRef:F,triggerRef:I,highlightOnOpenRef:L,registerOption:G,unregisterOption:K,getOptions:q,getOptionLabel:J,getOptionRef:Y,isOptionDisabled:X,registerDisabledOption:Z,refs:B,floatingStyles:V,getReferenceProps:U,getFloatingProps:W}),[y,R,_,v,x,C,T,m,h,N,P,G,K,q,J,Y,X,Z,B,V,U,W,k]),children:[e,g!==void 0&&(0,s.jsx)(`input`,{type:`hidden`,name:g,value:_??``})]})}c.displayName=`Combobox`,exports.Combobox=c;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/get-active-element.cjs`),n=require(`../../hooks/use-controllable-state.cjs`),r=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),i=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),a=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),o=require(`../../hooks/use-option-registry.cjs`),s=require(`./Combobox.context.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({children:e,value:u,defaultValue:d,onValueChange:f,open:p,defaultOpen:m=!1,onOpenChange:h,disabled:g=!1,freeText:_=!1,name:v}){let[y,b]=n.useControllableState(u,d,f),[x,S]=n.useControllableState(p,m,h),[C,w]=c.useState(``),[T,E]=c.useState(void 0),[D,O]=c.useState(0),k=c.useRef(new Map),A=o.useOptionRegistry(),j=c.useId(),M=`${j}-listbox`,N=`${j}-input`,P=c.useRef(null),F=c.useRef(null),I=c.useRef(null),L=c.useCallback(e=>{S(e),e||(w(``),E(void 0))},[S]),R=c.useRef(x);c.useEffect(()=>{R.current&&!x&&requestAnimationFrame(()=>{let e=t.getActiveElement();(e===document.body||e===null)&&F.current?.focus()}),R.current=x},[x]);let{refs:z,floatingStyles:B,context:V}=a.useFloating({open:x,onOpenChange:L,placement:`bottom-start`,middleware:[i.offset(4),i.flip(),i.shift({padding:8}),i.size({apply({rects:e,elements:t}){Object.assign(t.floating.style,{minWidth:`${String(e.reference.width)}px`})}})],whileElementsMounted:r.autoUpdate}),{getReferenceProps:H,getFloatingProps:U}=a.useInteractions([a.useClick(V),a.useDismiss(V)]),W=c.useCallback((e,t,n)=>{k.current.set(e,t),A.registerOption(e,t,n)},[A]),G=c.useCallback(e=>k.current.get(e),[]);return(0,l.jsxs)(s.ComboboxContext,{value:c.useMemo(()=>(A.registryVersion,{open:x,onOpenChange:L,value:y,onValueChange:b,filterText:C,setFilterText:w,activeDescendantId:T,setActiveDescendantId:E,visibleCount:D,setVisibleCount:O,disabled:g,freeText:_,listboxId:M,inputId:N,listRef:P,triggerRef:F,highlightOnOpenRef:I,registerOption:W,unregisterOption:A.unregisterOption,getOptions:A.getOptions,getOptionLabel:G,getOptionRef:A.getOptionRef,isOptionDisabled:A.isOptionDisabled,registerDisabledOption:A.registerDisabledOption,refs:z,floatingStyles:B,getReferenceProps:H,getFloatingProps:U}),[x,L,y,b,C,T,D,g,_,M,N,W,G,A,z,B,H,U]),children:[e,v!==void 0&&(0,l.jsx)(`input`,{type:`hidden`,name:v,value:y??``})]})}u.displayName=`Combobox`,exports.Combobox=u;
 //# sourceMappingURL=Combobox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n// > 200 lines: root orchestrates Floating UI, option registry, and context\n// value assembly; splitting further would scatter tightly coupled state.\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  size,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { ComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport type {\n  ComboboxProps,\n  ComboboxContextValue,\n  OptionEntry,\n} from \"@nuka/components/Combobox/Combobox.types\";\n\nfunction Combobox({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  freeText = false,\n  name,\n}: ComboboxProps) {\n  const [currentValue, handleValueChange] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n  const [currentOpen, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [activeDescendantId, setActiveDescendantId] = React.useState<\n    string | undefined\n  >(undefined);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  // Split registry: labelMap persists for trigger label display across open/close,\n  // activeOptions tracks mounted option elements for keyboard navigation\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const activeOptionsRef = React.useRef(new Map<string, OptionEntry>());\n  const [registryVersion, setRegistryVersion] = React.useState(0);\n  const bumpRegistry = React.useCallback(() => {\n    setRegistryVersion((v) => v + 1);\n  }, []);\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n  const inputId = `${generatedId}-input`;\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const highlightOnOpenRef = React.useRef<\"first\" | \"last\" | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setFilterText(\"\");\n        setActiveDescendantId(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // Restore focus to trigger when panel closes and focus is lost to body\n  const prevOpenRef = React.useRef(currentOpen);\n  React.useEffect(() => {\n    if (prevOpenRef.current && !currentOpen) {\n      requestAnimationFrame(() => {\n        if (\n          document.activeElement === document.body ||\n          document.activeElement === null\n        ) {\n          triggerRef.current?.focus();\n        }\n      });\n    }\n    prevOpenRef.current = currentOpen;\n  }, [currentOpen]);\n\n  // Floating UI: no useRole to avoid ARIA injection conflicts\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            minWidth: `${String(rects.reference.width)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n  ]);\n\n  const registerOption = React.useCallback(\n    (optionValue: string, label: string, ref: HTMLElement | null) => {\n      labelMapRef.current.set(optionValue, label);\n      const existing = activeOptionsRef.current.get(optionValue);\n      activeOptionsRef.current.set(optionValue, {\n        label,\n        ref,\n        disabled: existing?.disabled ?? false,\n      });\n      bumpRegistry();\n    },\n    [bumpRegistry],\n  );\n\n  const unregisterOption = React.useCallback((optionValue: string) => {\n    activeOptionsRef.current.delete(optionValue);\n  }, []);\n\n  const getOptions = React.useCallback((): string[] => {\n    return Array.from(activeOptionsRef.current.keys());\n  }, []);\n\n  const getOptionLabel = React.useCallback(\n    (optionValue: string): string | undefined => {\n      return labelMapRef.current.get(optionValue);\n    },\n    [],\n  );\n\n  const getOptionRef = React.useCallback(\n    (optionValue: string): HTMLElement | null | undefined => {\n      return activeOptionsRef.current.get(optionValue)?.ref;\n    },\n    [],\n  );\n\n  const isOptionDisabled = React.useCallback((optionValue: string): boolean => {\n    return activeOptionsRef.current.get(optionValue)?.disabled ?? false;\n  }, []);\n\n  const registerDisabledOption = React.useCallback(\n    (optionValue: string, optionDisabled: boolean) => {\n      const existing = activeOptionsRef.current.get(optionValue);\n      if (existing) {\n        existing.disabled = optionDisabled;\n      }\n    },\n    [],\n  );\n\n  // registryVersion invalidates memo when options register\n  const contextValue: ComboboxContextValue = React.useMemo(() => {\n    void registryVersion;\n    return {\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      value: currentValue,\n      onValueChange: handleValueChange,\n      filterText,\n      setFilterText,\n      activeDescendantId,\n      setActiveDescendantId,\n      visibleCount,\n      setVisibleCount,\n      disabled,\n      freeText,\n      listboxId,\n      inputId,\n      listRef,\n      triggerRef,\n      highlightOnOpenRef,\n      registerOption,\n      unregisterOption,\n      getOptions,\n      getOptionLabel,\n      getOptionRef,\n      isOptionDisabled,\n      registerDisabledOption,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    };\n  }, [\n    currentOpen,\n    handleOpenChange,\n    currentValue,\n    handleValueChange,\n    filterText,\n    activeDescendantId,\n    visibleCount,\n    disabled,\n    freeText,\n    listboxId,\n    inputId,\n    registerOption,\n    unregisterOption,\n    getOptions,\n    getOptionLabel,\n    getOptionRef,\n    isOptionDisabled,\n    registerDisabledOption,\n    refs,\n    floatingStyles,\n    getReferenceProps,\n    getFloatingProps,\n    registryVersion,\n  ]);\n\n  return (\n    <ComboboxContext value={contextValue}>\n      {children}\n      {name !== undefined && (\n        <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n      )}\n    </ComboboxContext>\n  );\n}\n\nCombobox.displayName = \"Combobox\";\n\nexport { Combobox };\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.cjs","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n// > 200 lines: root orchestrates Floating UI, option registry, and context\n// value assembly; splitting further would scatter tightly coupled state.\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  size,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useOptionRegistry } from \"@nuka/hooks/use-option-registry\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { ComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport type {\n  ComboboxProps,\n  ComboboxContextValue,\n} from \"@nuka/components/Combobox/Combobox.types\";\n\nfunction Combobox({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  freeText = false,\n  name,\n}: ComboboxProps) {\n  const [currentValue, handleValueChange] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n  const [currentOpen, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [activeDescendantId, setActiveDescendantId] = React.useState<\n    string | undefined\n  >(undefined);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  // labelMapRef persists option labels across open/close for trigger display\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const registry = useOptionRegistry();\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n  const inputId = `${generatedId}-input`;\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const highlightOnOpenRef = React.useRef<\"first\" | \"last\" | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setFilterText(\"\");\n        setActiveDescendantId(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // Restore focus to trigger when panel closes and focus is lost to body\n  const prevOpenRef = React.useRef(currentOpen);\n  React.useEffect(() => {\n    if (prevOpenRef.current && !currentOpen) {\n      requestAnimationFrame(() => {\n        const active = getActiveElement();\n        if (active === document.body || active === null) {\n          triggerRef.current?.focus();\n        }\n      });\n    }\n    prevOpenRef.current = currentOpen;\n  }, [currentOpen]);\n\n  // Floating UI: no useRole to avoid ARIA injection conflicts\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            minWidth: `${String(rects.reference.width)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n  ]);\n\n  // Wraps the hook's registerOption to also persist labels in labelMapRef\n  const registerOption = React.useCallback(\n    (optionValue: string, label: string, ref: HTMLElement | null) => {\n      labelMapRef.current.set(optionValue, label);\n      registry.registerOption(optionValue, label, ref);\n    },\n    [registry],\n  );\n\n  // Labels are read from labelMapRef so they persist across panel close/open\n  const getOptionLabel = React.useCallback(\n    (optionValue: string): string | undefined => {\n      return labelMapRef.current.get(optionValue);\n    },\n    [],\n  );\n\n  const contextValue: ComboboxContextValue = React.useMemo(() => {\n    void registry.registryVersion;\n    return {\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      value: currentValue,\n      onValueChange: handleValueChange,\n      filterText,\n      setFilterText,\n      activeDescendantId,\n      setActiveDescendantId,\n      visibleCount,\n      setVisibleCount,\n      disabled,\n      freeText,\n      listboxId,\n      inputId,\n      listRef,\n      triggerRef,\n      highlightOnOpenRef,\n      registerOption,\n      unregisterOption: registry.unregisterOption,\n      getOptions: registry.getOptions,\n      getOptionLabel,\n      getOptionRef: registry.getOptionRef,\n      isOptionDisabled: registry.isOptionDisabled,\n      registerDisabledOption: registry.registerDisabledOption,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    };\n  }, [\n    currentOpen,\n    handleOpenChange,\n    currentValue,\n    handleValueChange,\n    filterText,\n    activeDescendantId,\n    visibleCount,\n    disabled,\n    freeText,\n    listboxId,\n    inputId,\n    registerOption,\n    getOptionLabel,\n    registry,\n    refs,\n    floatingStyles,\n    getReferenceProps,\n    getFloatingProps,\n  ]);\n\n  return (\n    <ComboboxContext value={contextValue}>\n      {children}\n      {name !== undefined && (\n        <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n      )}\n    </ComboboxContext>\n  );\n}\n\nCombobox.displayName = \"Combobox\";\n\nexport { Combobox };\n"],"mappings":"ujBAwBA,SAAS,EAAS,CAChB,WACA,MAAO,EACP,eACA,gBACA,KAAM,EACN,cAAc,GACd,eACA,WAAW,GACX,WAAW,GACX,QACgB,CAChB,GAAM,CAAC,EAAc,GAAqB,EAAA,qBACxC,EACA,EACA,EACD,CACK,CAAC,EAAa,GAAW,EAAA,qBAC7B,EACA,EACA,EACD,CACK,CAAC,EAAY,GAAiB,EAAM,SAAS,GAAG,CAChD,CAAC,EAAoB,GAAyB,EAAM,SAExD,IAAA,GAAU,CACN,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAE,CAGnD,EAAc,EAAM,OAAO,IAAI,IAAsB,CACrD,EAAW,EAAA,mBAAmB,CAE9B,EAAc,EAAM,OAAO,CAC3B,EAAY,GAAG,EAAY,UAC3B,EAAU,GAAG,EAAY,QACzB,EAAU,EAAM,OAA8B,KAAK,CACnD,EAAa,EAAM,OAAiC,KAAK,CACzD,EAAqB,EAAM,OAAgC,KAAK,CAEhE,EAAmB,EAAM,YAC5B,GAAsB,CACrB,EAAQ,EAAS,CACZ,IACH,EAAc,GAAG,CACjB,EAAsB,IAAA,GAAU,GAGpC,CAAC,EAAQ,CACV,CAGK,EAAc,EAAM,OAAO,EAAY,CAC7C,EAAM,cAAgB,CAChB,EAAY,SAAW,CAAC,GAC1B,0BAA4B,CAC1B,IAAM,EAAS,EAAA,kBAAkB,EAC7B,IAAW,SAAS,MAAQ,IAAW,OACzC,EAAW,SAAS,OAAO,EAE7B,CAEJ,EAAY,QAAU,GACrB,CAAC,EAAY,CAAC,CAGjB,GAAM,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,KAAM,EACN,aAAc,EACd,UAAW,eACX,WAAY,CACV,EAAA,OAAO,EAAE,CACT,EAAA,MAAM,CACN,EAAA,MAAM,CAAE,QAAS,EAAG,CAAC,CACrB,EAAA,KAAK,CACH,MAAM,CAAE,QAAO,YAAY,CACzB,OAAO,OAAO,EAAS,SAAS,MAAO,CACrC,SAAU,GAAG,OAAO,EAAM,UAAU,MAAM,CAAC,IAC5C,CAAC,EAEL,CAAC,CACH,CACD,qBAAsB,EAAA,WACvB,CAAC,CAII,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAFlD,EAAA,SAAS,EAAQ,CACf,EAAA,WAAW,EAAQ,CAIlC,CAAC,CAGI,EAAiB,EAAM,aAC1B,EAAqB,EAAe,IAA4B,CAC/D,EAAY,QAAQ,IAAI,EAAa,EAAM,CAC3C,EAAS,eAAe,EAAa,EAAO,EAAI,EAElD,CAAC,EAAS,CACX,CAGK,EAAiB,EAAM,YAC1B,GACQ,EAAY,QAAQ,IAAI,EAAY,CAE7C,EAAE,CACH,CAuDD,OACE,EAAA,EAAA,MAAC,EAAA,gBAAD,CAAiB,MAtDwB,EAAM,aAC1C,EAAS,gBACP,CACL,KAAM,EACN,aAAc,EACd,MAAO,EACP,cAAe,EACf,aACA,gBACA,qBACA,wBACA,eACA,kBACA,WACA,WACA,YACA,UACA,UACA,aACA,qBACA,iBACA,iBAAkB,EAAS,iBAC3B,WAAY,EAAS,WACrB,iBACA,aAAc,EAAS,aACvB,iBAAkB,EAAS,iBAC3B,uBAAwB,EAAS,uBACjC,OACA,iBACA,oBACA,mBACD,EACA,CACD,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CAAC,UAGA,CACG,EACA,IAAS,IAAA,KACR,EAAA,EAAA,KAAC,QAAD,CAAO,KAAK,SAAe,OAAM,MAAO,GAAgB,GAAM,CAAA,CAEhD,GAItB,EAAS,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACV,aAAa,EAGd,MAAM,0CAA0C,CAAC;AAElD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,QAAgB,EAChB,IAAI,GACL,EAAE,aAAa,2CA4Mf;kBAvNQ,QAAQ;;;AA2NjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACV,aAAa,EAEd,MAAM,0CAA0C,CAAC;AAElD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,EACZ,QAAgB,EAChB,QAAgB,EAChB,IAAI,GACL,EAAE,aAAa,2CA8Jf;kBAzKQ,QAAQ;;;AA6KjB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Combobox/Combobox.js

@@ -1,114 +1,99 @@
 "use client";
-import { useControllableState as e } from "../../hooks/use-controllable-state.js";
-import { autoUpdate as t } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { flip as n, offset as r, shift as i, size as a } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
-import { useClick as o, useDismiss as ee, useFloating as s, useInteractions as c } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
-import { ComboboxContext as te } from "./Combobox.context.js";
-import * as l from "react";
-import { jsx as u, jsxs as ne } from "react/jsx-runtime";
+import { getActiveElement as e } from "../../utils/get-active-element.js";
+import { useControllableState as t } from "../../hooks/use-controllable-state.js";
+import { autoUpdate as n } from "../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { flip as r, offset as i, shift as a, size as o } from "../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js";
+import { useClick as s, useDismiss as c, useFloating as l, useInteractions as u } from "../../node_modules/@floating-ui/react/dist/floating-ui.react.js";
+import { useOptionRegistry as d } from "../../hooks/use-option-registry.js";
+import { ComboboxContext as f } from "./Combobox.context.js";
+import * as p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/Combobox/Combobox.tsx
-function d({ children: d, value: f, defaultValue: p, onValueChange: m, open: h, defaultOpen: g = !1, onOpenChange: _, disabled: v = !1, freeText: y = !1, name: b }) {
-	let [x, S] = e(f, p, m), [C, w] = e(h, g, _), [T, E] = l.useState(""), [D, O] = l.useState(void 0), [k, A] = l.useState(0), j = l.useRef(/* @__PURE__ */ new Map()), M = l.useRef(/* @__PURE__ */ new Map()), [re, ie] = l.useState(0), N = l.useCallback(() => {
-		ie((e) => e + 1);
-	}, []), P = l.useId(), F = `${P}-listbox`, I = `${P}-input`, L = l.useRef(null), R = l.useRef(null), z = l.useRef(null), B = l.useCallback((e) => {
-		w(e), e || (E(""), O(void 0));
-	}, [w]), V = l.useRef(C);
-	l.useEffect(() => {
-		V.current && !C && requestAnimationFrame(() => {
-			(document.activeElement === document.body || document.activeElement === null) && R.current?.focus();
-		}), V.current = C;
-	}, [C]);
-	let { refs: H, floatingStyles: U, context: W } = s({
-		open: C,
-		onOpenChange: B,
+function g({ children: g, value: _, defaultValue: v, onValueChange: y, open: b, defaultOpen: x = !1, onOpenChange: S, disabled: C = !1, freeText: w = !1, name: T }) {
+	let [E, D] = t(_, v, y), [O, k] = t(b, x, S), [A, j] = p.useState(""), [M, N] = p.useState(void 0), [P, F] = p.useState(0), I = p.useRef(/* @__PURE__ */ new Map()), L = d(), R = p.useId(), z = `${R}-listbox`, B = `${R}-input`, V = p.useRef(null), H = p.useRef(null), U = p.useRef(null), W = p.useCallback((e) => {
+		k(e), e || (j(""), N(void 0));
+	}, [k]), G = p.useRef(O);
+	p.useEffect(() => {
+		G.current && !O && requestAnimationFrame(() => {
+			let t = e();
+			(t === document.body || t === null) && H.current?.focus();
+		}), G.current = O;
+	}, [O]);
+	let { refs: K, floatingStyles: q, context: J } = l({
+		open: O,
+		onOpenChange: W,
 		placement: "bottom-start",
 		middleware: [
-			r(4),
-			n(),
-			i({ padding: 8 }),
-			a({ apply({ rects: e, elements: t }) {
+			i(4),
+			r(),
+			a({ padding: 8 }),
+			o({ apply({ rects: e, elements: t }) {
 				Object.assign(t.floating.style, { minWidth: `${String(e.reference.width)}px` });
 			} })
 		],
-		whileElementsMounted: t
-	}), { getReferenceProps: G, getFloatingProps: K } = c([o(W), ee(W)]), q = l.useCallback((e, t, n) => {
-		j.current.set(e, t);
-		let r = M.current.get(e);
-		M.current.set(e, {
-			label: t,
-			ref: n,
-			disabled: r?.disabled ?? !1
-		}), N();
-	}, [N]), J = l.useCallback((e) => {
-		M.current.delete(e);
-	}, []), Y = l.useCallback(() => Array.from(M.current.keys()), []), X = l.useCallback((e) => j.current.get(e), []), Z = l.useCallback((e) => M.current.get(e)?.ref, []), Q = l.useCallback((e) => M.current.get(e)?.disabled ?? !1, []), $ = l.useCallback((e, t) => {
-		let n = M.current.get(e);
-		n && (n.disabled = t);
-	}, []);
-	return /* @__PURE__ */ ne(te, {
-		value: l.useMemo(() => ({
-			open: C,
-			onOpenChange: B,
-			value: x,
-			onValueChange: S,
-			filterText: T,
-			setFilterText: E,
-			activeDescendantId: D,
-			setActiveDescendantId: O,
-			visibleCount: k,
-			setVisibleCount: A,
-			disabled: v,
-			freeText: y,
-			listboxId: F,
-			inputId: I,
-			listRef: L,
-			triggerRef: R,
-			highlightOnOpenRef: z,
-			registerOption: q,
-			unregisterOption: J,
-			getOptions: Y,
-			getOptionLabel: X,
-			getOptionRef: Z,
-			isOptionDisabled: Q,
-			registerDisabledOption: $,
-			refs: H,
-			floatingStyles: U,
-			getReferenceProps: G,
-			getFloatingProps: K
+		whileElementsMounted: n
+	}), { getReferenceProps: Y, getFloatingProps: X } = u([s(J), c(J)]), Z = p.useCallback((e, t, n) => {
+		I.current.set(e, t), L.registerOption(e, t, n);
+	}, [L]), Q = p.useCallback((e) => I.current.get(e), []);
+	return /* @__PURE__ */ h(f, {
+		value: p.useMemo(() => (L.registryVersion, {
+			open: O,
+			onOpenChange: W,
+			value: E,
+			onValueChange: D,
+			filterText: A,
+			setFilterText: j,
+			activeDescendantId: M,
+			setActiveDescendantId: N,
+			visibleCount: P,
+			setVisibleCount: F,
+			disabled: C,
+			freeText: w,
+			listboxId: z,
+			inputId: B,
+			listRef: V,
+			triggerRef: H,
+			highlightOnOpenRef: U,
+			registerOption: Z,
+			unregisterOption: L.unregisterOption,
+			getOptions: L.getOptions,
+			getOptionLabel: Q,
+			getOptionRef: L.getOptionRef,
+			isOptionDisabled: L.isOptionDisabled,
+			registerDisabledOption: L.registerDisabledOption,
+			refs: K,
+			floatingStyles: q,
+			getReferenceProps: Y,
+			getFloatingProps: X
 		}), [
+			O,
+			W,
+			E,
+			D,
+			A,
+			M,
+			P,
 			C,
+			w,
+			z,
 			B,
-			x,
-			S,
-			T,
-			D,
-			k,
-			v,
-			y,
-			F,
-			I,
-			q,
-			J,
-			Y,
-			X,
 			Z,
 			Q,
-			$,
-			H,
-			U,
-			G,
+			L,
 			K,
-			re
+			q,
+			Y,
+			X
 		]),
-		children: [d, b !== void 0 && /* @__PURE__ */ u("input", {
+		children: [g, T !== void 0 && /* @__PURE__ */ m("input", {
 			type: "hidden",
-			name: b,
-			value: x ?? ""
+			name: T,
+			value: E ?? ""
 		})]
 	});
 }
-d.displayName = "Combobox";
+g.displayName = "Combobox";
 //#endregion
-export { d as Combobox };
+export { g as Combobox };
 
 //# sourceMappingURL=Combobox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n// > 200 lines: root orchestrates Floating UI, option registry, and context\n// value assembly; splitting further would scatter tightly coupled state.\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  size,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { ComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport type {\n  ComboboxProps,\n  ComboboxContextValue,\n  OptionEntry,\n} from \"@nuka/components/Combobox/Combobox.types\";\n\nfunction Combobox({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  freeText = false,\n  name,\n}: ComboboxProps) {\n  const [currentValue, handleValueChange] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n  const [currentOpen, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [activeDescendantId, setActiveDescendantId] = React.useState<\n    string | undefined\n  >(undefined);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  // Split registry: labelMap persists for trigger label display across open/close,\n  // activeOptions tracks mounted option elements for keyboard navigation\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const activeOptionsRef = React.useRef(new Map<string, OptionEntry>());\n  const [registryVersion, setRegistryVersion] = React.useState(0);\n  const bumpRegistry = React.useCallback(() => {\n    setRegistryVersion((v) => v + 1);\n  }, []);\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n  const inputId = `${generatedId}-input`;\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const highlightOnOpenRef = React.useRef<\"first\" | \"last\" | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setFilterText(\"\");\n        setActiveDescendantId(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // Restore focus to trigger when panel closes and focus is lost to body\n  const prevOpenRef = React.useRef(currentOpen);\n  React.useEffect(() => {\n    if (prevOpenRef.current && !currentOpen) {\n      requestAnimationFrame(() => {\n        if (\n          document.activeElement === document.body ||\n          document.activeElement === null\n        ) {\n          triggerRef.current?.focus();\n        }\n      });\n    }\n    prevOpenRef.current = currentOpen;\n  }, [currentOpen]);\n\n  // Floating UI: no useRole to avoid ARIA injection conflicts\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            minWidth: `${String(rects.reference.width)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n  ]);\n\n  const registerOption = React.useCallback(\n    (optionValue: string, label: string, ref: HTMLElement | null) => {\n      labelMapRef.current.set(optionValue, label);\n      const existing = activeOptionsRef.current.get(optionValue);\n      activeOptionsRef.current.set(optionValue, {\n        label,\n        ref,\n        disabled: existing?.disabled ?? false,\n      });\n      bumpRegistry();\n    },\n    [bumpRegistry],\n  );\n\n  const unregisterOption = React.useCallback((optionValue: string) => {\n    activeOptionsRef.current.delete(optionValue);\n  }, []);\n\n  const getOptions = React.useCallback((): string[] => {\n    return Array.from(activeOptionsRef.current.keys());\n  }, []);\n\n  const getOptionLabel = React.useCallback(\n    (optionValue: string): string | undefined => {\n      return labelMapRef.current.get(optionValue);\n    },\n    [],\n  );\n\n  const getOptionRef = React.useCallback(\n    (optionValue: string): HTMLElement | null | undefined => {\n      return activeOptionsRef.current.get(optionValue)?.ref;\n    },\n    [],\n  );\n\n  const isOptionDisabled = React.useCallback((optionValue: string): boolean => {\n    return activeOptionsRef.current.get(optionValue)?.disabled ?? false;\n  }, []);\n\n  const registerDisabledOption = React.useCallback(\n    (optionValue: string, optionDisabled: boolean) => {\n      const existing = activeOptionsRef.current.get(optionValue);\n      if (existing) {\n        existing.disabled = optionDisabled;\n      }\n    },\n    [],\n  );\n\n  // registryVersion invalidates memo when options register\n  const contextValue: ComboboxContextValue = React.useMemo(() => {\n    void registryVersion;\n    return {\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      value: currentValue,\n      onValueChange: handleValueChange,\n      filterText,\n      setFilterText,\n      activeDescendantId,\n      setActiveDescendantId,\n      visibleCount,\n      setVisibleCount,\n      disabled,\n      freeText,\n      listboxId,\n      inputId,\n      listRef,\n      triggerRef,\n      highlightOnOpenRef,\n      registerOption,\n      unregisterOption,\n      getOptions,\n      getOptionLabel,\n      getOptionRef,\n      isOptionDisabled,\n      registerDisabledOption,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    };\n  }, [\n    currentOpen,\n    handleOpenChange,\n    currentValue,\n    handleValueChange,\n    filterText,\n    activeDescendantId,\n    visibleCount,\n    disabled,\n    freeText,\n    listboxId,\n    inputId,\n    registerOption,\n    unregisterOption,\n    getOptions,\n    getOptionLabel,\n    getOptionRef,\n    isOptionDisabled,\n    registerDisabledOption,\n    refs,\n    floatingStyles,\n    getReferenceProps,\n    getFloatingProps,\n    registryVersion,\n  ]);\n\n  return (\n    <ComboboxContext value={contextValue}>\n      {children}\n      {name !== undefined && (\n        <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n      )}\n    </ComboboxContext>\n  );\n}\n\nCombobox.displayName = \"Combobox\";\n\nexport { Combobox };\n"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["\"use client\";\n// > 200 lines: root orchestrates Floating UI, option registry, and context\n// value assembly; splitting further would scatter tightly coupled state.\nimport * as React from \"react\";\nimport {\n  useFloating,\n  useClick,\n  useDismiss,\n  useInteractions,\n  offset,\n  flip,\n  shift,\n  size,\n  autoUpdate,\n} from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useOptionRegistry } from \"@nuka/hooks/use-option-registry\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { ComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport type {\n  ComboboxProps,\n  ComboboxContextValue,\n} from \"@nuka/components/Combobox/Combobox.types\";\n\nfunction Combobox({\n  children,\n  value: controlledValue,\n  defaultValue,\n  onValueChange,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  disabled = false,\n  freeText = false,\n  name,\n}: ComboboxProps) {\n  const [currentValue, handleValueChange] = useControllableState(\n    controlledValue,\n    defaultValue,\n    onValueChange,\n  );\n  const [currentOpen, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n  const [filterText, setFilterText] = React.useState(\"\");\n  const [activeDescendantId, setActiveDescendantId] = React.useState<\n    string | undefined\n  >(undefined);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  // labelMapRef persists option labels across open/close for trigger display\n  const labelMapRef = React.useRef(new Map<string, string>());\n  const registry = useOptionRegistry();\n\n  const generatedId = React.useId();\n  const listboxId = `${generatedId}-listbox`;\n  const inputId = `${generatedId}-input`;\n  const listRef = React.useRef<HTMLDivElement | null>(null);\n  const triggerRef = React.useRef<HTMLButtonElement | null>(null);\n  const highlightOnOpenRef = React.useRef<\"first\" | \"last\" | null>(null);\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      setOpen(nextOpen);\n      if (!nextOpen) {\n        setFilterText(\"\");\n        setActiveDescendantId(undefined);\n      }\n    },\n    [setOpen],\n  );\n\n  // Restore focus to trigger when panel closes and focus is lost to body\n  const prevOpenRef = React.useRef(currentOpen);\n  React.useEffect(() => {\n    if (prevOpenRef.current && !currentOpen) {\n      requestAnimationFrame(() => {\n        const active = getActiveElement();\n        if (active === document.body || active === null) {\n          triggerRef.current?.focus();\n        }\n      });\n    }\n    prevOpenRef.current = currentOpen;\n  }, [currentOpen]);\n\n  // Floating UI: no useRole to avoid ARIA injection conflicts\n  const { refs, floatingStyles, context } = useFloating({\n    open: currentOpen,\n    onOpenChange: handleOpenChange,\n    placement: \"bottom-start\",\n    middleware: [\n      offset(4),\n      flip(),\n      shift({ padding: 8 }),\n      size({\n        apply({ rects, elements }) {\n          Object.assign(elements.floating.style, {\n            minWidth: `${String(rects.reference.width)}px`,\n          });\n        },\n      }),\n    ],\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context);\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n  ]);\n\n  // Wraps the hook's registerOption to also persist labels in labelMapRef\n  const registerOption = React.useCallback(\n    (optionValue: string, label: string, ref: HTMLElement | null) => {\n      labelMapRef.current.set(optionValue, label);\n      registry.registerOption(optionValue, label, ref);\n    },\n    [registry],\n  );\n\n  // Labels are read from labelMapRef so they persist across panel close/open\n  const getOptionLabel = React.useCallback(\n    (optionValue: string): string | undefined => {\n      return labelMapRef.current.get(optionValue);\n    },\n    [],\n  );\n\n  const contextValue: ComboboxContextValue = React.useMemo(() => {\n    void registry.registryVersion;\n    return {\n      open: currentOpen,\n      onOpenChange: handleOpenChange,\n      value: currentValue,\n      onValueChange: handleValueChange,\n      filterText,\n      setFilterText,\n      activeDescendantId,\n      setActiveDescendantId,\n      visibleCount,\n      setVisibleCount,\n      disabled,\n      freeText,\n      listboxId,\n      inputId,\n      listRef,\n      triggerRef,\n      highlightOnOpenRef,\n      registerOption,\n      unregisterOption: registry.unregisterOption,\n      getOptions: registry.getOptions,\n      getOptionLabel,\n      getOptionRef: registry.getOptionRef,\n      isOptionDisabled: registry.isOptionDisabled,\n      registerDisabledOption: registry.registerDisabledOption,\n      refs,\n      floatingStyles,\n      getReferenceProps,\n      getFloatingProps,\n    };\n  }, [\n    currentOpen,\n    handleOpenChange,\n    currentValue,\n    handleValueChange,\n    filterText,\n    activeDescendantId,\n    visibleCount,\n    disabled,\n    freeText,\n    listboxId,\n    inputId,\n    registerOption,\n    getOptionLabel,\n    registry,\n    refs,\n    floatingStyles,\n    getReferenceProps,\n    getFloatingProps,\n  ]);\n\n  return (\n    <ComboboxContext value={contextValue}>\n      {children}\n      {name !== undefined && (\n        <input type=\"hidden\" name={name} value={currentValue ?? \"\"} />\n      )}\n    </ComboboxContext>\n  );\n}\n\nCombobox.displayName = \"Combobox\";\n\nexport { Combobox };\n"],"mappings":";;;;;;;;;;;AAwBA,SAAS,EAAS,EAChB,aACA,OAAO,GACP,iBACA,kBACA,MAAM,GACN,iBAAc,IACd,iBACA,cAAW,IACX,cAAW,IACX,WACgB;CAChB,IAAM,CAAC,GAAc,KAAqB,EACxC,GACA,GACA,EACD,EACK,CAAC,GAAa,KAAW,EAC7B,GACA,GACA,EACD,EACK,CAAC,GAAY,KAAiB,EAAM,SAAS,GAAG,EAChD,CAAC,GAAoB,KAAyB,EAAM,SAExD,KAAA,EAAU,EACN,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAE,EAGnD,IAAc,EAAM,uBAAO,IAAI,KAAqB,CAAC,EACrD,IAAW,GAAmB,EAE9B,IAAc,EAAM,OAAO,EAC3B,IAAY,GAAG,EAAY,WAC3B,IAAU,GAAG,EAAY,SACzB,IAAU,EAAM,OAA8B,KAAK,EACnD,IAAa,EAAM,OAAiC,KAAK,EACzD,IAAqB,EAAM,OAAgC,KAAK,EAEhE,IAAmB,EAAM,aAC5B,MAAsB;AAErB,EADA,EAAQ,EAAS,EACZ,MACH,EAAc,GAAG,EACjB,EAAsB,KAAA,EAAU;IAGpC,CAAC,EAAQ,CACV,EAGK,IAAc,EAAM,OAAO,EAAY;AAC7C,GAAM,gBAAgB;AASpB,EARI,EAAY,WAAW,CAAC,KAC1B,4BAA4B;GAC1B,IAAM,IAAS,GAAkB;AACjC,IAAI,MAAW,SAAS,QAAQ,MAAW,SACzC,EAAW,SAAS,OAAO;IAE7B,EAEJ,EAAY,UAAU;IACrB,CAAC,EAAY,CAAC;CAGjB,IAAM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,YAAY;GACV,EAAO,EAAE;GACT,GAAM;GACN,EAAM,EAAE,SAAS,GAAG,CAAC;GACrB,EAAK,EACH,MAAM,EAAE,UAAO,eAAY;AACzB,WAAO,OAAO,EAAS,SAAS,OAAO,EACrC,UAAU,GAAG,OAAO,EAAM,UAAU,MAAM,CAAC,KAC5C,CAAC;MAEL,CAAC;GACH;EACD,sBAAsB;EACvB,CAAC,EAII,EAAE,sBAAmB,wBAAqB,EAAgB,CAFlD,EAAS,EAAQ,EACf,EAAW,EAAQ,CAIlC,CAAC,EAGI,IAAiB,EAAM,aAC1B,GAAqB,GAAe,MAA4B;AAE/D,EADA,EAAY,QAAQ,IAAI,GAAa,EAAM,EAC3C,EAAS,eAAe,GAAa,GAAO,EAAI;IAElD,CAAC,EAAS,CACX,EAGK,IAAiB,EAAM,aAC1B,MACQ,EAAY,QAAQ,IAAI,EAAY,EAE7C,EAAE,CACH;AAuDD,QACE,kBAAC,GAAD;EAAiB,OAtDwB,EAAM,eAC1C,EAAS,iBACP;GACL,MAAM;GACN,cAAc;GACd,OAAO;GACP,eAAe;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,kBAAkB,EAAS;GAC3B,YAAY,EAAS;GACrB;GACA,cAAc,EAAS;GACvB,kBAAkB,EAAS;GAC3B,wBAAwB,EAAS;GACjC;GACA;GACA;GACA;GACD,GACA;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;YAGA,CACG,GACA,MAAS,KAAA,KACR,kBAAC,SAAD;GAAO,MAAK;GAAe;GAAM,OAAO,KAAgB;GAAM,CAAA,CAEhD;;;AAItB,EAAS,cAAc"}

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

@@ -1,11 +1,6 @@
 import { useFloating, useInteractions } from '@floating-ui/react';
 import { ComboboxTriggerVariantProps } from './Combobox.variants';
 import type * as React from "react";
-export interface OptionEntry {
-    label: string;
-    ref: HTMLElement | null;
-    disabled: boolean;
-}
 export interface ComboboxProps {
     children: React.ReactNode;
     value?: string | undefined;
@@ -19,17 +14,22 @@ export interface ComboboxProps {
     name?: string;
 }
 export interface ComboboxTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">, ComboboxTriggerVariantProps {
+    ref?: React.Ref<HTMLButtonElement> | undefined;
     placeholder?: string;
 }
 export interface ComboboxContentProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     className?: string;
     children: React.ReactNode;
 }
 export interface ComboboxInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
+    ref?: React.Ref<HTMLInputElement> | undefined;
 }
 export interface ComboboxListboxProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
 }
 export interface ComboboxOptionProps {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     value: string;
     disabled?: boolean;
     className?: string;
@@ -37,9 +37,11 @@ export interface ComboboxOptionProps {
     onSelect?: () => void;
 }
 export interface ComboboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
     label?: string;
 }
 export interface ComboboxEmptyProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement> | undefined;
 }
 export interface ComboboxContextValue {
     open: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.types.ts"],"names":[],"mappings":"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"}

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`);var o=i.forwardRef(({className:e,children:i},o)=>{let s=r.useComboboxContext();return s.open?(0,a.jsx)(n.Portal,{children:(0,a.jsx)(`div`,{ref:e=>{typeof o==`function`?o(e):o!=null&&(o.current=e),s.refs.setFloating(e)},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`,e),children:i})}):(0,a.jsx)(`div`,{ref:o,hidden:!0,children:i})});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,...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;
 //# sourceMappingURL=ComboboxContent.cjs.map