@nuka-ui/core 1.1.3 → 1.1.4

package/dist/components/DatePicker/DatePickerCalendar.js

@@ -55,10 +55,12 @@ function g({ ref: g, className: _, ...v }) {
 		style: y.floatingStyles,
 		role: "dialog",
 		"aria-label": "Date picker",
+		"data-slot": "calendar",
 		...L,
 		className: e("z-(--nuka-z-dropdown) rounded-(--radius-md) border border-(--nuka-border-base)", "bg-(--nuka-bg-base) shadow-md p-(--space-3)", "focus-visible:outline-none", _),
 		children: [/* @__PURE__ */ h("div", {
 			className: "flex items-center justify-between mb-(--space-2)",
+			"data-slot": "calendar-header",
 			children: [
 				/* @__PURE__ */ m(r, {
 					variant: "ghost",
@@ -66,6 +68,7 @@ function g({ ref: g, className: _, ...v }) {
 					onClick: D,
 					disabled: !T,
 					"aria-label": "Previous month",
+					"data-slot": "prev-button",
 					children: /* @__PURE__ */ m(n, {
 						size: "sm",
 						children: /* @__PURE__ */ m("svg", {
@@ -84,6 +87,7 @@ function g({ ref: g, className: _, ...v }) {
 					as: "span",
 					size: "sm",
 					weight: "medium",
+					"data-slot": "month-year-label",
 					children: P
 				}),
 				/* @__PURE__ */ m(r, {
@@ -92,6 +96,7 @@ function g({ ref: g, className: _, ...v }) {
 					onClick: O,
 					disabled: !E,
 					"aria-label": "Next month",
+					"data-slot": "next-button",
 					children: /* @__PURE__ */ m(n, {
 						size: "sm",
 						children: /* @__PURE__ */ m("svg", {
@@ -111,28 +116,34 @@ function g({ ref: g, className: _, ...v }) {
 			role: "grid",
 			"aria-label": P,
 			id: `${y.baseId}-grid`,
+			"data-slot": "grid",
 			onKeyDown: I,
 			children: [/* @__PURE__ */ m("div", {
 				role: "row",
 				"aria-hidden": "true",
 				className: "grid grid-cols-7 mb-(--space-1)",
+				"data-slot": "weekday-row",
 				children: M.map((e) => /* @__PURE__ */ m("abbr", {
 					title: e.long,
 					className: "flex items-center justify-center text-xs text-(--nuka-text-muted) no-underline py-(--space-1)",
+					"data-slot": "weekday",
 					children: e.short
 				}, e.short))
 			}), N.map((t, n) => /* @__PURE__ */ m("div", {
 				role: "row",
 				className: "grid grid-cols-7",
+				"data-slot": "week-row",
 				children: t.map((t, n) => {
 					if (t === null) return /* @__PURE__ */ m("div", {
 						role: "gridcell",
 						"aria-hidden": "true",
+						"data-slot": "day-cell",
 						children: /* @__PURE__ */ m("span", { className: "block size-9" })
 					}, `empty-${String(n)}`);
 					let r = new Date(x, C, t), i = c(r, y.min, y.max), a = y.selectedDate !== void 0 && l(r, y.selectedDate), o = l(r, y.focusedDate), s = l(r, R), u = A.format(r);
 					return /* @__PURE__ */ m("div", {
 						role: "gridcell",
+						"data-slot": "day-cell",
 						children: /* @__PURE__ */ m("button", {
 							ref: o ? k : void 0,
 							type: "button",
@@ -142,6 +153,7 @@ function g({ ref: g, className: _, ...v }) {
 							"aria-disabled": i || void 0,
 							disabled: i,
 							onClick: () => F(r),
+							"data-slot": "day-button",
 							className: e("flex items-center justify-center size-9 rounded-(--radius-md) text-sm", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)", "cursor-pointer", a && "bg-(--nuka-accent-bg) text-(--nuka-accent-fg)", !a && !i && "hover:bg-(--nuka-bg-muted)", s && !a && "ring-1 ring-(--nuka-border-strong)", i && "opacity-50 cursor-default"),
 							children: t
 						})

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

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

package/dist/components/DatePicker/DatePickerInput.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../Icon/Icon.cjs`),i=require(`../../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));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),"data-slot":`input-root`,..._,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`,"data-slot":`input`}),(0,l.jsx)(`button`,{ref:n.composeRefs(v.triggerButtonRef,v.refs.setReference),type:`button`,...M,onClick:j,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

@@ -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":"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"}
+{"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      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 as React.ButtonHTMLAttributes<HTMLButtonElement>)}\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":"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"}

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

@@ -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"}
+{"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,2CAgKtB;kBA1KQ,eAAe;;;AA8KxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/DatePicker/DatePickerInput.js

@@ -41,6 +41,7 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 	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",
@@ -57,7 +58,8 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 			"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",
@@ -65,6 +67,7 @@ function u({ ref: u, className: d, placeholder: f = "YYYY-MM-DD", size: p, id: m
 			onClick: M,
 			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

@@ -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":"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"}
+{"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      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 as React.ButtonHTMLAttributes<HTMLButtonElement>)}\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":"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"}

package/dist/components/Dialog/Dialog.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/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

@@ -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"}
+{"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,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,YAAU,UACV,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,YAAU,UACV,aAAW,OACX,UAAW,EAAA,GACT,2BACA,qDACA,kBACA,2DACA,gCACA,gBACA,+DAEA,6BACA,EACD,CACD,GAAI,WArBN,EAuBE,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,YAAe,EAAI,aAAa,GAAM,CACtC,MAAM,eACN,UAAU,sEACV,CAAA,CACD,EACG,GACC,CAAA,CAAA,CA7CW,KAiDxB,EAAc,YAAc"}

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

@@ -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"}
+{"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

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

@@ -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"}
+{"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;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,aAAU;EACV,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,aAAU;EACV,cAAW;EACX,WAAW,EACT,4BACA,sDACA,mBACA,4DACA,iCACA,iBACA,gEAEA,8BACA,EACD;EACD,GAAI;YArBN,CAuBE,kBAAC,GAAD;GACE,eAAe,EAAI,aAAa,GAAM;GACtC,OAAM;GACN,WAAU;GACV,CAAA,EACD,EACG;IACC,EAAA,CAAA,GA7CW;;AAiDxB,EAAc,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuContent.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../../utils/slot.cjs`),r=require(`../../utils/portal.cjs`),i=require(`../../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

@@ -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"}
+{"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,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,YAAU,UACV,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,GAAG,EAAA,qBAAqB,CAAE,EAAU,CAE9C,WACG,CAAA,CACU,CAAA,CACX,CAAA,CAIb,EAAoB,YAAc"}

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

@@ -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"}
+{"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"}

package/dist/components/DropdownMenu/DropdownMenuContent.js

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

package/dist/components/DropdownMenu/DropdownMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuContent.js","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":";;;;;;;;;;;AAiBA,SAAS,EAAoB,EAC3B,QACA,cACA,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,GAAwB,EAE9B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAI,KAAK,YAAY,EAEhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,GAAM;EACvC,aAAa,EAAI,aAAa,GAAM;EACrC,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAQpC,KANA,EAAM,gBAAgB;AACpB,EAAK,EAAI,QAAM,GAAgB;IAC9B,CAAC,EAAI,MAAM,EAAe,CAAC,EAE9B,EAAsB,EAAI,MAAM,GAAW,GAAU,EAAa,EAE9D,CAAC,EAAI,KAAM,QAAO;AAEtB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,GAAM;GACrC;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAoB,cAAc"}
+{"version":3,"file":"DropdownMenuContent.js","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":";;;;;;;;;;;AAiBA,SAAS,EAAoB,EAC3B,QACA,cACA,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,GAAwB,EAE9B,IAAc,EAAY,GADb,EAAM,OAAuB,KAAK,EACJ,EAAI,KAAK,YAAY,EAEhE,EAAE,iBAAc,cAAW,aAAU,sBACzC,EAAkB;EAChB,gBAAgB,EAAI,aAAa,GAAM;EACvC,aAAa,EAAI,aAAa,GAAM;EACrC,CAAC,EAEE,IAAe,EAAM,OAAO,EAAE;AAQpC,KANA,EAAM,gBAAgB;AACpB,EAAK,EAAI,QAAM,GAAgB;IAC9B,CAAC,EAAI,MAAM,EAAe,CAAC,EAE9B,EAAsB,EAAI,MAAM,GAAW,GAAU,EAAa,EAE9D,CAAC,EAAI,KAAM,QAAO;AAEtB,GAAa,UAAU;CAEvB,IAAM,IAAgB,EAAI,iBAAiB,EAAM;AAEjD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,OAAO;GACL;GACA,UAAU;GACV,aAAa,EAAI,aAAa,GAAM;GACrC;YAED,kBAAC,OAAD;GACE,KAAK;GACL,OAAO,EAAI;GACX,aAAU;GACV,cAAW;GACX,GAAI;GACJ,WAAW,EAAG,GAAqB,EAAE,EAAU;GAE9C;GACG,CAAA;EACU,CAAA,EACX,CAAA;;AAIb,EAAoB,cAAc"}

package/dist/components/DropdownMenu/DropdownMenuTrigger.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./DropdownMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,children:a,...o}){let s=n.useDropdownMenuContext(),c=t.composeRefs(e,s.refs.setReference),l=r?t.Slot:`button`,u=s.getReferenceProps(o);return(0,i.jsx)(l,{ref:c,type:r?void 0:`button`,"aria-haspopup":`menu`,"aria-expanded":s.open,...u,children:a})}a.displayName=`DropdownMenuTrigger`,exports.DropdownMenuTrigger=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/slot.cjs`),n=require(`./DropdownMenu.context.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,asChild:r=!1,children:a,...o}){let s=n.useDropdownMenuContext(),c=t.composeRefs(e,s.refs.setReference),l=r?t.Slot:`button`,u=s.getReferenceProps(o);return(0,i.jsx)(l,{ref:c,type:r?void 0:`button`,"aria-haspopup":`menu`,"aria-expanded":s.open,"data-slot":`trigger`,...u,children:a})}a.displayName=`DropdownMenuTrigger`,exports.DropdownMenuTrigger=a;
 //# sourceMappingURL=DropdownMenuTrigger.cjs.map

package/dist/components/DropdownMenu/DropdownMenuTrigger.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":"0NAUA,SAAS,EAAoB,CAC3B,MACA,UAAU,GACV,WACA,GAAG,GACwB,CAC3B,IAAM,EAAM,EAAA,wBAAwB,CAC9B,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CACrD,EAAO,EAAU,EAAA,KAAO,SACxB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAC5B,gBAAc,OACd,gBAAe,EAAI,KAGnB,GAAK,EAEJ,WACI,CAAA,CAIX,EAAoB,YAAc"}
+{"version":3,"file":"DropdownMenuTrigger.cjs","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      data-slot=\"trigger\"\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":"0NAUA,SAAS,EAAoB,CAC3B,MACA,UAAU,GACV,WACA,GAAG,GACwB,CAC3B,IAAM,EAAM,EAAA,wBAAwB,CAC9B,EAAc,EAAA,YAAY,EAAK,EAAI,KAAK,aAAa,CACrD,EAAO,EAAU,EAAA,KAAO,SACxB,EAAe,EAAI,kBAAkB,EAAM,CAEjD,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,KAAM,EAAU,IAAA,GAAY,SAC5B,gBAAc,OACd,gBAAe,EAAI,KACnB,YAAU,UAGV,GAAK,EAEJ,WACI,CAAA,CAIX,EAAoB,YAAc"}

package/dist/components/DropdownMenu/DropdownMenuTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAmB1B;kBAxBQ,mBAAmB;;;AA4B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"DropdownMenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7F,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,GAAG,SAAS,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,GAAG,EACH,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAoB1B;kBAzBQ,mBAAmB;;;AA6B5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/DropdownMenu/DropdownMenuTrigger.js

@@ -11,6 +11,7 @@ function i({ ref: i, asChild: a = !1, children: o, ...s }) {
 		type: a ? void 0 : "button",
 		"aria-haspopup": "menu",
 		"aria-expanded": c.open,
+		"data-slot": "trigger",
 		...d,
 		children: o
 	});

package/dist/components/DropdownMenu/DropdownMenuTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAoB,EAC3B,QACA,aAAU,IACV,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,GAAwB,EAC9B,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EACrD,IAAO,IAAU,IAAO,UACxB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,iBAAc;EACd,iBAAe,EAAI;EAGnB,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAoB,cAAc"}
+{"version":3,"file":"DropdownMenuTrigger.js","names":[],"sources":["../../../src/components/DropdownMenu/DropdownMenuTrigger.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { Slot, composeRefs } from \"@nuka/utils/slot\";\nimport { useDropdownMenuContext } from \"@nuka/components/DropdownMenu/DropdownMenu.context\";\n\nexport interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: React.Ref<HTMLButtonElement> | undefined;\n  asChild?: boolean;\n}\n\nfunction DropdownMenuTrigger({\n  ref,\n  asChild = false,\n  children,\n  ...props\n}: DropdownMenuTriggerProps) {\n  const ctx = useDropdownMenuContext();\n  const composedRef = composeRefs(ref, ctx.refs.setReference);\n  const Comp = asChild ? Slot : \"button\";\n  const triggerProps = ctx.getReferenceProps(props);\n\n  return (\n    <Comp\n      ref={composedRef}\n      type={asChild ? undefined : \"button\"}\n      aria-haspopup=\"menu\"\n      aria-expanded={ctx.open}\n      data-slot=\"trigger\"\n      // Safe: Floating UI's getReferenceProps() returns Record<string, unknown>;\n      // values are standard DOM event handlers (onClick, onKeyDown, etc.).\n      {...(triggerProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n    >\n      {children}\n    </Comp>\n  );\n}\n\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\";\n\nexport { DropdownMenuTrigger };\n"],"mappings":";;;;;;AAUA,SAAS,EAAoB,EAC3B,QACA,aAAU,IACV,aACA,GAAG,KACwB;CAC3B,IAAM,IAAM,GAAwB,EAC9B,IAAc,EAAY,GAAK,EAAI,KAAK,aAAa,EACrD,IAAO,IAAU,IAAO,UACxB,IAAe,EAAI,kBAAkB,EAAM;AAEjD,QACE,kBAAC,GAAD;EACE,KAAK;EACL,MAAM,IAAU,KAAA,IAAY;EAC5B,iBAAc;EACd,iBAAe,EAAI;EACnB,aAAU;EAGV,GAAK;EAEJ;EACI,CAAA;;AAIX,EAAoB,cAAc"}

package/dist/components/EmptyState/EmptyState.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,illustration:a,icon:o,heading:s,description:c,action:l,children:u,...d}){let f=a??o??null;return(0,i.jsxs)(`div`,{ref:e,className:t.cn(`flex flex-col items-center justify-center text-center`,`gap-(--space-4)`,`py-(--space-12) px-(--space-6)`,r),...d,children:[f&&(0,i.jsx)(`div`,{className:`flex items-center justify-center text-(--nuka-text-muted)`,children:f}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-(--space-2) max-w-sm`,children:[(0,i.jsx)(n.Text,{as:`p`,size:`md`,weight:`semibold`,children:s}),c!=null&&(0,i.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,children:c})]}),l&&(0,i.jsx)(`div`,{children:l}),u]})}a.displayName=`EmptyState`,exports.EmptyState=a;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../utils/cn.cjs`),n=require(`../Text/Text.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);function a({ref:e,className:r,illustration:a,icon:o,heading:s,description:c,action:l,headingWeight:u,descriptionWeight:d,children:f,...p}){let m=a??o??null;return(0,i.jsxs)(`div`,{ref:e,className:t.cn(`flex flex-col items-center justify-center text-center`,`gap-(--space-4)`,`py-(--space-12) px-(--space-6)`,r),"data-slot":`root`,...p,children:[m&&(0,i.jsx)(`div`,{className:`flex items-center justify-center text-(--nuka-text-muted)`,"data-slot":`visual`,children:m}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-(--space-2) max-w-sm`,children:[(0,i.jsx)(n.Text,{as:`p`,size:`md`,weight:u??`semibold`,"data-slot":`heading`,children:s}),c!=null&&(0,i.jsx)(n.Text,{as:`p`,size:`sm`,color:`muted`,"data-slot":`description`,...d===void 0?{}:{weight:d},children:c})]}),l&&(0,i.jsx)(`div`,{"data-slot":`action`,children:l}),f]})}a.displayName=`EmptyState`,exports.EmptyState=a;
 //# sourceMappingURL=EmptyState.cjs.map

package/dist/components/EmptyState/EmptyState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.cjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\n\nexport interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n}\n\nfunction EmptyState({\n  ref,\n  className,\n  illustration,\n  icon,\n  heading,\n  description,\n  action,\n  children,\n  ...props\n}: EmptyStateProps) {\n  const visual = illustration ?? icon ?? null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col items-center justify-center text-center\",\n        \"gap-(--space-4)\",\n        \"py-(--space-12) px-(--space-6)\",\n        className,\n      )}\n      {...props}\n    >\n      {visual && (\n        <div className=\"flex items-center justify-center text-(--nuka-text-muted)\">\n          {visual}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-(--space-2) max-w-sm\">\n        <Text as=\"p\" size=\"md\" weight=\"semibold\">\n          {heading}\n        </Text>\n        {description != null && (\n          <Text as=\"p\" size=\"sm\" color=\"muted\">\n            {description}\n          </Text>\n        )}\n      </div>\n      {action && <div>{action}</div>}\n      {children}\n    </div>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":"8MAeA,SAAS,EAAW,CAClB,MACA,YACA,eACA,OACA,UACA,cACA,SACA,WACA,GAAG,GACe,CAClB,IAAM,EAAS,GAAgB,GAAQ,KAEvC,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,wDACA,kBACA,iCACA,EACD,CACD,GAAI,WARN,CAUG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,qEACZ,EACG,CAAA,EAER,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,OAAO,oBAC3B,EACI,CAAA,CACN,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,GAAG,IAAI,KAAK,KAAK,MAAM,iBAC1B,EACI,CAAA,CAEL,GACL,IAAU,EAAA,EAAA,KAAC,MAAD,CAAA,SAAM,EAAa,CAAA,CAC7B,EACG,GAIV,EAAW,YAAc"}
+{"version":3,"file":"EmptyState.cjs","names":[],"sources":["../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Text } from \"@nuka/components/Text\";\nimport type { TextVariantProps } from \"@nuka/components/Text/Text.variants\";\n\nexport interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {\n  ref?: React.Ref<HTMLDivElement> | undefined;\n  illustration?: React.ReactNode;\n  icon?: React.ReactNode;\n  heading: string;\n  description?: string;\n  action?: React.ReactNode;\n  headingWeight?: TextVariantProps[\"weight\"];\n  descriptionWeight?: TextVariantProps[\"weight\"];\n}\n\nfunction EmptyState({\n  ref,\n  className,\n  illustration,\n  icon,\n  heading,\n  description,\n  action,\n  headingWeight,\n  descriptionWeight,\n  children,\n  ...props\n}: EmptyStateProps) {\n  const visual = illustration ?? icon ?? null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col items-center justify-center text-center\",\n        \"gap-(--space-4)\",\n        \"py-(--space-12) px-(--space-6)\",\n        className,\n      )}\n      data-slot=\"root\"\n      {...props}\n    >\n      {visual && (\n        <div\n          className=\"flex items-center justify-center text-(--nuka-text-muted)\"\n          data-slot=\"visual\"\n        >\n          {visual}\n        </div>\n      )}\n      <div className=\"flex flex-col gap-(--space-2) max-w-sm\">\n        <Text\n          as=\"p\"\n          size=\"md\"\n          weight={headingWeight ?? \"semibold\"}\n          data-slot=\"heading\"\n        >\n          {heading}\n        </Text>\n        {description != null && (\n          <Text\n            as=\"p\"\n            size=\"sm\"\n            color=\"muted\"\n            data-slot=\"description\"\n            {...(descriptionWeight !== undefined\n              ? { weight: descriptionWeight }\n              : {})}\n          >\n            {description}\n          </Text>\n        )}\n      </div>\n      {action && <div data-slot=\"action\">{action}</div>}\n      {children}\n    </div>\n  );\n}\n\nEmptyState.displayName = \"EmptyState\";\n\nexport { EmptyState };\n"],"mappings":"8MAkBA,SAAS,EAAW,CAClB,MACA,YACA,eACA,OACA,UACA,cACA,SACA,gBACA,oBACA,WACA,GAAG,GACe,CAClB,IAAM,EAAS,GAAgB,GAAQ,KAEvC,OACE,EAAA,EAAA,MAAC,MAAD,CACO,MACL,UAAW,EAAA,GACT,wDACA,kBACA,iCACA,EACD,CACD,YAAU,OACV,GAAI,WATN,CAWG,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAU,4DACV,YAAU,kBAET,EACG,CAAA,EAER,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,kDAAf,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,OAAQ,GAAiB,WACzB,YAAU,mBAET,EACI,CAAA,CACN,GAAe,OACd,EAAA,EAAA,KAAC,EAAA,KAAD,CACE,GAAG,IACH,KAAK,KACL,MAAM,QACN,YAAU,cACV,GAAK,IAAsB,IAAA,GAEvB,EAAE,CADF,CAAE,OAAQ,EAAmB,UAGhC,EACI,CAAA,CAEL,GACL,IAAU,EAAA,EAAA,KAAC,MAAD,CAAK,YAAU,kBAAU,EAAa,CAAA,CAChD,EACG,GAIV,EAAW,YAAc"}

package/dist/components/EmptyState/EmptyState.d.ts

@@ -1,3 +1,4 @@
+import { TextVariantProps } from '../Text/Text.variants';
 import * as React from "react";
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     ref?: React.Ref<HTMLDivElement> | undefined;
@@ -6,8 +7,10 @@ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     heading: string;
     description?: string;
     action?: React.ReactNode;
+    headingWeight?: TextVariantProps["weight"];
+    descriptionWeight?: TextVariantProps["weight"];
 }
-declare function EmptyState({ ref, className, illustration, icon, heading, description, action, children, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+declare function EmptyState({ ref, className, illustration, icon, heading, description, action, headingWeight, descriptionWeight, children, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
 declare namespace EmptyState {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAiCjB;kBA3CQ,UAAU;;;AA+CnB,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CAChD;AAED,iBAAS,UAAU,CAAC,EAClB,GAAG,EACH,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAkDjB;kBA9DQ,UAAU;;;AAkEnB,OAAO,EAAE,UAAU,EAAE,CAAC"}