@nuka-ui/core 1.1.3 → 1.1.4

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

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

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

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

package/dist/components/CommandMenu/CommandMenuInput.js

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

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

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

package/dist/components/CommandMenu/CommandMenuItem.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./CommandMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,value:a,disabled:o=!1,onSelect:s,className:c,children:l,...u}){let d=n.useCommandMenuContext(),f=r.useId(),p=r.useRef(null),m=r.useCallback(t=>{p.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]),h=a!=null&&d.filter!==``&&!a.toLowerCase().includes(d.filter.toLowerCase()),g=d.activeItemId===f;return r.useEffect(()=>{g&&p.current!=null&&p.current.scrollIntoView({block:`nearest`})},[g]),(0,i.jsx)(`div`,{ref:m,id:f,role:`option`,"aria-selected":g,"aria-disabled":o||void 0,hidden:h||void 0,onClick:()=>{o||(s?.(),d.onOpenChange(!1))},className:t.cn(`flex items-center gap-(--space-2)`,`px-(--space-3) py-(--space-2)`,`rounded-(--radius-md) text-sm cursor-default`,`select-none`,g&&`bg-(--nuka-bg-muted)`,o?`text-(--nuka-text-disabled)`:`text-(--nuka-text-base)`,c),...u,children:l})}a.displayName=`CommandMenuItem`,exports.CommandMenuItem=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./CommandMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,value:a,disabled:o=!1,onSelect:s,className:c,children:l,...u}){let d=n.useCommandMenuContext(),f=r.useId(),p=r.useRef(null),m=r.useCallback(t=>{p.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e]),h=a!=null&&d.filter!==``&&!a.toLowerCase().includes(d.filter.toLowerCase()),g=d.activeItemId===f;return r.useEffect(()=>{g&&p.current!=null&&p.current.scrollIntoView({block:`nearest`})},[g]),(0,i.jsx)(`div`,{ref:m,id:f,"data-slot":`item`,role:`option`,"aria-selected":g,"aria-disabled":o||void 0,hidden:h||void 0,onClick:()=>{o||(s?.(),d.onOpenChange(!1))},className:t.cn(`flex items-center gap-(--space-2)`,`px-(--space-3) py-(--space-2)`,`rounded-(--radius-md) text-sm cursor-default`,`select-none`,g&&`bg-(--nuka-bg-muted)`,o?`text-(--nuka-text-disabled)`:`text-(--nuka-text-base)`,c),...u,children:l})}a.displayName=`CommandMenuItem`,exports.CommandMenuItem=a;
 //# sourceMappingURL=CommandMenuItem.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuItem.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":"uNAeA,SAAS,EAAgB,CACvB,MACA,QACA,WAAW,GACX,WACA,YACA,WACA,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,uBAAuB,CAC7B,EAAS,EAAM,OAAO,CACtB,EAAc,EAAM,OAAuB,KAAK,CAEhD,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAI,CACN,CAEK,EACJ,GAAS,MACT,EAAI,SAAW,IACf,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,OAAO,aAAa,CAAC,CAEnD,EAAW,EAAI,eAAiB,EActC,OAZA,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACrC,EAAY,QAAQ,eAAe,CAAE,MAAO,UAAW,CAAC,EAEzD,CAAC,EAAS,CAAC,EASZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,YAdsB,CACpB,IACJ,KAAY,CACZ,EAAI,aAAa,GAAM,GAYrB,UAAW,EAAA,GACT,oCACA,gCACA,+CACA,cACA,GAAY,uBACZ,EAAW,8BAAgC,0BAC3C,EACD,CACD,GAAI,EAEH,WACG,CAAA,CAIV,EAAgB,YAAc"}
+{"version":3,"file":"CommandMenuItem.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      data-slot=\"item\"\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":"uNAeA,SAAS,EAAgB,CACvB,MACA,QACA,WAAW,GACX,WACA,YACA,WACA,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,uBAAuB,CAC7B,EAAS,EAAM,OAAO,CACtB,EAAc,EAAM,OAAuB,KAAK,CAEhD,EAAc,EAAM,YACvB,GAAgC,CAC/B,EAAY,QAAU,EAClB,OAAO,GAAQ,WACjB,EAAI,EAAK,CACA,GAAO,OAChB,EAAI,QAAU,IAGlB,CAAC,EAAI,CACN,CAEK,EACJ,GAAS,MACT,EAAI,SAAW,IACf,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,OAAO,aAAa,CAAC,CAEnD,EAAW,EAAI,eAAiB,EActC,OAZA,EAAM,cAAgB,CAChB,GAAY,EAAY,SAAW,MACrC,EAAY,QAAQ,eAAe,CAAE,MAAO,UAAW,CAAC,EAEzD,CAAC,EAAS,CAAC,EASZ,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,GAAI,EACJ,YAAU,OACV,KAAK,SACL,gBAAe,EACf,gBAAe,GAAY,IAAA,GAC3B,OAAQ,GAAc,IAAA,GACtB,YAfsB,CACpB,IACJ,KAAY,CACZ,EAAI,aAAa,GAAM,GAarB,UAAW,EAAA,GACT,oCACA,gCACA,+CACA,cACA,GAAY,uBACZ,EAAW,8BAAgC,0BAC3C,EACD,CACD,GAAI,EAEH,WACG,CAAA,CAIV,EAAgB,YAAc"}

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

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

package/dist/components/CommandMenu/CommandMenuItem.js

@@ -13,6 +13,7 @@ function i({ ref: i, value: a, disabled: o = !1, onSelect: s, className: c, chil
 	}, [g]), /* @__PURE__ */ r("div", {
 		ref: m,
 		id: f,
+		"data-slot": "item",
 		role: "option",
 		"aria-selected": g,
 		"aria-disabled": o || void 0,

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

@@ -1 +1 @@
-{"version":3,"file":"CommandMenuItem.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":";;;;;;AAeA,SAAS,EAAgB,EACvB,QACA,UACA,cAAW,IACX,aACA,cACA,aACA,GAAG,KACoB;CACvB,IAAM,IAAM,GAAuB,EAC7B,IAAS,EAAM,OAAO,EACtB,IAAc,EAAM,OAAuB,KAAK,EAEhD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;IAGlB,CAAC,EAAI,CACN,EAEK,IACJ,KAAS,QACT,EAAI,WAAW,MACf,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,OAAO,aAAa,CAAC,EAEnD,IAAW,EAAI,iBAAiB;AActC,QAZA,EAAM,gBAAgB;AACpB,EAAI,KAAY,EAAY,WAAW,QACrC,EAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;IAEzD,CAAC,EAAS,CAAC,EASZ,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,eAdsB;AACpB,SACJ,KAAY,EACZ,EAAI,aAAa,GAAM;;EAYrB,WAAW,EACT,qCACA,iCACA,gDACA,eACA,KAAY,wBACZ,IAAW,gCAAgC,2BAC3C,EACD;EACD,GAAI;EAEH;EACG,CAAA;;AAIV,EAAgB,cAAc"}
+{"version":3,"file":"CommandMenuItem.js","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { useCommandMenuContext } from \"@nuka/components/CommandMenu/CommandMenu.context\";\n\nexport interface CommandMenuItemProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  \"onSelect\"\n> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  value?: string;\n  disabled?: boolean;\n  onSelect?: () => void;\n}\n\nfunction CommandMenuItem({\n  ref,\n  value,\n  disabled = false,\n  onSelect,\n  className,\n  children,\n  ...props\n}: CommandMenuItemProps) {\n  const ctx = useCommandMenuContext();\n  const itemId = React.useId();\n  const internalRef = React.useRef<HTMLDivElement>(null);\n\n  const composedRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      internalRef.current = node;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else if (ref != null) {\n        ref.current = node;\n      }\n    },\n    [ref],\n  );\n\n  const isFiltered =\n    value != null &&\n    ctx.filter !== \"\" &&\n    !value.toLowerCase().includes(ctx.filter.toLowerCase());\n\n  const isActive = ctx.activeItemId === itemId;\n\n  React.useEffect(() => {\n    if (isActive && internalRef.current != null) {\n      internalRef.current.scrollIntoView({ block: \"nearest\" });\n    }\n  }, [isActive]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    onSelect?.();\n    ctx.onOpenChange(false);\n  };\n\n  return (\n    <div\n      ref={composedRef}\n      id={itemId}\n      data-slot=\"item\"\n      role=\"option\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      hidden={isFiltered || undefined}\n      onClick={handleClick}\n      className={cn(\n        \"flex items-center gap-(--space-2)\",\n        \"px-(--space-3) py-(--space-2)\",\n        \"rounded-(--radius-md) text-sm cursor-default\",\n        \"select-none\",\n        isActive && \"bg-(--nuka-bg-muted)\",\n        disabled ? \"text-(--nuka-text-disabled)\" : \"text-(--nuka-text-base)\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nCommandMenuItem.displayName = \"CommandMenuItem\";\n\nexport { CommandMenuItem };\n"],"mappings":";;;;;;AAeA,SAAS,EAAgB,EACvB,QACA,UACA,cAAW,IACX,aACA,cACA,aACA,GAAG,KACoB;CACvB,IAAM,IAAM,GAAuB,EAC7B,IAAS,EAAM,OAAO,EACtB,IAAc,EAAM,OAAuB,KAAK,EAEhD,IAAc,EAAM,aACvB,MAAgC;AAE/B,EADA,EAAY,UAAU,GAClB,OAAO,KAAQ,aACjB,EAAI,EAAK,GACA,KAAO,SAChB,EAAI,UAAU;IAGlB,CAAC,EAAI,CACN,EAEK,IACJ,KAAS,QACT,EAAI,WAAW,MACf,CAAC,EAAM,aAAa,CAAC,SAAS,EAAI,OAAO,aAAa,CAAC,EAEnD,IAAW,EAAI,iBAAiB;AActC,QAZA,EAAM,gBAAgB;AACpB,EAAI,KAAY,EAAY,WAAW,QACrC,EAAY,QAAQ,eAAe,EAAE,OAAO,WAAW,CAAC;IAEzD,CAAC,EAAS,CAAC,EASZ,kBAAC,OAAD;EACE,KAAK;EACL,IAAI;EACJ,aAAU;EACV,MAAK;EACL,iBAAe;EACf,iBAAe,KAAY,KAAA;EAC3B,QAAQ,KAAc,KAAA;EACtB,eAfsB;AACpB,SACJ,KAAY,EACZ,EAAI,aAAa,GAAM;;EAarB,WAAW,EACT,qCACA,iCACA,gDACA,eACA,KAAY,wBACZ,IAAW,gCAAgC,2BAC3C,EACD;EACD,GAAI;EAEH;EACG,CAAA;;AAIV,EAAgB,cAAc"}

package/dist/components/CommandMenu/CommandMenuList.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./CommandMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:a,...o}){let s=n.useCommandMenuContext();return(0,i.jsx)(`div`,{ref:r.useCallback(t=>{s.listRef.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e,s.listRef]),id:s.listboxId,role:`listbox`,"aria-label":`Suggestions`,className:t.cn(`overflow-y-auto max-h-80 p-(--space-1)`,a),...o})}a.displayName=`CommandMenuList`,exports.CommandMenuList=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`./CommandMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:a,...o}){let s=n.useCommandMenuContext();return(0,i.jsx)(`div`,{ref:r.useCallback(t=>{s.listRef.current=t,typeof e==`function`?e(t):e!=null&&(e.current=t)},[e,s.listRef]),id:s.listboxId,"data-slot":`list`,role:`listbox`,"aria-label":`Suggestions`,className:t.cn(`overflow-y-auto max-h-80 p-(--space-1)`,a),...o})}a.displayName=`CommandMenuList`,exports.CommandMenuList=a;
 //# sourceMappingURL=CommandMenuList.cjs.map

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

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

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

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

package/dist/components/CommandMenu/CommandMenuList.js

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

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

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

package/dist/components/CommandMenu/CommandMenuShortcut.cjs

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

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

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

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

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

package/dist/components/CommandMenu/CommandMenuShortcut.js

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

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

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

package/dist/components/Container/Container.cjs

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

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

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

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

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

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

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

package/dist/components/Container/Container.js

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

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

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

package/dist/components/ContextMenu/ContextMenuContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`./ContextMenu.context.cjs`),a=require(`../../hooks/use-menu-navigation.cjs`),o=require(`../Menu/menuItemVariants.cjs`),s=require(`../Menu/MenuContentBase.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({ref:e,className:u,children:d,...f}){let p=i.useContextMenuContext(),m=n.composeRefs(e,c.useRef(null),p.refs.setFloating),{getItemProps:h,focusItem:g,itemsRef:_,resetTypeAhead:v}=a.useMenuNavigation({onEscape:()=>p.onOpenChange(!1),onTab:()=>p.onOpenChange(!1)}),y=c.useRef(0);if(c.useEffect(()=>{p.open||v()},[p.open,v]),s.useAutoFocusFirstItem(p.open,g,_,y),!p.open)return null;y.current=0;let b=p.getFloatingProps(f);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(s.MenuItemContext,{value:{getItemProps:h,indexRef:y,close:()=>p.onOpenChange(!1)},children:(0,l.jsx)(`div`,{ref:m,style:p.floatingStyles,"data-state":`open`,...b,className:t.cn(o.menuContentVariants(),u),children:d})})})}u.displayName=`ContextMenuContent`,exports.ContextMenuContent=u;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`./ContextMenu.context.cjs`),a=require(`../../hooks/use-menu-navigation.cjs`),o=require(`../Menu/menuItemVariants.cjs`),s=require(`../Menu/MenuContentBase.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({ref:e,className:u,children:d,...f}){let p=i.useContextMenuContext(),m=n.composeRefs(e,c.useRef(null),p.refs.setFloating),{getItemProps:h,focusItem:g,itemsRef:_,resetTypeAhead:v}=a.useMenuNavigation({onEscape:()=>p.onOpenChange(!1),onTab:()=>p.onOpenChange(!1)}),y=c.useRef(0);if(c.useEffect(()=>{p.open||v()},[p.open,v]),s.useAutoFocusFirstItem(p.open,g,_,y),!p.open)return null;y.current=0;let b=p.getFloatingProps(f);return(0,l.jsx)(r.Portal,{children:(0,l.jsx)(s.MenuItemContext,{value:{getItemProps:h,indexRef:y,close:()=>p.onOpenChange(!1)},children:(0,l.jsx)(`div`,{ref:m,style:p.floatingStyles,"data-slot":`content`,"data-state":`open`,...b,className:t.cn(o.menuContentVariants(),u),children:d})})})}u.displayName=`ContextMenuContent`,exports.ContextMenuContent=u;
 //# sourceMappingURL=ContextMenuContent.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":"iaAiBA,SAAS,EAAmB,CAC1B,MACA,YACA,WACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,uBAAuB,CAE7B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,KAAK,CACJ,EAAI,KAAK,YAAY,CAEhE,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,aAAgB,EAAI,aAAa,GAAM,CACvC,UAAa,EAAI,aAAa,GAAM,CACrC,CAAC,CAEE,EAAe,EAAM,OAAO,EAAE,CAQpC,GANA,EAAM,cAAgB,CACf,EAAI,MAAM,GAAgB,EAC9B,CAAC,EAAI,KAAM,EAAe,CAAC,CAE9B,EAAA,sBAAsB,EAAI,KAAM,EAAW,EAAU,EAAa,CAE9D,CAAC,EAAI,KAAM,OAAO,KAEtB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAI,aAAa,GAAM,CACrC,WAED,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,CAIb,EAAmB,YAAc"}
+{"version":3,"file":"ContextMenuContent.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":"iaAiBA,SAAS,EAAmB,CAC1B,MACA,YACA,WACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,uBAAuB,CAE7B,EAAc,EAAA,YAAY,EADb,EAAM,OAAuB,KAAK,CACJ,EAAI,KAAK,YAAY,CAEhE,CAAE,eAAc,YAAW,WAAU,kBACzC,EAAA,kBAAkB,CAChB,aAAgB,EAAI,aAAa,GAAM,CACvC,UAAa,EAAI,aAAa,GAAM,CACrC,CAAC,CAEE,EAAe,EAAM,OAAO,EAAE,CAQpC,GANA,EAAM,cAAgB,CACf,EAAI,MAAM,GAAgB,EAC9B,CAAC,EAAI,KAAM,EAAe,CAAC,CAE9B,EAAA,sBAAsB,EAAI,KAAM,EAAW,EAAU,EAAa,CAE9D,CAAC,EAAI,KAAM,OAAO,KAEtB,EAAa,QAAU,EAEvB,IAAM,EAAgB,EAAI,iBAAiB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAA,OAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,gBAAD,CACE,MAAO,CACL,eACA,SAAU,EACV,UAAa,EAAI,aAAa,GAAM,CACrC,WAED,EAAA,EAAA,KAAC,MAAD,CACE,IAAK,EACL,MAAO,EAAI,eACX,YAAU,UACV,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,CAIb,EAAmB,YAAc"}

package/dist/components/ContextMenu/ContextMenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA8CzB;kBAnDQ,kBAAkB;;;AAuD3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"ContextMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA+CzB;kBApDQ,kBAAkB;;;AAwD3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -28,6 +28,7 @@ function u({ ref: u, className: d, children: f, ...p }) {
 		children: /* @__PURE__ */ l("div", {
 			ref: h,
 			style: m.floatingStyles,
+			"data-slot": "content",
 			"data-state": "open",
 			...x,
 			className: e(a(), d),

package/dist/components/ContextMenu/ContextMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuContent.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":";;;;;;;;;;;AAiBA,SAAS,EAAmB,EAC1B,QACA,cACA,aACA,GAAG,KACuB;CAC1B,IAAM,IAAM,GAAuB,EAE7B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAI,KAAK,YAAY,EAEhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,GAAM;EACvC,aAAa,EAAI,aAAa,GAAM;EACrC,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAQpC,KANA,EAAM,gBAAgB;AACpB,EAAK,EAAI,QAAM,GAAgB;IAC9B,CAAC,EAAI,MAAM,EAAe,CAAC,EAE9B,EAAsB,EAAI,MAAM,GAAW,GAAU,EAAa,EAE9D,CAAC,EAAI,KAAM,QAAO;AAEtB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,GAAM;GACrC;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAmB,cAAc"}
+{"version":3,"file":"ContextMenuContent.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuContent.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { useMenuNavigation } from \"@nuka/hooks/use-menu-navigation\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\nimport { menuContentVariants } from \"@nuka/components/Menu/menuItemVariants\";\nimport {\n  MenuItemContext,\n  useAutoFocusFirstItem,\n} from \"@nuka/components/Menu/MenuContentBase\";\n\nexport interface ContextMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction ContextMenuContent({\n  ref,\n  className,\n  children,\n  ...props\n}: ContextMenuContentProps) {\n  const ctx = useContextMenuContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(ref, contentRef, ctx.refs.setFloating);\n\n  const { getItemProps, focusItem, itemsRef, resetTypeAhead } =\n    useMenuNavigation({\n      onEscape: () => ctx.onOpenChange(false),\n      onTab: () => ctx.onOpenChange(false),\n    });\n\n  const itemIndexRef = React.useRef(0);\n\n  React.useEffect(() => {\n    if (!ctx.open) resetTypeAhead();\n  }, [ctx.open, resetTypeAhead]);\n\n  useAutoFocusFirstItem(ctx.open, focusItem, itemsRef, itemIndexRef);\n\n  if (!ctx.open) return null;\n\n  itemIndexRef.current = 0;\n\n  const floatingProps = ctx.getFloatingProps(props);\n\n  return (\n    <Portal>\n      <MenuItemContext\n        value={{\n          getItemProps,\n          indexRef: itemIndexRef,\n          close: () => ctx.onOpenChange(false),\n        }}\n      >\n        <div\n          ref={composedRef}\n          style={ctx.floatingStyles}\n          data-slot=\"content\"\n          data-state=\"open\"\n          {...floatingProps}\n          className={cn(menuContentVariants(), className)}\n        >\n          {children}\n        </div>\n      </MenuItemContext>\n    </Portal>\n  );\n}\n\nContextMenuContent.displayName = \"ContextMenuContent\";\n\nexport { ContextMenuContent };\n"],"mappings":";;;;;;;;;;;AAiBA,SAAS,EAAmB,EAC1B,QACA,cACA,aACA,GAAG,KACuB;CAC1B,IAAM,IAAM,GAAuB,EAE7B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAI,KAAK,YAAY,EAEhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,GAAM;EACvC,aAAa,EAAI,aAAa,GAAM;EACrC,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAQpC,KANA,EAAM,gBAAgB;AACpB,EAAK,EAAI,QAAM,GAAgB;IAC9B,CAAC,EAAI,MAAM,EAAe,CAAC,EAE9B,EAAsB,EAAI,MAAM,GAAW,GAAU,EAAa,EAE9D,CAAC,EAAI,KAAM,QAAO;AAEtB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,GAAM;GACrC;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,aAAU;GACV,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAmB,cAAc"}

package/dist/components/ContextMenu/ContextMenuTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./ContextMenu.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,asChild:o=!1,children:s,onContextMenu:c,onKeyDown:l,className:u,...d}){let f=r.useContextMenuContext(),p=i.useRef(null),m=n.composeRefs(e,p),h=o?n.Slot:`div`;return(0,a.jsx)(h,{ref:m,tabIndex:0,"aria-haspopup":`menu`,"aria-expanded":f.open,onContextMenu:e=>{e.preventDefault(),c?.(e),f.refs.setReference({getBoundingClientRect:()=>({x:e.clientX,y:e.clientY,width:0,height:0,top:e.clientY,left:e.clientX,bottom:e.clientY,right:e.clientX,toJSON:()=>({})})}),f.onOpenChange(!0)},onKeyDown:e=>{if(l?.(e),!e.defaultPrevented&&(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`)){e.preventDefault();let t=p.current?.getBoundingClientRect();t&&f.refs.setReference({getBoundingClientRect:()=>({x:t.x,y:t.y+t.height,width:0,height:0,top:t.y+t.height,left:t.x,bottom:t.y+t.height,right:t.x,toJSON:()=>({})})}),f.onOpenChange(!0)}},className:t.cn(`rounded-(--radius-sm)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,u),...d,children:s})}o.displayName=`ContextMenuTrigger`,exports.ContextMenuTrigger=o;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`./ContextMenu.context.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o({ref:e,asChild:o=!1,children:s,onContextMenu:c,onKeyDown:l,className:u,...d}){let f=r.useContextMenuContext(),p=i.useRef(null),m=n.composeRefs(e,p),h=o?n.Slot:`div`;return(0,a.jsx)(h,{ref:m,tabIndex:0,"aria-haspopup":`menu`,"aria-expanded":f.open,onContextMenu:e=>{e.preventDefault(),c?.(e),f.refs.setReference({getBoundingClientRect:()=>({x:e.clientX,y:e.clientY,width:0,height:0,top:e.clientY,left:e.clientX,bottom:e.clientY,right:e.clientX,toJSON:()=>({})})}),f.onOpenChange(!0)},onKeyDown:e=>{if(l?.(e),!e.defaultPrevented&&(e.key===`ContextMenu`||e.shiftKey&&e.key===`F10`)){e.preventDefault();let t=p.current?.getBoundingClientRect();t&&f.refs.setReference({getBoundingClientRect:()=>({x:t.x,y:t.y+t.height,width:0,height:0,top:t.y+t.height,left:t.x,bottom:t.y+t.height,right:t.x,toJSON:()=>({})})}),f.onOpenChange(!0)}},className:t.cn(`rounded-(--radius-sm)`,`focus-visible:outline-2 focus-visible:outline-offset-2`,`focus-visible:outline-(--nuka-border-focus)`,u),"data-slot":`trigger`,...d,children:s})}o.displayName=`ContextMenuTrigger`,exports.ContextMenuTrigger=o;
 //# sourceMappingURL=ContextMenuTrigger.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...(props as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":"yPAWA,SAAS,EAAmB,CAC1B,MACA,UAAU,GACV,WACA,gBACA,YACA,YACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,uBAAuB,CAC7B,EAAa,EAAM,OAAuB,KAAK,CAC/C,EAAqB,EAAA,YAAY,EAAK,EAAW,CACjD,EAAO,EAAU,EAAA,KAAO,MAoD9B,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,SAAU,EACV,gBAAc,OACd,gBAAe,EAAI,KACnB,cAxDuB,GAAwC,CACjE,EAAE,gBAAgB,CAClB,IAAgB,EAAE,CAElB,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAE,QACL,EAAG,EAAE,QACL,MAAO,EACP,OAAQ,EACR,IAAK,EAAE,QACP,KAAM,EAAE,QACR,OAAQ,EAAE,QACV,MAAO,EAAE,QACT,YAAe,EAAE,EAClB,EACF,CAAC,CAEF,EAAI,aAAa,GAAK,EAuCpB,UApCmB,GAA2C,CAChE,OAAY,EAAE,CACV,GAAE,mBAGJ,EAAE,MAAQ,eAAkB,EAAE,UAAY,EAAE,MAAQ,OAEhC,CACpB,EAAE,gBAAgB,CAClB,IAAM,EAAO,EAAW,SAAS,uBAAuB,CACpD,GACF,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAK,EACR,EAAG,EAAK,EAAI,EAAK,OACjB,MAAO,EACP,OAAQ,EACR,IAAK,EAAK,EAAI,EAAK,OACnB,KAAM,EAAK,EACX,OAAQ,EAAK,EAAI,EAAK,OACtB,MAAO,EAAK,EACZ,YAAe,EAAE,EAClB,EACF,CAAC,CAEJ,EAAI,aAAa,GAAK,GAYtB,UAAW,EAAA,GACT,wBACA,yDACA,8CACA,EACD,CACD,GAAK,EAEJ,WACI,CAAA,CAIX,EAAmB,YAAc"}
+{"version":3,"file":"ContextMenuTrigger.cjs","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      data-slot=\"trigger\"\n      {...(props as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":"yPAWA,SAAS,EAAmB,CAC1B,MACA,UAAU,GACV,WACA,gBACA,YACA,YACA,GAAG,GACuB,CAC1B,IAAM,EAAM,EAAA,uBAAuB,CAC7B,EAAa,EAAM,OAAuB,KAAK,CAC/C,EAAqB,EAAA,YAAY,EAAK,EAAW,CACjD,EAAO,EAAU,EAAA,KAAO,MAoD9B,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,SAAU,EACV,gBAAc,OACd,gBAAe,EAAI,KACnB,cAxDuB,GAAwC,CACjE,EAAE,gBAAgB,CAClB,IAAgB,EAAE,CAElB,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAE,QACL,EAAG,EAAE,QACL,MAAO,EACP,OAAQ,EACR,IAAK,EAAE,QACP,KAAM,EAAE,QACR,OAAQ,EAAE,QACV,MAAO,EAAE,QACT,YAAe,EAAE,EAClB,EACF,CAAC,CAEF,EAAI,aAAa,GAAK,EAuCpB,UApCmB,GAA2C,CAChE,OAAY,EAAE,CACV,GAAE,mBAGJ,EAAE,MAAQ,eAAkB,EAAE,UAAY,EAAE,MAAQ,OAEhC,CACpB,EAAE,gBAAgB,CAClB,IAAM,EAAO,EAAW,SAAS,uBAAuB,CACpD,GACF,EAAI,KAAK,aAAa,CACpB,2BAA8B,CAC5B,EAAG,EAAK,EACR,EAAG,EAAK,EAAI,EAAK,OACjB,MAAO,EACP,OAAQ,EACR,IAAK,EAAK,EAAI,EAAK,OACnB,KAAM,EAAK,EACX,OAAQ,EAAK,EAAI,EAAK,OACtB,MAAO,EAAK,EACZ,YAAe,EAAE,EAClB,EACF,CAAC,CAEJ,EAAI,aAAa,GAAK,GAYtB,UAAW,EAAA,GACT,wBACA,yDACA,8CACA,EACD,CACD,YAAU,UACV,GAAK,EAEJ,WACI,CAAA,CAIX,EAAmB,YAAc"}

package/dist/components/ContextMenu/ContextMenuTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA2EzB;kBAnFQ,kBAAkB;;;AAuF3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"ContextMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,aAAa,EACb,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA4EzB;kBApFQ,kBAAkB;;;AAwF3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ContextMenu/ContextMenuTrigger.js

@@ -43,6 +43,7 @@ function o({ ref: o, asChild: s = !1, children: c, onContextMenu: l, onKeyDown:
 			}
 		},
 		className: e("rounded-(--radius-sm)", "focus-visible:outline-2 focus-visible:outline-offset-2", "focus-visible:outline-(--nuka-border-focus)", d),
+		"data-slot": "trigger",
 		...f,
 		children: c
 	});

package/dist/components/ContextMenu/ContextMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuTrigger.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      {...(props as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":";;;;;;;AAWA,SAAS,EAAmB,EAC1B,QACA,aAAU,IACV,aACA,kBACA,cACA,cACA,GAAG,KACuB;CAC1B,IAAM,IAAM,GAAuB,EAC7B,IAAa,EAAM,OAAuB,KAAK,EAC/C,IAAqB,EAAY,GAAK,EAAW;AAqDvD,QACE,kBArDW,IAAU,IAAO,OAqD5B;EACE,KAAK;EACL,UAAU;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,gBAxDuB,MAAwC;AAkBjE,GAjBA,EAAE,gBAAgB,EAClB,IAAgB,EAAE,EAElB,EAAI,KAAK,aAAa,EACpB,8BAA8B;IAC5B,GAAG,EAAE;IACL,GAAG,EAAE;IACL,OAAO;IACP,QAAQ;IACR,KAAK,EAAE;IACP,MAAM,EAAE;IACR,QAAQ,EAAE;IACV,OAAO,EAAE;IACT,eAAe,EAAE;IAClB,GACF,CAAC,EAEF,EAAI,aAAa,GAAK;;EAuCpB,YApCmB,MAA2C;AAChE,WAAY,EAAE,EACV,GAAE,qBAGJ,EAAE,QAAQ,iBAAkB,EAAE,YAAY,EAAE,QAAQ,QAEhC;AACpB,MAAE,gBAAgB;IAClB,IAAM,IAAO,EAAW,SAAS,uBAAuB;AAgBxD,IAfI,KACF,EAAI,KAAK,aAAa,EACpB,8BAA8B;KAC5B,GAAG,EAAK;KACR,GAAG,EAAK,IAAI,EAAK;KACjB,OAAO;KACP,QAAQ;KACR,KAAK,EAAK,IAAI,EAAK;KACnB,MAAM,EAAK;KACX,QAAQ,EAAK,IAAI,EAAK;KACtB,OAAO,EAAK;KACZ,eAAe,EAAE;KAClB,GACF,CAAC,EAEJ,EAAI,aAAa,GAAK;;;EAYtB,WAAW,EACT,yBACA,0DACA,+CACA,EACD;EACD,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAmB,cAAc"}
+{"version":3,"file":"ContextMenuTrigger.js","names":[],"sources":["../../../src/components/ContextMenu/ContextMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useContextMenuContext } from \"@nuka/components/ContextMenu/ContextMenu.context\";\n\nexport interface ContextMenuTriggerProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction ContextMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  onContextMenu,\n  onKeyDown,\n  className,\n  ...props\n}: ContextMenuTriggerProps) {\n  const ctx = useContextMenuContext();\n  const triggerRef = React.useRef<HTMLDivElement>(null);\n  const composedTriggerRef = composeRefs(ref, triggerRef);\n  const Comp = asChild ? Slot : \"div\";\n\n  const handleContextMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    onContextMenu?.(e);\n\n    ctx.refs.setReference({\n      getBoundingClientRect: () => ({\n        x: e.clientX,\n        y: e.clientY,\n        width: 0,\n        height: 0,\n        top: e.clientY,\n        left: e.clientX,\n        bottom: e.clientY,\n        right: e.clientX,\n        toJSON: () => ({}),\n      }),\n    });\n\n    ctx.onOpenChange(true);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (e.defaultPrevented) return;\n\n    const isContextMenuKey =\n      e.key === \"ContextMenu\" || (e.shiftKey && e.key === \"F10\");\n\n    if (isContextMenuKey) {\n      e.preventDefault();\n      const rect = triggerRef.current?.getBoundingClientRect();\n      if (rect) {\n        ctx.refs.setReference({\n          getBoundingClientRect: () => ({\n            x: rect.x,\n            y: rect.y + rect.height,\n            width: 0,\n            height: 0,\n            top: rect.y + rect.height,\n            left: rect.x,\n            bottom: rect.y + rect.height,\n            right: rect.x,\n            toJSON: () => ({}),\n          }),\n        });\n      }\n      ctx.onOpenChange(true);\n    }\n  };\n\n  return (\n    <Comp\n      ref={composedTriggerRef}\n      tabIndex={0}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      onContextMenu={handleContextMenu}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        \"rounded-(--radius-sm)\",\n        \"focus-visible:outline-2 focus-visible:outline-offset-2\",\n        \"focus-visible:outline-(--nuka-border-focus)\",\n        className,\n      )}\n      data-slot=\"trigger\"\n      {...(props as React.HTMLAttributes<HTMLDivElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nContextMenuTrigger.displayName = \"ContextMenuTrigger\";\n\nexport { ContextMenuTrigger };\n"],"mappings":";;;;;;;AAWA,SAAS,EAAmB,EAC1B,QACA,aAAU,IACV,aACA,kBACA,cACA,cACA,GAAG,KACuB;CAC1B,IAAM,IAAM,GAAuB,EAC7B,IAAa,EAAM,OAAuB,KAAK,EAC/C,IAAqB,EAAY,GAAK,EAAW;AAqDvD,QACE,kBArDW,IAAU,IAAO,OAqD5B;EACE,KAAK;EACL,UAAU;EACV,iBAAc;EACd,iBAAe,EAAI;EACnB,gBAxDuB,MAAwC;AAkBjE,GAjBA,EAAE,gBAAgB,EAClB,IAAgB,EAAE,EAElB,EAAI,KAAK,aAAa,EACpB,8BAA8B;IAC5B,GAAG,EAAE;IACL,GAAG,EAAE;IACL,OAAO;IACP,QAAQ;IACR,KAAK,EAAE;IACP,MAAM,EAAE;IACR,QAAQ,EAAE;IACV,OAAO,EAAE;IACT,eAAe,EAAE;IAClB,GACF,CAAC,EAEF,EAAI,aAAa,GAAK;;EAuCpB,YApCmB,MAA2C;AAChE,WAAY,EAAE,EACV,GAAE,qBAGJ,EAAE,QAAQ,iBAAkB,EAAE,YAAY,EAAE,QAAQ,QAEhC;AACpB,MAAE,gBAAgB;IAClB,IAAM,IAAO,EAAW,SAAS,uBAAuB;AAgBxD,IAfI,KACF,EAAI,KAAK,aAAa,EACpB,8BAA8B;KAC5B,GAAG,EAAK;KACR,GAAG,EAAK,IAAI,EAAK;KACjB,OAAO;KACP,QAAQ;KACR,KAAK,EAAK,IAAI,EAAK;KACnB,MAAM,EAAK;KACX,QAAQ,EAAK,IAAI,EAAK;KACtB,OAAO,EAAK;KACZ,eAAe,EAAE;KAClB,GACF,CAAC,EAEJ,EAAI,aAAa,GAAK;;;EAYtB,WAAW,EACT,yBACA,0DACA,+CACA,EACD;EACD,aAAU;EACV,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAmB,cAAc"}

package/dist/components/DatePicker/DatePickerCalendar.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../Button/Button.cjs`),a=require(`../Text/Text.cjs`),o=require(`../../utils/portal.cjs`),s=require(`./DatePicker.context.cjs`),c=require(`./DatePicker.utils.cjs`),l=require(`./DatePicker.hooks.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);function f({ref:e,className:f,...p}){let m=s.useDatePickerContext(),h=n.composeRefs(e,u.useRef(null),m.refs.setFloating),{displayedYear:g,setDisplayedYear:_,displayedMonth:v,setDisplayedMonth:y,canGoPrev:b,canGoNext:x,goToPrevMonth:S,goToNextMonth:C}=l.useCalendarNavigation(m),{focusedDayRef:w}=l.useCalendarFocus(m,g,v),T=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),[m.locale]),E=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{month:`long`,year:`numeric`}),[m.locale]),D=u.useMemo(()=>{let e=new Intl.DateTimeFormat(m.locale,{weekday:`short`}),t=new Intl.DateTimeFormat(m.locale,{weekday:`long`});return Array.from({length:7},(n,r)=>{let i=new Date(2026,0,5+r);return{short:e.format(i),long:t.format(i)}})},[m.locale]),O=u.useMemo(()=>c.buildMonthGrid(g,v),[g,v]),k=u.useMemo(()=>E.format(new Date(g,v,1)),[g,v,E]),A=u.useCallback(e=>{c.isDateDisabled(e,m.min,m.max)||(m.onSelectedDateChange(e),m.onOpenChange(!1),requestAnimationFrame(()=>{m.triggerButtonRef.current?.focus()}))},[m]),{handleKeyDown:j}=l.useCalendarKeyboard(m,u.useCallback((e,t)=>{let n=e,r=0;for(;c.isDateDisabled(n,m.min,m.max)&&r<366;)n=t(n),r++;c.isDateDisabled(n,m.min,m.max)||(m.setFocusedDate(n),(n.getMonth()!==v||n.getFullYear()!==g)&&(_(n.getFullYear()),y(n.getMonth())))},[m,v,g,_,y]),A);if(!m.open)return null;let M=m.getFloatingProps(p),N=new Date;return(0,d.jsx)(o.Portal,{children:(0,d.jsxs)(`div`,{ref:h,style:m.floatingStyles,role:`dialog`,"aria-label":`Date picker`,...M,className:t.cn(`z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md p-(--space-3)`,`focus-visible:outline-none`,f),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-(--space-2)`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.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,d.jsx)(`polyline`,{points:`15 18 9 12 15 6`})})})}),(0,d.jsx)(a.Text,{as:`span`,size:`sm`,weight:`medium`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.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,d.jsx)(`polyline`,{points:`9 18 15 12 9 6`})})})})]}),(0,d.jsxs)(`div`,{role:`grid`,"aria-label":k,id:`${m.baseId}-grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,children:D.map(e=>(0,d.jsx)(`abbr`,{title:e.long,className:`flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)`,children:e.short},e.short))}),O.map((e,n)=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,children:(0,d.jsx)(`span`,{className:`block size-9`})},`empty-${String(n)}`);let r=new Date(g,v,e),i=c.isDateDisabled(r,m.min,m.max),a=m.selectedDate!==void 0&&c.isSameDay(r,m.selectedDate),o=c.isSameDay(r,m.focusedDate),s=c.isSameDay(r,N),l=T.format(r);return(0,d.jsx)(`div`,{role:`gridcell`,children:(0,d.jsx)(`button`,{ref:o?w:void 0,type:`button`,tabIndex:o?0:-1,"aria-label":l,"aria-selected":a,"aria-disabled":i||void 0,disabled:i,onClick:()=>A(r),className:t.cn(`flex items-center justify-center size-9 rounded-(--radius-md) text-sm`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`cursor-pointer`,a&&`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,!a&&!i&&`hover:bg-(--nuka-bg-muted)`,s&&!a&&`ring-1 ring-(--nuka-border-strong)`,i&&`opacity-50 cursor-default`),children:e})},e)})},n))]})]})})}f.displayName=`DatePickerCalendar`,exports.DatePickerCalendar=f;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../Button/Button.cjs`),a=require(`../Text/Text.cjs`),o=require(`../../utils/portal.cjs`),s=require(`./DatePicker.context.cjs`),c=require(`./DatePicker.utils.cjs`),l=require(`./DatePicker.hooks.cjs`);let u=require(`react`);u=e.__toESM(u,1);let d=require(`react/jsx-runtime`);function f({ref:e,className:f,...p}){let m=s.useDatePickerContext(),h=n.composeRefs(e,u.useRef(null),m.refs.setFloating),{displayedYear:g,setDisplayedYear:_,displayedMonth:v,setDisplayedMonth:y,canGoPrev:b,canGoNext:x,goToPrevMonth:S,goToNextMonth:C}=l.useCalendarNavigation(m),{focusedDayRef:w}=l.useCalendarFocus(m,g,v),T=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),[m.locale]),E=u.useMemo(()=>new Intl.DateTimeFormat(m.locale,{month:`long`,year:`numeric`}),[m.locale]),D=u.useMemo(()=>{let e=new Intl.DateTimeFormat(m.locale,{weekday:`short`}),t=new Intl.DateTimeFormat(m.locale,{weekday:`long`});return Array.from({length:7},(n,r)=>{let i=new Date(2026,0,5+r);return{short:e.format(i),long:t.format(i)}})},[m.locale]),O=u.useMemo(()=>c.buildMonthGrid(g,v),[g,v]),k=u.useMemo(()=>E.format(new Date(g,v,1)),[g,v,E]),A=u.useCallback(e=>{c.isDateDisabled(e,m.min,m.max)||(m.onSelectedDateChange(e),m.onOpenChange(!1),requestAnimationFrame(()=>{m.triggerButtonRef.current?.focus()}))},[m]),{handleKeyDown:j}=l.useCalendarKeyboard(m,u.useCallback((e,t)=>{let n=e,r=0;for(;c.isDateDisabled(n,m.min,m.max)&&r<366;)n=t(n),r++;c.isDateDisabled(n,m.min,m.max)||(m.setFocusedDate(n),(n.getMonth()!==v||n.getFullYear()!==g)&&(_(n.getFullYear()),y(n.getMonth())))},[m,v,g,_,y]),A);if(!m.open)return null;let M=m.getFloatingProps(p),N=new Date;return(0,d.jsx)(o.Portal,{children:(0,d.jsxs)(`div`,{ref:h,style:m.floatingStyles,role:`dialog`,"aria-label":`Date picker`,"data-slot":`calendar`,...M,className:t.cn(`z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md p-(--space-3)`,`focus-visible:outline-none`,f),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between mb-(--space-2)`,"data-slot":`calendar-header`,children:[(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:S,disabled:!b,"aria-label":`Previous month`,"data-slot":`prev-button`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.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,d.jsx)(`polyline`,{points:`15 18 9 12 15 6`})})})}),(0,d.jsx)(a.Text,{as:`span`,size:`sm`,weight:`medium`,"data-slot":`month-year-label`,children:k}),(0,d.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:C,disabled:!x,"aria-label":`Next month`,"data-slot":`next-button`,children:(0,d.jsx)(r.Icon,{size:`sm`,children:(0,d.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,d.jsx)(`polyline`,{points:`9 18 15 12 9 6`})})})})]}),(0,d.jsxs)(`div`,{role:`grid`,"aria-label":k,id:`${m.baseId}-grid`,"data-slot":`grid`,onKeyDown:j,children:[(0,d.jsx)(`div`,{role:`row`,"aria-hidden":`true`,className:`grid grid-cols-7 mb-(--space-1)`,"data-slot":`weekday-row`,children:D.map(e=>(0,d.jsx)(`abbr`,{title:e.long,className:`flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)`,"data-slot":`weekday`,children:e.short},e.short))}),O.map((e,n)=>(0,d.jsx)(`div`,{role:`row`,className:`grid grid-cols-7`,"data-slot":`week-row`,children:e.map((e,n)=>{if(e===null)return(0,d.jsx)(`div`,{role:`gridcell`,"aria-hidden":`true`,"data-slot":`day-cell`,children:(0,d.jsx)(`span`,{className:`block size-9`})},`empty-${String(n)}`);let r=new Date(g,v,e),i=c.isDateDisabled(r,m.min,m.max),a=m.selectedDate!==void 0&&c.isSameDay(r,m.selectedDate),o=c.isSameDay(r,m.focusedDate),s=c.isSameDay(r,N),l=T.format(r);return(0,d.jsx)(`div`,{role:`gridcell`,"data-slot":`day-cell`,children:(0,d.jsx)(`button`,{ref:o?w:void 0,type:`button`,tabIndex:o?0:-1,"aria-label":l,"aria-selected":a,"aria-disabled":i||void 0,disabled:i,onClick:()=>A(r),"data-slot":`day-button`,className:t.cn(`flex items-center justify-center size-9 rounded-(--radius-md) text-sm`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`cursor-pointer`,a&&`bg-(--nuka-accent-bg) text-(--nuka-accent-fg)`,!a&&!i&&`hover:bg-(--nuka-bg-muted)`,s&&!a&&`ring-1 ring-(--nuka-border-strong)`,i&&`opacity-50 cursor-default`),children:e})},e)})},n))]})]})})}f.displayName=`DatePickerCalendar`,exports.DatePickerCalendar=f;
 //# sourceMappingURL=DatePickerCalendar.cjs.map

package/dist/components/DatePicker/DatePickerCalendar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerCalendar.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: calendar grid JSX is inseparable from the hooks that feed it.\n// Hook calls, Intl formatters, memos, and selectDay/navigateToDate callbacks all\n// close over the same display state and cannot be moved to a sibling file.\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  isSameDay,\n  isDateDisabled,\n  buildMonthGrid,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\nimport {\n  useCalendarNavigation,\n  useCalendarFocus,\n  useCalendarKeyboard,\n} from \"@nuka/components/DatePicker/DatePicker.hooks\";\n\nexport interface DatePickerCalendarProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DatePickerCalendar({\n  ref,\n  className,\n  ...props\n}: DatePickerCalendarProps) {\n  const ctx = useDatePickerContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(\n    ref,\n    contentRef,\n    ctx.refs.setFloating as React.Ref<HTMLDivElement>,\n  );\n\n  const {\n    displayedYear,\n    setDisplayedYear,\n    displayedMonth,\n    setDisplayedMonth,\n    canGoPrev,\n    canGoNext,\n    goToPrevMonth,\n    goToNextMonth,\n  } = useCalendarNavigation(ctx);\n\n  const { focusedDayRef } = useCalendarFocus(\n    ctx,\n    displayedYear,\n    displayedMonth,\n  );\n\n  const labelFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const headerFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const weekdayLabels = React.useMemo(() => {\n    const shortFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"short\" });\n    const longFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"long\" });\n    return Array.from({ length: 7 }, (_, i) => {\n      const date = new Date(2026, 0, 5 + i);\n      return {\n        short: shortFmt.format(date),\n        long: longFmt.format(date),\n      };\n    });\n  }, [ctx.locale]);\n\n  const weeks = React.useMemo(\n    () => buildMonthGrid(displayedYear, displayedMonth),\n    [displayedYear, displayedMonth],\n  );\n\n  const headerLabel = React.useMemo(\n    () => headerFormatter.format(new Date(displayedYear, displayedMonth, 1)),\n    [displayedYear, displayedMonth, headerFormatter],\n  );\n\n  const selectDay = React.useCallback(\n    (date: Date) => {\n      if (isDateDisabled(date, ctx.min, ctx.max)) return;\n      ctx.onSelectedDateChange(date);\n      ctx.onOpenChange(false);\n      requestAnimationFrame(() => {\n        ctx.triggerButtonRef.current?.focus();\n      });\n    },\n    [ctx],\n  );\n\n  const navigateToDate = React.useCallback(\n    (candidate: Date, stepFn: (d: Date) => Date) => {\n      let current = candidate;\n      let attempts = 0;\n      while (isDateDisabled(current, ctx.min, ctx.max) && attempts < 366) {\n        current = stepFn(current);\n        attempts++;\n      }\n      if (isDateDisabled(current, ctx.min, ctx.max)) return;\n\n      ctx.setFocusedDate(current);\n      if (\n        current.getMonth() !== displayedMonth ||\n        current.getFullYear() !== displayedYear\n      ) {\n        setDisplayedYear(current.getFullYear());\n        setDisplayedMonth(current.getMonth());\n      }\n    },\n    [ctx, displayedMonth, displayedYear, setDisplayedYear, setDisplayedMonth],\n  );\n\n  const { handleKeyDown } = useCalendarKeyboard(ctx, navigateToDate, selectDay);\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n  const today = new Date();\n\n  return (\n    <Portal>\n      <div\n        ref={composedRef}\n        style={ctx.floatingStyles}\n        role=\"dialog\"\n        aria-label=\"Date picker\"\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n          \"focus-visible:outline-none\",\n          className,\n        )}\n      >\n        <div className=\"flex items-center justify-between mb-(--space-2)\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n          >\n            <Icon size=\"sm\">\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                <polyline points=\"15 18 9 12 15 6\" />\n              </svg>\n            </Icon>\n          </Button>\n          <Text as=\"span\" size=\"sm\" weight=\"medium\">\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n          >\n            <Icon size=\"sm\">\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                <polyline points=\"9 18 15 12 9 6\" />\n              </svg>\n            </Icon>\n          </Button>\n        </div>\n\n        <div\n          role=\"grid\"\n          aria-label={headerLabel}\n          id={`${ctx.baseId}-grid`}\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n          >\n            {weekdayLabels.map((day) => (\n              <abbr\n                key={day.short}\n                title={day.long}\n                className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div role=\"row\" key={weekIndex} className=\"grid grid-cols-7\">\n              {week.map((day, dayIndex) => {\n                if (day === null) {\n                  return (\n                    <div\n                      role=\"gridcell\"\n                      key={`empty-${String(dayIndex)}`}\n                      aria-hidden=\"true\"\n                    >\n                      <span className=\"block size-9\" />\n                    </div>\n                  );\n                }\n\n                const date = new Date(displayedYear, displayedMonth, day);\n                const disabled = isDateDisabled(date, ctx.min, ctx.max);\n                const isSelected =\n                  ctx.selectedDate !== undefined &&\n                  isSameDay(date, ctx.selectedDate);\n                const isFocused = isSameDay(date, ctx.focusedDate);\n                const isToday = isSameDay(date, today);\n                const dayLabel = labelFormatter.format(date);\n\n                return (\n                  <div role=\"gridcell\" key={day}>\n                    <button\n                      ref={isFocused ? focusedDayRef : undefined}\n                      type=\"button\"\n                      tabIndex={isFocused ? 0 : -1}\n                      aria-label={dayLabel}\n                      aria-selected={isSelected}\n                      aria-disabled={disabled || undefined}\n                      disabled={disabled}\n                      onClick={() => selectDay(date)}\n                      className={cn(\n                        \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n                        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n                        \"cursor-pointer\",\n                        isSelected &&\n                          \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n                        !isSelected &&\n                          !disabled &&\n                          \"hover:bg-(--nuka-bg-muted)\",\n                        isToday &&\n                          !isSelected &&\n                          \"ring-1 ring-(--nuka-border-strong)\",\n                        disabled && \"opacity-50 cursor-default\",\n                      )}\n                    >\n                      {day}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    </Portal>\n  );\n}\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerCalendar.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: calendar grid JSX is inseparable from the hooks that feed it.\n// Hook calls, Intl formatters, memos, and selectDay/navigateToDate callbacks all\n// close over the same display state and cannot be moved to a sibling file.\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { Button } from \"@nuka/components/Button\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { Text } from \"@nuka/components/Text\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport {\n  isSameDay,\n  isDateDisabled,\n  buildMonthGrid,\n} from \"@nuka/components/DatePicker/DatePicker.utils\";\nimport {\n  useCalendarNavigation,\n  useCalendarFocus,\n  useCalendarKeyboard,\n} from \"@nuka/components/DatePicker/DatePicker.hooks\";\n\nexport interface DatePickerCalendarProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n}\n\nfunction DatePickerCalendar({\n  ref,\n  className,\n  ...props\n}: DatePickerCalendarProps) {\n  const ctx = useDatePickerContext();\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = composeRefs(\n    ref,\n    contentRef,\n    ctx.refs.setFloating as React.Ref<HTMLDivElement>,\n  );\n\n  const {\n    displayedYear,\n    setDisplayedYear,\n    displayedMonth,\n    setDisplayedMonth,\n    canGoPrev,\n    canGoNext,\n    goToPrevMonth,\n    goToNextMonth,\n  } = useCalendarNavigation(ctx);\n\n  const { focusedDayRef } = useCalendarFocus(\n    ctx,\n    displayedYear,\n    displayedMonth,\n  );\n\n  const labelFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const headerFormatter = React.useMemo(\n    () =>\n      new Intl.DateTimeFormat(ctx.locale, {\n        month: \"long\",\n        year: \"numeric\",\n      }),\n    [ctx.locale],\n  );\n\n  const weekdayLabels = React.useMemo(() => {\n    const shortFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"short\" });\n    const longFmt = new Intl.DateTimeFormat(ctx.locale, { weekday: \"long\" });\n    return Array.from({ length: 7 }, (_, i) => {\n      const date = new Date(2026, 0, 5 + i);\n      return {\n        short: shortFmt.format(date),\n        long: longFmt.format(date),\n      };\n    });\n  }, [ctx.locale]);\n\n  const weeks = React.useMemo(\n    () => buildMonthGrid(displayedYear, displayedMonth),\n    [displayedYear, displayedMonth],\n  );\n\n  const headerLabel = React.useMemo(\n    () => headerFormatter.format(new Date(displayedYear, displayedMonth, 1)),\n    [displayedYear, displayedMonth, headerFormatter],\n  );\n\n  const selectDay = React.useCallback(\n    (date: Date) => {\n      if (isDateDisabled(date, ctx.min, ctx.max)) return;\n      ctx.onSelectedDateChange(date);\n      ctx.onOpenChange(false);\n      requestAnimationFrame(() => {\n        ctx.triggerButtonRef.current?.focus();\n      });\n    },\n    [ctx],\n  );\n\n  const navigateToDate = React.useCallback(\n    (candidate: Date, stepFn: (d: Date) => Date) => {\n      let current = candidate;\n      let attempts = 0;\n      while (isDateDisabled(current, ctx.min, ctx.max) && attempts < 366) {\n        current = stepFn(current);\n        attempts++;\n      }\n      if (isDateDisabled(current, ctx.min, ctx.max)) return;\n\n      ctx.setFocusedDate(current);\n      if (\n        current.getMonth() !== displayedMonth ||\n        current.getFullYear() !== displayedYear\n      ) {\n        setDisplayedYear(current.getFullYear());\n        setDisplayedMonth(current.getMonth());\n      }\n    },\n    [ctx, displayedMonth, displayedYear, setDisplayedYear, setDisplayedMonth],\n  );\n\n  const { handleKeyDown } = useCalendarKeyboard(ctx, navigateToDate, selectDay);\n\n  if (!ctx.open) return null;\n\n  const floatingProps = ctx.getFloatingProps(props);\n  const today = new Date();\n\n  return (\n    <Portal>\n      <div\n        ref={composedRef}\n        style={ctx.floatingStyles}\n        role=\"dialog\"\n        aria-label=\"Date picker\"\n        data-slot=\"calendar\"\n        {...(floatingProps as React.HTMLAttributes<HTMLDivElement>)}\n        className={cn(\n          \"z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)\",\n          \"bg-(--nuka-bg-base) shadow-md p-(--space-3)\",\n          \"focus-visible:outline-none\",\n          className,\n        )}\n      >\n        <div\n          className=\"flex items-center justify-between mb-(--space-2)\"\n          data-slot=\"calendar-header\"\n        >\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToPrevMonth}\n            disabled={!canGoPrev}\n            aria-label=\"Previous month\"\n            data-slot=\"prev-button\"\n          >\n            <Icon size=\"sm\">\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                <polyline points=\"15 18 9 12 15 6\" />\n              </svg>\n            </Icon>\n          </Button>\n          <Text\n            as=\"span\"\n            size=\"sm\"\n            weight=\"medium\"\n            data-slot=\"month-year-label\"\n          >\n            {headerLabel}\n          </Text>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={goToNextMonth}\n            disabled={!canGoNext}\n            aria-label=\"Next month\"\n            data-slot=\"next-button\"\n          >\n            <Icon size=\"sm\">\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                <polyline points=\"9 18 15 12 9 6\" />\n              </svg>\n            </Icon>\n          </Button>\n        </div>\n\n        <div\n          role=\"grid\"\n          aria-label={headerLabel}\n          id={`${ctx.baseId}-grid`}\n          data-slot=\"grid\"\n          onKeyDown={handleKeyDown}\n        >\n          <div\n            role=\"row\"\n            aria-hidden=\"true\"\n            className=\"grid grid-cols-7 mb-(--space-1)\"\n            data-slot=\"weekday-row\"\n          >\n            {weekdayLabels.map((day) => (\n              <abbr\n                key={day.short}\n                title={day.long}\n                className=\"flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)\"\n                data-slot=\"weekday\"\n              >\n                {day.short}\n              </abbr>\n            ))}\n          </div>\n\n          {weeks.map((week, weekIndex) => (\n            <div\n              role=\"row\"\n              key={weekIndex}\n              className=\"grid grid-cols-7\"\n              data-slot=\"week-row\"\n            >\n              {week.map((day, dayIndex) => {\n                if (day === null) {\n                  return (\n                    <div\n                      role=\"gridcell\"\n                      key={`empty-${String(dayIndex)}`}\n                      aria-hidden=\"true\"\n                      data-slot=\"day-cell\"\n                    >\n                      <span className=\"block size-9\" />\n                    </div>\n                  );\n                }\n\n                const date = new Date(displayedYear, displayedMonth, day);\n                const disabled = isDateDisabled(date, ctx.min, ctx.max);\n                const isSelected =\n                  ctx.selectedDate !== undefined &&\n                  isSameDay(date, ctx.selectedDate);\n                const isFocused = isSameDay(date, ctx.focusedDate);\n                const isToday = isSameDay(date, today);\n                const dayLabel = labelFormatter.format(date);\n\n                return (\n                  <div role=\"gridcell\" key={day} data-slot=\"day-cell\">\n                    <button\n                      ref={isFocused ? focusedDayRef : undefined}\n                      type=\"button\"\n                      tabIndex={isFocused ? 0 : -1}\n                      aria-label={dayLabel}\n                      aria-selected={isSelected}\n                      aria-disabled={disabled || undefined}\n                      disabled={disabled}\n                      onClick={() => selectDay(date)}\n                      data-slot=\"day-button\"\n                      className={cn(\n                        \"flex items-center justify-center size-9 rounded-(--radius-md) text-sm\",\n                        \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n                        \"cursor-pointer\",\n                        isSelected &&\n                          \"bg-(--nuka-accent-bg) text-(--nuka-accent-fg)\",\n                        !isSelected &&\n                          !disabled &&\n                          \"hover:bg-(--nuka-bg-muted)\",\n                        isToday &&\n                          !isSelected &&\n                          \"ring-1 ring-(--nuka-border-strong)\",\n                        disabled && \"opacity-50 cursor-default\",\n                      )}\n                    >\n                      {day}\n                    </button>\n                  </div>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    </Portal>\n  );\n}\n\nDatePickerCalendar.displayName = \"DatePickerCalendar\";\n\nexport { DatePickerCalendar };\n"],"mappings":"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"}

package/dist/components/DatePicker/DatePickerCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA+PzB;kBAnQQ,kBAAkB;;;AAuQ3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"DatePickerCalendar.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerCalendar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,kDAoRzB;kBAxRQ,kBAAkB;;;AA4R3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}