@nuka-ui/core 1.1.3 → 1.1.4

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,

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxOption({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  onSelect,\n}: ComboboxOptionProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isSelected = ctx.value === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\n\n  const isFiltered =\n    ctx.filterText !== \"\" &&\n    !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n  const isActive = ctx.activeDescendantId === optionId;\n\n  React.useLayoutEffect(() => {\n    ctx.registerOption(value, label, internalRef.current);\n    return () => {\n      ctx.unregisterOption(value);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- register once on mount, unregister on unmount\n  }, []);\n\n  React.useEffect(() => {\n    ctx.registerDisabledOption(value, disabled);\n  }, [ctx, value, disabled]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      if (typeof internalRef.current.scrollIntoView === \"function\") {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={optionId}\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      className={cn(\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-sm\",\n        \"cursor-pointer\",\n        \"select-none\",\n        \"text-(--nuka-text-base)\",\n        disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n        isSelected &&\n          !isActive &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isActive && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAe,EACtB,QACA,UACA,cAAW,IACX,cACA,aACA,eACsB;CACtB,IAAM,IAAM,GAAoB,EAC1B,IAAc,EAAM,OAAuB,KAAK,EAEhD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN,EAEK,IAAa,EAAI,UAAU,GAC3B,IAAW,GAAG,EAAI,UAAU,UAAU,KACtC,IAAQ,EAAS,EAAS,EAE1B,IACJ,EAAI,eAAe,MACnB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,WAAW,aAAa,CAAC,EAEvD,IAAW,EAAI,uBAAuB;AA6B5C,QA3BA,EAAM,uBACJ,EAAI,eAAe,GAAO,GAAO,EAAY,QAAQ,QACxC;AACX,IAAI,iBAAiB,EAAM;KAG5B,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,IAAI,uBAAuB,GAAO,EAAS;IAC1C;EAAC;EAAK;EAAO;EAAS,CAAC,EAE1B,EAAM,gBAAgB;AACpB,EAAI,KAAY,EAAY,WAAW,QACjC,OAAO,EAAY,QAAQ,kBAAmB,cAChD,EAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;IAG3D,CAAC,EAAS,CAAC,EAUZ,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,WAAW,EACT,iCACA,WACA,kBACA,eACA,2BACA,KAAY,qDACZ,KACE,CAAC,KACD,0DACF,KAAY,qCACZ,CAAC,KAAc,CAAC,KAAY,CAAC,KAAY,8BACzC,EACD;EACD,eA7BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,KAAY,EACZ,EAAI,aAAa,GAAM;;EA2BpB;EACG,CAAA;;AAIV,EAAe,cAAc"}
+{"version":3,"file":"ComboboxOption.js","names":[],"sources":["../../../src/components/Combobox/ComboboxOption.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport type { ComboboxOptionProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\nimport { getLabel } from \"@nuka/components/Combobox/Combobox.utils\";\n\nfunction ComboboxOption({\n  ref,\n  value,\n  disabled = false,\n  className,\n  children,\n  onSelect,\n}: ComboboxOptionProps) {\n  const ctx = useComboboxContext();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n    },\n    [ref],\n  );\n\n  const isSelected = ctx.value === value;\n  const optionId = `${ctx.listboxId}-option-${value}`;\n  const label = getLabel(children);\n\n  const isFiltered =\n    ctx.filterText !== \"\" &&\n    !label.toLowerCase().includes(ctx.filterText.toLowerCase());\n\n  const isActive = ctx.activeDescendantId === optionId;\n\n  React.useLayoutEffect(() => {\n    ctx.registerOption(value, label, internalRef.current);\n    return () => {\n      ctx.unregisterOption(value);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- register once on mount, unregister on unmount\n  }, []);\n\n  React.useEffect(() => {\n    ctx.registerDisabledOption(value, disabled);\n  }, [ctx, value, disabled]);\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      if (typeof internalRef.current.scrollIntoView === \"function\") {\n        internalRef.current.scrollIntoView({ block: \"nearest\" });\n      }\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    ctx.onValueChange(value);\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={optionId}\n      data-slot=\"item\"\n      role=\"option\"\n      aria-selected={isSelected}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      className={cn(\n        \"px-(--space-3) py-(--space-2)\",\n        \"text-sm\",\n        \"cursor-pointer\",\n        \"select-none\",\n        \"text-(--nuka-text-base)\",\n        disabled && \"opacity-50 cursor-not-allowed pointer-events-none\",\n        isSelected &&\n          !isActive &&\n          \"bg-(--nuka-accent-bg-subtle) text-(--nuka-accent-text)\",\n        isActive && \"bg-(--nuka-bg-muted) outline-none\",\n        !isSelected && !isActive && !disabled && \"hover:bg-(--nuka-bg-muted)\",\n        className,\n      )}\n      onClick={handleClick}\n    >\n      {children}\n    </div>\n  );\n}\n\nComboboxOption.displayName = \"ComboboxOption\";\n\nexport { ComboboxOption };\n"],"mappings":";;;;;;;AAOA,SAAS,EAAe,EACtB,QACA,UACA,cAAW,IACX,cACA,aACA,eACsB;CACtB,IAAM,IAAM,GAAoB,EAC1B,IAAc,EAAM,OAAuB,KAAK,EAEhD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU;IAEtC,CAAC,EAAI,CACN,EAEK,IAAa,EAAI,UAAU,GAC3B,IAAW,GAAG,EAAI,UAAU,UAAU,KACtC,IAAQ,EAAS,EAAS,EAE1B,IACJ,EAAI,eAAe,MACnB,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,WAAW,aAAa,CAAC,EAEvD,IAAW,EAAI,uBAAuB;AA6B5C,QA3BA,EAAM,uBACJ,EAAI,eAAe,GAAO,GAAO,EAAY,QAAQ,QACxC;AACX,IAAI,iBAAiB,EAAM;KAG5B,EAAE,CAAC,EAEN,EAAM,gBAAgB;AACpB,IAAI,uBAAuB,GAAO,EAAS;IAC1C;EAAC;EAAK;EAAO;EAAS,CAAC,EAE1B,EAAM,gBAAgB;AACpB,EAAI,KAAY,EAAY,WAAW,QACjC,OAAO,EAAY,QAAQ,kBAAmB,cAChD,EAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;IAG3D,CAAC,EAAS,CAAC,EAUZ,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,aAAU;EACV,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,WAAW,EACT,iCACA,WACA,kBACA,eACA,2BACA,KAAY,qDACZ,KACE,CAAC,KACD,0DACF,KAAY,qCACZ,CAAC,KAAc,CAAC,KAAY,CAAC,KAAY,8BACzC,EACD;EACD,eA9BsB;AACpB,SACJ,EAAI,cAAc,EAAM,EACxB,KAAY,EACZ,EAAI,aAAa,GAAM;;EA4BpB;EACG,CAAA;;AAIV,EAAe,cAAc"}

package/dist/components/Combobox/ComboboxTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Combobox.context.cjs`),o=require(`./Combobox.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({ref:e,className:l,placeholder:u,intent:d,size:f,disabled:p,onKeyDown:m,onClick:h,...g}){let _=a.useComboboxContext(),v=r.useFormField(),y=i.useFormFieldProps({id:g.id,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`],"aria-required":g[`aria-required`]}),b=p??_.disabled,x=g[`aria-labelledby`]??(v.labelId||void 0),S=_.value===void 0?void 0:_.getOptionLabel(_.value),C=g[`aria-label`]??(x===void 0?S??u??`Select`:void 0),w=s.useCallback(t=>{typeof e==`function`?e(t):e!=null&&(e.current=t),_.triggerRef.current=t,_.refs.setReference(t)},[e,_.triggerRef,_.refs]),T=_.getReferenceProps({onKeyDown:e=>{if(m?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`first`,_.onOpenChange(!0));break;case`ArrowUp`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`last`,_.onOpenChange(!0));break;default:e.key.length===1&&e.key!==` `&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&!_.open&&(e.preventDefault(),_.setFilterText(e.key),_.onOpenChange(!0));break}},onClick:e=>{h?.(e)}});return(0,c.jsxs)(`button`,{...g,...T,ref:w,type:`button`,id:y.resolvedId,"aria-haspopup":`listbox`,"aria-expanded":_.open,"aria-controls":_.open?_.listboxId:void 0,"aria-label":C,"aria-labelledby":x,"aria-invalid":y.ariaInvalid,"aria-describedby":y.ariaDescribedBy,"aria-required":y.ariaRequired,disabled:b,className:t.cn(o.comboboxTriggerVariants({intent:d,size:f}),l),children:[(0,c.jsx)(`span`,{className:t.cn(`truncate`,S===void 0&&`text-(--nuka-text-muted)`),children:S??u}),(0,c.jsx)(n.Icon,{size:`sm`,color:`muted`,className:t.cn(`transition-transform duration-150`,_.open&&`rotate-180`),children:(0,c.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,c.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})}l.displayName=`ComboboxTrigger`,exports.ComboboxTrigger=l;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Icon/Icon.cjs`),r=require(`../FormField/FormField.context.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`./Combobox.context.cjs`),o=require(`./Combobox.variants.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l({ref:e,className:l,placeholder:u,intent:d,size:f,disabled:p,onKeyDown:m,onClick:h,...g}){let _=a.useComboboxContext(),v=r.useFormField(),y=i.useFormFieldProps({id:g.id,"aria-invalid":g[`aria-invalid`],"aria-describedby":g[`aria-describedby`],"aria-required":g[`aria-required`]}),b=p??_.disabled,x=g[`aria-labelledby`]??(v.labelId||void 0),S=_.value===void 0?void 0:_.getOptionLabel(_.value),C=g[`aria-label`]??(x===void 0?S??u??`Select`:void 0),w=s.useCallback(t=>{typeof e==`function`?e(t):e!=null&&(e.current=t),_.triggerRef.current=t,_.refs.setReference(t)},[e,_.triggerRef,_.refs]),T=_.getReferenceProps({onKeyDown:e=>{if(m?.(e),!e.defaultPrevented)switch(e.key){case`ArrowDown`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`first`,_.onOpenChange(!0));break;case`ArrowUp`:e.preventDefault(),_.open||(_.highlightOnOpenRef.current=`last`,_.onOpenChange(!0));break;default:e.key.length===1&&e.key!==` `&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&!_.open&&(e.preventDefault(),_.setFilterText(e.key),_.onOpenChange(!0));break}},onClick:e=>{h?.(e)}});return(0,c.jsxs)(`button`,{...g,...T,ref:w,type:`button`,id:y.resolvedId,"data-slot":`trigger`,"aria-haspopup":`listbox`,"aria-expanded":_.open,"aria-controls":_.open?_.listboxId:void 0,"aria-label":C,"aria-labelledby":x,"aria-invalid":y.ariaInvalid,"aria-describedby":y.ariaDescribedBy,"aria-required":y.ariaRequired,disabled:b,className:t.cn(o.comboboxTriggerVariants({intent:d,size:f}),l),children:[(0,c.jsx)(`span`,{className:t.cn(`truncate`,S===void 0&&`text-(--nuka-text-muted)`),children:S??u}),(0,c.jsx)(n.Icon,{size:`sm`,color:`muted`,className:t.cn(`transition-transform duration-150`,_.open&&`rotate-180`),children:(0,c.jsx)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:(0,c.jsx)(`path`,{d:`m6 9 6 6 6-6`})})})]})}l.displayName=`ComboboxTrigger`,exports.ComboboxTrigger=l;
 //# sourceMappingURL=ComboboxTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size: sizeProp,\n  disabled: disabledProp,\n  onKeyDown: propsOnKeyDown,\n  onClick: propsOnClick,\n  ...props\n}: ComboboxTriggerProps) {\n  const ctx = useComboboxContext();\n  const formCtx = useFormField();\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const composedRef = React.useCallback(\n    (node: HTMLButtonElement | null) => {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n      ctx.triggerRef.current = node;\n      ctx.refs.setReference(node);\n    },\n    [ref, ctx.triggerRef, ctx.refs],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    propsOnKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"first\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"last\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      default: {\n        if (\n          e.key.length === 1 &&\n          e.key !== \" \" &&\n          !e.ctrlKey &&\n          !e.metaKey &&\n          !e.altKey &&\n          !ctx.open\n        ) {\n          e.preventDefault();\n          ctx.setFilterText(e.key);\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    propsOnClick?.(e);\n  };\n\n  const referenceProps = ctx.getReferenceProps({\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n  });\n\n  return (\n    <button\n      {...props}\n      {...referenceProps}\n      ref={composedRef}\n      type=\"button\"\n      id={field.resolvedId}\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.open ? ctx.listboxId : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(\n        comboboxTriggerVariants({ intent, size: sizeProp }),\n        className,\n      )}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <Icon\n        size=\"sm\"\n        color=\"muted\"\n        className={cn(\n          \"transition-transform duration-150\",\n          ctx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":"yXAUA,SAAS,EAAgB,CACvB,MACA,YACA,cACA,SACA,KAAM,EACN,SAAU,EACV,UAAW,EACX,QAAS,EACT,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAU,EAAA,cAAc,CACxB,EAAQ,EAAA,kBAAkB,CAC9B,GAAI,EAAM,GACV,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EAAmB,GAAgB,EAAI,SAEvC,EACJ,EAAM,qBAAuB,EAAQ,SAAW,IAAA,IAE5C,EACJ,EAAI,QAAU,IAAA,GAA4C,IAAA,GAAhC,EAAI,eAAe,EAAI,MAAM,CAEnD,EACJ,EAAM,gBACL,IAAmB,IAAA,GACf,GAAgB,GAAe,SAChC,IAAA,IAEA,EAAc,EAAM,YACvB,GAAmC,CAC9B,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,WAAW,QAAU,EACzB,EAAI,KAAK,aAAa,EAAK,EAE7B,CAAC,EAAK,EAAI,WAAY,EAAI,KAAK,CAChC,CA6CK,EAAiB,EAAI,kBAAkB,CAC3C,UA5CqB,GAA8C,CACnE,OAAiB,EAAE,CACf,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,YACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,QACjC,EAAI,aAAa,GAAK,EAExB,MAEF,IAAK,UACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,OACjC,EAAI,aAAa,GAAK,EAExB,MAEF,QAEI,EAAE,IAAI,SAAW,GACjB,EAAE,MAAQ,KACV,CAAC,EAAE,SACH,CAAC,EAAE,SACH,CAAC,EAAE,QACH,CAAC,EAAI,OAEL,EAAE,gBAAgB,CAClB,EAAI,cAAc,EAAE,IAAI,CACxB,EAAI,aAAa,GAAK,EAExB,QAWJ,QANmB,GAA2C,CAC9D,IAAe,EAAE,EAMlB,CAAC,CAEF,OACE,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,EACJ,GAAI,EACJ,IAAK,EACL,KAAK,SACL,GAAI,EAAM,WACV,gBAAc,UACd,gBAAe,EAAI,KACnB,gBAAe,EAAI,KAAO,EAAI,UAAY,IAAA,GAC1C,aAAY,EACZ,kBAAiB,EACjB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,SAAU,EACV,UAAW,EAAA,GACT,EAAA,wBAAwB,CAAE,SAAQ,KAAM,EAAU,CAAC,CACnD,EACD,UAlBH,EAoBE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,WACA,IAAiB,IAAA,IAAa,2BAC/B,UAEA,GAAgB,EACZ,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GACT,oCACA,EAAI,MAAQ,aACb,WAED,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CACD,CAAA,CACA,GAIb,EAAgB,YAAc"}
+{"version":3,"file":"ComboboxTrigger.cjs","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size: sizeProp,\n  disabled: disabledProp,\n  onKeyDown: propsOnKeyDown,\n  onClick: propsOnClick,\n  ...props\n}: ComboboxTriggerProps) {\n  const ctx = useComboboxContext();\n  const formCtx = useFormField();\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const composedRef = React.useCallback(\n    (node: HTMLButtonElement | null) => {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n      ctx.triggerRef.current = node;\n      ctx.refs.setReference(node);\n    },\n    [ref, ctx.triggerRef, ctx.refs],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    propsOnKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"first\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"last\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      default: {\n        if (\n          e.key.length === 1 &&\n          e.key !== \" \" &&\n          !e.ctrlKey &&\n          !e.metaKey &&\n          !e.altKey &&\n          !ctx.open\n        ) {\n          e.preventDefault();\n          ctx.setFilterText(e.key);\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    propsOnClick?.(e);\n  };\n\n  const referenceProps = ctx.getReferenceProps({\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n  });\n\n  return (\n    <button\n      {...props}\n      {...referenceProps}\n      ref={composedRef}\n      type=\"button\"\n      id={field.resolvedId}\n      data-slot=\"trigger\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.open ? ctx.listboxId : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(\n        comboboxTriggerVariants({ intent, size: sizeProp }),\n        className,\n      )}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <Icon\n        size=\"sm\"\n        color=\"muted\"\n        className={cn(\n          \"transition-transform duration-150\",\n          ctx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":"yXAUA,SAAS,EAAgB,CACvB,MACA,YACA,cACA,SACA,KAAM,EACN,SAAU,EACV,UAAW,EACX,QAAS,EACT,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,oBAAoB,CAC1B,EAAU,EAAA,cAAc,CACxB,EAAQ,EAAA,kBAAkB,CAC9B,GAAI,EAAM,GACV,eAAgB,EAAM,gBACtB,mBAAoB,EAAM,oBAC1B,gBAAiB,EAAM,iBACxB,CAAC,CAEI,EAAmB,GAAgB,EAAI,SAEvC,EACJ,EAAM,qBAAuB,EAAQ,SAAW,IAAA,IAE5C,EACJ,EAAI,QAAU,IAAA,GAA4C,IAAA,GAAhC,EAAI,eAAe,EAAI,MAAM,CAEnD,EACJ,EAAM,gBACL,IAAmB,IAAA,GACf,GAAgB,GAAe,SAChC,IAAA,IAEA,EAAc,EAAM,YACvB,GAAmC,CAC9B,OAAO,GAAQ,WAAY,EAAI,EAAK,CAC/B,GAAO,OAAM,EAAI,QAAU,GACpC,EAAI,WAAW,QAAU,EACzB,EAAI,KAAK,aAAa,EAAK,EAE7B,CAAC,EAAK,EAAI,WAAY,EAAI,KAAK,CAChC,CA6CK,EAAiB,EAAI,kBAAkB,CAC3C,UA5CqB,GAA8C,CACnE,OAAiB,EAAE,CACf,GAAE,iBAEN,OAAQ,EAAE,IAAV,CACE,IAAK,YACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,QACjC,EAAI,aAAa,GAAK,EAExB,MAEF,IAAK,UACH,EAAE,gBAAgB,CACb,EAAI,OACP,EAAI,mBAAmB,QAAU,OACjC,EAAI,aAAa,GAAK,EAExB,MAEF,QAEI,EAAE,IAAI,SAAW,GACjB,EAAE,MAAQ,KACV,CAAC,EAAE,SACH,CAAC,EAAE,SACH,CAAC,EAAE,QACH,CAAC,EAAI,OAEL,EAAE,gBAAgB,CAClB,EAAI,cAAc,EAAE,IAAI,CACxB,EAAI,aAAa,GAAK,EAExB,QAWJ,QANmB,GAA2C,CAC9D,IAAe,EAAE,EAMlB,CAAC,CAEF,OACE,EAAA,EAAA,MAAC,SAAD,CACE,GAAI,EACJ,GAAI,EACJ,IAAK,EACL,KAAK,SACL,GAAI,EAAM,WACV,YAAU,UACV,gBAAc,UACd,gBAAe,EAAI,KACnB,gBAAe,EAAI,KAAO,EAAI,UAAY,IAAA,GAC1C,aAAY,EACZ,kBAAiB,EACjB,eAAc,EAAM,YACpB,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,SAAU,EACV,UAAW,EAAA,GACT,EAAA,wBAAwB,CAAE,SAAQ,KAAM,EAAU,CAAC,CACnD,EACD,UAnBH,EAqBE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,EAAA,GACT,WACA,IAAiB,IAAA,IAAa,2BAC/B,UAEA,GAAgB,EACZ,CAAA,EACP,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,KAAK,KACL,MAAM,QACN,UAAW,EAAA,GACT,oCACA,EAAI,MAAQ,aACb,WAED,EAAA,EAAA,KAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,kBAEf,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,eAAiB,CAAA,CACrB,CAAA,CACD,CAAA,CACA,GAIb,EAAgB,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,WAAW,EACX,MAAM,EACN,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAqItB;kBA/IQ,eAAe;;;AAmJxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAGrF,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,WAAW,EACX,MAAM,EACN,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,EACrB,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAsItB;kBAhJQ,eAAe;;;AAoJxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Combobox/ComboboxTrigger.js

@@ -44,6 +44,7 @@ function l({ ref: l, className: u, placeholder: d, intent: f, size: p, disabled:
 		ref: T,
 		type: "button",
 		id: b.resolvedId,
+		"data-slot": "trigger",
 		"aria-haspopup": "listbox",
 		"aria-expanded": v.open,
 		"aria-controls": v.open ? v.listboxId : void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.js","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size: sizeProp,\n  disabled: disabledProp,\n  onKeyDown: propsOnKeyDown,\n  onClick: propsOnClick,\n  ...props\n}: ComboboxTriggerProps) {\n  const ctx = useComboboxContext();\n  const formCtx = useFormField();\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const composedRef = React.useCallback(\n    (node: HTMLButtonElement | null) => {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n      ctx.triggerRef.current = node;\n      ctx.refs.setReference(node);\n    },\n    [ref, ctx.triggerRef, ctx.refs],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    propsOnKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"first\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"last\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      default: {\n        if (\n          e.key.length === 1 &&\n          e.key !== \" \" &&\n          !e.ctrlKey &&\n          !e.metaKey &&\n          !e.altKey &&\n          !ctx.open\n        ) {\n          e.preventDefault();\n          ctx.setFilterText(e.key);\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    propsOnClick?.(e);\n  };\n\n  const referenceProps = ctx.getReferenceProps({\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n  });\n\n  return (\n    <button\n      {...props}\n      {...referenceProps}\n      ref={composedRef}\n      type=\"button\"\n      id={field.resolvedId}\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.open ? ctx.listboxId : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(\n        comboboxTriggerVariants({ intent, size: sizeProp }),\n        className,\n      )}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <Icon\n        size=\"sm\"\n        color=\"muted\"\n        className={cn(\n          \"transition-transform duration-150\",\n          ctx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":";;;;;;;;;;AAUA,SAAS,EAAgB,EACvB,QACA,cACA,gBACA,WACA,MAAM,GACN,UAAU,GACV,WAAW,GACX,SAAS,GACT,GAAG,KACoB;CACvB,IAAM,IAAM,GAAoB,EAC1B,IAAU,GAAc,EACxB,IAAQ,EAAkB;EAC9B,IAAI,EAAM;EACV,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IAAmB,KAAgB,EAAI,UAEvC,IACJ,EAAM,uBAAuB,EAAQ,WAAW,KAAA,IAE5C,IACJ,EAAI,UAAU,KAAA,IAA4C,KAAA,IAAhC,EAAI,eAAe,EAAI,MAAM,EAEnD,IACJ,EAAM,kBACL,MAAmB,KAAA,IACf,KAAgB,KAAe,WAChC,KAAA,IAEA,IAAc,EAAM,aACvB,MAAmC;AAIlC,EAHI,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,WAAW,UAAU,GACzB,EAAI,KAAK,aAAa,EAAK;IAE7B;EAAC;EAAK,EAAI;EAAY,EAAI;EAAK,CAChC,EA6CK,IAAiB,EAAI,kBAAkB;EAC3C,YA5CqB,MAA8C;AACnE,WAAiB,EAAE,EACf,GAAE,iBAEN,SAAQ,EAAE,KAAV;IACE,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,SACjC,EAAI,aAAa,GAAK;AAExB;IAEF,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,QACjC,EAAI,aAAa,GAAK;AAExB;IAEF;AACE,KACE,EAAE,IAAI,WAAW,KACjB,EAAE,QAAQ,OACV,CAAC,EAAE,WACH,CAAC,EAAE,WACH,CAAC,EAAE,UACH,CAAC,EAAI,SAEL,EAAE,gBAAgB,EAClB,EAAI,cAAc,EAAE,IAAI,EACxB,EAAI,aAAa,GAAK;AAExB;;;EAWJ,UANmB,MAA2C;AAC9D,OAAe,EAAE;;EAMlB,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAK;EACL,IAAI,EAAM;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,iBAAe,EAAI,OAAO,EAAI,YAAY,KAAA;EAC1C,cAAY;EACZ,mBAAiB;EACjB,gBAAc,EAAM;EACpB,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,UAAU;EACV,WAAW,EACT,EAAwB;GAAE;GAAQ,MAAM;GAAU,CAAC,EACnD,EACD;YAlBH,CAoBE,kBAAC,QAAD;GACE,WAAW,EACT,YACA,MAAiB,KAAA,KAAa,2BAC/B;aAEA,KAAgB;GACZ,CAAA,EACP,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACN,WAAW,EACT,qCACA,EAAI,QAAQ,aACb;aAED,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACD,CAAA,CACA;;;AAIb,EAAgB,cAAc"}
+{"version":3,"file":"ComboboxTrigger.js","names":[],"sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useFormField } from \"@nuka/components/FormField\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { comboboxTriggerVariants } from \"@nuka/components/Combobox/Combobox.variants\";\nimport type { ComboboxTriggerProps } from \"@nuka/components/Combobox/Combobox.types\";\nimport { useComboboxContext } from \"@nuka/components/Combobox/Combobox.context\";\n\nfunction ComboboxTrigger({\n  ref,\n  className,\n  placeholder,\n  intent,\n  size: sizeProp,\n  disabled: disabledProp,\n  onKeyDown: propsOnKeyDown,\n  onClick: propsOnClick,\n  ...props\n}: ComboboxTriggerProps) {\n  const ctx = useComboboxContext();\n  const formCtx = useFormField();\n  const field = useFormFieldProps({\n    id: props.id,\n    \"aria-invalid\": props[\"aria-invalid\"],\n    \"aria-describedby\": props[\"aria-describedby\"],\n    \"aria-required\": props[\"aria-required\"],\n  });\n\n  const resolvedDisabled = disabledProp ?? ctx.disabled;\n\n  const ariaLabelledBy =\n    props[\"aria-labelledby\"] ?? (formCtx.labelId || undefined);\n\n  const displayLabel =\n    ctx.value !== undefined ? ctx.getOptionLabel(ctx.value) : undefined;\n\n  const ariaLabel =\n    props[\"aria-label\"] ??\n    (ariaLabelledBy === undefined\n      ? (displayLabel ?? placeholder ?? \"Select\")\n      : undefined);\n\n  const composedRef = React.useCallback(\n    (node: HTMLButtonElement | null) => {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref != null) ref.current = node;\n      ctx.triggerRef.current = node;\n      ctx.refs.setReference(node);\n    },\n    [ref, ctx.triggerRef, ctx.refs],\n  );\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\n    propsOnKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"first\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!ctx.open) {\n          ctx.highlightOnOpenRef.current = \"last\";\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n      default: {\n        if (\n          e.key.length === 1 &&\n          e.key !== \" \" &&\n          !e.ctrlKey &&\n          !e.metaKey &&\n          !e.altKey &&\n          !ctx.open\n        ) {\n          e.preventDefault();\n          ctx.setFilterText(e.key);\n          ctx.onOpenChange(true);\n        }\n        break;\n      }\n    }\n  };\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    propsOnClick?.(e);\n  };\n\n  const referenceProps = ctx.getReferenceProps({\n    onKeyDown: handleKeyDown,\n    onClick: handleClick,\n  });\n\n  return (\n    <button\n      {...props}\n      {...referenceProps}\n      ref={composedRef}\n      type=\"button\"\n      id={field.resolvedId}\n      data-slot=\"trigger\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open}\n      aria-controls={ctx.open ? ctx.listboxId : undefined}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-invalid={field.ariaInvalid}\n      aria-describedby={field.ariaDescribedBy}\n      aria-required={field.ariaRequired}\n      disabled={resolvedDisabled}\n      className={cn(\n        comboboxTriggerVariants({ intent, size: sizeProp }),\n        className,\n      )}\n    >\n      <span\n        className={cn(\n          \"truncate\",\n          displayLabel === undefined && \"text-(--nuka-text-muted)\",\n        )}\n      >\n        {displayLabel ?? placeholder}\n      </span>\n      <Icon\n        size=\"sm\"\n        color=\"muted\"\n        className={cn(\n          \"transition-transform duration-150\",\n          ctx.open && \"rotate-180\",\n        )}\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        >\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      </Icon>\n    </button>\n  );\n}\n\nComboboxTrigger.displayName = \"ComboboxTrigger\";\n\nexport { ComboboxTrigger };\n"],"mappings":";;;;;;;;;;AAUA,SAAS,EAAgB,EACvB,QACA,cACA,gBACA,WACA,MAAM,GACN,UAAU,GACV,WAAW,GACX,SAAS,GACT,GAAG,KACoB;CACvB,IAAM,IAAM,GAAoB,EAC1B,IAAU,GAAc,EACxB,IAAQ,EAAkB;EAC9B,IAAI,EAAM;EACV,gBAAgB,EAAM;EACtB,oBAAoB,EAAM;EAC1B,iBAAiB,EAAM;EACxB,CAAC,EAEI,IAAmB,KAAgB,EAAI,UAEvC,IACJ,EAAM,uBAAuB,EAAQ,WAAW,KAAA,IAE5C,IACJ,EAAI,UAAU,KAAA,IAA4C,KAAA,IAAhC,EAAI,eAAe,EAAI,MAAM,EAEnD,IACJ,EAAM,kBACL,MAAmB,KAAA,IACf,KAAgB,KAAe,WAChC,KAAA,IAEA,IAAc,EAAM,aACvB,MAAmC;AAIlC,EAHI,OAAO,KAAQ,aAAY,EAAI,EAAK,GAC/B,KAAO,SAAM,EAAI,UAAU,IACpC,EAAI,WAAW,UAAU,GACzB,EAAI,KAAK,aAAa,EAAK;IAE7B;EAAC;EAAK,EAAI;EAAY,EAAI;EAAK,CAChC,EA6CK,IAAiB,EAAI,kBAAkB;EAC3C,YA5CqB,MAA8C;AACnE,WAAiB,EAAE,EACf,GAAE,iBAEN,SAAQ,EAAE,KAAV;IACE,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,SACjC,EAAI,aAAa,GAAK;AAExB;IAEF,KAAK;AAEH,KADA,EAAE,gBAAgB,EACb,EAAI,SACP,EAAI,mBAAmB,UAAU,QACjC,EAAI,aAAa,GAAK;AAExB;IAEF;AACE,KACE,EAAE,IAAI,WAAW,KACjB,EAAE,QAAQ,OACV,CAAC,EAAE,WACH,CAAC,EAAE,WACH,CAAC,EAAE,UACH,CAAC,EAAI,SAEL,EAAE,gBAAgB,EAClB,EAAI,cAAc,EAAE,IAAI,EACxB,EAAI,aAAa,GAAK;AAExB;;;EAWJ,UANmB,MAA2C;AAC9D,OAAe,EAAE;;EAMlB,CAAC;AAEF,QACE,kBAAC,UAAD;EACE,GAAI;EACJ,GAAI;EACJ,KAAK;EACL,MAAK;EACL,IAAI,EAAM;EACV,aAAU;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,iBAAe,EAAI,OAAO,EAAI,YAAY,KAAA;EAC1C,cAAY;EACZ,mBAAiB;EACjB,gBAAc,EAAM;EACpB,oBAAkB,EAAM;EACxB,iBAAe,EAAM;EACrB,UAAU;EACV,WAAW,EACT,EAAwB;GAAE;GAAQ,MAAM;GAAU,CAAC,EACnD,EACD;YAnBH,CAqBE,kBAAC,QAAD;GACE,WAAW,EACT,YACA,MAAiB,KAAA,KAAa,2BAC/B;aAEA,KAAgB;GACZ,CAAA,EACP,kBAAC,GAAD;GACE,MAAK;GACL,OAAM;GACN,WAAW,EACT,qCACA,EAAI,QAAQ,aACb;aAED,kBAAC,OAAD;IACE,OAAM;IACN,SAAQ;IACR,MAAK;IACL,QAAO;IACP,aAAY;IACZ,eAAc;IACd,gBAAe;cAEf,kBAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;IACrB,CAAA;GACD,CAAA,CACA;;;AAIb,EAAgB,cAAc"}

package/dist/components/CommandMenu/CommandMenu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/get-active-element.cjs`),r=require(`../../hooks/use-controllable-state.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`./CommandMenu.context.cjs`),c=require(`./CommandMenu.utils.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d({children:e,open:d,defaultOpen:f=!1,onOpenChange:p}){let[m,h]=r.useControllableState(d,f,p),[g,_]=l.useState(``),[v,y]=l.useState(null),[b,x]=l.useState(0),S=l.useId(),C=`${S}-listbox`,w=`${S}-input`,T=l.useRef(null),E=l.useRef(null);a.useScrollLock(m),o.useEscapeKey(l.useCallback(()=>h(!1),[h]),m),l.useEffect(()=>{if(!m)return;let e=c.getVisibleItems(T).length;x(e)},[m,g]),l.useEffect(()=>{m?E.current=n.getActiveElement():E.current!=null&&(E.current.focus(),E.current=null)},[m]),l.useEffect(()=>{m||(_(``),y(null))},[m]);let D=l.useMemo(()=>({open:m,onOpenChange:h,filter:g,setFilter:_,activeItemId:v,setActiveItemId:y,visibleCount:b,baseId:S,listboxId:C,inputId:w,listRef:T}),[m,h,g,v,b,S,C,w]);return m?(0,u.jsx)(s.CommandMenuContext,{value:D,children:(0,u.jsxs)(i.Portal,{children:[(0,u.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`),onClick:()=>h(!1),"aria-hidden":`true`}),(0,u.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":`Command menu`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-[20%] -translate-x-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)`,`overflow-hidden`),children:e})]})}):null}d.displayName=`CommandMenu`,exports.CommandMenu=d;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/get-active-element.cjs`),r=require(`../../hooks/use-controllable-state.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`./CommandMenu.context.cjs`),c=require(`./CommandMenu.utils.cjs`);let l=require(`react`);l=e.__toESM(l,1);let u=require(`react/jsx-runtime`);function d({children:e,open:d,defaultOpen:f=!1,onOpenChange:p}){let[m,h]=r.useControllableState(d,f,p),[g,_]=l.useState(``),[v,y]=l.useState(null),[b,x]=l.useState(0),S=l.useId(),C=`${S}-listbox`,w=`${S}-input`,T=l.useRef(null),E=l.useRef(null);a.useScrollLock(m),o.useEscapeKey(l.useCallback(()=>h(!1),[h]),m),l.useEffect(()=>{if(!m)return;let e=c.getVisibleItems(T).length;x(e)},[m,g]),l.useEffect(()=>{m?E.current=n.getActiveElement():E.current!=null&&(E.current.focus(),E.current=null)},[m]),l.useEffect(()=>{m||(_(``),y(null))},[m]);let D=l.useMemo(()=>({open:m,onOpenChange:h,filter:g,setFilter:_,activeItemId:v,setActiveItemId:y,visibleCount:b,baseId:S,listboxId:C,inputId:w,listRef:T}),[m,h,g,v,b,S,C,w]);return m?(0,u.jsx)(s.CommandMenuContext,{value:D,children:(0,u.jsxs)(i.Portal,{children:[(0,u.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`),"data-slot":`overlay`,onClick:()=>h(!1),"aria-hidden":`true`}),(0,u.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":`Command menu`,"data-slot":`dialog`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-[20%] -translate-x-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)`,`overflow-hidden`),children:e})]})}):null}d.displayName=`CommandMenu`,exports.CommandMenu=d;
 //# sourceMappingURL=CommandMenu.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { CommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport { getVisibleItems } from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction CommandMenu({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: CommandMenuProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const [filter, setFilter] = React.useState(\"\");\n  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  const baseId = React.useId();\n  const listboxId = `${baseId}-listbox`;\n  const inputId = `${baseId}-input`;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const restoreRef = React.useRef<HTMLElement | null>(null);\n\n  useScrollLock(open);\n  useEscapeKey(\n    React.useCallback(() => setOpen(false), [setOpen]),\n    open,\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const count = getVisibleItems(listRef).length;\n    setVisibleCount(count);\n  }, [open, filter]);\n\n  React.useEffect(() => {\n    if (open) {\n      restoreRef.current = getActiveElement() as HTMLElement | null;\n    } else if (restoreRef.current != null) {\n      restoreRef.current.focus();\n      restoreRef.current = null;\n    }\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }, [open]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n    ],\n  );\n\n  if (!open) return null;\n\n  return (\n    <CommandMenuContext value={contextValue}>\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n          )}\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"left-1/2 top-[20%] -translate-x-1/2\",\n            \"w-full max-w-lg\",\n            \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)\",\n            \"overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    </CommandMenuContext>\n  );\n}\n\nCommandMenu.displayName = \"CommandMenu\";\n\nexport { CommandMenu };\n"],"mappings":"6dAkBA,SAAS,EAAY,CACnB,WACA,KAAM,EACN,cAAc,GACd,gBACmB,CACnB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,EACA,EACD,CAEK,CAAC,EAAQ,GAAa,EAAM,SAAS,GAAG,CACxC,CAAC,EAAc,GAAmB,EAAM,SAAwB,KAAK,CACrE,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAE,CAEnD,EAAS,EAAM,OAAO,CACtB,EAAY,GAAG,EAAO,UACtB,EAAU,GAAG,EAAO,QACpB,EAAU,EAAM,OAAuB,KAAK,CAC5C,EAAa,EAAM,OAA2B,KAAK,CAEzD,EAAA,cAAc,EAAK,CACnB,EAAA,aACE,EAAM,gBAAkB,EAAQ,GAAM,CAAE,CAAC,EAAQ,CAAC,CAClD,EACD,CAED,EAAM,cAAgB,CACpB,GAAI,CAAC,EAAM,OACX,IAAM,EAAQ,EAAA,gBAAgB,EAAQ,CAAC,OACvC,EAAgB,EAAM,EACrB,CAAC,EAAM,EAAO,CAAC,CAElB,EAAM,cAAgB,CAChB,EACF,EAAW,QAAU,EAAA,kBAAkB,CAC9B,EAAW,SAAW,OAC/B,EAAW,QAAQ,OAAO,CAC1B,EAAW,QAAU,OAEtB,CAAC,EAAK,CAAC,CAEV,EAAM,cAAgB,CACf,IACH,EAAU,GAAG,CACb,EAAgB,KAAK,GAEtB,CAAC,EAAK,CAAC,CAEV,IAAM,EAAe,EAAM,aAClB,CACL,OACA,aAAc,EACd,SACA,YACA,eACA,kBACA,eACA,SACA,YACA,UACA,UACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAID,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAAO,YACzB,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACD,CACD,YAAe,EAAQ,GAAM,CAC7B,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,SACL,aAAW,OACX,aAAW,eACX,UAAW,EAAA,GACT,2BACA,sCACA,kBACA,2DACA,mDACA,kBACD,CAEA,WACG,CAAA,CACC,CAAA,CAAA,CACU,CAAA,CA7BL,KAiCpB,EAAY,YAAc"}
+{"version":3,"file":"CommandMenu.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { CommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport { getVisibleItems } from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction CommandMenu({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: CommandMenuProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const [filter, setFilter] = React.useState(\"\");\n  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  const baseId = React.useId();\n  const listboxId = `${baseId}-listbox`;\n  const inputId = `${baseId}-input`;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const restoreRef = React.useRef<HTMLElement | null>(null);\n\n  useScrollLock(open);\n  useEscapeKey(\n    React.useCallback(() => setOpen(false), [setOpen]),\n    open,\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const count = getVisibleItems(listRef).length;\n    setVisibleCount(count);\n  }, [open, filter]);\n\n  React.useEffect(() => {\n    if (open) {\n      restoreRef.current = getActiveElement() as HTMLElement | null;\n    } else if (restoreRef.current != null) {\n      restoreRef.current.focus();\n      restoreRef.current = null;\n    }\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }, [open]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n    ],\n  );\n\n  if (!open) return null;\n\n  return (\n    <CommandMenuContext value={contextValue}>\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n          )}\n          data-slot=\"overlay\"\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          data-slot=\"dialog\"\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"left-1/2 top-[20%] -translate-x-1/2\",\n            \"w-full max-w-lg\",\n            \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)\",\n            \"overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    </CommandMenuContext>\n  );\n}\n\nCommandMenu.displayName = \"CommandMenu\";\n\nexport { CommandMenu };\n"],"mappings":"6dAkBA,SAAS,EAAY,CACnB,WACA,KAAM,EACN,cAAc,GACd,gBACmB,CACnB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,EACA,EACD,CAEK,CAAC,EAAQ,GAAa,EAAM,SAAS,GAAG,CACxC,CAAC,EAAc,GAAmB,EAAM,SAAwB,KAAK,CACrE,CAAC,EAAc,GAAmB,EAAM,SAAS,EAAE,CAEnD,EAAS,EAAM,OAAO,CACtB,EAAY,GAAG,EAAO,UACtB,EAAU,GAAG,EAAO,QACpB,EAAU,EAAM,OAAuB,KAAK,CAC5C,EAAa,EAAM,OAA2B,KAAK,CAEzD,EAAA,cAAc,EAAK,CACnB,EAAA,aACE,EAAM,gBAAkB,EAAQ,GAAM,CAAE,CAAC,EAAQ,CAAC,CAClD,EACD,CAED,EAAM,cAAgB,CACpB,GAAI,CAAC,EAAM,OACX,IAAM,EAAQ,EAAA,gBAAgB,EAAQ,CAAC,OACvC,EAAgB,EAAM,EACrB,CAAC,EAAM,EAAO,CAAC,CAElB,EAAM,cAAgB,CAChB,EACF,EAAW,QAAU,EAAA,kBAAkB,CAC9B,EAAW,SAAW,OAC/B,EAAW,QAAQ,OAAO,CAC1B,EAAW,QAAU,OAEtB,CAAC,EAAK,CAAC,CAEV,EAAM,cAAgB,CACf,IACH,EAAU,GAAG,CACb,EAAgB,KAAK,GAEtB,CAAC,EAAK,CAAC,CAEV,IAAM,EAAe,EAAM,aAClB,CACL,OACA,aAAc,EACd,SACA,YACA,eACA,kBACA,eACA,SACA,YACA,UACA,UACD,EACD,CACE,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD,CACF,CAID,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAoB,MAAO,YACzB,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACD,CACD,YAAU,UACV,YAAe,EAAQ,GAAM,CAC7B,cAAY,OACZ,CAAA,EACF,EAAA,EAAA,KAAC,MAAD,CACE,KAAK,SACL,aAAW,OACX,aAAW,eACX,YAAU,SACV,UAAW,EAAA,GACT,2BACA,sCACA,kBACA,2DACA,mDACA,kBACD,CAEA,WACG,CAAA,CACC,CAAA,CAAA,CACU,CAAA,CA/BL,KAmCpB,EAAY,YAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,GACb,EAAE,gBAAgB,kDAsGlB;kBA3GQ,WAAW;;;AA+GpB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"CommandMenu.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAmB,EACnB,YAAY,GACb,EAAE,gBAAgB,kDAwGlB;kBA7GQ,WAAW;;;AAiHpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenu.js

@@ -47,12 +47,14 @@ function d({ children: d, open: f, defaultOpen: p = !1, onOpenChange: m }) {
 		value: O,
 		children: /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l("div", {
 			className: e("fixed inset-0 z-(--nuka-z-modal)", "bg-(--nuka-bg-overlay)"),
+			"data-slot": "overlay",
 			onClick: () => g(!1),
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ l("div", {
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": "Command menu",
+			"data-slot": "dialog",
 			className: e("fixed z-(--nuka-z-modal)", "left-1/2 top-[20%] -translate-x-1/2", "w-full max-w-lg", "rounded-(--radius-xl) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)", "overflow-hidden"),
 			children: d
 		})] })

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenu.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { CommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport { getVisibleItems } from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction CommandMenu({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: CommandMenuProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const [filter, setFilter] = React.useState(\"\");\n  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  const baseId = React.useId();\n  const listboxId = `${baseId}-listbox`;\n  const inputId = `${baseId}-input`;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const restoreRef = React.useRef<HTMLElement | null>(null);\n\n  useScrollLock(open);\n  useEscapeKey(\n    React.useCallback(() => setOpen(false), [setOpen]),\n    open,\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const count = getVisibleItems(listRef).length;\n    setVisibleCount(count);\n  }, [open, filter]);\n\n  React.useEffect(() => {\n    if (open) {\n      restoreRef.current = getActiveElement() as HTMLElement | null;\n    } else if (restoreRef.current != null) {\n      restoreRef.current.focus();\n      restoreRef.current = null;\n    }\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }, [open]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n    ],\n  );\n\n  if (!open) return null;\n\n  return (\n    <CommandMenuContext value={contextValue}>\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n          )}\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"left-1/2 top-[20%] -translate-x-1/2\",\n            \"w-full max-w-lg\",\n            \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)\",\n            \"overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    </CommandMenuContext>\n  );\n}\n\nCommandMenu.displayName = \"CommandMenu\";\n\nexport { CommandMenu };\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAS,EAAY,EACnB,aACA,MAAM,GACN,iBAAc,IACd,mBACmB;CACnB,IAAM,CAAC,GAAM,KAAW,EACtB,GACA,GACA,EACD,EAEK,CAAC,GAAQ,KAAa,EAAM,SAAS,GAAG,EACxC,CAAC,GAAc,KAAmB,EAAM,SAAwB,KAAK,EACrE,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAE,EAEnD,IAAS,EAAM,OAAO,EACtB,IAAY,GAAG,EAAO,WACtB,IAAU,GAAG,EAAO,SACpB,IAAU,EAAM,OAAuB,KAAK,EAC5C,IAAa,EAAM,OAA2B,KAAK;AAuBzD,CArBA,EAAc,EAAK,EACnB,EACE,EAAM,kBAAkB,EAAQ,GAAM,EAAE,CAAC,EAAQ,CAAC,EAClD,EACD,EAED,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAM;EACX,IAAM,IAAQ,EAAgB,EAAQ,CAAC;AACvC,IAAgB,EAAM;IACrB,CAAC,GAAM,EAAO,CAAC,EAElB,EAAM,gBAAgB;AACpB,EAAI,IACF,EAAW,UAAU,GAAkB,GAC9B,EAAW,WAAW,SAC/B,EAAW,QAAQ,OAAO,EAC1B,EAAW,UAAU;IAEtB,CAAC,EAAK,CAAC,EAEV,EAAM,gBAAgB;AACpB,EAAK,MACH,EAAU,GAAG,EACb,EAAgB,KAAK;IAEtB,CAAC,EAAK,CAAC;CAEV,IAAM,IAAe,EAAM,eAClB;EACL;EACA,cAAc;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAID,QAFK,IAGH,kBAAC,GAAD;EAAoB,OAAO;YACzB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oCACA,yBACD;GACD,eAAe,EAAQ,GAAM;GAC7B,eAAY;GACZ,CAAA,EACF,kBAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,cAAW;GACX,WAAW,EACT,4BACA,uCACA,mBACA,4DACA,oDACA,kBACD;GAEA;GACG,CAAA,CACC,EAAA,CAAA;EACU,CAAA,GA7BL;;AAiCpB,EAAY,cAAc"}
+{"version":3,"file":"CommandMenu.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { getActiveElement } from \"@nuka/utils/get-active-element\";\nimport { CommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\nimport { getVisibleItems } from \"@nuka/components/CommandMenu/CommandMenu.utils\";\n\nexport interface CommandMenuProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nfunction CommandMenu({\n  children,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: CommandMenuProps) {\n  const [open, setOpen] = useControllableState(\n    controlledOpen,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const [filter, setFilter] = React.useState(\"\");\n  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);\n  const [visibleCount, setVisibleCount] = React.useState(0);\n\n  const baseId = React.useId();\n  const listboxId = `${baseId}-listbox`;\n  const inputId = `${baseId}-input`;\n  const listRef = React.useRef<HTMLDivElement>(null);\n  const restoreRef = React.useRef<HTMLElement | null>(null);\n\n  useScrollLock(open);\n  useEscapeKey(\n    React.useCallback(() => setOpen(false), [setOpen]),\n    open,\n  );\n\n  React.useEffect(() => {\n    if (!open) return;\n    const count = getVisibleItems(listRef).length;\n    setVisibleCount(count);\n  }, [open, filter]);\n\n  React.useEffect(() => {\n    if (open) {\n      restoreRef.current = getActiveElement() as HTMLElement | null;\n    } else if (restoreRef.current != null) {\n      restoreRef.current.focus();\n      restoreRef.current = null;\n    }\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open) {\n      setFilter(\"\");\n      setActiveItemId(null);\n    }\n  }, [open]);\n\n  const contextValue = React.useMemo(\n    () => ({\n      open,\n      onOpenChange: setOpen,\n      filter,\n      setFilter,\n      activeItemId,\n      setActiveItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n      listRef,\n    }),\n    [\n      open,\n      setOpen,\n      filter,\n      activeItemId,\n      visibleCount,\n      baseId,\n      listboxId,\n      inputId,\n    ],\n  );\n\n  if (!open) return null;\n\n  return (\n    <CommandMenuContext value={contextValue}>\n      <Portal>\n        <div\n          className={cn(\n            \"fixed inset-0 z-(--nuka-z-modal)\",\n            \"bg-(--nuka-bg-overlay)\",\n          )}\n          data-slot=\"overlay\"\n          onClick={() => setOpen(false)}\n          aria-hidden=\"true\"\n        />\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"Command menu\"\n          data-slot=\"dialog\"\n          className={cn(\n            \"fixed z-(--nuka-z-modal)\",\n            \"left-1/2 top-[20%] -translate-x-1/2\",\n            \"w-full max-w-lg\",\n            \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n            \"bg-(--nuka-bg-base) shadow-(--nuka-shadow-modal)\",\n            \"overflow-hidden\",\n          )}\n        >\n          {children}\n        </div>\n      </Portal>\n    </CommandMenuContext>\n  );\n}\n\nCommandMenu.displayName = \"CommandMenu\";\n\nexport { CommandMenu };\n"],"mappings":";;;;;;;;;;;;AAkBA,SAAS,EAAY,EACnB,aACA,MAAM,GACN,iBAAc,IACd,mBACmB;CACnB,IAAM,CAAC,GAAM,KAAW,EACtB,GACA,GACA,EACD,EAEK,CAAC,GAAQ,KAAa,EAAM,SAAS,GAAG,EACxC,CAAC,GAAc,KAAmB,EAAM,SAAwB,KAAK,EACrE,CAAC,GAAc,KAAmB,EAAM,SAAS,EAAE,EAEnD,IAAS,EAAM,OAAO,EACtB,IAAY,GAAG,EAAO,WACtB,IAAU,GAAG,EAAO,SACpB,IAAU,EAAM,OAAuB,KAAK,EAC5C,IAAa,EAAM,OAA2B,KAAK;AAuBzD,CArBA,EAAc,EAAK,EACnB,EACE,EAAM,kBAAkB,EAAQ,GAAM,EAAE,CAAC,EAAQ,CAAC,EAClD,EACD,EAED,EAAM,gBAAgB;AACpB,MAAI,CAAC,EAAM;EACX,IAAM,IAAQ,EAAgB,EAAQ,CAAC;AACvC,IAAgB,EAAM;IACrB,CAAC,GAAM,EAAO,CAAC,EAElB,EAAM,gBAAgB;AACpB,EAAI,IACF,EAAW,UAAU,GAAkB,GAC9B,EAAW,WAAW,SAC/B,EAAW,QAAQ,OAAO,EAC1B,EAAW,UAAU;IAEtB,CAAC,EAAK,CAAC,EAEV,EAAM,gBAAgB;AACpB,EAAK,MACH,EAAU,GAAG,EACb,EAAgB,KAAK;IAEtB,CAAC,EAAK,CAAC;CAEV,IAAM,IAAe,EAAM,eAClB;EACL;EACA,cAAc;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAID,QAFK,IAGH,kBAAC,GAAD;EAAoB,OAAO;YACzB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GACE,WAAW,EACT,oCACA,yBACD;GACD,aAAU;GACV,eAAe,EAAQ,GAAM;GAC7B,eAAY;GACZ,CAAA,EACF,kBAAC,OAAD;GACE,MAAK;GACL,cAAW;GACX,cAAW;GACX,aAAU;GACV,WAAW,EACT,4BACA,uCACA,mBACA,4DACA,oDACA,kBACD;GAEA;GACG,CAAA,CACC,EAAA,CAAA;EACU,CAAA,GA/BL;;AAmCpB,EAAY,cAAc"}

package/dist/components/CommandMenu/CommandMenuEmpty.cjs

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,kDAiBvB;kBAtBQ,gBAAgB;;;AA0BzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"CommandMenuEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,kDAkBvB;kBAvBQ,gBAAgB;;;AA2BzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuEmpty.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/CommandMenu/CommandMenuEmpty.js.map

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

package/dist/components/CommandMenu/CommandMenuGroup.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuGroup.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  heading?: string;\n}\n\nfunction CommandMenuGroup({\n  ref,\n  heading,\n  className,\n  children,\n  ...props\n}: CommandMenuGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useCommandMenuContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filter]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={heading != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          className={cn(\n            \"text-xs font-medium text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport { CommandMenuGroup };\n"],"mappings":"uNAUA,SAAS,EAAiB,CACxB,MACA,UACA,YACA,WACA,GAAG,GACqB,CACxB,IAAM,EAAY,EAAM,OAAO,CACzB,EAAW,EAAM,OAAuB,KAAK,CAC7C,CAAC,EAAiB,GAAsB,EAAM,SAAS,GAAK,CAC5D,EAAM,EAAA,uBAAuB,CAE7B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAS,QAAU,EACf,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAI,CACN,CASD,OAPA,EAAM,cAAgB,CAChB,EAAS,SAAW,MAGxB,EADE,EAAS,QAAQ,cAAc,gCAAgC,GAAK,KAC3C,EAC1B,CAAC,EAAI,OAAO,CAAC,EAGd,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,QACL,kBAAiB,GAAW,KAAmB,IAAA,GAAZ,EACnC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,EAAU,CACxB,GAAI,WANN,CAQG,GAAW,OACV,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,KAAK,eACL,UAAW,EAAA,GACT,+CACA,gCACD,UAEA,EACG,CAAA,CAEP,EACG,GAIV,EAAiB,YAAc"}
+{"version":3,"file":"CommandMenuGroup.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  heading?: string;\n}\n\nfunction CommandMenuGroup({\n  ref,\n  heading,\n  className,\n  children,\n  ...props\n}: CommandMenuGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useCommandMenuContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filter]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={heading != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      data-slot=\"group\"\n      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          data-slot=\"group-heading\"\n          className={cn(\n            \"text-xs font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport { CommandMenuGroup };\n"],"mappings":"uNAUA,SAAS,EAAiB,CACxB,MACA,UACA,YACA,WACA,GAAG,GACqB,CACxB,IAAM,EAAY,EAAM,OAAO,CACzB,EAAW,EAAM,OAAuB,KAAK,CAC7C,CAAC,EAAiB,GAAsB,EAAM,SAAS,GAAK,CAC5D,EAAM,EAAA,uBAAuB,CAE7B,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAS,QAAU,EACf,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAI,CACN,CASD,OAPA,EAAM,cAAgB,CAChB,EAAS,SAAW,MAGxB,EADE,EAAS,QAAQ,cAAc,gCAAgC,GAAK,KAC3C,EAC1B,CAAC,EAAI,OAAO,CAAC,EAGd,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,QACL,kBAAiB,GAAW,KAAmB,IAAA,GAAZ,EACnC,OAAQ,CAAC,GAAmB,IAAA,GAC5B,UAAW,EAAA,GAAG,EAAU,CACxB,YAAU,QACV,GAAI,WAPN,CASG,GAAW,OACV,EAAA,EAAA,KAAC,MAAD,CACE,GAAI,EACJ,KAAK,eACL,YAAU,gBACV,UAAW,EAAA,GACT,2EACA,gCACD,UAEA,EACG,CAAA,CAEP,EACG,GAIV,EAAiB,YAAc"}

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

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

package/dist/components/CommandMenu/CommandMenuGroup.js

@@ -16,11 +16,13 @@ function a({ ref: a, heading: o, className: s, children: c, ...l }) {
 		"aria-labelledby": o == null ? void 0 : u,
 		hidden: !f || void 0,
 		className: e(s),
+		"data-slot": "group",
 		...l,
 		children: [o != null && /* @__PURE__ */ r("div", {
 			id: u,
 			role: "presentation",
-			className: e("text-xs font-medium text-(--nuka-text-muted)", "px-(--space-3) py-(--space-2)"),
+			"data-slot": "group-heading",
+			className: e("text-xs font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)", "px-(--space-3) py-(--space-2)"),
 			children: o
 		}), c]
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuGroup.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  heading?: string;\n}\n\nfunction CommandMenuGroup({\n  ref,\n  heading,\n  className,\n  children,\n  ...props\n}: CommandMenuGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useCommandMenuContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filter]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={heading != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          className={cn(\n            \"text-xs font-medium text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport { CommandMenuGroup };\n"],"mappings":";;;;;;AAUA,SAAS,EAAiB,EACxB,QACA,YACA,cACA,aACA,GAAG,KACqB;CACxB,IAAM,IAAY,EAAM,OAAO,EACzB,IAAW,EAAM,OAAuB,KAAK,EAC7C,CAAC,GAAiB,KAAsB,EAAM,SAAS,GAAK,EAC5D,IAAM,GAAuB,EAE7B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAS,UAAU,GACf,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;IAGlB,CAAC,EAAI,CACN;AASD,QAPA,EAAM,gBAAgB;AAChB,IAAS,WAAW,QAGxB,EADE,EAAS,QAAQ,cAAc,kCAAgC,KAAK,KAC3C;IAC1B,CAAC,EAAI,OAAO,CAAC,EAGd,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,mBAAiB,KAAW,OAAmB,KAAA,IAAZ;EACnC,QAAQ,CAAC,KAAmB,KAAA;EAC5B,WAAW,EAAG,EAAU;EACxB,GAAI;YANN,CAQG,KAAW,QACV,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,WAAW,EACT,gDACA,gCACD;aAEA;GACG,CAAA,EAEP,EACG;;;AAIV,EAAiB,cAAc"}
+{"version":3,"file":"CommandMenuGroup.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuGroup.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  heading?: string;\n}\n\nfunction CommandMenuGroup({\n  ref,\n  heading,\n  className,\n  children,\n  ...props\n}: CommandMenuGroupProps) {\n  const headingId = React.useId();\n  const groupRef = React.useRef<HTMLDivElement>(null);\n  const [hasVisibleItems, setHasVisibleItems] = React.useState(true);\n  const ctx = useCommandMenuContext();\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      groupRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  React.useEffect(() => {\n    if (groupRef.current == null) return;\n    const visible =\n      groupRef.current.querySelector('[role=\"option\"]:not([hidden])') !== null;\n    setHasVisibleItems(visible);\n  }, [ctx.filter]);\n\n  return (\n    <div\n      ref={composedRef}\n      role=\"group\"\n      aria-labelledby={heading != null ? headingId : undefined}\n      hidden={!hasVisibleItems || undefined}\n      className={cn(className)}\n      data-slot=\"group\"\n      {...props}\n    >\n      {heading != null && (\n        <div\n          id={headingId}\n          role=\"presentation\"\n          data-slot=\"group-heading\"\n          className={cn(\n            \"text-xs font-[number:var(--font-weight-medium)] text-(--nuka-text-muted)\",\n            \"px-(--space-3) py-(--space-2)\",\n          )}\n        >\n          {heading}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n\nCommandMenuGroup.displayName = \"CommandMenuGroup\";\n\nexport { CommandMenuGroup };\n"],"mappings":";;;;;;AAUA,SAAS,EAAiB,EACxB,QACA,YACA,cACA,aACA,GAAG,KACqB;CACxB,IAAM,IAAY,EAAM,OAAO,EACzB,IAAW,EAAM,OAAuB,KAAK,EAC7C,CAAC,GAAiB,KAAsB,EAAM,SAAS,GAAK,EAC5D,IAAM,GAAuB,EAE7B,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAS,UAAU,GACf,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;IAGlB,CAAC,EAAI,CACN;AASD,QAPA,EAAM,gBAAgB;AAChB,IAAS,WAAW,QAGxB,EADE,EAAS,QAAQ,cAAc,kCAAgC,KAAK,KAC3C;IAC1B,CAAC,EAAI,OAAO,CAAC,EAGd,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,mBAAiB,KAAW,OAAmB,KAAA,IAAZ;EACnC,QAAQ,CAAC,KAAmB,KAAA;EAC5B,WAAW,EAAG,EAAU;EACxB,aAAU;EACV,GAAI;YAPN,CASG,KAAW,QACV,kBAAC,OAAD;GACE,IAAI;GACJ,MAAK;GACL,aAAU;GACV,WAAW,EACT,4EACA,gCACD;aAEA;GACG,CAAA,EAEP,EACG;;;AAIV,EAAiB,cAAc"}

package/dist/components/CommandMenu/CommandMenuInput.cjs

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