@commercetools/nimbus 2.0.1-rc4 → 2.1.0

package/dist/chunks/date-range-picker-Di9p8cKs.es.js

@@ -0,0 +1,356 @@
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { createSlotRecipeContext as N } from "@chakra-ui/react";
+import { Close as V, CalendarMonth as E } from "@commercetools/nimbus-icons";
+import { $ as I, a as z } from "./DatePicker-DeknOPX6.es.js";
+import { $ as w, h as L } from "./Dialog-DUbUCf4o.es.js";
+import { $ as W } from "./Group-BQc9LuMT.es.js";
+import { useSlotRecipe as j } from "@chakra-ui/react/styled-system";
+import { g as F } from "./index-BEgCT-l6.es.js";
+import { e as O } from "./extract-style-props-DChosa6I.es.js";
+import { useContext as H, useRef as M, useEffect as A } from "react";
+import { defineMessages as B, useIntl as $ } from "react-intl";
+import { Flex as S } from "@chakra-ui/react/flex";
+import { T as v } from "./text-CIb_VDvO.es.js";
+import { T as k } from "./time-input-KrO-X3uW.es.js";
+import { $ as y } from "./Button-BjcDZ5eb.es.js";
+import { c as G, e as q } from "./utils-B6pV5ewr.es.js";
+import { d as K } from "./DateField-C5JgBb30.es.js";
+import { R as J } from "./range-calendar-BagHIF-Y.es.js";
+import { D as x } from "./date-input-Cnlg-VXW.es.js";
+import { I as C } from "./icon-button-DgL7XNUZ.es.js";
+const { withProvider: Q, withContext: D } = /* @__PURE__ */ N({
+  key: "dateRangePicker"
+}), U = /* @__PURE__ */ Q("div", "root"), X = /* @__PURE__ */ D("div", "group"), Y = /* @__PURE__ */ D("div", "trigger"), Z = /* @__PURE__ */ D("div", "popover"), _ = /* @__PURE__ */ D("div", "calendar"), l = /* @__PURE__ */ B({
+  clearSelection: {
+    id: "Nimbus.DateRangePicker.clearSelection",
+    description: "aria-label for clear button in date range picker",
+    defaultMessage: "Clear date range"
+  },
+  openCalendar: {
+    id: "Nimbus.DateRangePicker.openCalendar",
+    description: "aria-label for calendar toggle button in date range picker",
+    defaultMessage: "Open calendar"
+  },
+  clearInput: {
+    id: "Nimbus.DateRangePicker.clearInput",
+    description: "aria-label for clear input button in date range picker",
+    defaultMessage: "Clear input value"
+  },
+  startTime: {
+    id: "Nimbus.DateRangePicker.startTime",
+    description: "aria-label for start time input (default)",
+    defaultMessage: "Start time"
+  },
+  startTimeHour: {
+    id: "Nimbus.DateRangePicker.startTimeHour",
+    description: "aria-label for start time input (hour granularity)",
+    defaultMessage: "Start time (hour)"
+  },
+  startTimeHourMinute: {
+    id: "Nimbus.DateRangePicker.startTimeHourMinute",
+    description: "aria-label for start time input (minute granularity)",
+    defaultMessage: "Start time (hour and minute)"
+  },
+  startTimeHourMinuteSecond: {
+    id: "Nimbus.DateRangePicker.startTimeHourMinuteSecond",
+    description: "aria-label for start time input (second granularity)",
+    defaultMessage: "Start time (hour, minute, and second)"
+  },
+  endTime: {
+    id: "Nimbus.DateRangePicker.endTime",
+    description: "aria-label for end time input (default)",
+    defaultMessage: "End time"
+  },
+  endTimeHour: {
+    id: "Nimbus.DateRangePicker.endTimeHour",
+    description: "aria-label for end time input (hour granularity)",
+    defaultMessage: "End time (hour)"
+  },
+  endTimeHourMinute: {
+    id: "Nimbus.DateRangePicker.endTimeHourMinute",
+    description: "aria-label for end time input (minute granularity)",
+    defaultMessage: "End time (hour and minute)"
+  },
+  endTimeHourMinuteSecond: {
+    id: "Nimbus.DateRangePicker.endTimeHourMinuteSecond",
+    description: "aria-label for end time input (second granularity)",
+    defaultMessage: "End time (hour, minute, and second)"
+  },
+  startTimeLabel: {
+    id: "Nimbus.DateRangePicker.startTimeLabel",
+    description: "visible label for start time input field",
+    defaultMessage: "Start time"
+  },
+  endTimeLabel: {
+    id: "Nimbus.DateRangePicker.endTimeLabel",
+    description: "visible label for end time input field",
+    defaultMessage: "End time"
+  }
+}), ee = ({
+  hideTimeZone: s,
+  hourCycle: i
+}) => {
+  const d = $(), e = H(I), { granularity: c, value: n } = e, o = M(null), m = M(n);
+  return c === "day" ? null : (A(() => {
+    let p;
+    if (n?.start && m.current?.start?.compare(n.start) !== 0 || n?.end && m.current?.end?.compare(n.end) !== 0) {
+      const u = o.current, f = document.activeElement;
+      u?.contains(f) && f?.getAttribute("role") === "spinbutton" || (p = setTimeout(() => {
+        if (u) {
+          const t = u.querySelector(
+            '[role="spinbutton"]'
+          );
+          t && t.focus();
+        }
+      }, 50));
+    }
+    return m.current = n, () => {
+      p && clearTimeout(p);
+    };
+  }, [n]), /* @__PURE__ */ g(
+    S,
+    {
+      ref: o,
+      borderTop: "solid-25",
+      borderColor: "neutral.3",
+      py: "300",
+      px: "400",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: "200",
+      children: [
+        /* @__PURE__ */ g(S, { alignItems: "center", gap: "200", children: [
+          /* @__PURE__ */ a(
+            v,
+            {
+              textStyle: "xs",
+              fontWeight: "500",
+              color: "neutral.12",
+              minWidth: "fit-content",
+              children: d.formatMessage(l.startTimeLabel)
+            }
+          ),
+          /* @__PURE__ */ a(
+            k,
+            {
+              slot: "startTimeInput",
+              variant: "ghost",
+              size: "sm",
+              hideTimeZone: s,
+              hourCycle: i
+            }
+          )
+        ] }),
+        /* @__PURE__ */ g(S, { alignItems: "center", gap: "200", children: [
+          /* @__PURE__ */ a(
+            v,
+            {
+              textStyle: "xs",
+              fontWeight: "500",
+              color: "neutral.12",
+              minWidth: "fit-content",
+              children: d.formatMessage(l.endTimeLabel)
+            }
+          ),
+          /* @__PURE__ */ a(
+            k,
+            {
+              slot: "endTimeInput",
+              variant: "ghost",
+              size: "sm",
+              hideTimeZone: s,
+              hourCycle: i
+            }
+          )
+        ] })
+      ]
+    }
+  ));
+}, te = ({
+  children: s
+}) => {
+  const i = $(), d = G(y) || {}, e = H(I), c = (t) => t?.day && t?.month && t?.year, n = !e?.value || !c(e.value.start) || !c(e.value.end), { granularity: o } = e, m = e?.value?.start && "hour" in e.value.start ? e.value.start : null, p = e?.value?.end && "hour" in e.value.end ? e.value.end : null, T = d?.isDisabled, u = (t) => {
+    const r = t === "start" ? "start" : "end";
+    switch (o) {
+      case "hour":
+        return i.formatMessage(
+          l[`${r}TimeHour`]
+        );
+      case "minute":
+        return i.formatMessage(
+          l[`${r}TimeHourMinute`]
+        );
+      case "second":
+        return i.formatMessage(
+          l[`${r}TimeHourMinuteSecond`]
+        );
+      default:
+        return i.formatMessage(
+          l[`${r}Time`]
+        );
+    }
+  }, f = {
+    /** toggles the calendar popover */
+    calendarToggle: {
+      ...d,
+      onPress: (t) => {
+        const r = document?.activeElement;
+        r && r.blur(), d.onPress?.(t);
+      }
+    },
+    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */
+    clear: {
+      // Clear both start and end values
+      onPress: () => e?.setValue(null),
+      "aria-label": i.formatMessage(l.clearInput),
+      isDisabled: T,
+      // Hide the button when there's no value
+      style: n ? { display: "none" } : void 0,
+      "aria-hidden": n ? !0 : void 0
+    }
+  }, P = {
+    startTimeInput: {
+      value: m,
+      onChange: (t) => {
+        if (t !== null && e?.value?.start) {
+          const r = e.value, b = r.start, h = r.end;
+          if (b && h) {
+            const R = b.set({
+              hour: t.hour,
+              minute: t.minute || 0,
+              second: t.second || 0,
+              millisecond: t.millisecond || 0
+            });
+            e.setValue({
+              start: R,
+              end: h
+            });
+          }
+        }
+      },
+      granularity: o === "day" ? void 0 : o,
+      "aria-label": u("start")
+    },
+    endTimeInput: {
+      value: p,
+      onChange: (t) => {
+        if (t !== null && e?.value?.end) {
+          const r = e.value, b = r.start, h = r.end;
+          if (b && h) {
+            const R = h.set({
+              hour: t.hour,
+              minute: t.minute || 0,
+              second: t.second || 0,
+              millisecond: t.millisecond || 0
+            });
+            e.setValue({
+              start: b,
+              end: R
+            });
+          }
+        }
+      },
+      granularity: o === "day" ? void 0 : o,
+      "aria-label": u("end")
+    }
+  };
+  return /* @__PURE__ */ a(
+    q,
+    {
+      values: [
+        [
+          y,
+          {
+            slots: f
+          }
+        ],
+        [K, { slots: P }]
+      ],
+      children: s
+    }
+  );
+}, ae = (s) => {
+  const i = $(), { granularity: d = "day", hideTimeZone: e, hourCycle: c } = s, n = j({ recipe: F }), [o, m] = n.splitVariantProps(s), [p, T] = O(m), { size: u = "md" } = o, f = u === "md" ? "xs" : "2xs", P = d === "day" ? s.shouldCloseOnSelect : !1;
+  return /* @__PURE__ */ a(U, { ...o, ...p, asChild: !0, children: /* @__PURE__ */ a(
+    z,
+    {
+      ...T,
+      shouldCloseOnSelect: P,
+      children: /* @__PURE__ */ g(te, { children: [
+        /* @__PURE__ */ a(X, { asChild: !0, children: /* @__PURE__ */ g(W, { children: [
+          /* @__PURE__ */ a(
+            x,
+            {
+              slot: "start",
+              size: s.size,
+              variant: "plain",
+              width: "auto",
+              hideTimeZone: e,
+              hourCycle: c
+            }
+          ),
+          /* @__PURE__ */ a(
+            v,
+            {
+              as: "span",
+              px: "150",
+              color: "neutral.11",
+              userSelect: "none",
+              "aria-hidden": "true",
+              slot: null,
+              children: "–"
+            }
+          ),
+          /* @__PURE__ */ a(
+            x,
+            {
+              slot: "end",
+              size: s.size,
+              variant: "plain",
+              width: "auto",
+              hideTimeZone: e,
+              hourCycle: c
+            }
+          ),
+          /* @__PURE__ */ g(Y, { children: [
+            /* @__PURE__ */ a(
+              C,
+              {
+                variant: "ghost",
+                size: f,
+                slot: "clear",
+                "aria-label": i.formatMessage(l.clearSelection),
+                children: /* @__PURE__ */ a(V, {})
+              }
+            ),
+            /* @__PURE__ */ a(
+              C,
+              {
+                variant: "ghost",
+                size: f,
+                slot: "calendarToggle",
+                "aria-label": i.formatMessage(l.openCalendar),
+                children: /* @__PURE__ */ a(E, {})
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ a(Z, { asChild: !0, children: /* @__PURE__ */ a(w, { placement: "bottom end", children: /* @__PURE__ */ g(L, { children: [
+          /* @__PURE__ */ a(_, { children: /* @__PURE__ */ a(J, {}) }),
+          /* @__PURE__ */ a(
+            ee,
+            {
+              hideTimeZone: e,
+              hourCycle: c
+            }
+          )
+        ] }) }) })
+      ] })
+    }
+  ) });
+};
+ae.displayName = "DateRangePicker";
+export {
+  ae as D
+};
+//# sourceMappingURL=date-range-picker-Di9p8cKs.es.js.map

package/dist/chunks/date-range-picker-Di9p8cKs.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-Di9p8cKs.es.js","sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/date-range-picker.i18n.ts","../../src/components/date-range-picker/components/date-range-picker.time-input.tsx","../../src/components/date-range-picker/components/date-range-picker.custom-context.tsx","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\nimport type { DateRangePickerRootSlotProps } from \"./date-range-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"dateRangePicker\",\n});\n\n/**\n * Root component that provides the styling context for the DateRangePicker component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateRangePickerRootSlot = withProvider<\n  HTMLDivElement,\n  DateRangePickerRootSlotProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the input group containing the DateInput and trigger button.\n */\nexport const DateRangePickerGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"group\");\n\n/**\n * Slot component for the trigger button that opens the calendar popover.\n */\nexport const DateRangePickerTriggerSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"trigger\");\n\n/**\n * Slot component for the popover container.\n */\nexport const DateRangePickerPopoverSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"popover\");\n\n/**\n * Slot component for the calendar container within the popover.\n */\nexport const DateRangePickerCalendarSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"calendar\");\n\n/**\n * Slot component for the calendar header.\n */\nexport const DateRangePickerCalendarHeaderSlot = withContext<\n  HTMLElement,\n  HTMLChakraProps<\"header\">\n>(\"header\", \"calendarHeader\");\n\n/**\n * Slot component for the calendar grid.\n */\nexport const DateRangePickerCalendarGridSlot = withContext<\n  HTMLTableElement,\n  HTMLChakraProps<\"table\">\n>(\"table\", \"calendarGrid\");\n\n/**\n * Slot component for individual calendar cells.\n */\nexport const DateRangePickerCalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  HTMLChakraProps<\"td\">\n>(\"td\", \"calendarCell\");\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  clearSelection: {\n    id: \"Nimbus.DateRangePicker.clearSelection\",\n    description: \"aria-label for clear button in date range picker\",\n    defaultMessage: \"Clear date range\",\n  },\n  openCalendar: {\n    id: \"Nimbus.DateRangePicker.openCalendar\",\n    description: \"aria-label for calendar toggle button in date range picker\",\n    defaultMessage: \"Open calendar\",\n  },\n  clearInput: {\n    id: \"Nimbus.DateRangePicker.clearInput\",\n    description: \"aria-label for clear input button in date range picker\",\n    defaultMessage: \"Clear input value\",\n  },\n  startTime: {\n    id: \"Nimbus.DateRangePicker.startTime\",\n    description: \"aria-label for start time input (default)\",\n    defaultMessage: \"Start time\",\n  },\n  startTimeHour: {\n    id: \"Nimbus.DateRangePicker.startTimeHour\",\n    description: \"aria-label for start time input (hour granularity)\",\n    defaultMessage: \"Start time (hour)\",\n  },\n  startTimeHourMinute: {\n    id: \"Nimbus.DateRangePicker.startTimeHourMinute\",\n    description: \"aria-label for start time input (minute granularity)\",\n    defaultMessage: \"Start time (hour and minute)\",\n  },\n  startTimeHourMinuteSecond: {\n    id: \"Nimbus.DateRangePicker.startTimeHourMinuteSecond\",\n    description: \"aria-label for start time input (second granularity)\",\n    defaultMessage: \"Start time (hour, minute, and second)\",\n  },\n  endTime: {\n    id: \"Nimbus.DateRangePicker.endTime\",\n    description: \"aria-label for end time input (default)\",\n    defaultMessage: \"End time\",\n  },\n  endTimeHour: {\n    id: \"Nimbus.DateRangePicker.endTimeHour\",\n    description: \"aria-label for end time input (hour granularity)\",\n    defaultMessage: \"End time (hour)\",\n  },\n  endTimeHourMinute: {\n    id: \"Nimbus.DateRangePicker.endTimeHourMinute\",\n    description: \"aria-label for end time input (minute granularity)\",\n    defaultMessage: \"End time (hour and minute)\",\n  },\n  endTimeHourMinuteSecond: {\n    id: \"Nimbus.DateRangePicker.endTimeHourMinuteSecond\",\n    description: \"aria-label for end time input (second granularity)\",\n    defaultMessage: \"End time (hour, minute, and second)\",\n  },\n  startTimeLabel: {\n    id: \"Nimbus.DateRangePicker.startTimeLabel\",\n    description: \"visible label for start time input field\",\n    defaultMessage: \"Start time\",\n  },\n  endTimeLabel: {\n    id: \"Nimbus.DateRangePicker.endTimeLabel\",\n    description: \"visible label for end time input field\",\n    defaultMessage: \"End time\",\n  },\n});\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../date-range-picker.i18n\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const intl = useIntl();\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\n\n  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\n\n  // Focus the time input when date range changes (user selects dates from calendar)\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout> | undefined;\n\n    // Check if date range changed by comparing start and end dates\n    const hasValueChanged =\n      (value?.start &&\n        previousValueRef.current?.start?.compare(value.start) !== 0) ||\n      (value?.end && previousValueRef.current?.end?.compare(value.end) !== 0);\n\n    if (hasValueChanged) {\n      // Only auto-focus if no time input segment currently has focus\n      // This prevents stealing focus during user interaction with time segments\n      const container = timeInputRef.current;\n      const activeElement = document.activeElement;\n      const hasTimeSegmentFocus =\n        container?.contains(activeElement) &&\n        activeElement?.getAttribute(\"role\") === \"spinbutton\";\n\n      if (!hasTimeSegmentFocus) {\n        // Small delay to ensure the DOM is ready\n        timeoutId = setTimeout(() => {\n          // Find the first focusable segment within the time input container\n          if (container) {\n            const firstSegment = container.querySelector(\n              '[role=\"spinbutton\"]'\n            ) as HTMLElement;\n\n            if (firstSegment) {\n              firstSegment.focus();\n            }\n          }\n        }, 50);\n      }\n    }\n\n    previousValueRef.current = value;\n\n    // Cleanup timeout on effect re-run or unmount to prevent memory leaks\n    return () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n    };\n  }, [value]);\n\n  return (\n    <Flex\n      ref={timeInputRef}\n      borderTop=\"solid-25\"\n      borderColor=\"neutral.3\"\n      py=\"300\"\n      px=\"400\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gap=\"200\"\n    >\n      {/* Start DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          {intl.formatMessage(messages.startTimeLabel)}\n        </Text>\n        <TimeInput\n          slot=\"startTimeInput\"\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n\n      {/* End DateInput with separate label */}\n      <Flex alignItems=\"center\" gap=\"200\">\n        <Text\n          textStyle=\"xs\"\n          fontWeight=\"500\"\n          color=\"neutral.12\"\n          minWidth=\"fit-content\"\n        >\n          {intl.formatMessage(messages.endTimeLabel)}\n        </Text>\n        <TimeInput\n          slot=\"endTimeInput\"\n          variant=\"ghost\"\n          size=\"sm\"\n          hideTimeZone={hideTimeZone}\n          hourCycle={hourCycle}\n        />\n      </Flex>\n    </Flex>\n  );\n};\n","import { useContext, type ReactNode } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  DateRangePickerStateContext,\n  TimeFieldContext,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport type { PressEvent, TimeValue } from \"react-aria\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../date-range-picker.i18n\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const intl = useIntl();\n  const buttonContext = useSlottedContext(ButtonContext) || {};\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n\n  // Check if all 6 segments (start: day, month, year; end: day, month, year) have values\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const hasCompleteRangeDate = (date: any) =>\n    date?.day && date?.month && date?.year;\n\n  const incompleteValue =\n    !dateRangePickerState?.value ||\n    !hasCompleteRangeDate(dateRangePickerState.value.start) ||\n    !hasCompleteRangeDate(dateRangePickerState.value.end);\n\n  const { granularity } = dateRangePickerState!;\n\n  // Extract time values from start and end dates separately\n  const startTimeValue =\n    dateRangePickerState?.value?.start &&\n    \"hour\" in dateRangePickerState.value.start\n      ? dateRangePickerState.value.start\n      : null;\n  const endTimeValue =\n    dateRangePickerState?.value?.end && \"hour\" in dateRangePickerState.value.end\n      ? dateRangePickerState.value.end\n      : null;\n\n  // Try to get disabled state from the button context\n  const isDateRangePickerDisabled = buttonContext?.isDisabled;\n\n  // Generate default aria-label based on granularity if not provided\n  const getDefaultTimeInputAriaLabel = (type: \"start\" | \"end\") => {\n    const messageKey = type === \"start\" ? \"start\" : \"end\";\n    switch (granularity) {\n      case \"hour\":\n        return intl.formatMessage(\n          messages[`${messageKey}TimeHour` as keyof typeof messages]\n        );\n      case \"minute\":\n        return intl.formatMessage(\n          messages[`${messageKey}TimeHourMinute` as keyof typeof messages]\n        );\n      case \"second\":\n        return intl.formatMessage(\n          messages[`${messageKey}TimeHourMinuteSecond` as keyof typeof messages]\n        );\n      default:\n        return intl.formatMessage(\n          messages[`${messageKey}Time` as keyof typeof messages]\n        );\n    }\n  };\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    /** toggles the calendar popover */\n    calendarToggle: {\n      ...buttonContext,\n      onPress: (event: PressEvent) => {\n        // Ensure any active input (e.g., date picker segment) loses focus\n        // because blurring the input will close the popover if it's open (or was just opened)\n        const activeElement = document?.activeElement as HTMLElement | null;\n\n        if (activeElement) {\n          activeElement.blur();\n        }\n\n        buttonContext.onPress?.(event);\n      },\n    },\n    /** Clear button that displays when there's a value in each segment - hidden from both visual and screen readers when there's no value */\n    clear: {\n      // Clear both start and end values\n      onPress: () => dateRangePickerState?.setValue(null),\n      \"aria-label\": intl.formatMessage(messages.clearInput),\n      isDisabled: isDateRangePickerDisabled,\n      // Hide the button when there's no value\n      style: incompleteValue ? { display: \"none\" } : undefined,\n      \"aria-hidden\": incompleteValue ? true : undefined,\n    },\n  };\n\n  /**\n   * TimeInput slots\n   * ================================\n   */\n\n  // Separate time input slots for start and end times\n  const timeInputSlots = {\n    startTimeInput: {\n      value: startTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.start) {\n          // Update the start date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newStartDate = startDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: newStartDate,\n              end: endDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"start\"),\n    },\n    endTimeInput: {\n      value: endTimeValue,\n      onChange: (value: TimeValue | null) => {\n        if (value !== null && dateRangePickerState?.value?.end) {\n          // Update the end date with the new time\n          const currentValue = dateRangePickerState.value;\n          const startDate = currentValue.start;\n          const endDate = currentValue.end;\n          if (startDate && endDate) {\n            const newEndDate = endDate.set({\n              hour: value.hour,\n              minute: value.minute || 0,\n              second: value.second || 0,\n              millisecond: value.millisecond || 0,\n            });\n\n            dateRangePickerState.setValue({\n              start: startDate,\n              end: newEndDate,\n            });\n          }\n        }\n      },\n      granularity: granularity === \"day\" ? undefined : granularity,\n      \"aria-label\": getDefaultTimeInputAriaLabel(\"end\"),\n    },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            slots: buttonSlots,\n          },\n        ],\n        [TimeFieldContext, { slots: timeInputSlots }],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import {\n  DateRangePickerRootSlot,\n  DateRangePickerGroupSlot,\n  DateRangePickerTriggerSlot,\n  DateRangePickerPopoverSlot,\n  DateRangePickerCalendarSlot,\n} from \"./date-range-picker.slots\";\n\nimport { CalendarMonth, Close } from \"@commercetools/nimbus-icons\";\n\nimport {\n  DateRangePicker as ReactAriaDateRangePicker,\n  Group,\n  Popover,\n  Dialog,\n} from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { dateRangePickerSlotRecipe } from \"./date-range-picker.recipe\";\nimport type { DateRangePickerProps } from \"./date-range-picker.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { DateInput, RangeCalendar, IconButton, Text } from \"@/components\";\nimport { DateRangePickerTimeInput } from \"./components/date-range-picker.time-input\";\nimport { DateRangePickerCustomContext } from \"./components/date-range-picker.custom-context\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"./date-range-picker.i18n\";\n\n/**\n * DateRangePicker\n * ============================================================\n * Combines a DateInput with a RangeCalendar popover for date range selection.\n * Users can either type a date range directly or select from the calendar.\n *\n * @supportsStyleProps\n */\nexport const DateRangePicker = (props: DateRangePickerProps) => {\n  const intl = useIntl();\n\n  // Forward hideTimeZone and hourCycle to child components (footer time inputs)\n  const { granularity = \"day\", hideTimeZone, hourCycle } = props;\n  const recipe = useSlotRecipe({ recipe: dateRangePickerSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  // Extract size and variant from recipe props to pass to DateInputs\n  const { size = \"md\" } = recipeProps;\n\n  // the size of the buttons overlaying the input\n  const overlayButtonSize = size === \"md\" ? \"xs\" : \"2xs\";\n\n  // When granularity is \"day\", use the prop value (defaults to true if not provided)\n  // For other granularities (time-based), force to false so users can set both date and time\n  const shouldCloseOnSelect =\n    granularity === \"day\" ? props.shouldCloseOnSelect : false;\n\n  return (\n    <DateRangePickerRootSlot {...recipeProps} {...styleProps} asChild>\n      <ReactAriaDateRangePicker\n        {...otherProps}\n        shouldCloseOnSelect={shouldCloseOnSelect}\n      >\n        <DateRangePickerCustomContext>\n          <DateRangePickerGroupSlot asChild>\n            <Group>\n              <DateInput\n                slot=\"start\"\n                size={props.size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <Text\n                as=\"span\"\n                px=\"150\"\n                color=\"neutral.11\"\n                userSelect=\"none\"\n                aria-hidden=\"true\"\n                slot={null}\n              >\n                –\n              </Text>\n              <DateInput\n                slot=\"end\"\n                size={props.size}\n                variant=\"plain\"\n                width=\"auto\"\n                hideTimeZone={hideTimeZone}\n                hourCycle={hourCycle}\n              />\n              <DateRangePickerTriggerSlot>\n                <IconButton\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"clear\"\n                  aria-label={intl.formatMessage(messages.clearSelection)}\n                >\n                  <Close />\n                </IconButton>\n                <IconButton\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                  aria-label={intl.formatMessage(messages.openCalendar)}\n                >\n                  <CalendarMonth />\n                </IconButton>\n              </DateRangePickerTriggerSlot>\n            </Group>\n          </DateRangePickerGroupSlot>\n          <DateRangePickerPopoverSlot asChild>\n            <Popover placement=\"bottom end\">\n              <Dialog>\n                <DateRangePickerCalendarSlot>\n                  <RangeCalendar />\n                </DateRangePickerCalendarSlot>\n                <DateRangePickerTimeInput\n                  hideTimeZone={hideTimeZone}\n                  hourCycle={hourCycle}\n                />\n              </Dialog>\n            </Popover>\n          </DateRangePickerPopoverSlot>\n        </DateRangePickerCustomContext>\n      </ReactAriaDateRangePicker>\n    </DateRangePickerRootSlot>\n  );\n};\n\nDateRangePicker.displayName = \"DateRangePicker\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","DateRangePickerRootSlot","DateRangePickerGroupSlot","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","messages","defineMessages","DateRangePickerTimeInput","hideTimeZone","hourCycle","intl","useIntl","dateRangePickerState","useContext","DateRangePickerStateContext","granularity","value","timeInputRef","useRef","previousValueRef","useEffect","timeoutId","container","activeElement","firstSegment","jsxs","Flex","jsx","Text","TimeInput","DateRangePickerCustomContext","children","buttonContext","useSlottedContext","ButtonContext","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","type","messageKey","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","Provider","TimeFieldContext","DateRangePicker","props","recipe","useSlotRecipe","dateRangePickerSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","size","overlayButtonSize","shouldCloseOnSelect","ReactAriaDateRangePicker","Group","DateInput","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar"],"mappings":"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"}

package/dist/chunks/date-range-picker-field-D3tLPzMb.es.js

@@ -0,0 +1,61 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { D as x } from "./date-range-picker-Di9p8cKs.es.js";
+import { F as r } from "./form-field-BqlkPY29.es.js";
+import { F as g } from "./field-errors-ClQprmQz.es.js";
+const j = ({
+  id: a,
+  label: m,
+  description: l,
+  info: s,
+  errors: o,
+  renderError: d,
+  touched: f = !1,
+  isRequired: h = !1,
+  isDisabled: i = !1,
+  isReadOnly: n = !1,
+  isInvalid: p = !1,
+  direction: F = "column",
+  size: t = "md",
+  ...D
+}) => {
+  const c = f && o && Object.values(o).some(Boolean);
+  return /* @__PURE__ */ u(
+    r.Root,
+    {
+      id: a,
+      direction: F,
+      size: t,
+      isInvalid: c || p,
+      isRequired: h,
+      isDisabled: i,
+      isReadOnly: n,
+      children: [
+        /* @__PURE__ */ e(r.Label, { children: m }),
+        /* @__PURE__ */ e(r.Input, { children: /* @__PURE__ */ e(
+          x,
+          {
+            size: t,
+            isDisabled: i,
+            isReadOnly: n,
+            ...D
+          }
+        ) }),
+        l && /* @__PURE__ */ e(r.Description, { children: l }),
+        s && /* @__PURE__ */ e(r.InfoBox, { children: s }),
+        c && /* @__PURE__ */ e(r.Error, { children: /* @__PURE__ */ e(
+          g,
+          {
+            id: `${a}-errors`,
+            errors: o,
+            renderError: d
+          }
+        ) })
+      ]
+    }
+  );
+};
+j.displayName = "DateRangePickerField";
+export {
+  j as D
+};
+//# sourceMappingURL=date-range-picker-field-D3tLPzMb.es.js.map

package/dist/chunks/date-range-picker-field-D3tLPzMb.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-field-D3tLPzMb.es.js","sources":["../../src/patterns/fields/date-range-picker-field/date-range-picker-field.tsx"],"sourcesContent":["import { DateRangePicker } from \"@/components/date-range-picker\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { DateRangePickerFieldProps } from \"./date-range-picker-field.types\";\n\n/**\n * # DateRangePickerField\n *\n * A form field component that combines DateRangePicker with Form Field features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component follows the same API pattern as other field components in the UI-Kit,\n * providing a consistent interface for date range selection within forms.\n *\n * @example\n * ```tsx\n * <DateRangePickerField\n *   label=\"Date Range\"\n *   description=\"Select a start and end date\"\n *   value={dateRange}\n *   onChange={handleChange}\n *   errors={errors}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\nexport const DateRangePickerField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  direction = \"column\",\n  size = \"md\",\n  ...dateRangePickerProps\n}: DateRangePickerFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      direction={direction as \"row\" | \"column\"}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <DateRangePicker\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          {...dateRangePickerProps}\n        />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nDateRangePickerField.displayName = \"DateRangePickerField\";\n"],"names":["DateRangePickerField","id","label","description","info","errors","renderError","touched","isRequired","isDisabled","isReadOnly","isInvalid","direction","size","dateRangePickerProps","hasErrors","jsxs","FormField","jsx","DateRangePicker","FieldErrors"],"mappings":";;;;AA0BO,MAAMA,IAAuB,CAAC;AAAA,EACnC,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAiC;AAE/B,QAAMC,IAAYR,KAAWF,KAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO;AAEzE,SACE,gBAAAW;AAAA,IAACC,EAAU;AAAA,IAAV;AAAA,MACC,IAAAhB;AAAA,MACA,WAAAW;AAAA,MACA,MAAAC;AAAA,MACA,WAAWE,KAAaJ;AAAA,MACxB,YAAAH;AAAA,MACA,YAAAC;AAAA,MACA,YAAAC;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAQ,EAACD,EAAU,OAAV,EAAiB,UAAAf,EAAA,CAAM;AAAA,QACxB,gBAAAgB,EAACD,EAAU,OAAV,EACC,UAAA,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAAN;AAAA,YACA,YAAAJ;AAAA,YACA,YAAAC;AAAA,YACC,GAAGI;AAAA,UAAA;AAAA,QAAA,GAER;AAAA,QAECX,KACC,gBAAAe,EAACD,EAAU,aAAV,EAAuB,UAAAd,GAAY;AAAA,QAGrCC,KAAQ,gBAAAc,EAACD,EAAU,SAAV,EAAmB,UAAAb,GAAK;AAAA,QACjCW,KACC,gBAAAG,EAACD,EAAU,OAAV,EACC,UAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAI,GAAGnB,CAAE;AAAA,YACT,QAAAI;AAAA,YACA,aAAAC;AAAA,UAAA;AAAA,QAAA,EACF,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAN,EAAqB,cAAc;"}

package/dist/chunks/date-range-picker-field-DipL5QZq.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),R=require("./date-range-picker-B2VUcKjG.cjs.js"),r=require("./form-field-lALRYL6D.cjs.js"),g=require("./field-errors-D2re_C_c.cjs.js"),t=({id:l,label:F,description:s,info:o,errors:i,renderError:m,touched:j=!1,isRequired:u=!1,isDisabled:n=!1,isReadOnly:a=!1,isInvalid:x=!1,direction:f="column",size:c="md",...h})=>{const d=j&&i&&Object.values(i).some(Boolean);return e.jsxs(r.FormField.Root,{id:l,direction:f,size:c,isInvalid:d||x,isRequired:u,isDisabled:n,isReadOnly:a,children:[e.jsx(r.FormField.Label,{children:F}),e.jsx(r.FormField.Input,{children:e.jsx(R.DateRangePicker,{size:c,isDisabled:n,isReadOnly:a,...h})}),s&&e.jsx(r.FormField.Description,{children:s}),o&&e.jsx(r.FormField.InfoBox,{children:o}),d&&e.jsx(r.FormField.Error,{children:e.jsx(g.FieldErrors,{id:`${l}-errors`,errors:i,renderError:m})})]})};t.displayName="DateRangePickerField";exports.DateRangePickerField=t;
+//# sourceMappingURL=date-range-picker-field-DipL5QZq.cjs.js.map

package/dist/chunks/date-range-picker-field-DipL5QZq.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-field-DipL5QZq.cjs.js","sources":["../../src/patterns/fields/date-range-picker-field/date-range-picker-field.tsx"],"sourcesContent":["import { DateRangePicker } from \"@/components/date-range-picker\";\nimport { FormField, FieldErrors } from \"@/components\";\nimport type { DateRangePickerFieldProps } from \"./date-range-picker-field.types\";\n\n/**\n * # DateRangePickerField\n *\n * A form field component that combines DateRangePicker with Form Field features\n * like labels, descriptions, error handling, and validation feedback.\n *\n * This component follows the same API pattern as other field components in the UI-Kit,\n * providing a consistent interface for date range selection within forms.\n *\n * @example\n * ```tsx\n * <DateRangePickerField\n *   label=\"Date Range\"\n *   description=\"Select a start and end date\"\n *   value={dateRange}\n *   onChange={handleChange}\n *   errors={errors}\n *   touched={touched}\n *   isRequired\n * />\n * ```\n */\nexport const DateRangePickerField = ({\n  id,\n  label,\n  description,\n  info,\n  errors,\n  renderError,\n  touched = false,\n  isRequired = false,\n  isDisabled = false,\n  isReadOnly = false,\n  isInvalid = false,\n  direction = \"column\",\n  size = \"md\",\n  ...dateRangePickerProps\n}: DateRangePickerFieldProps) => {\n  // Determine if we should show errors\n  const hasErrors = touched && errors && Object.values(errors).some(Boolean);\n\n  return (\n    <FormField.Root\n      id={id}\n      direction={direction as \"row\" | \"column\"}\n      size={size}\n      isInvalid={hasErrors || isInvalid}\n      isRequired={isRequired}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n    >\n      <FormField.Label>{label}</FormField.Label>\n      <FormField.Input>\n        <DateRangePicker\n          size={size}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          {...dateRangePickerProps}\n        />\n      </FormField.Input>\n\n      {description && (\n        <FormField.Description>{description}</FormField.Description>\n      )}\n\n      {info && <FormField.InfoBox>{info}</FormField.InfoBox>}\n      {hasErrors && (\n        <FormField.Error>\n          <FieldErrors\n            id={`${id}-errors`}\n            errors={errors}\n            renderError={renderError}\n          />\n        </FormField.Error>\n      )}\n    </FormField.Root>\n  );\n};\n\nDateRangePickerField.displayName = \"DateRangePickerField\";\n"],"names":["DateRangePickerField","id","label","description","info","errors","renderError","touched","isRequired","isDisabled","isReadOnly","isInvalid","direction","size","dateRangePickerProps","hasErrors","jsxs","FormField","jsx","DateRangePicker","FieldErrors"],"mappings":"yLA0BaA,EAAuB,CAAC,CACnC,GAAAC,EACA,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,OAAAC,EACA,YAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,UAAAC,EAAY,GACZ,UAAAC,EAAY,SACZ,KAAAC,EAAO,KACP,GAAGC,CACL,IAAiC,CAE/B,MAAMC,EAAYR,GAAWF,GAAU,OAAO,OAAOA,CAAM,EAAE,KAAK,OAAO,EAEzE,OACEW,EAAAA,KAACC,EAAAA,UAAU,KAAV,CACC,GAAAhB,EACA,UAAAW,EACA,KAAAC,EACA,UAAWE,GAAaJ,EACxB,WAAAH,EACA,WAAAC,EACA,WAAAC,EAEA,SAAA,CAAAQ,EAAAA,IAACD,EAAAA,UAAU,MAAV,CAAiB,SAAAf,CAAA,CAAM,EACxBgB,EAAAA,IAACD,EAAAA,UAAU,MAAV,CACC,SAAAC,EAAAA,IAACC,EAAAA,gBAAA,CACC,KAAAN,EACA,WAAAJ,EACA,WAAAC,EACC,GAAGI,CAAA,CAAA,EAER,EAECX,GACCe,EAAAA,IAACD,EAAAA,UAAU,YAAV,CAAuB,SAAAd,EAAY,EAGrCC,GAAQc,EAAAA,IAACD,EAAAA,UAAU,QAAV,CAAmB,SAAAb,EAAK,EACjCW,GACCG,EAAAA,IAACD,EAAAA,UAAU,MAAV,CACC,SAAAC,EAAAA,IAACE,EAAAA,YAAA,CACC,GAAI,GAAGnB,CAAE,UACT,OAAAI,EACA,YAAAC,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CAAA,CAIR,EAEAN,EAAqB,YAAc"}

package/dist/chunks/dialog-qw6IMWj3.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),g=require("react"),D=require("./Dialog-Ye_7tQZU.cjs.js"),p=require("@chakra-ui/react/styled-system"),N=require("@chakra-ui/react"),w=require("./Button-DLCecw8f.cjs.js"),h=require("./extract-style-props-BilMyFTD.cjs.js"),x=require("./Modal-DjOIA2BE.cjs.js"),O=require("./heading-DWweWKGQ.cjs.js"),B=require("@commercetools/nimbus-icons"),y=require("react-intl"),I=require("./icon-button-BUmqYcIF.cjs.js"),{withProvider:M,withContext:l}=N.createSlotRecipeContext({key:"dialog"}),H=M("div","root"),F=l("button","trigger"),k=l("div","modalOverlay"),E=l("div","modal"),V=l("div","content"),z=l("header","header"),A=l("div","body"),K=l("footer","footer"),L=l("h2","title"),G=l("div","closeTrigger"),C=g.createContext(void 0),b=()=>{const e=g.useContext(C);if(!e)throw new Error("useDialogContext must be used within Dialog.Root");return e},J=({children:e,value:t})=>o.jsx(C,{value:t,children:e}),m=e=>{const t=p.useSlotRecipe({key:"dialog"}),[s]=t.splitVariantProps(e),{children:r,isOpen:i,onOpenChange:a,defaultOpen:u=!1}=e,c=o.jsx(H,{...s,children:r}),f=g.Children.toArray(r).some(n=>{if(g.isValidElement(n)&&typeof n.type=="function"){const d=n.type?.displayName;return d==="DialogTrigger"||d==="Dialog.Trigger"}return!1});return o.jsx(J,{value:e,children:f?o.jsx(D.$de32f1b87079253c$export$2e1e1122cf0cba88,{isOpen:i,onOpenChange:a,defaultOpen:u,children:c}):c})};m.displayName="Dialog.Root";const j=({ref:e,children:t,asChild:s,...r})=>{if(s)return o.jsx(p.chakra.button,{ref:e,asChild:!0,...r,children:t});const[i,a]=h.extractStyleProps(r);return o.jsx(F,{...i,asChild:!0,children:o.jsx(w.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{ref:e,...a,children:t})})};j.displayName="Dialog.Trigger";const T=e=>{const{ref:t,children:s,...r}=e,{defaultOpen:i,isDismissable:a,isKeyboardDismissDisabled:u,shouldCloseOnInteractOutside:c,isOpen:f,onOpenChange:n}=b(),d={defaultOpen:i,isDismissable:a,isKeyboardDismissDisabled:u,shouldCloseOnInteractOutside:c,isOpen:f,onOpenChange:n},[q]=h.extractStyleProps(r);return o.jsx(k,{asChild:!0,children:o.jsx(x.$f3f84453ead64de5$export$8948f78d83984c69,{...d,children:o.jsx(E,{asChild:!0,children:o.jsx(x.$f3f84453ead64de5$export$2b77a92f1a5ad772,{children:o.jsx(V,{asChild:!0,...q,children:o.jsx(D.$de32f1b87079253c$export$3ddf2d174ce01153,{ref:t,children:s})})})})})})};T.displayName="Dialog.Content";const P=e=>{const{ref:t,children:s,...r}=e;return o.jsx(z,{ref:t,...r,children:s})};P.displayName="Dialog.Header";const S=e=>{const{ref:t,children:s,...r}=e,{scrollBehavior:i}=b(),a={tabIndex:i==="inside"?0:void 0};return o.jsx(A,{ref:t,...a,...r,children:s})};S.displayName="Dialog.Body";const $=e=>{const{ref:t,children:s,...r}=e;return o.jsx(K,{ref:t,...r,children:s})};$.displayName="Dialog.Footer";const v=e=>{const{ref:t,children:s,...r}=e;return o.jsx(L,{asChild:!0,...r,children:o.jsx(O.Heading,{ref:t,slot:"title",as:"h2",textStyle:"lg",children:s})})};v.displayName="Dialog.Title";const Q=y.defineMessages({closeTrigger:{id:"Nimbus.Dialog.closeTrigger",description:"aria-label for the default close trigger button",defaultMessage:"Close dialog"}}),R=e=>{const{ref:t,"aria-label":s,...r}=e,i=y.useIntl();return o.jsx(G,{children:o.jsx(I.IconButton,{ref:t,slot:"close",size:"xs",variant:"ghost","aria-label":s||i.formatMessage(Q.closeTrigger),...r,children:o.jsx(B.Close,{})})})};R.displayName="Dialog.CloseTrigger";const U={Root:m,Trigger:j,Content:T,Header:P,Body:S,Footer:$,Title:v,CloseTrigger:R};exports.Dialog=U;
+//# sourceMappingURL=dialog-qw6IMWj3.cjs.js.map

package/dist/chunks/dialog-qw6IMWj3.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-qw6IMWj3.cjs.js","sources":["../../src/components/dialog/dialog.slots.tsx","../../src/components/dialog/components/dialog.context.tsx","../../src/components/dialog/components/dialog.root.tsx","../../src/components/dialog/components/dialog.trigger.tsx","../../src/components/dialog/components/dialog.content.tsx","../../src/components/dialog/components/dialog.header.tsx","../../src/components/dialog/components/dialog.body.tsx","../../src/components/dialog/components/dialog.footer.tsx","../../src/components/dialog/components/dialog.title.tsx","../../src/components/dialog/dialog.i18n.ts","../../src/components/dialog/components/dialog.close-trigger.tsx","../../src/components/dialog/dialog.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  DialogBodySlotProps,\n  DialogCloseTriggerSlotProps,\n  DialogContentSlotProps,\n  DialogFooterSlotProps,\n  DialogHeaderSlotProps,\n  DialogModalOverlaySlotProps,\n  DialogModalSlotProps,\n  DialogRootProps,\n  DialogTitleSlotProps,\n  DialogTriggerSlotProps,\n} from \"./dialog.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"dialog\",\n});\n\n// Root slot - provides recipe context + config to all child components\nexport const DialogRootSlot = withProvider<HTMLDivElement, DialogRootProps>(\n  \"div\",\n  \"root\"\n);\n\n// Trigger slot - button that opens the dialog\nexport const DialogTriggerSlot = withContext<\n  HTMLButtonElement,\n  DialogTriggerSlotProps\n>(\"button\", \"trigger\");\n\n// Backdrop slot - overlay displayed behind the dialog\nexport const DialogModalOverlaySlot = withContext<\n  HTMLDivElement,\n  DialogModalOverlaySlotProps\n>(\"div\", \"modalOverlay\");\n\n// modal slot - positions the dialog content\n\nexport const DialogModalSlot = withContext<\n  HTMLDivElement,\n  DialogModalSlotProps\n>(\"div\", \"modal\");\n\n// Content slot - main dialog container\nexport const DialogContentSlot = withContext<\n  HTMLDivElement,\n  DialogContentSlotProps\n>(\"div\", \"content\");\n\n// Header slot - dialog header section\nexport const DialogHeaderSlot = withContext<HTMLElement, DialogHeaderSlotProps>(\n  \"header\",\n  \"header\"\n);\n\n// Body slot - dialog body content\nexport const DialogBodySlot = withContext<HTMLDivElement, DialogBodySlotProps>(\n  \"div\",\n  \"body\"\n);\n\n// Footer slot - dialog footer section with actions\nexport const DialogFooterSlot = withContext<HTMLElement, DialogFooterSlotProps>(\n  \"footer\",\n  \"footer\"\n);\n\n// Title slot - accessible dialog title\nexport const DialogTitleSlot = withContext<\n  HTMLHeadingElement,\n  DialogTitleSlotProps\n>(\"h2\", \"title\");\n\n// Close trigger slot - div container for positioning close button\nexport const DialogCloseTriggerSlot = withContext<\n  HTMLDivElement,\n  DialogCloseTriggerSlotProps\n>(\"div\", \"closeTrigger\");\n","import { createContext, useContext } from \"react\";\nimport type { DialogRootProps } from \"../dialog.types\";\n\n/**\n * Context value containing dialog configuration passed from Root to child components\n */\nexport type DialogContextValue = DialogRootProps;\n\nexport const DialogContext = createContext<DialogContextValue | undefined>(\n  undefined\n);\n\n/**\n * Hook to access dialog configuration from DialogContext\n * @returns Dialog configuration from context\n * @throws Error if used outside of Dialog.Root\n */\nexport const useDialogRootContext = (): DialogContextValue => {\n  const context = useContext(DialogContext);\n  if (!context) {\n    throw new Error(\"useDialogContext must be used within Dialog.Root\");\n  }\n  return context;\n};\n\n/**\n * Provider component that passes dialog configuration down to child components\n */\nexport const DialogProvider = ({\n  children,\n  value,\n}: {\n  children: React.ReactNode;\n  value: DialogContextValue;\n}) => {\n  return <DialogContext value={value}>{children}</DialogContext>;\n};\n","import React from \"react\";\nimport { DialogTrigger as RaDialogTrigger } from \"react-aria-components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DialogRootSlot } from \"../dialog.slots\";\nimport type { DialogRootProps } from \"../dialog.types\";\nimport { DialogProvider } from \"./dialog.context\";\n\n/**\n * Dialog.Root - The root component that provides context and state management\n *\n * @supportsStyleProps\n */\nexport const DialogRoot = (props: DialogRootProps) => {\n  const recipe = useSlotRecipe({ key: \"dialog\" });\n  // Extract recipe props\n  const [recipeProps] = recipe.splitVariantProps(props);\n  // Extract props that are usable on RaDialogTrigger\n  const { children, isOpen, onOpenChange, defaultOpen = false } = props;\n\n  const content = <DialogRootSlot {...recipeProps}>{children}</DialogRootSlot>;\n\n  // Check if any direct child is a Dialog.Trigger component\n  // React Aria's DialogTrigger needs a pressable child, so we only use it when there's a trigger\n  const hasDialogTrigger = React.Children.toArray(children).some((child) => {\n    if (React.isValidElement(child) && typeof child.type === \"function\") {\n      const displayName = (\n        child.type as React.ComponentType & { displayName?: string }\n      )?.displayName;\n      return (\n        displayName === \"DialogTrigger\" || displayName === \"Dialog.Trigger\"\n      );\n    }\n    return false;\n  });\n\n  // Share all props (config + variant props) with the Dialog subcomponents\n  return (\n    <DialogProvider value={props}>\n      {hasDialogTrigger ? (\n        // When there's a Dialog.Trigger, use DialogTrigger for React Aria integration\n        <RaDialogTrigger\n          isOpen={isOpen}\n          onOpenChange={onOpenChange}\n          defaultOpen={defaultOpen}\n        >\n          {content}\n        </RaDialogTrigger>\n      ) : (\n        // When no Dialog.Trigger, skip using RaDialogTrigger to avoid console.warning's\n        content\n      )}\n    </DialogProvider>\n  );\n};\n\nDialogRoot.displayName = \"Dialog.Root\";\n","import { Button as RaButton } from \"react-aria-components\";\nimport { DialogTriggerSlot } from \"../dialog.slots\";\nimport type { DialogTriggerProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Dialog.Trigger - The button or element that opens the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogTrigger = ({\n  ref: forwardedRef,\n  children,\n  asChild,\n  ...props\n}: DialogTriggerProps) => {\n  // If asChild is true, wrap children directly in RaButton with asChild\n  if (asChild) {\n    return (\n      <chakra.button ref={forwardedRef} asChild {...props}>\n        {children}\n      </chakra.button>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  // Otherwise, wrap with both DialogTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <DialogTriggerSlot {...styleProps} asChild>\n      <RaButton ref={forwardedRef} {...restProps}>\n        {children}\n      </RaButton>\n    </DialogTriggerSlot>\n  );\n};\n\nDialogTrigger.displayName = \"Dialog.Trigger\";\n","import {\n  Modal as RaModal,\n  ModalOverlay as RaModalOverlay,\n  Dialog as RaDialog,\n} from \"react-aria-components\";\nimport {\n  DialogModalOverlaySlot,\n  DialogModalSlot,\n  DialogContentSlot,\n} from \"../dialog.slots\";\nimport type { DialogContentProps } from \"../dialog.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Content - The main dialog content container\n *\n * @supportsStyleProps\n */\nexport const DialogContent = (props: DialogContentProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  // Get recipe configuration from context instead of props\n  const {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n  } = useDialogRootContext();\n\n  const modalProps = {\n    defaultOpen,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    shouldCloseOnInteractOutside,\n    isOpen,\n    onOpenChange,\n  };\n\n  const [styleProps] = extractStyleProps(restProps);\n\n  return (\n    <DialogModalOverlaySlot asChild>\n      <RaModalOverlay {...modalProps}>\n        <DialogModalSlot asChild>\n          <RaModal>\n            <DialogContentSlot asChild {...styleProps}>\n              <RaDialog ref={forwardedRef}>{children}</RaDialog>\n            </DialogContentSlot>\n          </RaModal>\n        </DialogModalSlot>\n      </RaModalOverlay>\n    </DialogModalOverlaySlot>\n  );\n};\n\nDialogContent.displayName = \"Dialog.Content\";\n","import { DialogHeaderSlot } from \"../dialog.slots\";\nimport type { DialogHeaderProps } from \"../dialog.types\";\n\n/**\n * Dialog.Header - The header section of the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogHeader = (props: DialogHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogHeaderSlot>\n  );\n};\n\nDialogHeader.displayName = \"Dialog.Header\";\n","import { DialogBodySlot } from \"../dialog.slots\";\nimport type { DialogBodyProps } from \"../dialog.types\";\nimport { useDialogRootContext } from \"./dialog.context\";\n\n/**\n * Dialog.Body - The main body content section\n *\n * @supportsStyleProps\n */\nexport const DialogBody = (props: DialogBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n  const { scrollBehavior } = useDialogRootContext();\n\n  const defaultProps = {\n    /**\n     * if scrollBehavior is set to \"inside\", set tabIndex to 0 to allow the body to\n     * receive focus, effectively enabling scrolling via keyboard\n     * arrow keys.\n     */\n    tabIndex: scrollBehavior === \"inside\" ? 0 : undefined,\n  };\n\n  return (\n    <DialogBodySlot ref={forwardedRef} {...defaultProps} {...restProps}>\n      {children}\n    </DialogBodySlot>\n  );\n};\n\nDialogBody.displayName = \"Dialog.Body\";\n","import { DialogFooterSlot } from \"../dialog.slots\";\nimport type { DialogFooterProps } from \"../dialog.types\";\n\n/**\n * Dialog.Footer - The footer section with action buttons\n *\n * @supportsStyleProps\n */\nexport const DialogFooter = (props: DialogFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </DialogFooterSlot>\n  );\n};\n\nDialogFooter.displayName = \"Dialog.Footer\";\n","import { DialogTitleSlot } from \"../dialog.slots\";\nimport type { DialogTitleProps } from \"../dialog.types\";\nimport { Heading } from \"@/components\";\n\n/**\n * Dialog.Title - The accessible title element\n *\n * @supportsStyleProps\n */\nexport const DialogTitle = (props: DialogTitleProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <DialogTitleSlot asChild {...restProps}>\n      <Heading ref={forwardedRef} slot=\"title\" as=\"h2\" textStyle=\"lg\">\n        {children}\n      </Heading>\n    </DialogTitleSlot>\n  );\n};\n\nDialogTitle.displayName = \"Dialog.Title\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  closeTrigger: {\n    id: \"Nimbus.Dialog.closeTrigger\",\n    description: \"aria-label for the default close trigger button\",\n    defaultMessage: \"Close dialog\",\n  },\n});\n","import { Close } from \"@commercetools/nimbus-icons\";\nimport { DialogCloseTriggerSlot } from \"../dialog.slots\";\nimport type { DialogCloseTriggerProps } from \"../dialog.types\";\nimport { IconButton } from \"@/components\";\nimport { messages } from \"../dialog.i18n\";\nimport { useIntl } from \"react-intl\";\n\n/**\n * Dialog.CloseTrigger - A button that closes the dialog\n *\n * @supportsStyleProps\n */\nexport const DialogCloseTrigger = (props: DialogCloseTriggerProps) => {\n  const { ref: forwardedRef, \"aria-label\": ariaLabel, ...restProps } = props;\n  const intl = useIntl();\n\n  return (\n    <DialogCloseTriggerSlot>\n      <IconButton\n        ref={forwardedRef}\n        slot=\"close\"\n        size=\"xs\"\n        variant=\"ghost\"\n        aria-label={ariaLabel || intl.formatMessage(messages.closeTrigger)}\n        {...restProps}\n      >\n        <Close />\n      </IconButton>\n    </DialogCloseTriggerSlot>\n  );\n};\n\nDialogCloseTrigger.displayName = \"Dialog.CloseTrigger\";\n","import { DialogRoot } from \"./components/dialog.root\";\nimport { DialogTrigger } from \"./components/dialog.trigger\";\nimport { DialogContent } from \"./components/dialog.content\";\nimport { DialogHeader } from \"./components/dialog.header\";\nimport { DialogBody } from \"./components/dialog.body\";\nimport { DialogFooter } from \"./components/dialog.footer\";\nimport { DialogTitle } from \"./components/dialog.title\";\nimport { DialogCloseTrigger } from \"./components/dialog.close-trigger\";\n\n/**\n * Dialog\n * ============================================================\n * A foundational dialog component for overlays that require user attention.\n * Built with React Aria Components for accessibility and WCAG 2.1 AA compliance.\n *\n * Features:\n * - Controlled and uncontrolled modes\n * - Customizable placement, size, and animations\n * - Focus management and keyboard navigation\n * - Click-outside and Escape key dismissal\n * - Portal rendering support\n * - Backdrop overlay with animations\n *\n * @example\n * ```tsx\n * <Dialog.Root>\n *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n *   <Dialog.Content size=\"md\" placement=\"center\">\n *     <Dialog.Header>\n *       <Dialog.Title>Dialog Title</Dialog.Title>\n *       <Dialog.CloseTrigger>×</Dialog.CloseTrigger>\n *     </Dialog.Header>\n *     <Dialog.Body>\n *       Dialog content goes here\n *     </Dialog.Body>\n *     <Dialog.Footer>\n *       <button>Cancel</button>\n *       <button>Save</button>\n *     </Dialog.Footer>\n *   </Dialog.Content>\n * </Dialog.Root>\n * ```\n *\n * @see https://nimbus-documentation.vercel.app/components/feedback/dialog\n */\nexport const Dialog = {\n  /**\n   * # Dialog.Root\n   *\n   * The root component that provides context and state management for the dialog.\n   * Uses React Aria's DialogTrigger for accessibility and keyboard interaction.\n   *\n   * This component must wrap all dialog parts (Trigger, Content, etc.) and provides\n   * the dialog open/close state and variant styling context.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Dialog Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Dialog content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Root: DialogRoot,\n  /**\n   * # Dialog.Trigger\n   *\n   * The trigger element that opens the dialog when activated.\n   * Uses React Aria's Button for accessibility and keyboard support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>...</Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Trigger: DialogTrigger,\n  /**\n   * # Dialog.Content\n   *\n   * The main dialog content container that wraps React Aria's Modal and Dialog.\n   * Handles portalling, backdrop, positioning, and content styling.\n   *\n   * This component creates the dialog overlay, positions the content, and provides\n   * accessibility features like focus management and keyboard dismissal.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content size=\"md\" placement=\"center\">\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *     <Dialog.Footer>Actions</Dialog.Footer>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  Content: DialogContent,\n  /**\n   * # Dialog.Header\n   *\n   * The header section of the dialog content.\n   * Typically contains the title and close button.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Dialog Title</Dialog.Title>\n   *     <Dialog.CloseTrigger />\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Header: DialogHeader,\n  /**\n   * # Dialog.Body\n   *\n   * The main body content section of the dialog.\n   * Contains the primary dialog content and handles overflow/scrolling.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>\n   *     <p>This is the main content of the dialog.</p>\n   *   </Dialog.Body>\n   *   <Dialog.Footer>...</Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Body: DialogBody,\n  /**\n   * # Dialog.Footer\n   *\n   * The footer section of the dialog, typically containing action buttons.\n   * Provides consistent spacing and alignment for dialog actions.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>...</Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   *   <Dialog.Footer>\n   *     <Button variant=\"outline\">Cancel</Button>\n   *     <Button>Confirm</Button>\n   *   </Dialog.Footer>\n   * </Dialog.Content>\n   * ```\n   */\n  Footer: DialogFooter,\n  /**\n   * # Dialog.Title\n   *\n   * The accessible title element for the dialog.\n   * Uses React Aria's Heading for proper accessibility and screen reader support.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Content>\n   *   <Dialog.Header>\n   *     <Dialog.Title>Confirm Action</Dialog.Title>\n   *   </Dialog.Header>\n   *   <Dialog.Body>...</Dialog.Body>\n   * </Dialog.Content>\n   * ```\n   */\n  Title: DialogTitle,\n  /**\n   * # Dialog.CloseTrigger\n   *\n   * A button that closes the dialog when activated.\n   * Displays an IconButton with a close (X) icon by default.\n   *\n   * The component automatically handles the close behavior through React Aria's\n   * context, so no additional onPress handler is needed.\n   *\n   * @example\n   * ```tsx\n   * <Dialog.Root>\n   *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>\n   *   <Dialog.Content>\n   *     <Dialog.Header>\n   *       <Dialog.Title>Title</Dialog.Title>\n   *       <Dialog.CloseTrigger aria-label=\"Close dialog\" />\n   *     </Dialog.Header>\n   *     <Dialog.Body>Content</Dialog.Body>\n   *   </Dialog.Content>\n   * </Dialog.Root>\n   * ```\n   */\n  CloseTrigger: DialogCloseTrigger,\n};\n\n// Internal exports for react-docgen\nexport {\n  DialogRoot as _DialogRoot,\n  DialogTrigger as _DialogTrigger,\n  DialogContent as _DialogContent,\n  DialogHeader as _DialogHeader,\n  DialogBody as _DialogBody,\n  DialogFooter as _DialogFooter,\n  DialogTitle as _DialogTitle,\n  DialogCloseTrigger as _DialogCloseTrigger,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","DialogRootSlot","DialogTriggerSlot","DialogModalOverlaySlot","DialogModalSlot","DialogContentSlot","DialogHeaderSlot","DialogBodySlot","DialogFooterSlot","DialogTitleSlot","DialogCloseTriggerSlot","DialogContext","createContext","useDialogRootContext","context","useContext","DialogProvider","children","value","jsx","DialogRoot","props","recipe","useSlotRecipe","recipeProps","isOpen","onOpenChange","defaultOpen","content","hasDialogTrigger","React","child","displayName","RaDialogTrigger","DialogTrigger","forwardedRef","asChild","chakra","styleProps","restProps","extractStyleProps","RaButton","DialogContent","isDismissable","isKeyboardDismissDisabled","shouldCloseOnInteractOutside","modalProps","RaModalOverlay","RaModal","RaDialog","DialogHeader","DialogBody","scrollBehavior","defaultProps","DialogFooter","DialogTitle","Heading","messages","defineMessages","DialogCloseTrigger","ariaLabel","intl","useIntl","IconButton","Close","Dialog"],"mappings":"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"}