@commercetools/nimbus 3.7.0 → 3.8.0

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

@@ -1,302 +0,0 @@
-import { n as e, u as t } from "./Dialog-CfU1e9yP.es.js";
-import { a as n } from "./DateField-wVQgLG8H.es.js";
-import { a as r, n as i, t as a } from "./calendar-month-DKjI70rl.es.js";
-import { c as o, t as s } from "./utils-ChZxBMXR.es.js";
-import { t as c } from "./Button-BeWWdVxO.es.js";
-import { t as l } from "./Group-kYoU23uf.es.js";
-import { t as u } from "./close-CzuqwrnN.es.js";
-import { n as d, t as f } from "./normalize-messages-DMFgMK8l.es.js";
-import { t as p } from "./icon-button-BDAGhNlL.es.js";
-import { t as m } from "./flex-BB3-rbwF.es.js";
-import { g as h } from "./theme-B5nhOybu.es.js";
-import { t as g } from "./text-DDzW9CtD.es.js";
-import { t as _ } from "./time-input-tCw4ejOu.es.js";
-import { t as v } from "./date-input-DCMLA8cD.es.js";
-import { t as y } from "./range-calendar-DpRChVvL.es.js";
-import { t as b } from "./extract-style-props-YWZOestG.es.js";
-import { useContext as x, useEffect as S, useRef as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { createSlotRecipeContext as E, useSlotRecipe as D } from "@chakra-ui/react/styled-system";
-//#region src/components/date-range-picker/date-range-picker.slots.tsx
-var { withProvider: O, withContext: k } = E({ key: "nimbusDateRangePicker" }), A = O("div", "root"), j = k("div", "group"), M = k("div", "trigger"), N = k("div", "popover"), P = k("div", "calendar");
-k("header", "calendarHeader"), k("table", "calendarGrid"), k("td", "calendarCell");
-//#endregion
-//#region src/components/date-range-picker/date-range-picker.messages.ts
-var F = {
-	en: f({
-		clearInput: "Clear input value",
-		clearSelection: "Clear date range",
-		endTime: "End time",
-		endTimeHour: "End time (hour)",
-		endTimeHourMinute: "End time (hour and minute)",
-		endTimeHourMinuteSecond: "End time (hour, minute, and second)",
-		endTimeLabel: "End time",
-		openCalendar: "Open calendar",
-		startTime: "Start time",
-		startTimeHour: "Start time (hour)",
-		startTimeHourMinute: "Start time (hour and minute)",
-		startTimeHourMinuteSecond: "Start time (hour, minute, and second)",
-		startTimeLabel: "Start time"
-	}),
-	de: f({
-		clearInput: "Eingabewert löschen",
-		clearSelection: "Datumsbereich löschen",
-		endTime: "Endzeit",
-		endTimeHour: "Endzeit (Stunde)",
-		endTimeHourMinute: "Endzeit (Stunde und Minute)",
-		endTimeHourMinuteSecond: "Endzeit (Stunde, Minute und Sekunde)",
-		endTimeLabel: "Endzeit",
-		openCalendar: "Kalender öffnen",
-		startTime: "Startzeit",
-		startTimeHour: "Startzeit (Stunde)",
-		startTimeHourMinute: "Startzeit (Stunde und Minute)",
-		startTimeHourMinuteSecond: "Startzeit (Stunde, Minute und Sekunde)",
-		startTimeLabel: "Startzeit"
-	}),
-	es: f({
-		clearInput: "Eliminar valor de entrada",
-		clearSelection: "Borrar rango de fechas",
-		endTime: "Finalizar tiempo",
-		endTimeHour: "Finalizar tiempo (hora)",
-		endTimeHourMinute: "Finalizar tiempo (hora y minuto)",
-		endTimeHourMinuteSecond: "Finalizar tiempo (hora, minuto, segundo)",
-		endTimeLabel: "Finalizar tiempo",
-		openCalendar: "Abrir calendario",
-		startTime: "Iniciar tiempo",
-		startTimeHour: "Iniciar tiempo (hora)",
-		startTimeHourMinute: "Iniciar tiempo (hora y minuto)",
-		startTimeHourMinuteSecond: "Iniciar tiempo (hora, minuto y segundo)",
-		startTimeLabel: "Iniciar tiempo"
-	}),
-	"fr-FR": f({
-		clearInput: "Effacer la valeur saisie",
-		clearSelection: "Effacer la plage de dates",
-		endTime: "Heure de fin",
-		endTimeHour: "Heure de fin (heure)",
-		endTimeHourMinute: "Heure de fin (heure et minute)",
-		endTimeHourMinuteSecond: " Heure de fin (heure, minute et seconde)",
-		endTimeLabel: "Heure de fin",
-		openCalendar: "Ouvrir le calendrier",
-		startTime: "Heure de début",
-		startTimeHour: "Heure de début (heure)",
-		startTimeHourMinute: "Heure de début  (heure et minute)",
-		startTimeHourMinuteSecond: "Heure de début (heure, minute et seconde)",
-		startTimeLabel: "Heure de début"
-	}),
-	"pt-BR": f({
-		clearInput: "Limpar valores inseridos",
-		clearSelection: "Limpar intervalo de datas",
-		endTime: "Hora de término",
-		endTimeHour: "Hora de término (hora)",
-		endTimeHourMinute: "Hora de término (hora e minutos)",
-		endTimeHourMinuteSecond: "Hora de término (hora, minutos e segundos)",
-		endTimeLabel: "Hora de término",
-		openCalendar: "Abrir agenda",
-		startTime: "Hora de início",
-		startTimeHour: "Hora de início (hora)",
-		startTimeHourMinute: "Hora de início (hora e minutos)",
-		startTimeHourMinuteSecond: "Hora de início (hora, minutos e segundos)",
-		startTimeLabel: "Hora de início"
-	})
-}, I = ({ hideTimeZone: e, hourCycle: t }) => {
-	let n = d(F), { granularity: i, value: a } = x(r), o = C(null), s = C(a);
-	return S(() => {
-		let e;
-		if (a?.start && s.current?.start?.compare(a.start) !== 0 || a?.end && s.current?.end?.compare(a.end) !== 0) {
-			let t = o.current, n = document.activeElement;
-			t?.contains(n) && n?.getAttribute("role") === "spinbutton" || (e = setTimeout(() => {
-				if (t) {
-					let e = t.querySelector("[role=\"spinbutton\"]");
-					e && e.focus();
-				}
-			}, 50));
-		}
-		return s.current = a, () => {
-			e && clearTimeout(e);
-		};
-	}, [a]), i === "day" ? null : /* @__PURE__ */ T(m, {
-		ref: o,
-		borderTop: "solid-25",
-		borderColor: "neutral.3",
-		py: "300",
-		px: "400",
-		alignItems: "center",
-		justifyContent: "center",
-		gap: "200",
-		children: [/* @__PURE__ */ T(m, {
-			alignItems: "center",
-			gap: "200",
-			children: [/* @__PURE__ */ w(g, {
-				textStyle: "xs",
-				fontWeight: "500",
-				color: "neutral.12",
-				minWidth: "fit-content",
-				children: n.format("startTimeLabel")
-			}), /* @__PURE__ */ w(_, {
-				slot: "startTimeInput",
-				variant: "ghost",
-				size: "sm",
-				hideTimeZone: e,
-				hourCycle: t
-			})]
-		}), /* @__PURE__ */ T(m, {
-			alignItems: "center",
-			gap: "200",
-			children: [/* @__PURE__ */ w(g, {
-				textStyle: "xs",
-				fontWeight: "500",
-				color: "neutral.12",
-				minWidth: "fit-content",
-				children: n.format("endTimeLabel")
-			}), /* @__PURE__ */ w(_, {
-				slot: "endTimeInput",
-				variant: "ghost",
-				size: "sm",
-				hideTimeZone: e,
-				hourCycle: t
-			})]
-		})]
-	});
-}, L = ({ children: e }) => {
-	let t = d(F), i = o(c) || {}, a = x(r), l = (e) => e?.day && e?.month && e?.year, u = !a?.value || !l(a.value.start) || !l(a.value.end), { granularity: f } = a, p = a?.value?.start && "hour" in a.value.start ? a.value.start : null, m = a?.value?.end && "hour" in a.value.end ? a.value.end : null, h = i?.isDisabled, g = (e) => {
-		let n = e === "start" ? "start" : "end";
-		switch (f) {
-			case "hour": return t.format(`${n}TimeHour`);
-			case "minute": return t.format(`${n}TimeHourMinute`);
-			case "second": return t.format(`${n}TimeHourMinuteSecond`);
-			default: return t.format(`${n}Time`);
-		}
-	}, _ = {
-		calendarToggle: {
-			...i,
-			onPress: (e) => {
-				let t = document?.activeElement;
-				t && t.blur(), i.onPress?.(e);
-			}
-		},
-		clear: {
-			onPress: () => a?.setValue(null),
-			"aria-label": t.format("clearInput"),
-			isDisabled: h,
-			style: u ? { display: "none" } : void 0,
-			"aria-hidden": u ? !0 : void 0
-		}
-	}, v = {
-		startTimeInput: {
-			value: p,
-			onChange: (e) => {
-				if (e !== null && a?.value?.start) {
-					let t = a.value, n = t.start, r = t.end;
-					if (n && r) {
-						let t = n.set({
-							hour: e.hour,
-							minute: e.minute || 0,
-							second: e.second || 0,
-							millisecond: e.millisecond || 0
-						});
-						a.setValue({
-							start: t,
-							end: r
-						});
-					}
-				}
-			},
-			granularity: f === "day" ? void 0 : f,
-			"aria-label": g("start")
-		},
-		endTimeInput: {
-			value: m,
-			onChange: (e) => {
-				if (e !== null && a?.value?.end) {
-					let t = a.value, n = t.start, r = t.end;
-					if (n && r) {
-						let t = r.set({
-							hour: e.hour,
-							minute: e.minute || 0,
-							second: e.second || 0,
-							millisecond: e.millisecond || 0
-						});
-						a.setValue({
-							start: n,
-							end: t
-						});
-					}
-				}
-			},
-			granularity: f === "day" ? void 0 : f,
-			"aria-label": g("end")
-		}
-	};
-	return /* @__PURE__ */ w(s, {
-		values: [[c, { slots: _ }], [n, { slots: v }]],
-		children: e
-	});
-}, R = (n) => {
-	let r = d(F), { granularity: o = "day", hideTimeZone: s, hourCycle: c } = n, [f, m] = D({ recipe: h }).splitVariantProps(n), [_, x] = b(m), { size: S = "md" } = f, C = S === "md" ? "xs" : "2xs", E = o === "day" && n.shouldCloseOnSelect;
-	return /* @__PURE__ */ w(A, {
-		...f,
-		..._,
-		asChild: !0,
-		children: /* @__PURE__ */ w(i, {
-			...x,
-			shouldCloseOnSelect: E,
-			children: /* @__PURE__ */ T(L, { children: [/* @__PURE__ */ w(j, {
-				asChild: !0,
-				children: /* @__PURE__ */ T(l, { children: [
-					/* @__PURE__ */ w(v, {
-						slot: "start",
-						size: n.size,
-						variant: "plain",
-						width: "auto",
-						hideTimeZone: s,
-						hourCycle: c
-					}),
-					/* @__PURE__ */ w(g, {
-						as: "span",
-						px: "150",
-						color: "neutral.11",
-						userSelect: "none",
-						"aria-hidden": "true",
-						slot: null,
-						children: "–"
-					}),
-					/* @__PURE__ */ w(v, {
-						slot: "end",
-						size: n.size,
-						variant: "plain",
-						width: "auto",
-						hideTimeZone: s,
-						hourCycle: c
-					}),
-					/* @__PURE__ */ T(M, { children: [/* @__PURE__ */ w(p, {
-						variant: "ghost",
-						size: C,
-						slot: "clear",
-						"aria-label": r.format("clearSelection"),
-						children: /* @__PURE__ */ w(u, {})
-					}), /* @__PURE__ */ w(p, {
-						variant: "ghost",
-						size: C,
-						slot: "calendarToggle",
-						"aria-label": r.format("openCalendar"),
-						children: /* @__PURE__ */ w(a, {})
-					})] })
-				] })
-			}), /* @__PURE__ */ w(N, {
-				asChild: !0,
-				children: /* @__PURE__ */ w(t, {
-					placement: "bottom end",
-					children: /* @__PURE__ */ T(e, { children: [/* @__PURE__ */ w(P, { children: /* @__PURE__ */ w(y, {}) }), /* @__PURE__ */ w(I, {
-						hideTimeZone: s,
-						hourCycle: c
-					})] })
-				})
-			})] })
-		})
-	});
-};
-R.displayName = "DateRangePicker";
-//#endregion
-export { R as t };
-
-//# sourceMappingURL=date-range-picker-BkvmKSp6.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-BkvmKSp6.es.js","names":["dateRangePickerMessages_en","dateRangePickerMessages_de","dateRangePickerMessages_es","dateRangePickerMessages_fr","dateRangePickerMessages_pt","DateRangePickerStateContext","useSlottedContext","ButtonContext","DateRangePickerStateContext","Provider","TimeFieldContext","ReactAriaDateRangePicker","Group","Close","CalendarMonth","Popover","Dialog","$f2ff30fde7b014be$export$3ddf2d174ce01153","$542a13ca2fa5b484$export$5b6b19405a83ff9d","$5400c097f4765e59$export$8e17ddc448e87c1e","$e539d00f123fdfd8$export$80d7ae1f804790be","$e539d00f123fdfd8$export$17334619f3ac2224","ForwardRef","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$7230ffa83bc0c2cf$export$2881499e37b75b9a","$7705c033048f6da7$export$24d547caef80ccd1","$3a442827418ebe87$export$eb2fcfdbd7ba97d4","ForwardRef$1","useLocalizedStringFormatter","normalizeMessages","IconButton","Flex","dateRangePickerSlotRecipe","Text","TimeInput","DateInput","RangeCalendar","extractStyleProps","createSlotRecipeContext","DateRangePickerRootSlot","withProvider","DateRangePickerGroupSlot","withContext","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","dateRangePickerMessagesStrings","DateRangePickerTimeInput","msg","useContext","timeInputRef","useRef","previousValueRef","value","useEffect","timeoutId","container","activeElement","firstSegment","granularity","DateRangePickerCustomContext","buttonContext","dateRangePickerState","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","messageKey","type","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","DateRangePicker","props","recipeProps","remainingProps","useSlotRecipe","styleProps","otherProps","overlayButtonSize","size","shouldCloseOnSelect"],"sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/intl/en.ts","../../src/components/date-range-picker/intl/de.ts","../../src/components/date-range-picker/intl/es.ts","../../src/components/date-range-picker/intl/fr-FR.ts","../../src/components/date-range-picker/intl/pt-BR.ts","../../src/components/date-range-picker/date-range-picker.messages.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/styled-system\";\nimport type { DateRangePickerRootSlotProps } from \"./date-range-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDateRangePicker\",\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","/**\n * Pre-compiled en messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Clear input value`,\n  clearSelection: `Clear date range`,\n  endTime: `End time`,\n  endTimeHour: `End time (hour)`,\n  endTimeHourMinute: `End time (hour and minute)`,\n  endTimeHourMinuteSecond: `End time (hour, minute, and second)`,\n  endTimeLabel: `End time`,\n  openCalendar: `Open calendar`,\n  startTime: `Start time`,\n  startTimeHour: `Start time (hour)`,\n  startTimeHourMinute: `Start time (hour and minute)`,\n  startTimeHourMinuteSecond: `Start time (hour, minute, and second)`,\n  startTimeLabel: `Start time`,\n};\n","/**\n * Pre-compiled de messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Eingabewert löschen`,\n  clearSelection: `Datumsbereich löschen`,\n  endTime: `Endzeit`,\n  endTimeHour: `Endzeit (Stunde)`,\n  endTimeHourMinute: `Endzeit (Stunde und Minute)`,\n  endTimeHourMinuteSecond: `Endzeit (Stunde, Minute und Sekunde)`,\n  endTimeLabel: `Endzeit`,\n  openCalendar: `Kalender öffnen`,\n  startTime: `Startzeit`,\n  startTimeHour: `Startzeit (Stunde)`,\n  startTimeHourMinute: `Startzeit (Stunde und Minute)`,\n  startTimeHourMinuteSecond: `Startzeit (Stunde, Minute und Sekunde)`,\n  startTimeLabel: `Startzeit`,\n};\n","/**\n * Pre-compiled es messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Eliminar valor de entrada`,\n  clearSelection: `Borrar rango de fechas`,\n  endTime: `Finalizar tiempo`,\n  endTimeHour: `Finalizar tiempo (hora)`,\n  endTimeHourMinute: `Finalizar tiempo (hora y minuto)`,\n  endTimeHourMinuteSecond: `Finalizar tiempo (hora, minuto, segundo)`,\n  endTimeLabel: `Finalizar tiempo`,\n  openCalendar: `Abrir calendario`,\n  startTime: `Iniciar tiempo`,\n  startTimeHour: `Iniciar tiempo (hora)`,\n  startTimeHourMinute: `Iniciar tiempo (hora y minuto)`,\n  startTimeHourMinuteSecond: `Iniciar tiempo (hora, minuto y segundo)`,\n  startTimeLabel: `Iniciar tiempo`,\n};\n","/**\n * Pre-compiled fr-FR messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Effacer la valeur saisie`,\n  clearSelection: `Effacer la plage de dates`,\n  endTime: `Heure de fin`,\n  endTimeHour: `Heure de fin (heure)`,\n  endTimeHourMinute: `Heure de fin (heure et minute)`,\n  endTimeHourMinuteSecond: ` Heure de fin (heure, minute et seconde)`,\n  endTimeLabel: `Heure de fin`,\n  openCalendar: `Ouvrir le calendrier`,\n  startTime: `Heure de début`,\n  startTimeHour: `Heure de début (heure)`,\n  startTimeHourMinute: `Heure de début  (heure et minute)`,\n  startTimeHourMinuteSecond: `Heure de début (heure, minute et seconde)`,\n  startTimeLabel: `Heure de début`,\n};\n","/**\n * Pre-compiled pt-BR messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Limpar valores inseridos`,\n  clearSelection: `Limpar intervalo de datas`,\n  endTime: `Hora de término`,\n  endTimeHour: `Hora de término (hora)`,\n  endTimeHourMinute: `Hora de término (hora e minutos)`,\n  endTimeHourMinuteSecond: `Hora de término (hora, minutos e segundos)`,\n  endTimeLabel: `Hora de término`,\n  openCalendar: `Abrir agenda`,\n  startTime: `Hora de início`,\n  startTimeHour: `Hora de início (hora)`,\n  startTimeHourMinute: `Hora de início (hora e minutos)`,\n  startTimeHourMinuteSecond: `Hora de início (hora, minutos e segundos)`,\n  startTimeLabel: `Hora de início`,\n};\n","/**\n * Pre-compiled localized messages for DateRangePicker component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport dateRangePickerMessages_en from \"./intl/en\";\nimport dateRangePickerMessages_de from \"./intl/de\";\nimport dateRangePickerMessages_es from \"./intl/es\";\nimport dateRangePickerMessages_fr from \"./intl/fr-FR\";\nimport dateRangePickerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dateRangePickerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(dateRangePickerMessages_en),\n  de: normalizeMessages(dateRangePickerMessages_de),\n  es: normalizeMessages(dateRangePickerMessages_es),\n  \"fr-FR\": normalizeMessages(dateRangePickerMessages_fr),\n  \"pt-BR\": normalizeMessages(dateRangePickerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DateRangePicker component\n */\nexport type DateRangePickerMessageKey =\n  | \"clearInput\"\n  | \"clearSelection\"\n  | \"endTime\"\n  | \"endTimeHour\"\n  | \"endTimeHourMinute\"\n  | \"endTimeHourMinuteSecond\"\n  | \"endTimeLabel\"\n  | \"openCalendar\"\n  | \"startTime\"\n  | \"startTimeHour\"\n  | \"startTimeHourMinute\"\n  | \"startTimeHourMinuteSecond\"\n  | \"startTimeLabel\";\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"../date-range-picker.messages\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\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  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\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          {msg.format(\"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          {msg.format(\"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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"../date-range-picker.messages\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\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 msg.format(\n          `${messageKey}TimeHour` as \"startTimeHour\" | \"endTimeHour\"\n        );\n      case \"minute\":\n        return msg.format(\n          `${messageKey}TimeHourMinute` as\n            \"startTimeHourMinute\" | \"endTimeHourMinute\"\n        );\n      case \"second\":\n        return msg.format(\n          `${messageKey}TimeHourMinuteSecond` as\n            \"startTimeHourMinuteSecond\" | \"endTimeHourMinuteSecond\"\n        );\n      default:\n        return msg.format(`${messageKey}Time` as \"startTime\" | \"endTime\");\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\": msg.format(\"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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"./date-range-picker.messages\";\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 msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\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={msg.format(\"clearSelection\")}\n                >\n                  <Close />\n                </IconButton>\n                <IconButton\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                  aria-label={msg.format(\"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"],"mappings":"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"}

package/dist/chunks/date-range-picker-BunU-jgE.cjs

@@ -1,2 +0,0 @@
-const e=require("./Dialog-ti7AGH0J.cjs"),t=require("./DateField-CyBo0Hmx.cjs"),n=require("./calendar-month-DoIgWxHe.cjs"),r=require("./utils-tbrKoWZQ.cjs"),i=require("./Button-BB0G5V58.cjs"),a=require("./Group-D6s6YQXQ.cjs"),o=require("./close-MovqoOGD.cjs"),s=require("./normalize-messages-D3QZsMK8.cjs"),c=require("./icon-button-Cn5NWWUa.cjs"),l=require("./flex-D_rZ56ps.cjs"),u=require("./theme-C3kkZqCt.cjs"),d=require("./text-HnY0tTzg.cjs"),f=require("./time-input-Bxm5Os-u.cjs"),p=require("./date-input-B3OtLvdj.cjs"),m=require("./range-calendar-DGJ4rUZB.cjs"),h=require("./extract-style-props-e57WhXBe.cjs");let g=require("react"),_=require("react/jsx-runtime"),v=require("@chakra-ui/react/styled-system");var{withProvider:y,withContext:b}=(0,v.createSlotRecipeContext)({key:`nimbusDateRangePicker`}),x=y(`div`,`root`),S=b(`div`,`group`),C=b(`div`,`trigger`),w=b(`div`,`popover`),T=b(`div`,`calendar`);b(`header`,`calendarHeader`),b(`table`,`calendarGrid`),b(`td`,`calendarCell`);var E={en:s.t({clearInput:`Clear input value`,clearSelection:`Clear date range`,endTime:`End time`,endTimeHour:`End time (hour)`,endTimeHourMinute:`End time (hour and minute)`,endTimeHourMinuteSecond:`End time (hour, minute, and second)`,endTimeLabel:`End time`,openCalendar:`Open calendar`,startTime:`Start time`,startTimeHour:`Start time (hour)`,startTimeHourMinute:`Start time (hour and minute)`,startTimeHourMinuteSecond:`Start time (hour, minute, and second)`,startTimeLabel:`Start time`}),de:s.t({clearInput:`Eingabewert löschen`,clearSelection:`Datumsbereich löschen`,endTime:`Endzeit`,endTimeHour:`Endzeit (Stunde)`,endTimeHourMinute:`Endzeit (Stunde und Minute)`,endTimeHourMinuteSecond:`Endzeit (Stunde, Minute und Sekunde)`,endTimeLabel:`Endzeit`,openCalendar:`Kalender öffnen`,startTime:`Startzeit`,startTimeHour:`Startzeit (Stunde)`,startTimeHourMinute:`Startzeit (Stunde und Minute)`,startTimeHourMinuteSecond:`Startzeit (Stunde, Minute und Sekunde)`,startTimeLabel:`Startzeit`}),es:s.t({clearInput:`Eliminar valor de entrada`,clearSelection:`Borrar rango de fechas`,endTime:`Finalizar tiempo`,endTimeHour:`Finalizar tiempo (hora)`,endTimeHourMinute:`Finalizar tiempo (hora y minuto)`,endTimeHourMinuteSecond:`Finalizar tiempo (hora, minuto, segundo)`,endTimeLabel:`Finalizar tiempo`,openCalendar:`Abrir calendario`,startTime:`Iniciar tiempo`,startTimeHour:`Iniciar tiempo (hora)`,startTimeHourMinute:`Iniciar tiempo (hora y minuto)`,startTimeHourMinuteSecond:`Iniciar tiempo (hora, minuto y segundo)`,startTimeLabel:`Iniciar tiempo`}),"fr-FR":s.t({clearInput:`Effacer la valeur saisie`,clearSelection:`Effacer la plage de dates`,endTime:`Heure de fin`,endTimeHour:`Heure de fin (heure)`,endTimeHourMinute:`Heure de fin (heure et minute)`,endTimeHourMinuteSecond:` Heure de fin (heure, minute et seconde)`,endTimeLabel:`Heure de fin`,openCalendar:`Ouvrir le calendrier`,startTime:`Heure de début`,startTimeHour:`Heure de début (heure)`,startTimeHourMinute:`Heure de début  (heure et minute)`,startTimeHourMinuteSecond:`Heure de début (heure, minute et seconde)`,startTimeLabel:`Heure de début`}),"pt-BR":s.t({clearInput:`Limpar valores inseridos`,clearSelection:`Limpar intervalo de datas`,endTime:`Hora de término`,endTimeHour:`Hora de término (hora)`,endTimeHourMinute:`Hora de término (hora e minutos)`,endTimeHourMinuteSecond:`Hora de término (hora, minutos e segundos)`,endTimeLabel:`Hora de término`,openCalendar:`Abrir agenda`,startTime:`Hora de início`,startTimeHour:`Hora de início (hora)`,startTimeHourMinute:`Hora de início (hora e minutos)`,startTimeHourMinuteSecond:`Hora de início (hora, minutos e segundos)`,startTimeLabel:`Hora de início`})},D=({hideTimeZone:e,hourCycle:t})=>{let r=s.n(E),{granularity:i,value:a}=(0,g.useContext)(n.a),o=(0,g.useRef)(null),c=(0,g.useRef)(a);return(0,g.useEffect)(()=>{let e;if(a?.start&&c.current?.start?.compare(a.start)!==0||a?.end&&c.current?.end?.compare(a.end)!==0){let t=o.current,n=document.activeElement;t?.contains(n)&&n?.getAttribute(`role`)===`spinbutton`||(e=setTimeout(()=>{if(t){let e=t.querySelector(`[role="spinbutton"]`);e&&e.focus()}},50))}return c.current=a,()=>{e&&clearTimeout(e)}},[a]),i===`day`?null:(0,_.jsxs)(l.t,{ref:o,borderTop:`solid-25`,borderColor:`neutral.3`,py:`300`,px:`400`,alignItems:`center`,justifyContent:`center`,gap:`200`,children:[(0,_.jsxs)(l.t,{alignItems:`center`,gap:`200`,children:[(0,_.jsx)(d.t,{textStyle:`xs`,fontWeight:`500`,color:`neutral.12`,minWidth:`fit-content`,children:r.format(`startTimeLabel`)}),(0,_.jsx)(f.t,{slot:`startTimeInput`,variant:`ghost`,size:`sm`,hideTimeZone:e,hourCycle:t})]}),(0,_.jsxs)(l.t,{alignItems:`center`,gap:`200`,children:[(0,_.jsx)(d.t,{textStyle:`xs`,fontWeight:`500`,color:`neutral.12`,minWidth:`fit-content`,children:r.format(`endTimeLabel`)}),(0,_.jsx)(f.t,{slot:`endTimeInput`,variant:`ghost`,size:`sm`,hideTimeZone:e,hourCycle:t})]})]})},O=({children:e})=>{let a=s.n(E),o=r.c(i.t)||{},c=(0,g.useContext)(n.a),l=e=>e?.day&&e?.month&&e?.year,u=!c?.value||!l(c.value.start)||!l(c.value.end),{granularity:d}=c,f=c?.value?.start&&`hour`in c.value.start?c.value.start:null,p=c?.value?.end&&`hour`in c.value.end?c.value.end:null,m=o?.isDisabled,h=e=>{let t=e===`start`?`start`:`end`;switch(d){case`hour`:return a.format(`${t}TimeHour`);case`minute`:return a.format(`${t}TimeHourMinute`);case`second`:return a.format(`${t}TimeHourMinuteSecond`);default:return a.format(`${t}Time`)}},v={calendarToggle:{...o,onPress:e=>{let t=document?.activeElement;t&&t.blur(),o.onPress?.(e)}},clear:{onPress:()=>c?.setValue(null),"aria-label":a.format(`clearInput`),isDisabled:m,style:u?{display:`none`}:void 0,"aria-hidden":u?!0:void 0}},y={startTimeInput:{value:f,onChange:e=>{if(e!==null&&c?.value?.start){let t=c.value,n=t.start,r=t.end;if(n&&r){let t=n.set({hour:e.hour,minute:e.minute||0,second:e.second||0,millisecond:e.millisecond||0});c.setValue({start:t,end:r})}}},granularity:d===`day`?void 0:d,"aria-label":h(`start`)},endTimeInput:{value:p,onChange:e=>{if(e!==null&&c?.value?.end){let t=c.value,n=t.start,r=t.end;if(n&&r){let t=r.set({hour:e.hour,minute:e.minute||0,second:e.second||0,millisecond:e.millisecond||0});c.setValue({start:n,end:t})}}},granularity:d===`day`?void 0:d,"aria-label":h(`end`)}};return(0,_.jsx)(r.t,{values:[[i.t,{slots:v}],[t.a,{slots:y}]],children:e})},k=t=>{let r=s.n(E),{granularity:i=`day`,hideTimeZone:l,hourCycle:f}=t,[g,y]=(0,v.useSlotRecipe)({recipe:u.g}).splitVariantProps(t),[b,k]=h.t(y),{size:A=`md`}=g,j=A===`md`?`xs`:`2xs`,M=i===`day`&&t.shouldCloseOnSelect;return(0,_.jsx)(x,{...g,...b,asChild:!0,children:(0,_.jsx)(n.n,{...k,shouldCloseOnSelect:M,children:(0,_.jsxs)(O,{children:[(0,_.jsx)(S,{asChild:!0,children:(0,_.jsxs)(a.t,{children:[(0,_.jsx)(p.t,{slot:`start`,size:t.size,variant:`plain`,width:`auto`,hideTimeZone:l,hourCycle:f}),(0,_.jsx)(d.t,{as:`span`,px:`150`,color:`neutral.11`,userSelect:`none`,"aria-hidden":`true`,slot:null,children:`–`}),(0,_.jsx)(p.t,{slot:`end`,size:t.size,variant:`plain`,width:`auto`,hideTimeZone:l,hourCycle:f}),(0,_.jsxs)(C,{children:[(0,_.jsx)(c.t,{variant:`ghost`,size:j,slot:`clear`,"aria-label":r.format(`clearSelection`),children:(0,_.jsx)(o.t,{})}),(0,_.jsx)(c.t,{variant:`ghost`,size:j,slot:`calendarToggle`,"aria-label":r.format(`openCalendar`),children:(0,_.jsx)(n.t,{})})]})]})}),(0,_.jsx)(w,{asChild:!0,children:(0,_.jsx)(e.u,{placement:`bottom end`,children:(0,_.jsxs)(e.n,{children:[(0,_.jsx)(T,{children:(0,_.jsx)(m.t,{})}),(0,_.jsx)(D,{hideTimeZone:l,hourCycle:f})]})})})]})})})};k.displayName=`DateRangePicker`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return k}});
-//# sourceMappingURL=date-range-picker-BunU-jgE.cjs.map

package/dist/chunks/date-range-picker-BunU-jgE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-range-picker-BunU-jgE.cjs.js","names":["createSlotRecipeContext","normalizeMessages","dateRangePickerMessages_en","dateRangePickerMessages_de","dateRangePickerMessages_es","dateRangePickerMessages_fr","dateRangePickerMessages_pt","useLocalizedStringFormatter","useContext","DateRangePickerStateContext","useRef","Flex","Text","TimeInput","useLocalizedStringFormatter","useSlottedContext","ButtonContext","useContext","DateRangePickerStateContext","Provider","TimeFieldContext","useLocalizedStringFormatter","useSlotRecipe","dateRangePickerSlotRecipe","extractStyleProps","ReactAriaDateRangePicker","Group","DateInput","Text","IconButton","Close","CalendarMonth","Popover","Dialog","RangeCalendar","require_Dialog","require_DateField","require_calendar_month","require_utils","require_Button","require_Group","require_close","require_normalize_messages","require_icon_button","require_flex","require_theme","require_text","require_time_input","require_date_input","require_range_calendar","require_extract_style_props","react","react_jsx_runtime","_chakra_ui_react_styled_system","DateRangePickerRootSlot","withProvider","DateRangePickerGroupSlot","withContext","DateRangePickerTriggerSlot","DateRangePickerPopoverSlot","DateRangePickerCalendarSlot","dateRangePickerMessagesStrings","DateRangePickerTimeInput","msg","timeInputRef","previousValueRef","value","timeoutId","container","activeElement","firstSegment","granularity","DateRangePickerCustomContext","buttonContext","dateRangePickerState","hasCompleteRangeDate","date","incompleteValue","startTimeValue","endTimeValue","isDateRangePickerDisabled","getDefaultTimeInputAriaLabel","messageKey","type","buttonSlots","event","timeInputSlots","currentValue","startDate","endDate","newStartDate","newEndDate","DateRangePicker","props","recipeProps","remainingProps","styleProps","otherProps","overlayButtonSize","size","shouldCloseOnSelect"],"sources":["../../src/components/date-range-picker/date-range-picker.slots.tsx","../../src/components/date-range-picker/intl/en.ts","../../src/components/date-range-picker/intl/de.ts","../../src/components/date-range-picker/intl/es.ts","../../src/components/date-range-picker/intl/fr-FR.ts","../../src/components/date-range-picker/intl/pt-BR.ts","../../src/components/date-range-picker/date-range-picker.messages.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/styled-system\";\nimport type { DateRangePickerRootSlotProps } from \"./date-range-picker.types\";\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDateRangePicker\",\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","/**\n * Pre-compiled en messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Clear input value`,\n  clearSelection: `Clear date range`,\n  endTime: `End time`,\n  endTimeHour: `End time (hour)`,\n  endTimeHourMinute: `End time (hour and minute)`,\n  endTimeHourMinuteSecond: `End time (hour, minute, and second)`,\n  endTimeLabel: `End time`,\n  openCalendar: `Open calendar`,\n  startTime: `Start time`,\n  startTimeHour: `Start time (hour)`,\n  startTimeHourMinute: `Start time (hour and minute)`,\n  startTimeHourMinuteSecond: `Start time (hour, minute, and second)`,\n  startTimeLabel: `Start time`,\n};\n","/**\n * Pre-compiled de messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Eingabewert löschen`,\n  clearSelection: `Datumsbereich löschen`,\n  endTime: `Endzeit`,\n  endTimeHour: `Endzeit (Stunde)`,\n  endTimeHourMinute: `Endzeit (Stunde und Minute)`,\n  endTimeHourMinuteSecond: `Endzeit (Stunde, Minute und Sekunde)`,\n  endTimeLabel: `Endzeit`,\n  openCalendar: `Kalender öffnen`,\n  startTime: `Startzeit`,\n  startTimeHour: `Startzeit (Stunde)`,\n  startTimeHourMinute: `Startzeit (Stunde und Minute)`,\n  startTimeHourMinuteSecond: `Startzeit (Stunde, Minute und Sekunde)`,\n  startTimeLabel: `Startzeit`,\n};\n","/**\n * Pre-compiled es messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Eliminar valor de entrada`,\n  clearSelection: `Borrar rango de fechas`,\n  endTime: `Finalizar tiempo`,\n  endTimeHour: `Finalizar tiempo (hora)`,\n  endTimeHourMinute: `Finalizar tiempo (hora y minuto)`,\n  endTimeHourMinuteSecond: `Finalizar tiempo (hora, minuto, segundo)`,\n  endTimeLabel: `Finalizar tiempo`,\n  openCalendar: `Abrir calendario`,\n  startTime: `Iniciar tiempo`,\n  startTimeHour: `Iniciar tiempo (hora)`,\n  startTimeHourMinute: `Iniciar tiempo (hora y minuto)`,\n  startTimeHourMinuteSecond: `Iniciar tiempo (hora, minuto y segundo)`,\n  startTimeLabel: `Iniciar tiempo`,\n};\n","/**\n * Pre-compiled fr-FR messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Effacer la valeur saisie`,\n  clearSelection: `Effacer la plage de dates`,\n  endTime: `Heure de fin`,\n  endTimeHour: `Heure de fin (heure)`,\n  endTimeHourMinute: `Heure de fin (heure et minute)`,\n  endTimeHourMinuteSecond: ` Heure de fin (heure, minute et seconde)`,\n  endTimeLabel: `Heure de fin`,\n  openCalendar: `Ouvrir le calendrier`,\n  startTime: `Heure de début`,\n  startTimeHour: `Heure de début (heure)`,\n  startTimeHourMinute: `Heure de début  (heure et minute)`,\n  startTimeHourMinuteSecond: `Heure de début (heure, minute et seconde)`,\n  startTimeLabel: `Heure de début`,\n};\n","/**\n * Pre-compiled pt-BR messages for DateRangePicker\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  clearInput: `Limpar valores inseridos`,\n  clearSelection: `Limpar intervalo de datas`,\n  endTime: `Hora de término`,\n  endTimeHour: `Hora de término (hora)`,\n  endTimeHourMinute: `Hora de término (hora e minutos)`,\n  endTimeHourMinuteSecond: `Hora de término (hora, minutos e segundos)`,\n  endTimeLabel: `Hora de término`,\n  openCalendar: `Abrir agenda`,\n  startTime: `Hora de início`,\n  startTimeHour: `Hora de início (hora)`,\n  startTimeHourMinute: `Hora de início (hora e minutos)`,\n  startTimeHourMinuteSecond: `Hora de início (hora, minutos e segundos)`,\n  startTimeLabel: `Hora de início`,\n};\n","/**\n * Pre-compiled localized messages for DateRangePicker component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport dateRangePickerMessages_en from \"./intl/en\";\nimport dateRangePickerMessages_de from \"./intl/de\";\nimport dateRangePickerMessages_es from \"./intl/es\";\nimport dateRangePickerMessages_fr from \"./intl/fr-FR\";\nimport dateRangePickerMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const dateRangePickerMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(dateRangePickerMessages_en),\n  de: normalizeMessages(dateRangePickerMessages_de),\n  es: normalizeMessages(dateRangePickerMessages_es),\n  \"fr-FR\": normalizeMessages(dateRangePickerMessages_fr),\n  \"pt-BR\": normalizeMessages(dateRangePickerMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DateRangePicker component\n */\nexport type DateRangePickerMessageKey =\n  | \"clearInput\"\n  | \"clearSelection\"\n  | \"endTime\"\n  | \"endTimeHour\"\n  | \"endTimeHourMinute\"\n  | \"endTimeHourMinuteSecond\"\n  | \"endTimeLabel\"\n  | \"openCalendar\"\n  | \"startTime\"\n  | \"startTimeHour\"\n  | \"startTimeHourMinute\"\n  | \"startTimeHourMinuteSecond\"\n  | \"startTimeLabel\";\n","import { Flex, Text, TimeInput } from \"@/components\";\nimport { useContext, useRef, useEffect } from \"react\";\nimport { DateRangePickerStateContext } from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"../date-range-picker.messages\";\nimport type { DateRangePickerTimeInputProps } from \"../date-range-picker.types\";\n\nexport const DateRangePickerTimeInput = ({\n  hideTimeZone,\n  hourCycle,\n}: DateRangePickerTimeInputProps) => {\n  const msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\n  const dateRangePickerState = useContext(DateRangePickerStateContext);\n  const { granularity, value } = dateRangePickerState!;\n  const timeInputRef = useRef<HTMLDivElement>(null);\n  const previousValueRef = useRef(value);\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  // do not show up to the party if you're not invited\n  if (granularity === \"day\") {\n    return null;\n  }\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          {msg.format(\"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          {msg.format(\"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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"../date-range-picker.messages\";\n\nexport const DateRangePickerCustomContext = ({\n  children,\n}: {\n  children: ReactNode;\n}) => {\n  const msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\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 msg.format(\n          `${messageKey}TimeHour` as \"startTimeHour\" | \"endTimeHour\"\n        );\n      case \"minute\":\n        return msg.format(\n          `${messageKey}TimeHourMinute` as\n            \"startTimeHourMinute\" | \"endTimeHourMinute\"\n        );\n      case \"second\":\n        return msg.format(\n          `${messageKey}TimeHourMinuteSecond` as\n            \"startTimeHourMinuteSecond\" | \"endTimeHourMinuteSecond\"\n        );\n      default:\n        return msg.format(`${messageKey}Time` as \"startTime\" | \"endTime\");\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\": msg.format(\"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 { useLocalizedStringFormatter } from \"@/hooks\";\nimport { dateRangePickerMessagesStrings } from \"./date-range-picker.messages\";\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 msg = useLocalizedStringFormatter(dateRangePickerMessagesStrings);\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={msg.format(\"clearSelection\")}\n                >\n                  <Close />\n                </IconButton>\n                <IconButton\n                  variant=\"ghost\"\n                  size={overlayButtonSize}\n                  slot=\"calendarToggle\"\n                  aria-label={msg.format(\"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"],"mappings":"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"}

package/dist/chunks/default-page-BxNIitWk.cjs

@@ -1,2 +0,0 @@
-const e=require("./mergeProps-BgWtdfQT.cjs"),t=require("./useObjectRef-B_odk_Xk.cjs"),n=require("./useLink-g4la0XW5.cjs"),r=require("./arrow-back-D36MFlxV.cjs"),i=require("./normalize-messages-D3QZsMK8.cjs"),a=require("./extract-style-props-e57WhXBe.cjs"),o=require("./merge-refs-DjTl2ATo.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("@chakra-ui/react/styled-system");var{withProvider:u,withContext:d}=(0,l.createSlotRecipeContext)({key:`nimbusDefaultPage`}),f=u(`div`,`root`),p=d(`header`,`header`),m=d(`div`,`actions`),h=d(`a`,`backLink`),g=d(`h1`,`title`),_=d(`p`,`subtitle`),v=d(`div`,`tabNav`),y=d(`main`,`content`),b=d(`footer`,`footer`),x=({ref:e,children:t,...n})=>{let[r,i]=(0,l.useSlotRecipe)({key:`nimbusDefaultPage`}).splitVariantProps(n);return(0,c.jsx)(f,{ref:e,...r,...i,children:t})};x.displayName=`DefaultPage.Root`;var S=({ref:e,children:t,...n})=>(0,c.jsx)(p,{ref:e,...n,children:t});S.displayName=`DefaultPage.Header`;var C=({ref:e,children:t,...n})=>(0,c.jsx)(m,{ref:e,...n,children:t});C.displayName=`DefaultPage.Actions`;var w={en:i.t({backLink:`Go back`}),de:i.t({backLink:`Zurück`}),es:i.t({backLink:`Volver`}),"fr-FR":i.t({backLink:`Retour`}),"pt-BR":i.t({backLink:`Voltar`})},T=({ref:l,href:u,children:d,...f})=>{let p=i.n(w),[m,g]=a.t(f),_=(0,s.useRef)(null),v=t.t(o.t(_,l)),{linkProps:y}=n.t({...g,href:u,elementType:`a`},v);return(0,c.jsxs)(h,{ref:v,...e.t(m,g,y),children:[(0,c.jsx)(r.t,{}),d??p.format(`backLink`)]})};T.displayName=`DefaultPage.BackLink`;var E=({ref:e,children:t,...n})=>(0,c.jsx)(g,{ref:e,...n,children:t});E.displayName=`DefaultPage.Title`;var D=({ref:e,children:t,...n})=>(0,c.jsx)(_,{ref:e,...n,children:t});D.displayName=`DefaultPage.Subtitle`;var O=({ref:e,children:t,...n})=>(0,c.jsx)(y,{ref:e,tabIndex:0,...n,children:t});O.displayName=`DefaultPage.Content`;var k=({ref:e,children:t,...n})=>(0,c.jsx)(b,{ref:e,...n,children:t});k.displayName=`DefaultPage.Footer`;var A=({ref:e,children:t,...n})=>(0,c.jsx)(v,{ref:e,...n,children:t});A.displayName=`DefaultPage.TabNav`;var j={Root:x,Header:S,BackLink:T,Title:E,Subtitle:D,Actions:C,Content:O,Footer:k,TabNav:A};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}});
-//# sourceMappingURL=default-page-BxNIitWk.cjs.map

package/dist/chunks/default-page-BxNIitWk.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-page-BxNIitWk.cjs.js","names":["createSlotRecipeContext","useSlotRecipe","normalizeMessages","defaultPageMessages_en","defaultPageMessages_de","defaultPageMessages_es","defaultPageMessages_fr","defaultPageMessages_pt","useLocalizedStringFormatter","extractStyleProps","useRef","useObjectRef","mergeRefs","useLink","mergeProps","ArrowBack","require_mergeProps","require_useObjectRef","require_useLink","require_arrow_back","require_normalize_messages","require_extract_style_props","require_merge_refs","react","react_jsx_runtime","_chakra_ui_react_styled_system","DefaultPageRootSlot","withProvider","DefaultPageHeaderSlot","withContext","DefaultPageActionsSlot","DefaultPageBackLinkSlot","DefaultPageTitleSlot","DefaultPageSubtitleSlot","DefaultPageTabNavSlot","DefaultPageContentSlot","DefaultPageFooterSlot","DefaultPageRoot","props","recipeProps","restProps","DefaultPageHeader","DefaultPageActions","defaultPageMessagesStrings","DefaultPageBackLink","forwardedRef","msg","styleProps","functionalProps","localRef","ref","linkProps","children","DefaultPageTitle","DefaultPageSubtitle","DefaultPageContent","DefaultPageFooter","DefaultPageTabNav","DefaultPage"],"sources":["../../src/components/default-page/default-page.slots.tsx","../../src/components/default-page/components/default-page.root.tsx","../../src/components/default-page/components/default-page.header.tsx","../../src/components/default-page/components/default-page.actions.tsx","../../src/components/default-page/intl/en.ts","../../src/components/default-page/intl/de.ts","../../src/components/default-page/intl/es.ts","../../src/components/default-page/intl/fr-FR.ts","../../src/components/default-page/intl/pt-BR.ts","../../src/components/default-page/default-page.messages.ts","../../src/components/default-page/components/default-page.back-link.tsx","../../src/components/default-page/components/default-page.title.tsx","../../src/components/default-page/components/default-page.subtitle.tsx","../../src/components/default-page/components/default-page.content.tsx","../../src/components/default-page/components/default-page.footer.tsx","../../src/components/default-page/components/default-page.tab-nav.tsx","../../src/components/default-page/default-page.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  DefaultPageRootSlotProps,\n  DefaultPageHeaderSlotProps,\n  DefaultPageActionsSlotProps,\n  DefaultPageBackLinkSlotProps,\n  DefaultPageTitleSlotProps,\n  DefaultPageSubtitleSlotProps,\n  DefaultPageTabNavSlotProps,\n  DefaultPageContentSlotProps,\n  DefaultPageFooterSlotProps,\n} from \"./default-page.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusDefaultPage\",\n});\n\n/**\n * Root component that provides the styling context for the DefaultPage component.\n */\nexport const DefaultPageRootSlot: SlotComponent<\n  HTMLDivElement,\n  DefaultPageRootSlotProps\n> = withProvider<HTMLDivElement, DefaultPageRootSlotProps>(\"div\", \"root\");\n\nexport const DefaultPageHeaderSlot: SlotComponent<\n  HTMLElement,\n  DefaultPageHeaderSlotProps\n> = withContext<HTMLElement, DefaultPageHeaderSlotProps>(\"header\", \"header\");\n\nexport const DefaultPageActionsSlot: SlotComponent<\n  HTMLDivElement,\n  DefaultPageActionsSlotProps\n> = withContext<HTMLDivElement, DefaultPageActionsSlotProps>(\"div\", \"actions\");\n\nexport const DefaultPageBackLinkSlot: SlotComponent<\n  HTMLAnchorElement,\n  DefaultPageBackLinkSlotProps\n> = withContext<HTMLAnchorElement, DefaultPageBackLinkSlotProps>(\n  \"a\",\n  \"backLink\"\n);\n\nexport const DefaultPageTitleSlot: SlotComponent<\n  HTMLHeadingElement,\n  DefaultPageTitleSlotProps\n> = withContext<HTMLHeadingElement, DefaultPageTitleSlotProps>(\"h1\", \"title\");\n\nexport const DefaultPageSubtitleSlot: SlotComponent<\n  HTMLParagraphElement,\n  DefaultPageSubtitleSlotProps\n> = withContext<HTMLParagraphElement, DefaultPageSubtitleSlotProps>(\n  \"p\",\n  \"subtitle\"\n);\n\nexport const DefaultPageTabNavSlot: SlotComponent<\n  HTMLDivElement,\n  DefaultPageTabNavSlotProps\n> = withContext<HTMLDivElement, DefaultPageTabNavSlotProps>(\"div\", \"tabNav\");\n\nexport const DefaultPageContentSlot: SlotComponent<\n  HTMLElement,\n  DefaultPageContentSlotProps\n> = withContext<HTMLElement, DefaultPageContentSlotProps>(\"main\", \"content\");\n\nexport const DefaultPageFooterSlot: SlotComponent<\n  HTMLElement,\n  DefaultPageFooterSlotProps\n> = withContext<HTMLElement, DefaultPageFooterSlotProps>(\"footer\", \"footer\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DefaultPageRootSlot } from \"../default-page.slots\";\nimport type { DefaultPageProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Root - The root container for the default page layout\n *\n * @supportsStyleProps\n */\nexport const DefaultPageRoot = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusDefaultPage\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  return (\n    <DefaultPageRootSlot ref={ref} {...recipeProps} {...restProps}>\n      {children}\n    </DefaultPageRootSlot>\n  );\n};\n\nDefaultPageRoot.displayName = \"DefaultPage.Root\";\n","import { DefaultPageHeaderSlot } from \"../default-page.slots\";\nimport type { DefaultPageHeaderProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Header - The header section containing back link, title, and subtitle\n *\n * @supportsStyleProps\n */\nexport const DefaultPageHeader = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageHeaderProps) => {\n  return (\n    <DefaultPageHeaderSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageHeaderSlot>\n  );\n};\n\nDefaultPageHeader.displayName = \"DefaultPage.Header\";\n","import { DefaultPageActionsSlot } from \"../default-page.slots\";\nimport type { DefaultPageActionsProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Actions - Action buttons displayed alongside the title\n *\n * @supportsStyleProps\n */\nexport const DefaultPageActions = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageActionsProps) => {\n  return (\n    <DefaultPageActionsSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageActionsSlot>\n  );\n};\n\nDefaultPageActions.displayName = \"DefaultPage.Actions\";\n","/**\n * Pre-compiled en messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Go back` };\n","/**\n * Pre-compiled de messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Zurück` };\n","/**\n * Pre-compiled es messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Volver` };\n","/**\n * Pre-compiled fr-FR messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Retour` };\n","/**\n * Pre-compiled pt-BR messages for DefaultPage\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { backLink: `Voltar` };\n","/**\n * Pre-compiled localized messages for DefaultPage component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport defaultPageMessages_en from \"./intl/en\";\nimport defaultPageMessages_de from \"./intl/de\";\nimport defaultPageMessages_es from \"./intl/es\";\nimport defaultPageMessages_fr from \"./intl/fr-FR\";\nimport defaultPageMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const defaultPageMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(defaultPageMessages_en),\n  de: normalizeMessages(defaultPageMessages_de),\n  es: normalizeMessages(defaultPageMessages_es),\n  \"fr-FR\": normalizeMessages(defaultPageMessages_fr),\n  \"pt-BR\": normalizeMessages(defaultPageMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for DefaultPage component\n */\nexport type DefaultPageMessageKey = \"backLink\";\n","import { useRef } from \"react\";\nimport { useLink, useObjectRef, mergeProps } from \"react-aria\";\nimport { mergeRefs } from \"@/utils\";\nimport { ArrowBack } from \"@commercetools/nimbus-icons\";\nimport { DefaultPageBackLinkSlot } from \"../default-page.slots\";\nimport type { DefaultPageBackLinkProps } from \"../default-page.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { defaultPageMessagesStrings } from \"../default-page.messages\";\n\n/**\n * DefaultPage.BackLink - Back navigation link for the default page\n *\n * @supportsStyleProps\n */\nexport const DefaultPageBackLink = ({\n  ref: forwardedRef,\n  href,\n  children,\n  ...props\n}: DefaultPageBackLinkProps) => {\n  const msg = useLocalizedStringFormatter(defaultPageMessagesStrings);\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  const localRef = useRef<HTMLAnchorElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { linkProps } = useLink(\n    { ...functionalProps, href, elementType: \"a\" },\n    ref\n  );\n\n  return (\n    <DefaultPageBackLinkSlot\n      ref={ref}\n      {...mergeProps(styleProps, functionalProps, linkProps)}\n    >\n      <ArrowBack />\n      {children ?? msg.format(\"backLink\")}\n    </DefaultPageBackLinkSlot>\n  );\n};\n\nDefaultPageBackLink.displayName = \"DefaultPage.BackLink\";\n","import { DefaultPageTitleSlot } from \"../default-page.slots\";\nimport type { DefaultPageTitleProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Title - The page title heading\n *\n * @supportsStyleProps\n */\nexport const DefaultPageTitle = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageTitleProps) => {\n  return (\n    <DefaultPageTitleSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageTitleSlot>\n  );\n};\n\nDefaultPageTitle.displayName = \"DefaultPage.Title\";\n","import { DefaultPageSubtitleSlot } from \"../default-page.slots\";\nimport type { DefaultPageSubtitleProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Subtitle - Optional subtitle text below the page title\n *\n * @supportsStyleProps\n */\nexport const DefaultPageSubtitle = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageSubtitleProps) => {\n  return (\n    <DefaultPageSubtitleSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageSubtitleSlot>\n  );\n};\n\nDefaultPageSubtitle.displayName = \"DefaultPage.Subtitle\";\n","import { DefaultPageContentSlot } from \"../default-page.slots\";\nimport type { DefaultPageContentProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Content - The main content area of the default page.\n *\n * @supportsStyleProps\n */\nexport const DefaultPageContent = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageContentProps) => {\n  return (\n    <DefaultPageContentSlot ref={ref} tabIndex={0} {...props}>\n      {children}\n    </DefaultPageContentSlot>\n  );\n};\n\nDefaultPageContent.displayName = \"DefaultPage.Content\";\n","import { DefaultPageFooterSlot } from \"../default-page.slots\";\nimport type { DefaultPageFooterProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.Footer - Optional footer section, typically for form actions\n *\n * @supportsStyleProps\n */\nexport const DefaultPageFooter = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageFooterProps) => {\n  return (\n    <DefaultPageFooterSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageFooterSlot>\n  );\n};\n\nDefaultPageFooter.displayName = \"DefaultPage.Footer\";\n","import { DefaultPageTabNavSlot } from \"../default-page.slots\";\nimport type { DefaultPageTabNavProps } from \"../default-page.types\";\n\n/**\n * DefaultPage.TabNav - Layout container for tab navigation in the header.\n * Positions itself in the header grid's last row at full width.\n *\n * Place inside `DefaultPage.Header` for route-based page navigation.\n * Wrap a `TabNav.Root` inside this component.\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <DefaultPage.TabNav>\n *   <TabNav.Root aria-label=\"Customer sections\">\n *     <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n *   </TabNav.Root>\n * </DefaultPage.TabNav>\n * ```\n */\nexport const DefaultPageTabNav = ({\n  ref,\n  children,\n  ...props\n}: DefaultPageTabNavProps) => {\n  return (\n    <DefaultPageTabNavSlot ref={ref} {...props}>\n      {children}\n    </DefaultPageTabNavSlot>\n  );\n};\n\nDefaultPageTabNav.displayName = \"DefaultPage.TabNav\";\n","import {\n  DefaultPageRoot,\n  DefaultPageHeader,\n  DefaultPageActions,\n  DefaultPageBackLink,\n  DefaultPageTitle,\n  DefaultPageSubtitle,\n  DefaultPageContent,\n  DefaultPageFooter,\n  DefaultPageTabNav,\n} from \"./components\";\n\n/**\n * DefaultPage\n * ============================================================\n * A compound component providing a flexible page skeleton for both main-level\n * and detail views. Supports an optional back navigation link, header, content\n * area, and optional footer.\n *\n * Consolidates `MainPage` and `DetailPage` into a single component. Use\n * `DefaultPage.BackLink` when the page represents a detail view that needs\n * back navigation; omit it for top-level pages.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/default-page}\n * @example\n * ```tsx\n * // Detail view (with back link)\n * <DefaultPage.Root>\n *   <DefaultPage.Header>\n *     <DefaultPage.BackLink href=\"/products\">Back to products</DefaultPage.BackLink>\n *     <DefaultPage.Title>Product Details</DefaultPage.Title>\n *     <DefaultPage.Actions>\n *       <Button>Edit</Button>\n *     </DefaultPage.Actions>\n *     <DefaultPage.Subtitle>SKU-12345</DefaultPage.Subtitle>\n *   </DefaultPage.Header>\n *   <DefaultPage.Content>\n *     Main content here\n *   </DefaultPage.Content>\n *   <DefaultPage.Footer>\n *     Footer actions here\n *   </DefaultPage.Footer>\n * </DefaultPage.Root>\n *\n * // Main view (without back link)\n * <DefaultPage.Root>\n *   <DefaultPage.Header>\n *     <DefaultPage.Title>Products</DefaultPage.Title>\n *     <DefaultPage.Actions>\n *       <Button>Add product</Button>\n *     </DefaultPage.Actions>\n *   </DefaultPage.Header>\n *   <DefaultPage.Content>\n *     Main content here\n *   </DefaultPage.Content>\n * </DefaultPage.Root>\n * ```\n */\nexport const DefaultPage = {\n  /**\n   * # DefaultPage.Root\n   *\n   * The root container that provides context and styling for the default page.\n   * Must wrap all default page parts.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Root>\n   *   <DefaultPage.Header>...</DefaultPage.Header>\n   *   <DefaultPage.Content>...</DefaultPage.Content>\n   * </DefaultPage.Root>\n   * ```\n   */\n  Root: DefaultPageRoot,\n  /**\n   * # DefaultPage.Header\n   *\n   * The header section containing the optional back link, title, subtitle,\n   * actions, and optional tab navigation.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Header>\n   *   <DefaultPage.BackLink href=\"/products\">Back</DefaultPage.BackLink>\n   *   <DefaultPage.Title>Product Name</DefaultPage.Title>\n   * </DefaultPage.Header>\n   * ```\n   */\n  Header: DefaultPageHeader,\n  /**\n   * # DefaultPage.BackLink\n   *\n   * A navigation link that takes the user back to the parent page.\n   * Requires an `href` prop for the navigation target.\n   * When present, the `Actions` slot automatically shifts down to align\n   * with the title row.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.BackLink href=\"/products\">Back to products</DefaultPage.BackLink>\n   * ```\n   */\n  BackLink: DefaultPageBackLink,\n  /**\n   * # DefaultPage.Title\n   *\n   * The main page title heading. Renders as an `h1` element.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Title>Product Details</DefaultPage.Title>\n   * ```\n   */\n  Title: DefaultPageTitle,\n  /**\n   * # DefaultPage.Subtitle\n   *\n   * An optional subtitle displayed below the title.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Subtitle>SKU-12345</DefaultPage.Subtitle>\n   * ```\n   */\n  Subtitle: DefaultPageSubtitle,\n  /**\n   * # DefaultPage.Actions\n   *\n   * A container for action buttons displayed alongside the title.\n   * Place inside `DefaultPage.Header` — the grid layout positions it\n   * automatically next to the title (or next to the title row when\n   * a `BackLink` is present).\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Actions>\n   *   <Button>Save</Button>\n   *   <Button variant=\"ghost\">Delete</Button>\n   * </DefaultPage.Actions>\n   * ```\n   */\n  Actions: DefaultPageActions,\n  /**\n   * # DefaultPage.Content\n   *\n   * The main content area of the default page.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Content>\n   *   Form fields here\n   * </DefaultPage.Content>\n   * ```\n   */\n  Content: DefaultPageContent,\n  /**\n   * # DefaultPage.Footer\n   *\n   * Optional footer section, typically used for form action bars.\n   * Omit for info/read-only pages.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Footer>\n   *   <Button>Save</Button>\n   *   <Button variant=\"ghost\">Cancel</Button>\n   * </DefaultPage.Footer>\n   * ```\n   */\n  Footer: DefaultPageFooter,\n  /**\n   * # DefaultPage.TabNav\n   *\n   * Layout container for tab navigation in the header.\n   * Positions itself in the header grid's last row at full width.\n   * Place inside `DefaultPage.Header`.\n   *\n   * Wrap a `TabNav.Root` inside, or use `as={TabNav.Root}` for a flatter DOM.\n   *\n   * @example\n   * ```tsx\n   * <DefaultPage.Header>\n   *   <DefaultPage.Title>Customer Details</DefaultPage.Title>\n   *   <DefaultPage.TabNav>\n   *     <TabNav.Root aria-label=\"Customer sections\">\n   *       <TabNav.Item href=\"/general\" isCurrent>General</TabNav.Item>\n   *       <TabNav.Item href=\"/addresses\">Addresses</TabNav.Item>\n   *     </TabNav.Root>\n   *   </DefaultPage.TabNav>\n   * </DefaultPage.Header>\n   * ```\n   */\n  TabNav: DefaultPageTabNav,\n};\n"],"mappings":"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"}