npm - @nuka-ui/core - Versions diffs - 1.1.2 → 1.1.4 - Mend

@nuka-ui/core 1.1.2 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (865) hide show

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

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

package/dist/components/Combobox/ComboboxTrigger.cjs CHANGED Viewed

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

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

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

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

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

package/dist/components/Combobox/ComboboxTrigger.js CHANGED Viewed

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

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

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

package/dist/components/CommandMenu/CommandMenu.cjs CHANGED Viewed

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

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

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

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

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

package/dist/components/CommandMenu/CommandMenu.js CHANGED Viewed

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

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

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

package/dist/components/CommandMenu/CommandMenuEmpty.cjs CHANGED Viewed

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

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

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

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

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

package/dist/components/CommandMenu/CommandMenuEmpty.js CHANGED Viewed

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

package/dist/components/CommandMenu/CommandMenuEmpty.js.map CHANGED Viewed

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

package/dist/components/CommandMenu/CommandMenuGroup.cjs CHANGED Viewed

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

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

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

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

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

package/dist/components/CommandMenu/CommandMenuGroup.js CHANGED Viewed

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

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

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

package/dist/components/CommandMenu/CommandMenuInput.cjs CHANGED Viewed

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

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

	@@ -1 +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"}
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 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 CHANGED Viewed

	@@ -1 +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"}
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,2CAqG5E;kBArGQ,gBAAgB;;;AAyGzB,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuInput.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

	@@ -1 +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"}
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,2CA4DtB;kBApEQ,eAAe;;;AAwExB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuItem.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

	@@ -1 +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"}
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,2CAyB1E;kBAzBQ,eAAe;;;AA6BxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuList.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 CHANGED Viewed

@@ -1,2 +1,2 @@
-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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandMenuShortcut.cjs","names":[],"sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"sourcesContent":["~~import~~ * 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":"~~mKAOA~~,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"}
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 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommandMenuShortcut.d.ts","sourceRoot":"","sources":["../../../src/components/CommandMenu/CommandMenuShortcut.tsx"],"names":[],"mappings":"~~AAAA~~,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"}
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,2CAU1B;kBAdQ,mBAAmB;;;AAkB5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/CommandMenu/CommandMenuShortcut.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { cn as e } from "../../utils/cn.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
@@ -7,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
 	});
 }