npm - @nuka-ui/core - Versions diffs - 1.1.3 → 1.1.5 - Mend

@nuka-ui/core 1.1.3 → 1.1.5

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 (1152) hide show

package/dist/components/DatePicker/DatePickerInput.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../../hooks/use-form-field-props.cjs`),a=require(`../Input/Input.cjs`),o=require(`./DatePicker.context.cjs`),s=require(`./DatePicker.utils.cjs`);let c=require(`react`);c=e.__toESM(c,1);let l=require(`react/jsx-runtime`);function u({ref:e,className:u,placeholder:d=`YYYY-MM-DD`,size:f,id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g,..._}){let v=o.useDatePickerContext(),y=n.composeRefs(e,c.useCallback(e=>{e&&v.refs.setPositionReference(e)},[v.refs])),b=i.useFormFieldProps({id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g}),{selectedDate:x,open:S,formatDate:C}=v,[w,T]=c.useState(x===void 0?``:C(x));c.useEffect(()=>{S||T(x===void 0?``:C(x))},[x,S,C]);let E=b.ariaInvalid??void 0,D=c.useCallback(()=>{!v.disabled&&!v.open&&(v.focusCalendarOnOpen.current=!1,v.onOpenChange(!0))},[v]),O=c.useCallback(()=>{let e=v.parseDate(w);e!==null&&!s.isDateDisabled(e,v.min,v.max)?v.onSelectedDateChange(e):T(v.selectedDate===void 0?``:v.formatDate(v.selectedDate))},[w,v]),k=c.useCallback(e=>{e.key===`Enter`?(e.preventDefault(),O()):e.key===`Escape`?v.open?(e.preventDefault(),v.onOpenChange(!1)):T(v.selectedDate===void 0?``:v.formatDate(v.selectedDate)):e.key===`Tab`&&v.open&&v.onOpenChange(!1)},[O,v]),A=c.useCallback(e=>{let t=e.relatedTarget;t&&v.refs.floating.current?.contains(t)||O()},[O,v.refs.floating]),j=c.useCallback(()=>{v.disabled||(v.focusCalendarOnOpen.current=!v.open,v.onOpenChange(!v.open))},[v]),M=v.getReferenceProps({});return(0,l.jsxs)(`div`,{ref:y,className:t.cn(`relative inline-flex w-full items-center`,u),..._,children:[(0,l.jsx)(a.Input,{type:`text`,value:w,onChange:e=>T(e.target.value),onClick:D,onKeyDown:k,onBlur:A,placeholder:d,size:f,id:b.resolvedId,disabled:v.disabled||b.resolvedDisabled,"aria-invalid":E,"aria-describedby":b.ariaDescribedBy,"aria-required":b.ariaRequired,className:`pr-(--space-10)`,autoComplete:`off`}),(0,l.jsx)(`button`,{ref:n.composeRefs(v.triggerButtonRef,v.refs.setReference),type:`button`,...M,onClick:j,disabled:v.disabled,"aria-label":`Open calendar`,className:t.cn(`absolute right-0 top-0 bottom-0 flex items-center justify-center`,`px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)`,`disabled:pointer-events-none disabled:opacity-50`,`cursor-pointer`),children:(0,l.jsx)(r.Icon,{size:`sm`,children:(0,l.jsxs)(`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,l.jsx)(`rect`,{x:`3`,y:`4`,width:`18`,height:`18`,rx:`2`,ry:`2`}),(0,l.jsx)(`line`,{x1:`16`,y1:`2`,x2:`16`,y2:`6`}),(0,l.jsx)(`line`,{x1:`8`,y1:`2`,x2:`8`,y2:`6`}),(0,l.jsx)(`line`,{x1:`3`,y1:`10`,x2:`21`,y2:`10`})]})})})]})}u.displayName=`DatePickerInput`,exports.DatePickerInput=u;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../Icon/Icon.cjs"),i=require("../../hooks/use-form-field-props.cjs"),a=require("../Input/Input.cjs"),o=require("./DatePicker.context.cjs"),s=require("./DatePicker.utils.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("react/jsx-runtime");function u({ref:e,className:u,placeholder:d=`YYYY-MM-DD`,size:f,id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g,..._}){let v=o.useDatePickerContext(),y=n.composeRefs(e,c.useCallback(e=>{e&&v.refs.setPositionReference(e)},[v.refs])),b=i.useFormFieldProps({id:p,"aria-invalid":m,"aria-describedby":h,"aria-required":g}),{selectedDate:x,open:S,formatDate:C}=v,[w,T]=c.useState(()=>x===void 0?``:C(x)),[E,D]=c.useState(S),[O,k]=c.useState(x);(E!==S||O!==x)&&(D(S),k(x),S||T(x===void 0?``:C(x)));let A=b.ariaInvalid??void 0,j=c.useCallback(()=>{!v.disabled&&!v.open&&(v.focusCalendarOnOpen.current=!1,v.onOpenChange(!0))},[v]),M=c.useCallback(()=>{let e=v.parseDate(w);e!==null&&!s.isDateDisabled(e,v.min,v.max)?v.onSelectedDateChange(e):T(v.selectedDate===void 0?``:v.formatDate(v.selectedDate))},[w,v]),N=c.useCallback(e=>{e.key===`Enter`?(e.preventDefault(),M()):e.key===`Escape`?v.open?(e.preventDefault(),v.onOpenChange(!1)):T(v.selectedDate===void 0?``:v.formatDate(v.selectedDate)):e.key===`Tab`&&v.open&&v.onOpenChange(!1)},[M,v]),P=c.useCallback(e=>{let t=e.relatedTarget;t&&v.refs.floating.current?.contains(t)||M()},[M,v.refs.floating]),F=c.useCallback(()=>{v.disabled||(v.focusCalendarOnOpen.current=!v.open,v.onOpenChange(!v.open))},[v]),I=v.getReferenceProps({});return(0,l.jsxs)(`div`,{ref:y,className:t.cn(`relative inline-flex w-full items-center`,u),"data-slot":`input-root`,..._,children:[(0,l.jsx)(a.Input,{type:`text`,value:w,onChange:e=>T(e.target.value),onClick:j,onKeyDown:N,onBlur:P,placeholder:d,size:f,id:b.resolvedId,disabled:v.disabled||b.resolvedDisabled,"aria-invalid":A,"aria-describedby":b.ariaDescribedBy,"aria-required":b.ariaRequired,className:`pr-(--space-10)`,autoComplete:`off`,"data-slot":`input`}),(0,l.jsx)(`button`,{ref:n.composeRefs(v.triggerButtonRef,v.refs.setReference),type:`button`,...I,onClick:F,disabled:v.disabled,"aria-label":`Open calendar`,"data-slot":`toggle`,className:t.cn(`absolute right-0 top-0 bottom-0 flex items-center justify-center`,`px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)`,`disabled:pointer-events-none disabled:opacity-50`,`cursor-pointer`),children:(0,l.jsx)(r.Icon,{size:`sm`,children:(0,l.jsxs)(`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,l.jsx)(`rect`,{x:`3`,y:`4`,width:`18`,height:`18`,rx:`2`,ry:`2`}),(0,l.jsx)(`line`,{x1:`16`,y1:`2`,x2:`16`,y2:`6`}),(0,l.jsx)(`line`,{x1:`8`,y1:`2`,x2:`8`,y2:`6`}),(0,l.jsx)(`line`,{x1:`3`,y1:`10`,x2:`21`,y2:`10`})]})})})]})}u.displayName=`DatePickerInput`,exports.DatePickerInput=u;
 //# sourceMappingURL=DatePickerInput.cjs.map

package/dist/components/DatePicker/DatePickerInput.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerInput.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"id\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n placeholder?: string;\n size?: \"sm\" \| \"md\" \| \"lg\";\n id?: string;\n \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n \"aria-describedby\"?: string;\n \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n ref,\n className,\n placeholder = \"YYYY-MM-DD\",\n size,\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n ...props\n}: DatePickerInputProps) {\n const ctx = useDatePickerContext();\n const setPositionRef = React.useCallback(\n (node: HTMLDivElement \| null) => {\n if (node) {\n ctx.refs.setPositionReference(node);\n }\n },\n [ctx.refs],\n );\n const composedRef = composeRefs(ref, setPositionRef);\n\n const field = useFormFieldProps({\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n });\n\n const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n const [inputText, setInputText] = React.useState(\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n\n React.~~useEffect~~(() => {\n if (!open) {\n setInputText(\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n }\n }~~, [selectedDate, open, ctxFormatDate]);\~~n\n const ariaInvalid = field.ariaInvalid ?? undefined;\n\n const handleInputClick = React.useCallback(() => {\n if (!ctx.disabled && !ctx.open) {\n ctx.focusCalendarOnOpen.current = false;\n ctx.onOpenChange(true);\n }\n }, [ctx]);\n\n const commitValue = React.useCallback(() => {\n const parsed = ctx.parseDate(inputText);\n if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n ctx.onSelectedDateChange(parsed);\n } else {\n setInputText(\n ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n );\n }\n }, [inputText, ctx]);\n\n const handleInputKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n commitValue();\n } else if (e.key === \"Escape\") {\n if (ctx.open) {\n e.preventDefault();\n ctx.onOpenChange(false);\n } else {\n setInputText(\n ctx.selectedDate !== undefined\n ? ctx.formatDate(ctx.selectedDate)\n : \"\",\n );\n }\n } else if (e.key === \"Tab\") {\n if (ctx.open) {\n ctx.onOpenChange(false);\n }\n }\n },\n [commitValue, ctx],\n );\n\n const handleInputBlur = React.useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n const relatedTarget = e.relatedTarget as Node \| null;\n if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n return;\n }\n commitValue();\n },\n [commitValue, ctx.refs.floating],\n );\n\n const handleToggle = React.useCallback(() => {\n if (!ctx.disabled) {\n ctx.focusCalendarOnOpen.current = !ctx.open;\n ctx.onOpenChange(!ctx.open);\n }\n }, [ctx]);\n\n const referenceProps = ctx.getReferenceProps({});\n\n return (\n <div\n ref={composedRef}\n className={cn(\"relative inline-flex w-full items-center\", className)}\n {...props}\n >\n <Input\n type=\"text\"\n value={inputText}\n onChange={(e) => setInputText(e.target.value)}\n onClick={handleInputClick}\n onKeyDown={handleInputKeyDown}\n onBlur={handleInputBlur}\n placeholder={placeholder}\n size={size}\n id={field.resolvedId}\n disabled={ctx.disabled \|\| field.resolvedDisabled}\n aria-invalid={ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n className=\"pr-(--space-10)\"\n autoComplete=\"off\"\n />\n <button\n ref={composeRefs(\n ctx.triggerButtonRef,\n ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n )}\n type=\"button\"\n {...(referenceProps ~~as React.ButtonHTMLAttributes<HTMLButtonElement>)~~}\n onClick={handleToggle}\n disabled={ctx.disabled}\n aria-label=\"Open calendar\"\n className={cn(\n \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"cursor-pointer\",\n )}\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n </svg>\n </Icon>\n </button>\n </div>\n );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":"4YA0BA,SAAS,EAAgB,CACvB,MACA,YACA,cAAc,aACd,OACA,KACA,eAAgB,EAChB,mBAAoB,EACpB,gBAAiB,EACjB,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,~~sBAAsB~~,~~CAS5B~~,EAAc,EAAA,YAAY,EART,EAAM,YAC1B,GAAgC,CAC3B,GACF,EAAI,KAAK,qBAAqB,~~EAAK~~,~~EAGvC~~,CAAC,EAAI,~~KAAK~~,~~CACX~~,~~CACmD~~,~~CAE9C~~,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAChB,mBAAoB,EACpB,gBAAiB,~~EAClB~~,CAAC,~~CAEI~~,CAAE,eAAc,OAAM,WAAY,GAAkB,EAEpD,CAAC,EAAW,GAAgB,EAAM,~~SACtC~~,IAAiB,IAAA,GAA0C,GAA9B,EAAc,~~EAAa~~,CACzD,~~CAED~~,EAAM,~~cAAgB~~,~~CACf~~,GACH,EACE,IAAiB,IAAA,GAA0C,GAA9B,EAAc,~~EAAa~~,CACzD,~~EAEF~~,~~CAAC,EAAc,EAAM,EAAc,CAAC,CAEvC,~~IAAM,EAAc,EAAM,aAAe,IAAA,GAEnC,EAAmB,EAAM,gBAAkB,CAC3C,CAAC,EAAI,UAAY,CAAC,EAAI,OACxB,EAAI,oBAAoB,QAAU,GAClC,EAAI,aAAa,~~GAAK~~,~~GAEvB~~,CAAC,~~EAAI~~,CAAC,~~CAEH~~,EAAc,EAAM,gBAAkB,CAC1C,IAAM,EAAS,EAAI,UAAU,~~EAAU~~,~~CACnC~~,IAAW,MAAQ,CAAC,EAAA,eAAe,EAAQ,EAAI,IAAK,EAAI,~~IAAI~~,~~CAC9D~~,EAAI,qBAAqB,~~EAAO~~,~~CAEhC~~,EACE,EAAI,eAAiB,IAAA,GAA+C,GAAnC,EAAI,WAAW,EAAI,~~aAAa~~,CAClE,~~EAEF~~,CAAC,EAAW,~~EAAI~~,CAAC,~~CAEd~~,EAAqB,EAAM,YAC9B,GAA6C,CACxC,EAAE,MAAQ,SACZ,EAAE,~~gBAAgB~~,~~CAClB~~,~~GAAa~~,~~EACJ~~,EAAE,MAAQ,SACf,EAAI,MACN,EAAE,~~gBAAgB~~,~~CAClB~~,EAAI,aAAa,~~GAAM~~,~~EAEvB~~,EACE,EAAI,eAAiB,IAAA,GAEjB,GADA,EAAI,WAAW,EAAI,~~aAAa~~,CAErC,~~CAEM~~,EAAE,MAAQ,OACf,EAAI,MACN,EAAI,aAAa,~~GAAM~~,~~EAI7B~~,CAAC,EAAa,~~EAAI~~,CACnB,~~CAEK~~,EAAkB,EAAM,YAC3B,GAA0C,CACzC,IAAM,EAAgB,EAAE,cACpB,GAAiB,EAAI,KAAK,SAAS,SAAS,SAAS,~~EAAc~~,~~EAGvE~~,~~GAAa~~,~~EAEf~~,CAAC,EAAa,EAAI,KAAK,~~SAAS~~,CACjC,~~CAEK~~,EAAe,EAAM,gBAAkB,CACtC,EAAI,WACP,EAAI,oBAAoB,QAAU,CAAC,EAAI,KACvC,EAAI,aAAa,CAAC,EAAI,~~KAAK~~,~~GAE5B~~,CAAC,~~EAAI~~,CAAC,~~CAEH~~,EAAiB,EAAI,kBAAkB,~~EAAE~~,CAAC,~~CAEhD~~,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GAAG,2CAA4C,~~EAAU~~,~~CACpE~~,GAAI,~~WAHN~~,~~EAKE~~,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,KAAK,OACL,MAAO,EACP,SAAW,GAAM,EAAa,EAAE,OAAO,~~MAAM~~,~~CAC7C~~,QAAS,EACT,UAAW,EACX,OAAQ,EACK,cACP,OACN,GAAI,EAAM,WACV,SAAU,EAAI,UAAY,EAAM,iBAChC,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,UAAU,kBACV,aAAa,MACb,CAAA,~~EACF~~,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EAAA,YACH,EAAI,iBACJ,EAAI,KAAK,~~aACV~~,~~CACD~~,KAAK,SACL,~~GAAK~~,~~EACL~~,QAAS,EACT,SAAU,EAAI,SACd,aAAW,gBACX,UAAW,EAAA,GACT,mEACA,wEACA,mDACA,~~iBACD~~,~~WAED~~,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,iBAPjB,EASE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK,GAAG,IAAI,GAAG,~~IAAM~~,CAAA,~~EACzD~~,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,~~IAAM~~,CAAA,~~EACtC~~,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,~~IAAM~~,CAAA,~~EACpC~~,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,~~KAAO~~,CAAA,CACnC,GACD,CAAA,CACA,CAAA,CACL,~~GAIV~~,EAAgB,YAAc"}
1	+ {"version":3,"file":"DatePickerInput.cjs","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"id\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n placeholder?: string;\n size?: \"sm\" \| \"md\" \| \"lg\";\n id?: string;\n \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n \"aria-describedby\"?: string;\n \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n ref,\n className,\n placeholder = \"YYYY-MM-DD\",\n size,\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n ...props\n}: DatePickerInputProps) {\n const ctx = useDatePickerContext();\n const setPositionRef = React.useCallback(\n (node: HTMLDivElement \| null) => {\n if (node) {\n ctx.refs.setPositionReference(node);\n }\n },\n [ctx.refs],\n );\n const composedRef = composeRefs(ref, setPositionRef);\n\n const field = useFormFieldProps({\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n });\n\n const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n const [inputText, setInputText] = React.useState(() =>\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n\n // Sync input text when the calendar closes or the selected date changes.\n // Uses setState during render to avoid the extra paint cycle from useEffect.\n const [prevOpen, setPrevOpen] = React.useState(open);\n const [prevSelectedDate, setPrevSelectedDate] = React.useState(selectedDate);\n if (prevOpen !== open \|\| prevSelectedDate !== selectedDate) {\n setPrevOpen(open);\n setPrevSelectedDate(selectedDate);\n if (!open) {\n setInputText(\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n }\n }\n\n const ariaInvalid = field.ariaInvalid ?? undefined;\n\n const handleInputClick = React.useCallback(() => {\n if (!ctx.disabled && !ctx.open) {\n ctx.focusCalendarOnOpen.current = false;\n ctx.onOpenChange(true);\n }\n }, [ctx]);\n\n const commitValue = React.useCallback(() => {\n const parsed = ctx.parseDate(inputText);\n if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n ctx.onSelectedDateChange(parsed);\n } else {\n setInputText(\n ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n );\n }\n }, [inputText, ctx]);\n\n const handleInputKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n commitValue();\n } else if (e.key === \"Escape\") {\n if (ctx.open) {\n e.preventDefault();\n ctx.onOpenChange(false);\n } else {\n setInputText(\n ctx.selectedDate !== undefined\n ? ctx.formatDate(ctx.selectedDate)\n : \"\",\n );\n }\n } else if (e.key === \"Tab\") {\n if (ctx.open) {\n ctx.onOpenChange(false);\n }\n }\n },\n [commitValue, ctx],\n );\n\n const handleInputBlur = React.useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n const relatedTarget = e.relatedTarget as Node \| null;\n if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n return;\n }\n commitValue();\n },\n [commitValue, ctx.refs.floating],\n );\n\n const handleToggle = React.useCallback(() => {\n if (!ctx.disabled) {\n ctx.focusCalendarOnOpen.current = !ctx.open;\n ctx.onOpenChange(!ctx.open);\n }\n }, [ctx]);\n\n const referenceProps = ctx.getReferenceProps({});\n\n return (\n <div\n ref={composedRef}\n className={cn(\"relative inline-flex w-full items-center\", className)}\n data-slot=\"input-root\"\n {...props}\n >\n <Input\n type=\"text\"\n value={inputText}\n onChange={(e) => setInputText(e.target.value)}\n onClick={handleInputClick}\n onKeyDown={handleInputKeyDown}\n onBlur={handleInputBlur}\n placeholder={placeholder}\n size={size}\n id={field.resolvedId}\n disabled={ctx.disabled \|\| field.resolvedDisabled}\n aria-invalid={ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n className=\"pr-(--space-10)\"\n autoComplete=\"off\"\n data-slot=\"input\"\n />\n <button\n ref={composeRefs(\n ctx.triggerButtonRef,\n ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n )}\n type=\"button\"\n {...referenceProps}\n onClick={handleToggle}\n disabled={ctx.disabled}\n aria-label=\"Open calendar\"\n data-slot=\"toggle\"\n className={cn(\n \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"cursor-pointer\",\n )}\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n </svg>\n </Icon>\n </button>\n </div>\n );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":"4YA0BA,SAAS,EAAgB,CACvB,MACA,YACA,cAAc,aACd,OACA,KACA,eAAgB,EAChB,mBAAoB,EACpB,gBAAiB,EACjB,GAAG,GACoB,CACvB,IAAM,EAAM,EAAA,qBAAqB,EAS3B,EAAc,EAAA,YAAY,EART,EAAM,YAC1B,GAAgC,CAC3B,GACF,EAAI,KAAK,qBAAqB,CAAI,CAEtC,EACA,CAAC,EAAI,IAAI,CAE0B,CAAc,EAE7C,EAAQ,EAAA,kBAAkB,CAC9B,KACA,eAAgB,EAChB,mBAAoB,EACpB,gBAAiB,CACnB,CAAC,EAEK,CAAE,eAAc,OAAM,WAAY,GAAkB,EAEpD,CAAC,EAAW,GAAgB,EAAM,aACtC,IAAiB,IAAA,GAA0C,GAA9B,EAAc,CAAY,CACzD,EAIM,CAAC,EAAU,GAAe,EAAM,SAAS,CAAI,EAC7C,CAAC,EAAkB,GAAuB,EAAM,SAAS,CAAY,GACvE,IAAa,GAAQ,IAAqB,KAC5C,EAAY,CAAI,EAChB,EAAoB,CAAY,EAC3B,GACH,EACE,IAAiB,IAAA,GAA0C,GAA9B,EAAc,CAAY,CACzD,GAIJ,IAAM,EAAc,EAAM,aAAe,IAAA,GAEnC,EAAmB,EAAM,gBAAkB,CAC3C,CAAC,EAAI,UAAY,CAAC,EAAI,OACxB,EAAI,oBAAoB,QAAU,GAClC,EAAI,aAAa,EAAI,EAEzB,EAAG,CAAC,CAAG,CAAC,EAEF,EAAc,EAAM,gBAAkB,CAC1C,IAAM,EAAS,EAAI,UAAU,CAAS,EAClC,IAAW,MAAQ,CAAC,EAAA,eAAe,EAAQ,EAAI,IAAK,EAAI,GAAG,EAC7D,EAAI,qBAAqB,CAAM,EAE/B,EACE,EAAI,eAAiB,IAAA,GAA+C,GAAnC,EAAI,WAAW,EAAI,YAAY,CAClE,CAEJ,EAAG,CAAC,EAAW,CAAG,CAAC,EAEb,EAAqB,EAAM,YAC9B,GAA6C,CACxC,EAAE,MAAQ,SACZ,EAAE,eAAe,EACjB,EAAY,GACH,EAAE,MAAQ,SACf,EAAI,MACN,EAAE,eAAe,EACjB,EAAI,aAAa,EAAK,GAEtB,EACE,EAAI,eAAiB,IAAA,GAEjB,GADA,EAAI,WAAW,EAAI,YAAY,CAErC,EAEO,EAAE,MAAQ,OACf,EAAI,MACN,EAAI,aAAa,EAAK,CAG5B,EACA,CAAC,EAAa,CAAG,CACnB,EAEM,EAAkB,EAAM,YAC3B,GAA0C,CACzC,IAAM,EAAgB,EAAE,cACpB,GAAiB,EAAI,KAAK,SAAS,SAAS,SAAS,CAAa,GAGtE,EAAY,CACd,EACA,CAAC,EAAa,EAAI,KAAK,QAAQ,CACjC,EAEM,EAAe,EAAM,gBAAkB,CACtC,EAAI,WACP,EAAI,oBAAoB,QAAU,CAAC,EAAI,KACvC,EAAI,aAAa,CAAC,EAAI,IAAI,EAE9B,EAAG,CAAC,CAAG,CAAC,EAEF,EAAiB,EAAI,kBAAkB,CAAC,CAAC,EAE/C,OACE,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAA,GAAG,2CAA4C,CAAS,EACnE,YAAU,aACV,GAAI,WAJN,EAME,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,KAAK,OACL,MAAO,EACP,SAAW,GAAM,EAAa,EAAE,OAAO,KAAK,EAC5C,QAAS,EACT,UAAW,EACX,OAAQ,EACK,cACP,OACN,GAAI,EAAM,WACV,SAAU,EAAI,UAAY,EAAM,iBAChC,eAAc,EACd,mBAAkB,EAAM,gBACxB,gBAAe,EAAM,aACrB,UAAU,kBACV,aAAa,MACb,YAAU,OACX,CAAA,GACD,EAAA,EAAA,KAAC,SAAD,CACE,IAAK,EAAA,YACH,EAAI,iBACJ,EAAI,KAAK,YACX,EACA,KAAK,SACL,GAAI,EACJ,QAAS,EACT,SAAU,EAAI,SACd,aAAW,gBACX,YAAU,SACV,UAAW,EAAA,GACT,mEACA,wEACA,mDACA,gBACF,YAEA,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,iBAPjB,EASE,EAAA,EAAA,KAAC,OAAD,CAAM,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,KAAK,GAAG,IAAI,GAAG,GAAK,CAAA,GACxD,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,GAAK,CAAA,GACrC,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAK,CAAA,GACnC,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,IAAM,CAAA,CACnC,GACD,CAAA,CACA,CAAA,CACL,GAET,CAEA,EAAgB,YAAc"}

package/dist/components/DatePicker/DatePickerInput.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CACL;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;CACzD;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,WAA0B,EAC1B,IAAI,EACJ,EAAE,EACF,cAAc,EAAE,eAAe,EAC/B,kBAAkB,EAAE,mBAAmB,EACvC,eAAe,EAAE,gBAAgB,EACjC,GAAG,KAAK,EACT,EAAE,oBAAoB,~~2CA6JtB~~;~~kBAvKQ~~,eAAe;;;~~AA2KxB~~,OAAO,EAAE,eAAe,EAAE,CAAC"}
1	+ {"version":3,"file":"DatePickerInput.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CACL;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;CACzD;AAED,iBAAS,eAAe,CAAC,EACvB,GAAG,EACH,SAAS,EACT,WAA0B,EAC1B,IAAI,EACJ,EAAE,EACF,cAAc,EAAE,eAAe,EAC/B,kBAAkB,EAAE,mBAAmB,EACvC,eAAe,EAAE,gBAAgB,EACjC,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAsKtB;kBAhLQ,eAAe;;;AAoLxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/DatePicker/DatePickerInput.js CHANGED Viewed

@@ -17,54 +17,51 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 		"aria-invalid": h,
 		"aria-describedby": g,
 		"aria-required": _
-	}), { selectedDate: S, open: C, formatDate: w } = y, [T, E] = s.useState(S === void 0 ? "" : w(S));
-	s.useEffect(() => {
-		C || E(S === void 0 ? "" : w(S));
-	}, [
-		S,
-		C,
-		w
-	]);
-	let D = x.ariaInvalid ?? void 0, O = s.useCallback(() => {
+	}), { selectedDate: S, open: C, formatDate: w } = y, [T, E] = s.useState(() => S === void 0 ? "" : w(S)), [D, O] = s.useState(C), [k, A] = s.useState(S);
+	(D !== C || k !== S) && (O(C), A(S), C || E(S === void 0 ? "" : w(S)));
+	let j = x.ariaInvalid ?? void 0, M = s.useCallback(() => {
 		!y.disabled && !y.open && (y.focusCalendarOnOpen.current = !1, y.onOpenChange(!0));
-	}, [y]), k = s.useCallback(() => {
+	}, [y]), N = s.useCallback(() => {
 		let e = y.parseDate(T);
 		e !== null && !o(e, y.min, y.max) ? y.onSelectedDateChange(e) : E(y.selectedDate === void 0 ? "" : y.formatDate(y.selectedDate));
-	}, [T, y]), A = s.useCallback((e) => {
-		e.key === "Enter" ? (e.preventDefault(), k()) : e.key === "Escape" ? y.open ? (e.preventDefault(), y.onOpenChange(!1)) : E(y.selectedDate === void 0 ? "" : y.formatDate(y.selectedDate)) : e.key === "Tab" && y.open && y.onOpenChange(!1);
-	}, [k, y]), j = s.useCallback((e) => {
+	}, [T, y]), P = s.useCallback((e) => {
+		e.key === "Enter" ? (e.preventDefault(), N()) : e.key === "Escape" ? y.open ? (e.preventDefault(), y.onOpenChange(!1)) : E(y.selectedDate === void 0 ? "" : y.formatDate(y.selectedDate)) : e.key === "Tab" && y.open && y.onOpenChange(!1);
+	}, [N, y]), F = s.useCallback((e) => {
 		let t = e.relatedTarget;
-		t && y.refs.floating.current?.contains(t) || k();
-	}, [k, y.refs.floating]), M = s.useCallback(() => {
+		t && y.refs.floating.current?.contains(t) || N();
+	}, [N, y.refs.floating]), I = s.useCallback(() => {
 		y.disabled || (y.focusCalendarOnOpen.current = !y.open, y.onOpenChange(!y.open));
-	}, [y]), N = y.getReferenceProps({});
+	}, [y]), L = y.getReferenceProps({});
 	return /* @__PURE__ */ l("div", {
 		ref: b,
 		className: e("relative inline-flex w-full items-center", d),
+		"data-slot": "input-root",
 		...v,
 		children: [/* @__PURE__ */ c(i, {
 			type: "text",
 			value: T,
 			onChange: (e) => E(e.target.value),
-			onClick: O,
-			onKeyDown: A,
-			onBlur: j,
+			onClick: M,
+			onKeyDown: P,
+			onBlur: F,
 			placeholder: f,
 			size: p,
 			id: x.resolvedId,
 			disabled: y.disabled || x.resolvedDisabled,
-			"aria-invalid": D,
+			"aria-invalid": j,
 			"aria-describedby": x.ariaDescribedBy,
 			"aria-required": x.ariaRequired,
 			className: "pr-(--space-10)",
-			autoComplete: "off"
+			autoComplete: "off",
+			"data-slot": "input"
 		}), /* @__PURE__ */ c("button", {
 			ref: t(y.triggerButtonRef, y.refs.setReference),
 			type: "button",
-			...N,
-			onClick: M,
+			...L,
+			onClick: I,
 			disabled: y.disabled,
 			"aria-label": "Open calendar",
+			"data-slot": "toggle",
 			className: e("absolute right-0 top-0 bottom-0 flex items-center justify-center", "px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)", "disabled:pointer-events-none disabled:opacity-50", "cursor-pointer"),
 			children: /* @__PURE__ */ c(n, {
 				size: "sm",

package/dist/components/DatePicker/DatePickerInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerInput.js","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"id\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n placeholder?: string;\n size?: \"sm\" \| \"md\" \| \"lg\";\n id?: string;\n \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n \"aria-describedby\"?: string;\n \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n ref,\n className,\n placeholder = \"YYYY-MM-DD\",\n size,\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n ...props\n}: DatePickerInputProps) {\n const ctx = useDatePickerContext();\n const setPositionRef = React.useCallback(\n (node: HTMLDivElement \| null) => {\n if (node) {\n ctx.refs.setPositionReference(node);\n }\n },\n [ctx.refs],\n );\n const composedRef = composeRefs(ref, setPositionRef);\n\n const field = useFormFieldProps({\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n });\n\n const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n const [inputText, setInputText] = React.useState(\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n\n React.~~useEffect~~(() => {\n if (!open) {\n setInputText(\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n }\n }~~, [selectedDate, open, ctxFormatDate]);\~~n\n const ariaInvalid = field.ariaInvalid ?? undefined;\n\n const handleInputClick = React.useCallback(() => {\n if (!ctx.disabled && !ctx.open) {\n ctx.focusCalendarOnOpen.current = false;\n ctx.onOpenChange(true);\n }\n }, [ctx]);\n\n const commitValue = React.useCallback(() => {\n const parsed = ctx.parseDate(inputText);\n if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n ctx.onSelectedDateChange(parsed);\n } else {\n setInputText(\n ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n );\n }\n }, [inputText, ctx]);\n\n const handleInputKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n commitValue();\n } else if (e.key === \"Escape\") {\n if (ctx.open) {\n e.preventDefault();\n ctx.onOpenChange(false);\n } else {\n setInputText(\n ctx.selectedDate !== undefined\n ? ctx.formatDate(ctx.selectedDate)\n : \"\",\n );\n }\n } else if (e.key === \"Tab\") {\n if (ctx.open) {\n ctx.onOpenChange(false);\n }\n }\n },\n [commitValue, ctx],\n );\n\n const handleInputBlur = React.useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n const relatedTarget = e.relatedTarget as Node \| null;\n if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n return;\n }\n commitValue();\n },\n [commitValue, ctx.refs.floating],\n );\n\n const handleToggle = React.useCallback(() => {\n if (!ctx.disabled) {\n ctx.focusCalendarOnOpen.current = !ctx.open;\n ctx.onOpenChange(!ctx.open);\n }\n }, [ctx]);\n\n const referenceProps = ctx.getReferenceProps({});\n\n return (\n <div\n ref={composedRef}\n className={cn(\"relative inline-flex w-full items-center\", className)}\n {...props}\n >\n <Input\n type=\"text\"\n value={inputText}\n onChange={(e) => setInputText(e.target.value)}\n onClick={handleInputClick}\n onKeyDown={handleInputKeyDown}\n onBlur={handleInputBlur}\n placeholder={placeholder}\n size={size}\n id={field.resolvedId}\n disabled={ctx.disabled \|\| field.resolvedDisabled}\n aria-invalid={ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n className=\"pr-(--space-10)\"\n autoComplete=\"off\"\n />\n <button\n ref={composeRefs(\n ctx.triggerButtonRef,\n ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n )}\n type=\"button\"\n {...(referenceProps ~~as React.ButtonHTMLAttributes<HTMLButtonElement>)~~}\n onClick={handleToggle}\n disabled={ctx.disabled}\n aria-label=\"Open calendar\"\n className={cn(\n \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"cursor-pointer\",\n )}\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n </svg>\n </Icon>\n </button>\n </div>\n );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":";;;;;;;;;;;AA0BA,SAAS,EAAgB,EACvB,QACA,cACA,iBAAc,cACd,SACA,OACA,gBAAgB,GAChB,oBAAoB,GACpB,iBAAiB,GACjB,GAAG,KACoB;CACvB,IAAM,IAAM,~~GAAsB~~,~~EAS5B~~,IAAc,EAAY,GART,EAAM,aAC1B,MAAgC;~~AAC~~/B,~~EAAI~~,KACF,EAAI,KAAK,qBAAqB,~~EAAK~~;~~IAGvC~~,CAAC,EAAI,~~KAAK~~,~~CACX~~,~~CACmD~~,~~EAE9C~~,IAAQ,EAAkB;EAC9B;EACA,gBAAgB;EAChB,oBAAoB;EACpB,iBAAiB;~~EAClB~~,CAAC,~~EAEI~~,EAAE,iBAAc,SAAM,YAAY,MAAkB,GAEpD,CAAC,GAAW,KAAgB,EAAM,~~SACtC~~,MAAiB,KAAA,IAA0C,KAA9B,EAAc,~~EAAa~~,CACzD~~;AAED~~,~~GAAM~~,~~gBAAgB~~;~~AACpB~~,~~EAAK~~,KACH,EACE,MAAiB,KAAA,IAA0C,KAA9B,EAAc,~~EAAa~~,CACzD;~~IAEF;EAAC;EAAc;EAAM;EAAc~~,~~CAAC;CAEvC,~~IAAM,IAAc,EAAM,eAAe,KAAA,GAEnC,IAAmB,EAAM,kBAAkB;~~AAC~~/C,~~EAAI~~,CAAC,EAAI,YAAY,CAAC,EAAI,SACxB,EAAI,oBAAoB,UAAU,IAClC,EAAI,aAAa,~~GAAK~~;~~IAEvB~~,CAAC,~~EAAI~~,CAAC,~~EAEH~~,IAAc,EAAM,kBAAkB;EAC1C,IAAM,IAAS,EAAI,UAAU,~~EAAU~~;~~AACvC~~,~~EAAI~~,MAAW,QAAQ,CAAC,EAAe,GAAQ,EAAI,KAAK,EAAI,~~IAAI~~,~~GAC9D~~,EAAI,qBAAqB,~~EAAO~~,~~GAEhC~~,EACE,EAAI,iBAAiB,KAAA,IAA+C,KAAnC,EAAI,WAAW,EAAI,~~aAAa~~,CAClE;~~IAEF~~,CAAC,GAAW,~~EAAI~~,CAAC,~~EAEd~~,IAAqB,EAAM,aAC9B,MAA6C;~~AAC5C~~,~~EAAI~~,EAAE,QAAQ,WACZ,EAAE,~~gBAAgB~~,~~EAClB~~,~~GAAa~~,~~IACJ~~,EAAE,QAAQ,WACf,EAAI,QACN,EAAE,~~gBAAgB~~,~~EAClB~~,EAAI,aAAa,~~GAAM~~,~~IAEvB~~,EACE,EAAI,iBAAiB,KAAA,IAEjB,KADA,EAAI,WAAW,EAAI,~~aAAa~~,CAErC,~~GAEM~~,EAAE,QAAQ,SACf,EAAI,QACN,EAAI,aAAa,~~GAAM~~;~~IAI7B~~,CAAC,GAAa,~~EAAI~~,CACnB,~~EAEK~~,IAAkB,EAAM,aAC3B,MAA0C;EACzC,IAAM,IAAgB,EAAE;~~AACpB~~,~~OAAiB~~,EAAI,KAAK,SAAS,SAAS,SAAS,~~EAAc~~,~~IAGvE~~,~~GAAa~~;~~IAEf~~,CAAC,GAAa,EAAI,KAAK,~~SAAS~~,CACjC,~~EAEK~~,IAAe,EAAM,kBAAkB;~~AAC3C~~,~~EAAK~~,EAAI,aACP,EAAI,oBAAoB,UAAU,CAAC,EAAI,MACvC,EAAI,aAAa,CAAC,EAAI,~~KAAK~~;~~IAE5B~~,CAAC,~~EAAI~~,CAAC,~~EAEH~~,IAAiB,EAAI,kBAAkB,~~EAAE~~,CAAC;~~AAEhD~~,~~QACE~~,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EAAG,4CAA4C,~~EAAU~~;~~EACpE~~,GAAI;~~YAHN~~,~~CAKE~~,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,WAAW,MAAM,EAAa,EAAE,OAAO,~~MAAM~~;~~GAC7C~~,SAAS;GACT,WAAW;GACX,QAAQ;GACK;GACP;GACN,IAAI,EAAM;GACV,UAAU,EAAI,YAAY,EAAM;GAChC,gBAAc;GACd,oBAAkB,EAAM;GACxB,iBAAe,EAAM;GACrB,WAAU;GACV,cAAa;GACb,CAAA,~~EACF~~,kBAAC,UAAD;GACE,KAAK,EACH,EAAI,kBACJ,EAAI,KAAK,~~aACV~~;~~GACD~~,MAAK;GACL,~~GAAK~~;~~GACL~~,SAAS;GACT,UAAU,EAAI;GACd,cAAW;GACX,WAAW,EACT,oEACA,yEACA,oDACA,~~iBACD~~;~~aAED~~,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,OAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;eAPjB;MASE,kBAAC,QAAD;OAAM,GAAE;OAAI,GAAE;OAAI,OAAM;OAAK,QAAO;OAAK,IAAG;OAAI,IAAG;~~OAAM~~,CAAA;~~MACzD~~,kBAAC,QAAD;OAAM,IAAG;OAAK,IAAG;OAAI,IAAG;OAAK,IAAG;~~OAAM~~,CAAA;~~MACtC~~,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAI,IAAG;OAAI,IAAG;~~OAAM~~,CAAA;~~MACpC~~,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAK,IAAG;OAAK,IAAG;~~OAAO~~,CAAA;~~MACnC~~;;~~IACD~~,CAAA;~~GACA~~,CAAA,CACL~~;;;AAIV~~,EAAgB,cAAc"}
1	+ {"version":3,"file":"DatePickerInput.js","names":[],"sources":["../../../src/components/DatePicker/DatePickerInput.tsx"],"sourcesContent":["\"use client\";\n// Exceeds 200 lines: single forwardRef component with input handling, blur/keydown/click\n// callbacks, form field integration, and calendar toggle. Cannot split without violating\n// single-component-per-file.\nimport * as React from \"react\";\nimport { useFormFieldProps } from \"@nuka/hooks/use-form-field-props\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Input } from \"@nuka/components/Input\";\nimport { Icon } from \"@nuka/components/Icon\";\nimport { useDatePickerContext } from \"@nuka/components/DatePicker/DatePicker.context\";\nimport { isDateDisabled } from \"@nuka/components/DatePicker/DatePicker.utils\";\n\nexport interface DatePickerInputProps extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"id\"\n> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n placeholder?: string;\n size?: \"sm\" \| \"md\" \| \"lg\";\n id?: string;\n \"aria-invalid\"?: React.AriaAttributes[\"aria-invalid\"];\n \"aria-describedby\"?: string;\n \"aria-required\"?: React.AriaAttributes[\"aria-required\"];\n}\n\nfunction DatePickerInput({\n ref,\n className,\n placeholder = \"YYYY-MM-DD\",\n size,\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n ...props\n}: DatePickerInputProps) {\n const ctx = useDatePickerContext();\n const setPositionRef = React.useCallback(\n (node: HTMLDivElement \| null) => {\n if (node) {\n ctx.refs.setPositionReference(node);\n }\n },\n [ctx.refs],\n );\n const composedRef = composeRefs(ref, setPositionRef);\n\n const field = useFormFieldProps({\n id,\n \"aria-invalid\": ariaInvalidProp,\n \"aria-describedby\": ariaDescribedByProp,\n \"aria-required\": ariaRequiredProp,\n });\n\n const { selectedDate, open, formatDate: ctxFormatDate } = ctx;\n\n const [inputText, setInputText] = React.useState(() =>\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n\n // Sync input text when the calendar closes or the selected date changes.\n // Uses setState during render to avoid the extra paint cycle from useEffect.\n const [prevOpen, setPrevOpen] = React.useState(open);\n const [prevSelectedDate, setPrevSelectedDate] = React.useState(selectedDate);\n if (prevOpen !== open \|\| prevSelectedDate !== selectedDate) {\n setPrevOpen(open);\n setPrevSelectedDate(selectedDate);\n if (!open) {\n setInputText(\n selectedDate !== undefined ? ctxFormatDate(selectedDate) : \"\",\n );\n }\n }\n\n const ariaInvalid = field.ariaInvalid ?? undefined;\n\n const handleInputClick = React.useCallback(() => {\n if (!ctx.disabled && !ctx.open) {\n ctx.focusCalendarOnOpen.current = false;\n ctx.onOpenChange(true);\n }\n }, [ctx]);\n\n const commitValue = React.useCallback(() => {\n const parsed = ctx.parseDate(inputText);\n if (parsed !== null && !isDateDisabled(parsed, ctx.min, ctx.max)) {\n ctx.onSelectedDateChange(parsed);\n } else {\n setInputText(\n ctx.selectedDate !== undefined ? ctx.formatDate(ctx.selectedDate) : \"\",\n );\n }\n }, [inputText, ctx]);\n\n const handleInputKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLInputElement>) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n commitValue();\n } else if (e.key === \"Escape\") {\n if (ctx.open) {\n e.preventDefault();\n ctx.onOpenChange(false);\n } else {\n setInputText(\n ctx.selectedDate !== undefined\n ? ctx.formatDate(ctx.selectedDate)\n : \"\",\n );\n }\n } else if (e.key === \"Tab\") {\n if (ctx.open) {\n ctx.onOpenChange(false);\n }\n }\n },\n [commitValue, ctx],\n );\n\n const handleInputBlur = React.useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n const relatedTarget = e.relatedTarget as Node \| null;\n if (relatedTarget && ctx.refs.floating.current?.contains(relatedTarget)) {\n return;\n }\n commitValue();\n },\n [commitValue, ctx.refs.floating],\n );\n\n const handleToggle = React.useCallback(() => {\n if (!ctx.disabled) {\n ctx.focusCalendarOnOpen.current = !ctx.open;\n ctx.onOpenChange(!ctx.open);\n }\n }, [ctx]);\n\n const referenceProps = ctx.getReferenceProps({});\n\n return (\n <div\n ref={composedRef}\n className={cn(\"relative inline-flex w-full items-center\", className)}\n data-slot=\"input-root\"\n {...props}\n >\n <Input\n type=\"text\"\n value={inputText}\n onChange={(e) => setInputText(e.target.value)}\n onClick={handleInputClick}\n onKeyDown={handleInputKeyDown}\n onBlur={handleInputBlur}\n placeholder={placeholder}\n size={size}\n id={field.resolvedId}\n disabled={ctx.disabled \|\| field.resolvedDisabled}\n aria-invalid={ariaInvalid}\n aria-describedby={field.ariaDescribedBy}\n aria-required={field.ariaRequired}\n className=\"pr-(--space-10)\"\n autoComplete=\"off\"\n data-slot=\"input\"\n />\n <button\n ref={composeRefs(\n ctx.triggerButtonRef,\n ctx.refs.setReference as React.Ref<HTMLButtonElement>,\n )}\n type=\"button\"\n {...referenceProps}\n onClick={handleToggle}\n disabled={ctx.disabled}\n aria-label=\"Open calendar\"\n data-slot=\"toggle\"\n className={cn(\n \"absolute right-0 top-0 bottom-0 flex items-center justify-center\",\n \"px-(--space-3) text-(--nuka-text-muted) hover:text-(--nuka-text-base)\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"cursor-pointer\",\n )}\n >\n <Icon size=\"sm\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n >\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n </svg>\n </Icon>\n </button>\n </div>\n );\n}\n\nDatePickerInput.displayName = \"DatePickerInput\";\n\nexport { DatePickerInput };\n"],"mappings":";;;;;;;;;;;AA0BA,SAAS,EAAgB,EACvB,QACA,cACA,iBAAc,cACd,SACA,OACA,gBAAgB,GAChB,oBAAoB,GACpB,iBAAiB,GACjB,GAAG,KACoB;CACvB,IAAM,IAAM,EAAqB,GAS3B,IAAc,EAAY,GART,EAAM,aAC1B,MAAgC;EAC/B,AAAI,KACF,EAAI,KAAK,qBAAqB,CAAI;CAEtC,GACA,CAAC,EAAI,IAAI,CAE0B,CAAc,GAE7C,IAAQ,EAAkB;EAC9B;EACA,gBAAgB;EAChB,oBAAoB;EACpB,iBAAiB;CACnB,CAAC,GAEK,EAAE,iBAAc,SAAM,YAAY,MAAkB,GAEpD,CAAC,GAAW,KAAgB,EAAM,eACtC,MAAiB,KAAA,IAA0C,KAA9B,EAAc,CAAY,CACzD,GAIM,CAAC,GAAU,KAAe,EAAM,SAAS,CAAI,GAC7C,CAAC,GAAkB,KAAuB,EAAM,SAAS,CAAY;CAC3E,CAAI,MAAa,KAAQ,MAAqB,OAC5C,EAAY,CAAI,GAChB,EAAoB,CAAY,GAC3B,KACH,EACE,MAAiB,KAAA,IAA0C,KAA9B,EAAc,CAAY,CACzD;CAIJ,IAAM,IAAc,EAAM,eAAe,KAAA,GAEnC,IAAmB,EAAM,kBAAkB;EAC/C,AAAI,CAAC,EAAI,YAAY,CAAC,EAAI,SACxB,EAAI,oBAAoB,UAAU,IAClC,EAAI,aAAa,EAAI;CAEzB,GAAG,CAAC,CAAG,CAAC,GAEF,IAAc,EAAM,kBAAkB;EAC1C,IAAM,IAAS,EAAI,UAAU,CAAS;EACtC,AAAI,MAAW,QAAQ,CAAC,EAAe,GAAQ,EAAI,KAAK,EAAI,GAAG,IAC7D,EAAI,qBAAqB,CAAM,IAE/B,EACE,EAAI,iBAAiB,KAAA,IAA+C,KAAnC,EAAI,WAAW,EAAI,YAAY,CAClE;CAEJ,GAAG,CAAC,GAAW,CAAG,CAAC,GAEb,IAAqB,EAAM,aAC9B,MAA6C;EAC5C,AAAI,EAAE,QAAQ,WACZ,EAAE,eAAe,GACjB,EAAY,KACH,EAAE,QAAQ,WACf,EAAI,QACN,EAAE,eAAe,GACjB,EAAI,aAAa,EAAK,KAEtB,EACE,EAAI,iBAAiB,KAAA,IAEjB,KADA,EAAI,WAAW,EAAI,YAAY,CAErC,IAEO,EAAE,QAAQ,SACf,EAAI,QACN,EAAI,aAAa,EAAK;CAG5B,GACA,CAAC,GAAa,CAAG,CACnB,GAEM,IAAkB,EAAM,aAC3B,MAA0C;EACzC,IAAM,IAAgB,EAAE;EACpB,KAAiB,EAAI,KAAK,SAAS,SAAS,SAAS,CAAa,KAGtE,EAAY;CACd,GACA,CAAC,GAAa,EAAI,KAAK,QAAQ,CACjC,GAEM,IAAe,EAAM,kBAAkB;EAC3C,AAAK,EAAI,aACP,EAAI,oBAAoB,UAAU,CAAC,EAAI,MACvC,EAAI,aAAa,CAAC,EAAI,IAAI;CAE9B,GAAG,CAAC,CAAG,CAAC,GAEF,IAAiB,EAAI,kBAAkB,CAAC,CAAC;CAE/C,OACE,kBAAC,OAAD;EACE,KAAK;EACL,WAAW,EAAG,4CAA4C,CAAS;EACnE,aAAU;EACV,GAAI;YAJN,CAME,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,WAAW,MAAM,EAAa,EAAE,OAAO,KAAK;GAC5C,SAAS;GACT,WAAW;GACX,QAAQ;GACK;GACP;GACN,IAAI,EAAM;GACV,UAAU,EAAI,YAAY,EAAM;GAChC,gBAAc;GACd,oBAAkB,EAAM;GACxB,iBAAe,EAAM;GACrB,WAAU;GACV,cAAa;GACb,aAAU;EACX,CAAA,GACD,kBAAC,UAAD;GACE,KAAK,EACH,EAAI,kBACJ,EAAI,KAAK,YACX;GACA,MAAK;GACL,GAAI;GACJ,SAAS;GACT,UAAU,EAAI;GACd,cAAW;GACX,aAAU;GACV,WAAW,EACT,oEACA,yEACA,oDACA,gBACF;aAEA,kBAAC,GAAD;IAAM,MAAK;cACT,kBAAC,OAAD;KACE,OAAM;KACN,SAAQ;KACR,MAAK;KACL,QAAO;KACP,aAAY;KACZ,eAAc;KACd,gBAAe;eAPjB;MASE,kBAAC,QAAD;OAAM,GAAE;OAAI,GAAE;OAAI,OAAM;OAAK,QAAO;OAAK,IAAG;OAAI,IAAG;MAAK,CAAA;MACxD,kBAAC,QAAD;OAAM,IAAG;OAAK,IAAG;OAAI,IAAG;OAAK,IAAG;MAAK,CAAA;MACrC,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAI,IAAG;OAAI,IAAG;MAAK,CAAA;MACnC,kBAAC,QAAD;OAAM,IAAG;OAAI,IAAG;OAAK,IAAG;OAAK,IAAG;MAAM,CAAA;KACnC;;GACD,CAAA;EACA,CAAA,CACL;;AAET;AAEA,EAAgB,cAAc"}

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

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/dismiss-button.cjs`),i=require(`../../utils/portal.cjs`),a=require(`../../hooks/use-scroll-lock.cjs`),o=require(`../../hooks/use-escape-key.cjs`),s=require(`../../hooks/use-focus-trap.cjs`),c=require(`../../utils/modal-primitive.cjs`),l=require(`../../hooks/use-modal-title-warning.cjs`),u=require(`./Dialog.context.cjs`);let d=require(`react`);d=e.__toESM(d,1);let f=require(`react/jsx-runtime`);var{Root:p,Trigger:m,Title:h,Description:g,Close:_}=c.createModalPrimitive({displayNamePrefix:`Dialog`,closeLabel:`Close dialog`,Context:u.DialogContext,useContext:u.useDialogContext});function v({ref:e,className:c,children:p,...m}){let h=u.useDialogContext(),g=d.useRef(null),_=n.composeRefs(e,g);return s.useFocusTrap(g,h.open),a.useScrollLock(h.open),l.useModalTitleWarning(`Dialog`,h.titleId,h.open),o.useEscapeKey(()=>h.onOpenChange(!1),h.open),h.open?(0,f.jsxs)(i.Portal,{children:[(0,f.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-state":`open`,onClick:()=>h.onOpenChange(!1),"aria-hidden":`true`}),(0,f.jsxs)(`div`,{ref:_,role:`dialog`,"aria-modal":`true`,"aria-labelledby":h.titleId,"aria-describedby":h.hasDescription?h.descriptionId:void 0,tabIndex:-1,"data-state":`open`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md`,`p-(--space-6)`,`data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]`,`focus-visible:outline-none`,c),...m,children:[(0,f.jsx)(r.DismissButton,{onClick:()=>h.onOpenChange(!1),label:`Close dialog`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),p]})]}):null}v.displayName=`DialogContent`,exports.Dialog=p,exports.DialogClose=_,exports.DialogContent=v,exports.DialogDescription=g,exports.DialogTitle=h,exports.DialogTrigger=m;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/slot.cjs"),r=require("../../utils/dismiss-button.cjs"),i=require("../../utils/portal.cjs"),a=require("../../hooks/use-scroll-lock.cjs"),o=require("../../hooks/use-escape-key.cjs"),s=require("../../hooks/use-focus-trap.cjs"),c=require("../../utils/modal-primitive.cjs"),l=require("../../hooks/use-modal-title-warning.cjs"),u=require("./Dialog.context.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var{Root:p,Trigger:m,Title:h,Description:g,Close:_}=c.createModalPrimitive({displayNamePrefix:`Dialog`,closeLabel:`Close dialog`,Context:u.DialogContext,useContext:u.useDialogContext});function v({ref:e,className:c,children:p,...m}){let h=u.useDialogContext(),g=d.useRef(null),_=n.composeRefs(e,g);return s.useFocusTrap(g,h.open),a.useScrollLock(h.open),l.useModalTitleWarning(`Dialog`,h.titleId,h.open),o.useEscapeKey(()=>h.onOpenChange(!1),h.open),h.open?(0,f.jsxs)(i.Portal,{children:[(0,f.jsx)(`div`,{className:t.cn(`fixed inset-0 z-(--nuka-z-modal)`,`bg-(--nuka-bg-overlay)`,`data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]`),"data-slot":`overlay`,"data-state":`open`,onClick:()=>h.onOpenChange(!1),"aria-hidden":`true`}),(0,f.jsxs)(`div`,{ref:_,role:`dialog`,"aria-modal":`true`,"aria-labelledby":h.titleId,"aria-describedby":h.hasDescription?h.descriptionId:void 0,tabIndex:-1,"data-slot":`content`,"data-state":`open`,className:t.cn(`fixed z-(--nuka-z-modal)`,`left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,`w-full max-w-lg`,`rounded-(--radius-xl) border border-(--nuka-border-base)`,`bg-(--nuka-bg-base) shadow-md`,`p-(--space-6)`,`data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]`,`focus-visible:outline-none`,c),...m,children:[(0,f.jsx)(r.DismissButton,{onClick:()=>h.onOpenChange(!1),label:`Close dialog`,className:`absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)`}),p]})]}):null}v.displayName=`DialogContent`,exports.Dialog=p,exports.DialogClose=_,exports.DialogContent=v,exports.DialogDescription=g,exports.DialogTitle=h,exports.DialogTrigger=m;
 //# sourceMappingURL=Dialog.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n createModalPrimitive,\n useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n ModalRootProps,\n ModalTriggerProps,\n ModalTitleProps,\n ModalDescriptionProps,\n ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n DialogContext,\n useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n Root: Dialog,\n Trigger: DialogTrigger,\n Title: DialogTitle,\n Description: DialogDescription,\n Close: DialogClose,\n} = createModalPrimitive({\n displayNamePrefix: \"Dialog\",\n closeLabel: \"Close dialog\",\n Context: DialogContext,\n useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n}\n\nfunction DialogContent({\n ref,\n className,\n children,\n ...props\n}: DialogContentProps) {\n const ctx = useDialogContext();\n const panelRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, panelRef);\n\n useFocusTrap(panelRef, ctx.open);\n useScrollLock(ctx.open);\n useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n if (!ctx.open) return null;\n\n return (\n <Portal>\n <div\n className={cn(\n \"fixed inset-0 z-(--nuka-z-modal)\",\n \"bg-(--nuka-bg-overlay)\",\n \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n )}\n data-state=\"open\"\n onClick={() => ctx.onOpenChange(false)}\n aria-hidden=\"true\"\n />\n <div\n ref={composedRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={ctx.titleId}\n aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n tabIndex={-1}\n data-state=\"open\"\n className={cn(\n \"fixed z-(--nuka-z-modal)\",\n \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n \"w-full max-w-lg\",\n \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md\",\n \"p-(--space-6)\",\n \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n \"focus-visible:outline-none\",\n className,\n )}\n {...props}\n >\n <DismissButton\n onClick={() => ctx.onOpenChange(false)}\n label=\"Close dialog\"\n className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n />\n {children}\n </div>\n </Portal>\n );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n Dialog,\n DialogTrigger,\n DialogContent,\n DialogTitle,\n DialogDescription,\n DialogClose,\n};\n"],"mappings":"2iBAyBA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,SACnB,WAAY,eACZ,QAAS,EAAA,cACT,WAAY,EAAA,~~iBACb~~,CAAC,~~CAYF~~,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CACrB,IAAM,EAAM,EAAA,~~kBAAkB~~,~~CACxB~~,EAAW,EAAM,OAAuB,~~KAAK~~,~~CAC7C~~,EAAc,EAAA,YAAY,EAAK,~~EAAS~~,~~CAS9C~~,OAPA,EAAA,aAAa,EAAU,EAAI,~~KAAK~~,~~CAChC~~,EAAA,cAAc,EAAI,~~KAAK~~,~~CACvB~~,EAAA,qBAAqB,SAAU,EAAI,QAAS,EAAI,~~KAAK~~,~~CACrD~~,EAAA,iBAAmB,EAAI,aAAa,~~GAAM~~,~~CAAE~~,EAAI,~~KAAK~~,~~CAEhD~~,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,~~uEACD~~,~~CACD~~,aAAW,OACX,YAAe,EAAI,aAAa,~~GAAM~~,~~CACtC~~,cAAY,~~OACZ~~,CAAA,~~EACF~~,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,aAAW,OACX,UAAW,EAAA,GACT,2BACA,qDACA,kBACA,2DACA,gCACA,gBACA,+DAEA,6BACA,~~EACD~~,~~CACD~~,GAAI,~~WApBN~~,~~EAsBE~~,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,~~GAAM~~,~~CACtC~~,MAAM,eACN,UAAU,~~sEACV~~,CAAA,~~CACD~~,~~EACG~~,GACC,CAAA,CAAA,~~CA3CW~~,KA+CxB,EAAc,YAAc"}
1	+ {"version":3,"file":"Dialog.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n createModalPrimitive,\n useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n ModalRootProps,\n ModalTriggerProps,\n ModalTitleProps,\n ModalDescriptionProps,\n ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n DialogContext,\n useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n Root: Dialog,\n Trigger: DialogTrigger,\n Title: DialogTitle,\n Description: DialogDescription,\n Close: DialogClose,\n} = createModalPrimitive({\n displayNamePrefix: \"Dialog\",\n closeLabel: \"Close dialog\",\n Context: DialogContext,\n useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n}\n\nfunction DialogContent({\n ref,\n className,\n children,\n ...props\n}: DialogContentProps) {\n const ctx = useDialogContext();\n const panelRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, panelRef);\n\n useFocusTrap(panelRef, ctx.open);\n useScrollLock(ctx.open);\n useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n if (!ctx.open) return null;\n\n return (\n <Portal>\n <div\n className={cn(\n \"fixed inset-0 z-(--nuka-z-modal)\",\n \"bg-(--nuka-bg-overlay)\",\n \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n )}\n data-slot=\"overlay\"\n data-state=\"open\"\n onClick={() => ctx.onOpenChange(false)}\n aria-hidden=\"true\"\n />\n <div\n ref={composedRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={ctx.titleId}\n aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n tabIndex={-1}\n data-slot=\"content\"\n data-state=\"open\"\n className={cn(\n \"fixed z-(--nuka-z-modal)\",\n \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n \"w-full max-w-lg\",\n \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md\",\n \"p-(--space-6)\",\n \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n \"focus-visible:outline-none\",\n className,\n )}\n {...props}\n >\n <DismissButton\n onClick={() => ctx.onOpenChange(false)}\n label=\"Close dialog\"\n className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n />\n {children}\n </div>\n </Portal>\n );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n Dialog,\n DialogTrigger,\n DialogContent,\n DialogTitle,\n DialogDescription,\n DialogClose,\n};\n"],"mappings":"2iBAyBA,GAAM,CACJ,KAAM,EACN,QAAS,EACT,MAAO,EACP,YAAa,EACb,MAAO,GACL,EAAA,qBAAqB,CACvB,kBAAmB,SACnB,WAAY,eACZ,QAAS,EAAA,cACT,WAAY,EAAA,gBACd,CAAC,EAYD,SAAS,EAAc,CACrB,MACA,YACA,WACA,GAAG,GACkB,CACrB,IAAM,EAAM,EAAA,iBAAiB,EACvB,EAAW,EAAM,OAAuB,IAAI,EAC5C,EAAc,EAAA,YAAY,EAAK,CAAQ,EAS7C,OAPA,EAAA,aAAa,EAAU,EAAI,IAAI,EAC/B,EAAA,cAAc,EAAI,IAAI,EACtB,EAAA,qBAAqB,SAAU,EAAI,QAAS,EAAI,IAAI,EACpD,EAAA,iBAAmB,EAAI,aAAa,EAAK,EAAG,EAAI,IAAI,EAE/C,EAAI,MAGP,EAAA,EAAA,MAAC,EAAA,OAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,mCACA,yBACA,sEACF,EACA,YAAU,UACV,aAAW,OACX,YAAe,EAAI,aAAa,EAAK,EACrC,cAAY,MACb,CAAA,GACD,EAAA,EAAA,MAAC,MAAD,CACE,IAAK,EACL,KAAK,SACL,aAAW,OACX,kBAAiB,EAAI,QACrB,mBAAkB,EAAI,eAAiB,EAAI,cAAgB,IAAA,GAC3D,SAAU,GACV,YAAU,UACV,aAAW,OACX,UAAW,EAAA,GACT,2BACA,qDACA,kBACA,2DACA,gCACA,gBACA,+DAEA,6BACA,CACF,EACA,GAAI,WArBN,EAuBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,EAAK,EACrC,MAAM,eACN,UAAU,qEACX,CAAA,EACA,CACE,GACC,CAAA,CAAA,EA7CY,IA+CxB,CAEA,EAAc,YAAc"}

package/dist/components/Dialog/Dialog.context.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=(0,e.createContext)(null);function n(){let n=(0,e.useContext)(t);if(n===null)throw Error(`Dialog compound components must be used within <Dialog>`);return n}exports.DialogContext=t,exports.useDialogContext=n;
+"use client";let e=require("react");var t=(0,e.createContext)(null);function n(){let n=(0,e.use)(t);if(n===null)throw Error(`Dialog compound components must be used within <Dialog>`);return n}exports.DialogContext=t,exports.useDialogContext=n;
 //# sourceMappingURL=Dialog.context.cjs.map

package/dist/components/Dialog/Dialog.context.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.context.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, ~~useContext~~ } from \"react\";\n\nexport interface DialogContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n titleId: string;\n descriptionId: string;\n hasDescription: boolean;\n setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue \| null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n const context = ~~useContext~~(DialogContext);\n if (context === null) {\n throw new Error(\"Dialog compound components must be used within <Dialog>\");\n }\n return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":"~~oFAYA~~,IAAM,GAAA,EAAA,EAAA,eAAyD,~~KAAK~~,~~CAEpE~~,SAAS,GAAuC,CAC9C,IAAM,GAAA,EAAA,EAAA,~~YAAqB~~,~~EAAc~~,~~CACzC~~,GAAI,IAAY,KACd,MAAU,MAAM,~~0DAA0D~~,~~CAE5E~~,OAAO"}
1	+ {"version":3,"file":"Dialog.context.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface DialogContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n titleId: string;\n descriptionId: string;\n hasDescription: boolean;\n setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue \| null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n const context = use(DialogContext);\n if (context === null) {\n throw new Error(\"Dialog compound components must be used within <Dialog>\");\n }\n return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":"oCAYA,IAAM,GAAA,EAAA,EAAA,eAAyD,IAAI,EAEnE,SAAS,GAAuC,CAC9C,IAAM,GAAA,EAAA,EAAA,KAAc,CAAa,EACjC,GAAI,IAAY,KACd,MAAU,MAAM,yDAAyD,EAE3E,OAAO,CACT"}

package/dist/components/Dialog/Dialog.context.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-import { createContext as e, useContext as t } from "react";
+import { createContext as e, use as t } from "react";
 //#region src/components/Dialog/Dialog.context.tsx
 var n = e(null);
 function r() {

package/dist/components/Dialog/Dialog.context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, ~~useContext~~ } from \"react\";\n\nexport interface DialogContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n titleId: string;\n descriptionId: string;\n hasDescription: boolean;\n setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue \| null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n const context = ~~useContext~~(DialogContext);\n if (context === null) {\n throw new Error(\"Dialog compound components must be used within <Dialog>\");\n }\n return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":";;;AAYA,IAAM,IAAgB,EAAyC,~~KAAK~~;~~AAEpE~~,SAAS,IAAuC;CAC9C,IAAM,IAAU,~~EAAW~~,~~EAAc~~;~~AACzC~~,~~KAAI~~,MAAY,~~KACd~~,~~OAAU~~,MAAM,~~0DAA0D~~;~~AAE5E~~,~~QAAO~~"}
1	+ {"version":3,"file":"Dialog.context.js","names":[],"sources":["../../../src/components/Dialog/Dialog.context.tsx"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface DialogContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n titleId: string;\n descriptionId: string;\n hasDescription: boolean;\n setHasDescription: (value: boolean) => void;\n}\n\nconst DialogContext = createContext<DialogContextValue \| null>(null);\n\nfunction useDialogContext(): DialogContextValue {\n const context = use(DialogContext);\n if (context === null) {\n throw new Error(\"Dialog compound components must be used within <Dialog>\");\n }\n return context;\n}\n\nexport { DialogContext, useDialogContext };\n"],"mappings":";;;AAYA,IAAM,IAAgB,EAAyC,IAAI;AAEnE,SAAS,IAAuC;CAC9C,IAAM,IAAU,EAAI,CAAa;CACjC,IAAI,MAAY,MACd,MAAU,MAAM,yDAAyD;CAE3E,OAAO;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,QAAA,MACQ,MAAM,4BACH,aAAa,+BACf,WAAW,6BACL,iBAAiB,mCACvB,WAAW,2BAMlB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AACzC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC/C,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;AAC3D,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,~~kDAuDpB~~;~~kBA5DQ~~,aAAa;;;~~AAgEtB~~,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAC"}
1	+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,6BAA6B,CAAC;AAMrC,QAAA,MACQ,MAAM,4BACH,aAAa,+BACf,WAAW,6BACL,iBAAiB,mCACvB,WAAW,2BAMlB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC;AACzC,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC/C,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,CAAC;AAC3D,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAE/C,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,kDAyDpB;kBA9DQ,aAAa;;;AAkEtB,OAAO,EACL,MAAM,EACN,aAAa,EACb,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,WAAW,GACZ,CAAC"}

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

@@ -22,6 +22,7 @@ function y({ ref: s, className: l, children: m, ...h }) {
 	let g = u(), _ = d.useRef(null), v = t(s, _);
 	return o(_, g.open), i(g.open), c("Dialog", g.titleId, g.open), a(() => g.onOpenChange(!1), g.open), g.open ? /* @__PURE__ */ p(r, { children: [/* @__PURE__ */ f("div", {
 		className: e("fixed inset-0 z-(--nuka-z-modal)", "bg-(--nuka-bg-overlay)", "data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]"),
+		"data-slot": "overlay",
 		"data-state": "open",
 		onClick: () => g.onOpenChange(!1),
 		"aria-hidden": "true"
@@ -32,6 +33,7 @@ function y({ ref: s, className: l, children: m, ...h }) {
 		"aria-labelledby": g.titleId,
 		"aria-describedby": g.hasDescription ? g.descriptionId : void 0,
 		tabIndex: -1,
+		"data-slot": "content",
 		"data-state": "open",
 		className: e("fixed z-(--nuka-z-modal)", "left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2", "w-full max-w-lg", "rounded-(--radius-xl) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md", "p-(--space-6)", "data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]", "focus-visible:outline-none", l),
 		...h,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n createModalPrimitive,\n useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n ModalRootProps,\n ModalTriggerProps,\n ModalTitleProps,\n ModalDescriptionProps,\n ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n DialogContext,\n useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n Root: Dialog,\n Trigger: DialogTrigger,\n Title: DialogTitle,\n Description: DialogDescription,\n Close: DialogClose,\n} = createModalPrimitive({\n displayNamePrefix: \"Dialog\",\n closeLabel: \"Close dialog\",\n Context: DialogContext,\n useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n}\n\nfunction DialogContent({\n ref,\n className,\n children,\n ...props\n}: DialogContentProps) {\n const ctx = useDialogContext();\n const panelRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, panelRef);\n\n useFocusTrap(panelRef, ctx.open);\n useScrollLock(ctx.open);\n useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n if (!ctx.open) return null;\n\n return (\n <Portal>\n <div\n className={cn(\n \"fixed inset-0 z-(--nuka-z-modal)\",\n \"bg-(--nuka-bg-overlay)\",\n \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n )}\n data-state=\"open\"\n onClick={() => ctx.onOpenChange(false)}\n aria-hidden=\"true\"\n />\n <div\n ref={composedRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={ctx.titleId}\n aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n tabIndex={-1}\n data-state=\"open\"\n className={cn(\n \"fixed z-(--nuka-z-modal)\",\n \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n \"w-full max-w-lg\",\n \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md\",\n \"p-(--space-6)\",\n \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n \"focus-visible:outline-none\",\n className,\n )}\n {...props}\n >\n <DismissButton\n onClick={() => ctx.onOpenChange(false)}\n label=\"Close dialog\"\n className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n />\n {children}\n </div>\n </Portal>\n );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n Dialog,\n DialogTrigger,\n DialogContent,\n DialogTitle,\n DialogDescription,\n DialogClose,\n};\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;~~CACb~~,CAAC;~~AAYF~~,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,IAAM,~~GAAkB~~,~~EACxB~~,IAAW,EAAM,OAAuB,~~KAAK~~,~~EAC7C~~,IAAc,EAAY,GAAK,~~EAAS~~;~~AAS9C~~,~~QAPA~~,EAAa,GAAU,EAAI,~~KAAK~~,~~EAChC~~,EAAc,EAAI,~~KAAK~~,~~EACvB~~,EAAqB,UAAU,EAAI,SAAS,EAAI,~~KAAK~~,~~EACrD~~,QAAmB,EAAI,aAAa,~~GAAM~~,~~EAAE~~,EAAI,~~KAAK~~,~~EAEhD~~,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,~~uEACD~~;~~EACD~~,cAAW;EACX,eAAe,EAAI,aAAa,~~GAAM~~;~~EACtC~~,eAAY;~~EACZ~~,CAAA,~~EACF~~,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,cAAW;EACX,WAAW,EACT,4BACA,sDACA,mBACA,4DACA,iCACA,iBACA,gEAEA,8BACA,~~EACD~~;~~EACD~~,GAAI;~~YApBN~~,~~CAsBE~~,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,~~GAAM~~;~~GACtC~~,OAAM;GACN,WAAU;~~GACV~~,CAAA,~~EACD~~,~~EACG~~;~~IACC~~,EAAA,CAAA,~~GA3CW;;~~AA+CxB,EAAc,cAAc"}
1	+ {"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { composeRefs } from \"@nuka/utils/slot\";\nimport { Portal } from \"@nuka/utils/portal\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useFocusTrap } from \"@nuka/hooks/use-focus-trap\";\nimport { useScrollLock } from \"@nuka/hooks/use-scroll-lock\";\nimport {\n createModalPrimitive,\n useEscapeKey,\n} from \"@nuka/utils/modal-primitive\";\nimport { useModalTitleWarning } from \"@nuka/hooks/use-modal-title-warning\";\nimport type {\n ModalRootProps,\n ModalTriggerProps,\n ModalTitleProps,\n ModalDescriptionProps,\n ModalCloseProps,\n} from \"@nuka/utils/modal-primitive\";\nimport {\n DialogContext,\n useDialogContext,\n} from \"@nuka/components/Dialog/Dialog.context\";\n\nconst {\n Root: Dialog,\n Trigger: DialogTrigger,\n Title: DialogTitle,\n Description: DialogDescription,\n Close: DialogClose,\n} = createModalPrimitive({\n displayNamePrefix: \"Dialog\",\n closeLabel: \"Close dialog\",\n Context: DialogContext,\n useContext: useDialogContext,\n});\n\nexport type DialogProps = ModalRootProps;\nexport type DialogTriggerProps = ModalTriggerProps;\nexport type DialogTitleProps = ModalTitleProps;\nexport type DialogDescriptionProps = ModalDescriptionProps;\nexport type DialogCloseProps = ModalCloseProps;\n\nexport interface DialogContentProps extends React.HTMLAttributes<HTMLDivElement> {\n ref?: React.Ref<HTMLDivElement> \| undefined;\n}\n\nfunction DialogContent({\n ref,\n className,\n children,\n ...props\n}: DialogContentProps) {\n const ctx = useDialogContext();\n const panelRef = React.useRef<HTMLDivElement>(null);\n const composedRef = composeRefs(ref, panelRef);\n\n useFocusTrap(panelRef, ctx.open);\n useScrollLock(ctx.open);\n useModalTitleWarning(\"Dialog\", ctx.titleId, ctx.open);\n useEscapeKey(() => ctx.onOpenChange(false), ctx.open);\n\n if (!ctx.open) return null;\n\n return (\n <Portal>\n <div\n className={cn(\n \"fixed inset-0 z-(--nuka-z-modal)\",\n \"bg-(--nuka-bg-overlay)\",\n \"data-[state=open]:animate-[nuka-dialog-overlay-enter_150ms_ease-out]\",\n )}\n data-slot=\"overlay\"\n data-state=\"open\"\n onClick={() => ctx.onOpenChange(false)}\n aria-hidden=\"true\"\n />\n <div\n ref={composedRef}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-labelledby={ctx.titleId}\n aria-describedby={ctx.hasDescription ? ctx.descriptionId : undefined}\n tabIndex={-1}\n data-slot=\"content\"\n data-state=\"open\"\n className={cn(\n \"fixed z-(--nuka-z-modal)\",\n \"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n \"w-full max-w-lg\",\n \"rounded-(--radius-xl) border border-(--nuka-border-base)\",\n \"bg-(--nuka-bg-base) shadow-md\",\n \"p-(--space-6)\",\n \"data-[state=open]:animate-[nuka-dialog-enter_150ms_ease-out]\",\n // Programmatic focus via useFocusTrap; :focus-visible does not activate, so this is inert\n \"focus-visible:outline-none\",\n className,\n )}\n {...props}\n >\n <DismissButton\n onClick={() => ctx.onOpenChange(false)}\n label=\"Close dialog\"\n className=\"absolute top-(--space-4) right-(--space-4) text-(--nuka-text-muted)\"\n />\n {children}\n </div>\n </Portal>\n );\n}\n\nDialogContent.displayName = \"DialogContent\";\n\nexport {\n Dialog,\n DialogTrigger,\n DialogContent,\n DialogTitle,\n DialogDescription,\n DialogClose,\n};\n"],"mappings":";;;;;;;;;;;;;;AAyBA,IAAM,EACJ,MAAM,GACN,SAAS,GACT,OAAO,GACP,aAAa,GACb,OAAO,MACL,EAAqB;CACvB,mBAAmB;CACnB,YAAY;CACZ,SAAS;CACT,YAAY;AACd,CAAC;AAYD,SAAS,EAAc,EACrB,QACA,cACA,aACA,GAAG,KACkB;CACrB,IAAM,IAAM,EAAiB,GACvB,IAAW,EAAM,OAAuB,IAAI,GAC5C,IAAc,EAAY,GAAK,CAAQ;CAS7C,OAPA,EAAa,GAAU,EAAI,IAAI,GAC/B,EAAc,EAAI,IAAI,GACtB,EAAqB,UAAU,EAAI,SAAS,EAAI,IAAI,GACpD,QAAmB,EAAI,aAAa,EAAK,GAAG,EAAI,IAAI,GAE/C,EAAI,OAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;EACE,WAAW,EACT,oCACA,0BACA,sEACF;EACA,aAAU;EACV,cAAW;EACX,eAAe,EAAI,aAAa,EAAK;EACrC,eAAY;CACb,CAAA,GACD,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAW;EACX,mBAAiB,EAAI;EACrB,oBAAkB,EAAI,iBAAiB,EAAI,gBAAgB,KAAA;EAC3D,UAAU;EACV,aAAU;EACV,cAAW;EACX,WAAW,EACT,4BACA,sDACA,mBACA,4DACA,iCACA,iBACA,gEAEA,8BACA,CACF;EACA,GAAI;YArBN,CAuBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,EAAK;GACrC,OAAM;GACN,WAAU;EACX,CAAA,GACA,CACE;GACC,EAAA,CAAA,IA7CY;AA+CxB;AAEA,EAAc,cAAc"}

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

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/responsive.cjs`),r=require(`../Text/Text.cjs`);let i=require(`react`);i=e.__toESM(i,1);let a=require(`react/jsx-runtime`);function o(e){return typeof e==`string`?e:e.base??`horizontal`}function s(e){return typeof e==`string`?e===`vertical`:Object.values(e).some(e=>e===`vertical`)}function c({ref:e,className:i,orientation:c=`horizontal`,size:l=`md`,label:u,...d}){let f=o(c),p=u!=null,m=n.dividerOrientationClasses[l],h=n.resolveResponsiveClasses(c,m);return s(c)&&p?(process.env.NODE_ENV!==`production`&&console.warn('Divider: `label` is not supported with `orientation="vertical"`. The label will be ignored.'),(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":f,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d})):p?(0,a.jsxs)(`div`,{ref:e,role:`separator`,"aria-orientation":`horizontal`,className:t.cn(`flex items-center gap-(--space-3)`,i),...d,children:[(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`}),(0,a.jsx)(r.Text,{as:`span`,size:`xs`,color:`muted`,className:`shrink-0 px-(--space-2) whitespace-nowrap`,children:u}),(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`})]}):f===`vertical`?(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":`vertical`,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d}):(0,a.jsx)(`hr`,{ref:e,className:t.cn(`border-0 bg-(--nuka-border-base)`,...h,i),...d})}c.displayName=`Divider`,exports.Divider=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../utils/cn.cjs"),n=require("../../utils/responsive.cjs"),r=require("../Text/Text.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(e){return typeof e==`string`?e:e.base??`horizontal`}function s(e){return typeof e==`string`?e===`vertical`:Object.values(e).some(e=>e===`vertical`)}function c({ref:e,className:i,orientation:c=`horizontal`,size:l=`md`,label:u,...d}){let f=o(c),p=u!=null,m=n.dividerOrientationClasses[l],h=n.resolveResponsiveClasses(c,m);return s(c)&&p?(process.env.NODE_ENV!==`production`&&console.warn('Divider: `label` is not supported with `orientation="vertical"`. The label will be ignored.'),(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":f,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d})):p?(0,a.jsxs)(`div`,{ref:e,role:`separator`,"aria-orientation":`horizontal`,className:t.cn(`flex items-center gap-(--space-3)`,i),...d,children:[(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`}),(0,a.jsx)(r.Text,{as:`span`,size:`xs`,color:`muted`,className:`shrink-0 px-(--space-2) whitespace-nowrap`,children:u}),(0,a.jsx)(`div`,{className:t.cn(`flex-1 bg-(--nuka-border-base)`,...h),"aria-hidden":`true`})]}):f===`vertical`?(0,a.jsx)(`div`,{ref:e,role:`separator`,"aria-orientation":`vertical`,className:t.cn(`bg-(--nuka-border-base)`,...h,i),...d}):(0,a.jsx)(`hr`,{ref:e,className:t.cn(`border-0 bg-(--nuka-border-base)`,...h,i),...d})}c.displayName=`Divider`,exports.Divider=c;
 //# sourceMappingURL=Divider.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.cjs","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n resolveResponsiveClasses,\n dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n ref?: React.Ref<HTMLElement> \| undefined;\n label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n if (typeof orientation === \"string\") return orientation;\n return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n if (typeof orientation === \"string\") return orientation === \"vertical\";\n return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/*\n Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n ref,\n className,\n orientation = \"horizontal\",\n size = \"md\",\n label,\n ...props\n}: DividerProps) {\n const baseOrientation = resolveBaseOrientation(orientation);\n const hasLabel = label != null;\n const lookup = dividerOrientationClasses[size];\n const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n // Vertical + label is explicitly unsupported\n if (hasVertical(orientation) && hasLabel) {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(\n 'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n );\n }\n\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation={baseOrientation}\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal with label: flex layout with two line segments\n if (hasLabel) {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n className={cn(\"flex items-center gap-(--space-3)\", className)}\n {...props}\n >\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n <Text\n as=\"span\"\n size=\"xs\"\n color=\"muted\"\n className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n >\n {label}\n </Text>\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n // Vertical: div with role=\"separator\"\n if (baseOrientation === \"vertical\") {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"vertical\"\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal without label: semantic <hr>\n return (\n <hr\n ref={ref as React.Ref<HTMLHRElement>}\n className={cn(\n \"border-0 bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...(props ~~as React.ComponentPropsWithoutRef<\"hr\">)~~}\n />\n );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":"sPAoBA,SAAS,EACP,EACoB,CAEpB,OADI,OAAO,GAAgB,SAAiB,EACrC,EAAY,MAAQ,~~aAG7B~~,SAAS,EAAY,EAAsD,CAEzE,OADI,OAAO,GAAgB,SAAiB,IAAgB,WACrD,OAAO,OAAO,~~EAAY~~,~~CAAC~~,KAAM,GAAM,IAAM,~~WAAW~~,~~CAQjE~~,SAAS,EAAQ,CACf,MACA,YACA,cAAc,aACd,OAAO,KACP,QACA,GAAG,GACY,CACf,IAAM,EAAkB,EAAuB,~~EAAY~~,~~CACrD~~,EAAW,GAAS,KACpB,EAAS,EAAA,0BAA0B,GACnC,EAAqB,EAAA,yBAAyB,EAAa,~~EAAO~~,CA+~~ExE~~,OA5EI,EAAY,~~EAAY~~,~~EAAI~~,GAC9B,QAAA,IAAA,WAA6B,cAC3B,QAAQ,KACN,~~8FACD~~,~~EAID~~,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAkB,EAClB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,~~EACD~~,~~CACD~~,GAAI,~~EACJ~~,CAAA,~~EAKF~~,GAEA,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GAAG,oCAAqC,~~EAAU~~,~~CAC7D~~,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,~~EACJ~~,~~CACD~~,cAAY,~~OACZ~~,CAAA,~~EACF~~,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,OACH,KAAK,KACL,MAAM,QACN,UAAU,qDAET,~~EACI~~,CAAA,~~EACP~~,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,~~EACJ~~,~~CACD~~,cAAY,~~OACZ~~,CAAA,CACE,~~GAKN~~,IAAoB,YAEpB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,WACjB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,~~EACD~~,~~CACD~~,GAAI,~~EACJ~~,CAAA,~~EAMJ~~,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,GAAG,EACH,~~EACD~~,~~CACD~~,~~GAAK~~,~~EACL~~,CAAA,~~CAIN~~,EAAQ,YAAc"}
1	+ {"version":3,"file":"Divider.cjs","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n resolveResponsiveClasses,\n dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n ref?: React.Ref<HTMLElement> \| undefined;\n label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n if (typeof orientation === \"string\") return orientation;\n return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n if (typeof orientation === \"string\") return orientation === \"vertical\";\n return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/*\n Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n ref,\n className,\n orientation = \"horizontal\",\n size = \"md\",\n label,\n ...props\n}: DividerProps) {\n const baseOrientation = resolveBaseOrientation(orientation);\n const hasLabel = label != null;\n const lookup = dividerOrientationClasses[size];\n const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n // Vertical + label is explicitly unsupported\n if (hasVertical(orientation) && hasLabel) {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(\n 'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n );\n }\n\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation={baseOrientation}\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal with label: flex layout with two line segments\n if (hasLabel) {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n className={cn(\"flex items-center gap-(--space-3)\", className)}\n {...props}\n >\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n <Text\n as=\"span\"\n size=\"xs\"\n color=\"muted\"\n className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n >\n {label}\n </Text>\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n // Vertical: div with role=\"separator\"\n if (baseOrientation === \"vertical\") {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"vertical\"\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal without label: semantic <hr>\n return (\n <hr\n ref={ref as React.Ref<HTMLHRElement>}\n className={cn(\n \"border-0 bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":"sPAoBA,SAAS,EACP,EACoB,CAEpB,OADI,OAAO,GAAgB,SAAiB,EACrC,EAAY,MAAQ,YAC7B,CAEA,SAAS,EAAY,EAAsD,CAEzE,OADI,OAAO,GAAgB,SAAiB,IAAgB,WACrD,OAAO,OAAO,CAAW,EAAE,KAAM,GAAM,IAAM,UAAU,CAChE,CAOA,SAAS,EAAQ,CACf,MACA,YACA,cAAc,aACd,OAAO,KACP,QACA,GAAG,GACY,CACf,IAAM,EAAkB,EAAuB,CAAW,EACpD,EAAW,GAAS,KACpB,EAAS,EAAA,0BAA0B,GACnC,EAAqB,EAAA,yBAAyB,EAAa,CAAM,EA+EvE,OA5EI,EAAY,CAAW,GAAK,GAC9B,QAAA,IAAA,WAA6B,cAC3B,QAAQ,KACN,6FACF,GAIA,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAkB,EAClB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,CACF,EACA,GAAI,CACL,CAAA,GAKD,GAEA,EAAA,EAAA,MAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,aACjB,UAAW,EAAA,GAAG,oCAAqC,CAAS,EAC5D,GAAI,WALN,EAOE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,CACL,EACA,cAAY,MACb,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,OACH,KAAK,KACL,MAAM,QACN,UAAU,qDAET,CACG,CAAA,GACN,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,iCACA,GAAG,CACL,EACA,cAAY,MACb,CAAA,CACE,IAKL,IAAoB,YAEpB,EAAA,EAAA,KAAC,MAAD,CACO,MACL,KAAK,YACL,mBAAiB,WACjB,UAAW,EAAA,GACT,0BACA,GAAG,EACH,CACF,EACA,GAAI,CACL,CAAA,GAMH,EAAA,EAAA,KAAC,KAAD,CACO,MACL,UAAW,EAAA,GACT,mCACA,GAAG,EACH,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,EAAQ,YAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n resolveResponsiveClasses,\n dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n ref?: React.Ref<HTMLElement> \| undefined;\n label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n if (typeof orientation === \"string\") return orientation;\n return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n if (typeof orientation === \"string\") return orientation === \"vertical\";\n return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/*\n Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n ref,\n className,\n orientation = \"horizontal\",\n size = \"md\",\n label,\n ...props\n}: DividerProps) {\n const baseOrientation = resolveBaseOrientation(orientation);\n const hasLabel = label != null;\n const lookup = dividerOrientationClasses[size];\n const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n // Vertical + label is explicitly unsupported\n if (hasVertical(orientation) && hasLabel) {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(\n 'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n );\n }\n\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation={baseOrientation}\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal with label: flex layout with two line segments\n if (hasLabel) {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n className={cn(\"flex items-center gap-(--space-3)\", className)}\n {...props}\n >\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n <Text\n as=\"span\"\n size=\"xs\"\n color=\"muted\"\n className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n >\n {label}\n </Text>\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n // Vertical: div with role=\"separator\"\n if (baseOrientation === \"vertical\") {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"vertical\"\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal without label: semantic <hr>\n return (\n <hr\n ref={ref as React.Ref<HTMLHRElement>}\n className={cn(\n \"border-0 bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...(props ~~as React.ComponentPropsWithoutRef<\"hr\">)~~}\n />\n );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":";;;;;;;AAoBA,SAAS,EACP,GACoB;~~AAEpB~~,~~QADI~~,OAAO,KAAgB,WAAiB,IACrC,EAAY,QAAQ~~;;AAG7B~~,SAAS,EAAY,GAAsD;~~AAEzE~~,~~QADI~~,OAAO,KAAgB,WAAiB,MAAgB,aACrD,OAAO,OAAO,~~EAAY~~,~~CAAC~~,MAAM,MAAM,MAAM,~~WAAW;;AAQjE~~,SAAS,EAAQ,EACf,QACA,cACA,iBAAc,cACd,UAAO,MACP,UACA,GAAG,KACY;CACf,IAAM,IAAkB,EAAuB,~~EAAY~~,~~EACrD~~,IAAW,KAAS,MACpB,IAAS,EAA0B,IACnC,IAAqB,EAAyB,GAAa,~~EAAO~~;AA+~~ExE~~,~~QA5EI~~,EAAY,~~EAAY~~,~~IAAI~~,KAC9B,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,~~gGACD~~,~~EAID,~~kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,2BACA,GAAG,GACH,~~EACD~~;~~EACD~~,GAAI;~~EACJ~~,CAAA,~~IAKF~~,IAEA,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EAAG,qCAAqC,~~EAAU~~;~~EAC7D~~,GAAI;YALN;GAOE,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,~~EACJ~~;~~IACD~~,eAAY;~~IACZ~~,CAAA;~~GACF~~,kBAAC,GAAD;IACE,IAAG;IACH,MAAK;IACL,OAAM;IACN,WAAU;cAET;~~IACI~~,CAAA;~~GACP~~,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,~~EACJ~~;~~IACD~~,eAAY;~~IACZ~~,CAAA;~~GACE~~;~~MAKN~~,MAAoB,aAEpB,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EACT,2BACA,GAAG,GACH,~~EACD~~;~~EACD~~,GAAI;~~EACJ~~,CAAA,~~GAMJ~~,kBAAC,MAAD;EACO;EACL,WAAW,EACT,oCACA,GAAG,GACH,~~EACD~~;~~EACD~~,~~GAAK~~;~~EACL~~,CAAA~~;;AAIN~~,EAAQ,cAAc"}
1	+ {"version":3,"file":"Divider.js","names":[],"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport {\n resolveResponsiveClasses,\n dividerOrientationClasses,\n} from \"@nuka/utils/responsive\";\nimport type { Responsive, DividerOrientation } from \"@nuka/utils/responsive\";\nimport type { DividerVariantProps } from \"@nuka/components/Divider/Divider.variants\";\n\nexport type { DividerVariantProps };\n\nexport interface DividerProps\n extends React.ComponentPropsWithoutRef<\"div\">, DividerVariantProps {\n ref?: React.Ref<HTMLElement> \| undefined;\n label?: React.ReactNode;\n}\n\nfunction resolveBaseOrientation(\n orientation: Responsive<DividerOrientation>,\n): DividerOrientation {\n if (typeof orientation === \"string\") return orientation;\n return orientation.base ?? \"horizontal\";\n}\n\nfunction hasVertical(orientation: Responsive<DividerOrientation>): boolean {\n if (typeof orientation === \"string\") return orientation === \"vertical\";\n return Object.values(orientation).some((v) => v === \"vertical\");\n}\n\n/*\n Ref type is HTMLElement because the root element varies between\n * HTMLHRElement (horizontal, no label) and HTMLDivElement (vertical or labeled).\n * HTMLElement is the correct common supertype.\n */\nfunction Divider({\n ref,\n className,\n orientation = \"horizontal\",\n size = \"md\",\n label,\n ...props\n}: DividerProps) {\n const baseOrientation = resolveBaseOrientation(orientation);\n const hasLabel = label != null;\n const lookup = dividerOrientationClasses[size];\n const orientationClasses = resolveResponsiveClasses(orientation, lookup);\n\n // Vertical + label is explicitly unsupported\n if (hasVertical(orientation) && hasLabel) {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(\n 'Divider: `label` is not supported with `orientation=\"vertical\"`. The label will be ignored.',\n );\n }\n\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation={baseOrientation}\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal with label: flex layout with two line segments\n if (hasLabel) {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"horizontal\"\n className={cn(\"flex items-center gap-(--space-3)\", className)}\n {...props}\n >\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n <Text\n as=\"span\"\n size=\"xs\"\n color=\"muted\"\n className=\"shrink-0 px-(--space-2) whitespace-nowrap\"\n >\n {label}\n </Text>\n <div\n className={cn(\n \"flex-1 bg-(--nuka-border-base)\",\n ...orientationClasses,\n )}\n aria-hidden=\"true\"\n />\n </div>\n );\n }\n\n // Vertical: div with role=\"separator\"\n if (baseOrientation === \"vertical\") {\n return (\n <div\n ref={ref as React.Ref<HTMLDivElement>}\n role=\"separator\"\n aria-orientation=\"vertical\"\n className={cn(\n \"bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n }\n\n // Horizontal without label: semantic <hr>\n return (\n <hr\n ref={ref as React.Ref<HTMLHRElement>}\n className={cn(\n \"border-0 bg-(--nuka-border-base)\",\n ...orientationClasses,\n className,\n )}\n {...props}\n />\n );\n}\n\nDivider.displayName = \"Divider\";\n\nexport { Divider };\n"],"mappings":";;;;;;;AAoBA,SAAS,EACP,GACoB;CAEpB,OADI,OAAO,KAAgB,WAAiB,IACrC,EAAY,QAAQ;AAC7B;AAEA,SAAS,EAAY,GAAsD;CAEzE,OADI,OAAO,KAAgB,WAAiB,MAAgB,aACrD,OAAO,OAAO,CAAW,EAAE,MAAM,MAAM,MAAM,UAAU;AAChE;AAOA,SAAS,EAAQ,EACf,QACA,cACA,iBAAc,cACd,UAAO,MACP,UACA,GAAG,KACY;CACf,IAAM,IAAkB,EAAuB,CAAW,GACpD,IAAW,KAAS,MACpB,IAAS,EAA0B,IACnC,IAAqB,EAAyB,GAAa,CAAM;CA+EvE,OA5EI,EAAY,CAAW,KAAK,KAC9B,QAAA,IAAA,aAA6B,gBAC3B,QAAQ,KACN,+FACF,GAIA,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAkB;EAClB,WAAW,EACT,2BACA,GAAG,GACH,CACF;EACA,GAAI;CACL,CAAA,KAKD,IAEA,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EAAG,qCAAqC,CAAS;EAC5D,GAAI;YALN;GAOE,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,CACL;IACA,eAAY;GACb,CAAA;GACD,kBAAC,GAAD;IACE,IAAG;IACH,MAAK;IACL,OAAM;IACN,WAAU;cAET;GACG,CAAA;GACN,kBAAC,OAAD;IACE,WAAW,EACT,kCACA,GAAG,CACL;IACA,eAAY;GACb,CAAA;EACE;MAKL,MAAoB,aAEpB,kBAAC,OAAD;EACO;EACL,MAAK;EACL,oBAAiB;EACjB,WAAW,EACT,2BACA,GAAG,GACH,CACF;EACA,GAAI;CACL,CAAA,IAMH,kBAAC,MAAD;EACO;EACL,WAAW,EACT,oCACA,GAAG,GACH,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,EAAQ,cAAc"}

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

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../hooks/use-controllable-state.cjs`),n=require(`../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs`),r=require(`../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs`),i=require(`../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs`),a=require(`./DropdownMenu.context.cjs`);let o=require(`react`);o=e.__toESM(o,1);let s=require(`react/jsx-runtime`);function c({children:e,defaultOpen:c=!1,open:l,onOpenChange:u}){let[d,f]=t.useControllableState(l,c,u),{refs:p,floatingStyles:m,context:h}=i.useFloating({open:d,onOpenChange:f,placement:`bottom-start`,middleware:[r.offset(4),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:g,getFloatingProps:_}=i.useInteractions([i.useClick(h),i.useDismiss(h),i.useRole(h,{role:`menu`})]);return(0,s.jsx)(a.DropdownMenuContext,{value:o.useMemo(()=>({open:d,onOpenChange:f,refs:p,floatingStyles:m,getReferenceProps:g,getFloatingProps:_}),[d,f,p,m,g,_]),children:e})}c.displayName=`DropdownMenu`,exports.DropdownMenu=c;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../hooks/use-controllable-state.cjs"),n=require("../../node_modules/@floating-ui/dom/dist/floating-ui.dom.cjs"),r=require("../../node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.cjs"),i=require("../../node_modules/@floating-ui/react/dist/floating-ui.react.cjs"),a=require("./DropdownMenu.context.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c({children:e,defaultOpen:c=!1,open:l,onOpenChange:u}){let[d,f]=t.useControllableState(l,c,u),{refs:p,floatingStyles:m,context:h}=i.useFloating({open:d,onOpenChange:f,placement:`bottom-start`,middleware:[r.offset(4),r.flip(),r.shift({padding:8})],whileElementsMounted:n.autoUpdate}),{getReferenceProps:g,getFloatingProps:_}=i.useInteractions([i.useClick(h),i.useDismiss(h),i.useRole(h,{role:`menu`})]);return(0,s.jsx)(a.DropdownMenuContext,{value:o.useMemo(()=>({open:d,onOpenChange:f,refs:p,floatingStyles:m,getReferenceProps:g,getFloatingProps:_}),[d,f,p,m,g,_]),children:e})}c.displayName=`DropdownMenu`,exports.DropdownMenu=c;
 //# sourceMappingURL=DropdownMenu.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n useFloating,\n useClick,\n useDismiss,\n useRole,\n useInteractions,\n offset,\n flip,\n shift,\n autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n children: React.ReactNode;\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n children,\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n}: DropdownMenuProps) {\n const [currentOpen, handleOpenChange] = useControllableState(\n controlledOpen,\n defaultOpen,\n onOpenChange,\n );\n\n const { refs, floatingStyles, context } = useFloating({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n placement: \"bottom-start\" as Placement,\n middleware: [offset(4), flip(), shift({ padding: 8 })],\n whileElementsMounted: autoUpdate,\n });\n\n const click = useClick(context);\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: \"menu\" });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n click,\n dismiss,\n role,\n ]);\n\n const contextValue: DropdownMenuContextValue = React.useMemo(\n () => ({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n }),\n [\n currentOpen,\n handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n ],\n );\n\n return (\n <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":"0dAyBA,SAAS,EAAa,CACpB,WACA,cAAc,GACd,KAAM,EACN,gBACoB,CACpB,GAAM,CAAC,EAAa,GAAoB,EAAA,qBACtC,EACA,EACA,~~EACD~~,~~CAEK~~,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,KAAM,EACN,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,~~EAAE~~,~~CAAE~~,EAAA,~~MAAM~~,~~CAAE~~,EAAA,MAAM,CAAE,QAAS,~~EAAG~~,CAAC,CAAC,~~CACtD~~,qBAAsB,EAAA,~~WACvB~~,CAAC,~~CAMI~~,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,~~EAAQ~~,~~CACf~~,EAAA,WAAW,~~EAAQ~~,~~CACtB~~,EAAA,QAAQ,EAAS,CAAE,KAAM,~~OAAQ~~,~~CAAC~~,~~CAM9C~~,CAAC,~~CAqBF~~,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MApBwB,EAAM,aAC5C,CACL,KAAM,EACN,aAAc,EACd,OACA,iBACA,oBACA,~~mBACD~~,~~EACD~~,CACE,EACA,EACA,EACA,EACA,EACA,~~EACD,~~CACF,~~CAG4C~~,~~WAA+B~~,CAAA,~~CAI9E~~,EAAa,YAAc"}
1	+ {"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n useFloating,\n useClick,\n useDismiss,\n useRole,\n useInteractions,\n offset,\n flip,\n shift,\n autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n children: React.ReactNode;\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n children,\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n}: DropdownMenuProps) {\n const [currentOpen, handleOpenChange] = useControllableState(\n controlledOpen,\n defaultOpen,\n onOpenChange,\n );\n\n const { refs, floatingStyles, context } = useFloating({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n placement: \"bottom-start\" as Placement,\n middleware: [offset(4), flip(), shift({ padding: 8 })],\n whileElementsMounted: autoUpdate,\n });\n\n const click = useClick(context);\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: \"menu\" });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n click,\n dismiss,\n role,\n ]);\n\n const contextValue: DropdownMenuContextValue = React.useMemo(\n () => ({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n }),\n [\n currentOpen,\n handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n ],\n );\n\n return (\n <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":"0dAyBA,SAAS,EAAa,CACpB,WACA,cAAc,GACd,KAAM,EACN,gBACoB,CACpB,GAAM,CAAC,EAAa,GAAoB,EAAA,qBACtC,EACA,EACA,CACF,EAEM,CAAE,OAAM,iBAAgB,WAAY,EAAA,YAAY,CACpD,KAAM,EACN,aAAc,EACd,UAAW,eACX,WAAY,CAAC,EAAA,OAAO,CAAC,EAAG,EAAA,KAAK,EAAG,EAAA,MAAM,CAAE,QAAS,CAAE,CAAC,CAAC,EACrD,qBAAsB,EAAA,UACxB,CAAC,EAMK,CAAE,oBAAmB,oBAAqB,EAAA,gBAAgB,CAJlD,EAAA,SAAS,CAKrB,EAJc,EAAA,WAAW,CAKzB,EAJW,EAAA,QAAQ,EAAS,CAAE,KAAM,MAAO,CAK3C,CACF,CAAC,EAqBD,OACE,EAAA,EAAA,KAAC,EAAA,oBAAD,CAAqB,MApBwB,EAAM,aAC5C,CACL,KAAM,EACN,aAAc,EACd,OACA,iBACA,oBACA,kBACF,GACA,CACE,EACA,EACA,EACA,EACA,EACA,CACF,CAI4B,EAAe,UAA8B,CAAA,CAE7E,CAEA,EAAa,YAAc"}

package/dist/components/DropdownMenu/DropdownMenu.context.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`);let t=require(`react`);t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.useContext(n);if(e===void 0)throw Error(`useDropdownMenuContext must be used within a <DropdownMenu> component`);return e}exports.DropdownMenuContext=n,exports.useDropdownMenuContext=r;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs");let t=require("react");t=e.__toESM(t,1);var n=t.createContext(void 0);function r(){let e=t.use(n);if(e===void 0)throw Error(`useDropdownMenuContext must be used within a <DropdownMenu> component`);return e}exports.DropdownMenuContext=n,exports.useDropdownMenuContext=r;
 //# sourceMappingURL=DropdownMenu.context.cjs.map

package/dist/components/DropdownMenu/DropdownMenu.context.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.context.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n refs: ReturnType<typeof useFloating>[\"refs\"];\n floatingStyles: React.CSSProperties;\n getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n DropdownMenuContextValue \| undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n const context = React.~~useContext~~(DropdownMenuContext);\n if (context === undefined) {\n throw new Error(\n \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n );\n }\n return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":"6GAaA,IAAM,EAAsB,EAAM,cAEhC,IAAA,~~GAAU~~,~~CAEZ~~,SAAS,GAAmD,CAC1D,IAAM,EAAU,EAAM,~~WAAW~~,~~EAAoB~~,~~CACrD~~,GAAI,IAAY,IAAA,GACd,MAAU,MACR,~~wEACD~~,~~CAEH~~,OAAO"}
1	+ {"version":3,"file":"DropdownMenu.context.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n refs: ReturnType<typeof useFloating>[\"refs\"];\n floatingStyles: React.CSSProperties;\n getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n DropdownMenuContextValue \| undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n const context = React.use(DropdownMenuContext);\n if (context === undefined) {\n throw new Error(\n \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n );\n }\n return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":"6GAaA,IAAM,EAAsB,EAAM,cAEhC,IAAA,EAAS,EAEX,SAAS,GAAmD,CAC1D,IAAM,EAAU,EAAM,IAAI,CAAmB,EAC7C,GAAI,IAAY,IAAA,GACd,MAAU,MACR,uEACF,EAEF,OAAO,CACT"}

package/dist/components/DropdownMenu/DropdownMenu.context.js CHANGED Viewed

@@ -3,7 +3,7 @@ import * as e from "react";
 //#region src/components/DropdownMenu/DropdownMenu.context.tsx
 var t = e.createContext(void 0);
 function n() {
-	let n = e.useContext(t);
+	let n = e.use(t);
 	if (n === void 0) throw Error("useDropdownMenuContext must be used within a <DropdownMenu> component");
 	return n;
 }

package/dist/components/DropdownMenu/DropdownMenu.context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.context.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n refs: ReturnType<typeof useFloating>[\"refs\"];\n floatingStyles: React.CSSProperties;\n getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n DropdownMenuContextValue \| undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n const context = React.~~useContext~~(DropdownMenuContext);\n if (context === undefined) {\n throw new Error(\n \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n );\n }\n return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":";;;AAaA,IAAM,IAAsB,EAAM,cAEhC,KAAA,~~EAAU~~;~~AAEZ~~,SAAS,IAAmD;CAC1D,IAAM,IAAU,EAAM,~~WAAW~~,~~EAAoB~~;~~AACrD~~,~~KAAI~~,MAAY,KAAA,~~EACd~~,~~OAAU~~,MACR,~~wEACD~~;~~AAEH~~,~~QAAO~~"}
1	+ {"version":3,"file":"DropdownMenu.context.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.context.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport type { useFloating, useInteractions } from \"@floating-ui/react\";\n\nexport interface DropdownMenuContextValue {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n refs: ReturnType<typeof useFloating>[\"refs\"];\n floatingStyles: React.CSSProperties;\n getReferenceProps: ReturnType<typeof useInteractions>[\"getReferenceProps\"];\n getFloatingProps: ReturnType<typeof useInteractions>[\"getFloatingProps\"];\n}\n\nconst DropdownMenuContext = React.createContext<\n DropdownMenuContextValue \| undefined\n>(undefined);\n\nfunction useDropdownMenuContext(): DropdownMenuContextValue {\n const context = React.use(DropdownMenuContext);\n if (context === undefined) {\n throw new Error(\n \"useDropdownMenuContext must be used within a <DropdownMenu> component\",\n );\n }\n return context;\n}\n\nexport { DropdownMenuContext, useDropdownMenuContext };\n"],"mappings":";;;AAaA,IAAM,IAAsB,EAAM,cAEhC,KAAA,CAAS;AAEX,SAAS,IAAmD;CAC1D,IAAM,IAAU,EAAM,IAAI,CAAmB;CAC7C,IAAI,MAAY,KAAA,GACd,MAAU,MACR,uEACF;CAEF,OAAO;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n useFloating,\n useClick,\n useDismiss,\n useRole,\n useInteractions,\n offset,\n flip,\n shift,\n autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n children: React.ReactNode;\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n children,\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n}: DropdownMenuProps) {\n const [currentOpen, handleOpenChange] = useControllableState(\n controlledOpen,\n defaultOpen,\n onOpenChange,\n );\n\n const { refs, floatingStyles, context } = useFloating({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n placement: \"bottom-start\" as Placement,\n middleware: [offset(4), flip(), shift({ padding: 8 })],\n whileElementsMounted: autoUpdate,\n });\n\n const click = useClick(context);\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: \"menu\" });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n click,\n dismiss,\n role,\n ]);\n\n const contextValue: DropdownMenuContextValue = React.useMemo(\n () => ({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n }),\n [\n currentOpen,\n handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n ],\n );\n\n return (\n <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":";;;;;;;;;AAyBA,SAAS,EAAa,EACpB,aACA,iBAAc,IACd,MAAM,GACN,mBACoB;CACpB,IAAM,CAAC,GAAa,KAAoB,EACtC,GACA,GACA,~~EACD~~,~~EAEK~~,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,~~EAAE~~;~~GAAE~~,~~GAAM~~;~~GAAE~~,EAAM,EAAE,SAAS,~~GAAG~~,CAAC;~~GAAC~~;~~EACtD~~,sBAAsB;~~EACvB~~,CAAC,~~EAMI~~,EAAE,sBAAmB,wBAAqB,EAAgB;EAJlD,EAAS,~~EAAQ~~;~~EACf~~,EAAW,~~EAAQ~~;~~EACtB~~,EAAQ,GAAS,EAAE,MAAM,~~QAAQ~~,~~CAAC~~;~~EAM9C~~,CAAC;~~AAqBF~~,~~QACE~~,kBAAC,GAAD;EAAqB,OApBwB,EAAM,eAC5C;GACL,MAAM;GACN,cAAc;GACd;GACA;GACA;GACA;~~GACD~~,~~GACD~~;GACE;GACA;GACA;GACA;GACA;GACA;~~GACD~~,~~CACF~~;~~EAG4C~~;~~EAA+B~~,CAAA~~;;AAI9E~~,EAAa,cAAc"}
1	+ {"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n useFloating,\n useClick,\n useDismiss,\n useRole,\n useInteractions,\n offset,\n flip,\n shift,\n autoUpdate,\n} from \"@floating-ui/react\";\nimport type { Placement } from \"@floating-ui/react\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { DropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\nimport type { DropdownMenuContextValue } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuProps {\n children: React.ReactNode;\n defaultOpen?: boolean;\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n}\n\nfunction DropdownMenu({\n children,\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n}: DropdownMenuProps) {\n const [currentOpen, handleOpenChange] = useControllableState(\n controlledOpen,\n defaultOpen,\n onOpenChange,\n );\n\n const { refs, floatingStyles, context } = useFloating({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n placement: \"bottom-start\" as Placement,\n middleware: [offset(4), flip(), shift({ padding: 8 })],\n whileElementsMounted: autoUpdate,\n });\n\n const click = useClick(context);\n const dismiss = useDismiss(context);\n const role = useRole(context, { role: \"menu\" });\n\n const { getReferenceProps, getFloatingProps } = useInteractions([\n click,\n dismiss,\n role,\n ]);\n\n const contextValue: DropdownMenuContextValue = React.useMemo(\n () => ({\n open: currentOpen,\n onOpenChange: handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n }),\n [\n currentOpen,\n handleOpenChange,\n refs,\n floatingStyles,\n getReferenceProps,\n getFloatingProps,\n ],\n );\n\n return (\n <DropdownMenuContext value={contextValue}>{children}</DropdownMenuContext>\n );\n}\n\nDropdownMenu.displayName = \"DropdownMenu\";\n\nexport { DropdownMenu };\n"],"mappings":";;;;;;;;;AAyBA,SAAS,EAAa,EACpB,aACA,iBAAc,IACd,MAAM,GACN,mBACoB;CACpB,IAAM,CAAC,GAAa,KAAoB,EACtC,GACA,GACA,CACF,GAEM,EAAE,SAAM,mBAAgB,eAAY,EAAY;EACpD,MAAM;EACN,cAAc;EACd,WAAW;EACX,YAAY;GAAC,EAAO,CAAC;GAAG,EAAK;GAAG,EAAM,EAAE,SAAS,EAAE,CAAC;EAAC;EACrD,sBAAsB;CACxB,CAAC,GAMK,EAAE,sBAAmB,wBAAqB,EAAgB;EAJlD,EAAS,CAKrB;EAJc,EAAW,CAKzB;EAJW,EAAQ,GAAS,EAAE,MAAM,OAAO,CAK3C;CACF,CAAC;CAqBD,OACE,kBAAC,GAAD;EAAqB,OApBwB,EAAM,eAC5C;GACL,MAAM;GACN,cAAc;GACd;GACA;GACA;GACA;EACF,IACA;GACE;GACA;GACA;GACA;GACA;GACA;EACF,CAI4B;EAAe;CAA8B,CAAA;AAE7E;AAEA,EAAa,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../Menu/MenuContentBase.cjs`);let n=require(`react`);n=e.__toESM(n,1);let r=require(`react/jsx-runtime`);function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuCheckboxItem`,exports.DropdownMenuCheckboxItem=i;
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Menu/MenuContentBase.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({ref:e,...n}){return(0,r.jsx)(t.MenuCheckboxItemWithNav,{ref:e,...n})}i.displayName=`DropdownMenuCheckboxItem`,exports.DropdownMenuCheckboxItem=i;
 //# sourceMappingURL=DropdownMenuCheckboxItem.cjs.map

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuCheckboxItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n ref,\n ...props\n}: DropdownMenuCheckboxItemProps) {\n return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAyB,CAChC,MACA,GAAG,GAC6B,CAChC,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,~~EAAS~~,CAAA,~~CAGzD~~,EAAyB,YAAc"}
1	+ {"version":3,"file":"DropdownMenuCheckboxItem.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n ref,\n ...props\n}: DropdownMenuCheckboxItemProps) {\n return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":"yLAOA,SAAS,EAAyB,CAChC,MACA,GAAG,GAC6B,CAChC,OAAO,EAAA,EAAA,KAAC,EAAA,wBAAD,CAA8B,MAAK,GAAI,CAAQ,CAAA,CACxD,CAEA,EAAyB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuCheckboxItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuCheckboxItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n ref,\n ...props\n}: DropdownMenuCheckboxItemProps) {\n return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAyB,EAChC,QACA,GAAG,KAC6B;~~AAChC~~,~~QAAO~~,kBAAC,GAAD;EAA8B;EAAK,GAAI;~~EAAS~~,CAAA~~;;AAGzD~~,EAAyB,cAAc"}
1	+ {"version":3,"file":"DropdownMenuCheckboxItem.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuCheckboxItem.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { MenuCheckboxItemWithNav } from \"@nuka/components/Menu/MenuContentBase\";\nimport type { MenuCheckboxItemWithNavProps } from \"@nuka/components/Menu/MenuContentBase\";\n\nexport type DropdownMenuCheckboxItemProps = MenuCheckboxItemWithNavProps;\n\nfunction DropdownMenuCheckboxItem({\n ref,\n ...props\n}: DropdownMenuCheckboxItemProps) {\n return <MenuCheckboxItemWithNav ref={ref} {...props} />;\n}\n\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport { DropdownMenuCheckboxItem };\n"],"mappings":";;;;;AAOA,SAAS,EAAyB,EAChC,QACA,GAAG,KAC6B;CAChC,OAAO,kBAAC,GAAD;EAA8B;EAAK,GAAI;CAAQ,CAAA;AACxD;AAEA,EAAyB,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuContent.cjs CHANGED Viewed

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

package/dist/components/DropdownMenu/DropdownMenuContent.cjs.map CHANGED Viewed

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

package/dist/components/DropdownMenu/DropdownMenuContent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,~~kDA8C1B~~;~~kBAnDQ~~,mBAAmB;;;~~AAuD5B~~,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
1	+ {"version":3,"file":"DropdownMenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpF,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;CAC7C;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,kDA+C1B;kBApDQ,mBAAmB;;;AAwD5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}