npm - @commercetools/nimbus - Versions diffs - 3.2.0 → 3.3.0 - Mend

@commercetools/nimbus 3.2.0 → 3.3.0

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

Files changed (1684) hide show

package/dist/chunks/date-range-picker-CD6CmAlq.esm.js ADDED Viewed

@@ -0,0 +1,302 @@
+import { n as e, u as t } from "./Dialog-tQOfG_On.esm.js";
+import { a as n } from "./DateField-DUetJOyf.esm.js";
+import { i as r, t as i } from "./DatePicker-DeVufONT.esm.js";
+import { c as a, t as o } from "./utils-BYIK8Yf2.esm.js";
+import { t as s } from "./Button-FcraQeen.esm.js";
+import { t as c } from "./Group-D4Vbo9q9.esm.js";
+import { t as l } from "./icon-button-6dtfz6Yf.esm.js";
+import { n as u, t as d } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as f } from "./flex-BB3-rbwF.esm.js";
+import { m as p } from "./theme-BR3bc6tH.esm.js";
+import { t as m } from "./text-B8bxcVHh.esm.js";
+import { t as h } from "./time-input--A7teyZm.esm.js";
+import { t as g } from "./date-input-BfCEzDBX.esm.js";
+import { t as _ } from "./range-calendar-DA5hJpYL.esm.js";
+import { t as v } from "./extract-style-props-BPnHKmWR.esm.js";
+import { useContext as y, useEffect as b, useRef as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CalendarMonth as w, Close as T } from "@commercetools/nimbus-icons";
+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: d({
+		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: d({
+		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: d({
+		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": d({
+		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": d({
+		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 = u(F), { granularity: i, value: a } = y(r), o = x(null), s = x(a);
+	return b(() => {
+		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__ */ C(f, {
+		ref: o,
+		borderTop: "solid-25",
+		borderColor: "neutral.3",
+		py: "300",
+		px: "400",
+		alignItems: "center",
+		justifyContent: "center",
+		gap: "200",
+		children: [/* @__PURE__ */ C(f, {
+			alignItems: "center",
+			gap: "200",
+			children: [/* @__PURE__ */ S(m, {
+				textStyle: "xs",
+				fontWeight: "500",
+				color: "neutral.12",
+				minWidth: "fit-content",
+				children: n.format("startTimeLabel")
+			}), /* @__PURE__ */ S(h, {
+				slot: "startTimeInput",
+				variant: "ghost",
+				size: "sm",
+				hideTimeZone: e,
+				hourCycle: t
+			})]
+		}), /* @__PURE__ */ C(f, {
+			alignItems: "center",
+			gap: "200",
+			children: [/* @__PURE__ */ S(m, {
+				textStyle: "xs",
+				fontWeight: "500",
+				color: "neutral.12",
+				minWidth: "fit-content",
+				children: n.format("endTimeLabel")
+			}), /* @__PURE__ */ S(h, {
+				slot: "endTimeInput",
+				variant: "ghost",
+				size: "sm",
+				hideTimeZone: e,
+				hourCycle: t
+			})]
+		})]
+	});
+}, L = ({ children: e }) => {
+	let t = u(F), i = a(s) || {}, c = y(r), l = (e) => e?.day && e?.month && e?.year, d = !c?.value || !l(c.value.start) || !l(c.value.end), { granularity: f } = c, p = c?.value?.start && "hour" in c.value.start ? c.value.start : null, m = c?.value?.end && "hour" in c.value.end ? c.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: () => c?.setValue(null),
+			"aria-label": t.format("clearInput"),
+			isDisabled: h,
+			style: d ? { display: "none" } : void 0,
+			"aria-hidden": d ? !0 : void 0
+		}
+	}, v = {
+		startTimeInput: {
+			value: p,
+			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: f === "day" ? void 0 : f,
+			"aria-label": g("start")
+		},
+		endTimeInput: {
+			value: m,
+			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: f === "day" ? void 0 : f,
+			"aria-label": g("end")
+		}
+	};
+	return /* @__PURE__ */ S(o, {
+		values: [[s, { slots: _ }], [n, { slots: v }]],
+		children: e
+	});
+}, R = (n) => {
+	let r = u(F), { granularity: a = "day", hideTimeZone: o, hourCycle: s } = n, [d, f] = D({ recipe: p }).splitVariantProps(n), [h, y] = v(f), { size: b = "md" } = d, x = b === "md" ? "xs" : "2xs", E = a === "day" && n.shouldCloseOnSelect;
+	return /* @__PURE__ */ S(A, {
+		...d,
+		...h,
+		asChild: !0,
+		children: /* @__PURE__ */ S(i, {
+			...y,
+			shouldCloseOnSelect: E,
+			children: /* @__PURE__ */ C(L, { children: [/* @__PURE__ */ S(j, {
+				asChild: !0,
+				children: /* @__PURE__ */ C(c, { children: [
+					/* @__PURE__ */ S(g, {
+						slot: "start",
+						size: n.size,
+						variant: "plain",
+						width: "auto",
+						hideTimeZone: o,
+						hourCycle: s
+					}),
+					/* @__PURE__ */ S(m, {
+						as: "span",
+						px: "150",
+						color: "neutral.11",
+						userSelect: "none",
+						"aria-hidden": "true",
+						slot: null,
+						children: "–"
+					}),
+					/* @__PURE__ */ S(g, {
+						slot: "end",
+						size: n.size,
+						variant: "plain",
+						width: "auto",
+						hideTimeZone: o,
+						hourCycle: s
+					}),
+					/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(l, {
+						variant: "ghost",
+						size: x,
+						slot: "clear",
+						"aria-label": r.format("clearSelection"),
+						children: /* @__PURE__ */ S(T, {})
+					}), /* @__PURE__ */ S(l, {
+						variant: "ghost",
+						size: x,
+						slot: "calendarToggle",
+						"aria-label": r.format("openCalendar"),
+						children: /* @__PURE__ */ S(w, {})
+					})] })
+				] })
+			}), /* @__PURE__ */ S(N, {
+				asChild: !0,
+				children: /* @__PURE__ */ S(t, {
+					placement: "bottom end",
+					children: /* @__PURE__ */ C(e, { children: [/* @__PURE__ */ S(P, { children: /* @__PURE__ */ S(_, {}) }), /* @__PURE__ */ S(I, {
+						hideTimeZone: o,
+						hourCycle: s
+					})] })
+				})
+			})] })
+		})
+	});
+};
+R.displayName = "DateRangePicker";
+//#endregion
+export { R as t };
+//# sourceMappingURL=date-range-picker-CD6CmAlq.esm.js.map

package/dist/chunks/date-range-picker-CD6CmAlq.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"date-range-picker-CD6CmAlq.esm.js","names":[],"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-B5bFn9gJ.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./mergeProps-B4zz6EqI.cjs.js"),t=require("./useObjectRef-B_VeQHvx.cjs.js"),n=require("./useLink-CmQ7I9Ho.cjs.js"),r=require("./normalize-messages-BMq9y_ae.cjs.js"),i=require("./extract-style-props-CA1O0IF2.cjs.js"),a=require("./merge-refs-DjTl2ATo.cjs.js");let o=require("react"),s=require("react/jsx-runtime"),c=require("@commercetools/nimbus-icons"),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,s.jsx)(f,{ref:e,...r,...i,children:t})};x.displayName=`DefaultPage.Root`;var S=({ref:e,children:t,...n})=>(0,s.jsx)(p,{ref:e,...n,children:t});S.displayName=`DefaultPage.Header`;var C=({ref:e,children:t,...n})=>(0,s.jsx)(m,{ref:e,...n,children:t});C.displayName=`DefaultPage.Actions`;var w={en:r.t({backLink:`Go back`}),de:r.t({backLink:`Zurück`}),es:r.t({backLink:`Volver`}),"fr-FR":r.t({backLink:`Retour`}),"pt-BR":r.t({backLink:`Voltar`})},T=({ref:l,href:u,children:d,...f})=>{let p=r.n(w),[m,g]=i.t(f),_=t.t(a.t((0,o.useRef)(null),l)),{linkProps:v}=n.t({...g,href:u,elementType:`a`},_);return(0,s.jsxs)(h,{ref:_,...e.t(m,g,v),children:[(0,s.jsx)(c.ArrowBack,{}),d??p.format(`backLink`)]})};T.displayName=`DefaultPage.BackLink`;var E=({ref:e,children:t,...n})=>(0,s.jsx)(g,{ref:e,...n,children:t});E.displayName=`DefaultPage.Title`;var D=({ref:e,children:t,...n})=>(0,s.jsx)(_,{ref:e,...n,children:t});D.displayName=`DefaultPage.Subtitle`;var O=({ref:e,children:t,...n})=>(0,s.jsx)(y,{ref:e,tabIndex:0,...n,children:t});O.displayName=`DefaultPage.Content`;var k=({ref:e,children:t,...n})=>(0,s.jsx)(b,{ref:e,...n,children:t});k.displayName=`DefaultPage.Footer`;var A=({ref:e,children:t,...n})=>(0,s.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,"a",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return x}});
2	+ //# sourceMappingURL=default-page-B5bFn9gJ.cjs.js.map

package/dist/chunks/default-page-B5bFn9gJ.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default-page-B5bFn9gJ.cjs.js","names":[],"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\nexport {\n DefaultPageRoot as _DefaultPageRoot,\n DefaultPageHeader as _DefaultPageHeader,\n DefaultPageActions as _DefaultPageActions,\n DefaultPageBackLink as _DefaultPageBackLink,\n DefaultPageTitle as _DefaultPageTitle,\n DefaultPageSubtitle as _DefaultPageSubtitle,\n DefaultPageContent as _DefaultPageContent,\n DefaultPageFooter as _DefaultPageFooter,\n DefaultPageTabNav as _DefaultPageTabNav,\n};\n"],"mappings":"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"}

package/dist/chunks/default-page-De3ZyX7n.esm.js ADDED Viewed

@@ -0,0 +1,116 @@
+import { t as e } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { t } from "./useObjectRef-B_3vY5-Q.esm.js";
+import { t as n } from "./useLink-Ce3SRFua.esm.js";
+import { n as r, t as i } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as a } from "./extract-style-props-BPnHKmWR.esm.js";
+import { t as o } from "./merge-refs-C1GcH9iY.esm.js";
+import { useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ArrowBack as u } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as d, useSlotRecipe as f } from "@chakra-ui/react/styled-system";
+//#region src/components/default-page/default-page.slots.tsx
+var { withProvider: p, withContext: m } = d({ key: "nimbusDefaultPage" }), h = p("div", "root"), g = m("header", "header"), _ = m("div", "actions"), v = m("a", "backLink"), y = m("h1", "title"), b = m("p", "subtitle"), x = m("div", "tabNav"), S = m("main", "content"), C = m("footer", "footer"), w = ({ ref: e, children: t, ...n }) => {
+	let [r, i] = f({ key: "nimbusDefaultPage" }).splitVariantProps(n);
+	return /* @__PURE__ */ c(h, {
+		ref: e,
+		...r,
+		...i,
+		children: t
+	});
+};
+w.displayName = "DefaultPage.Root";
+//#endregion
+//#region src/components/default-page/components/default-page.header.tsx
+var T = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(g, {
+	ref: e,
+	...n,
+	children: t
+});
+T.displayName = "DefaultPage.Header";
+//#endregion
+//#region src/components/default-page/components/default-page.actions.tsx
+var E = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(_, {
+	ref: e,
+	...n,
+	children: t
+});
+E.displayName = "DefaultPage.Actions";
+//#endregion
+//#region src/components/default-page/default-page.messages.ts
+var D = {
+	en: i({ backLink: "Go back" }),
+	de: i({ backLink: "Zurück" }),
+	es: i({ backLink: "Volver" }),
+	"fr-FR": i({ backLink: "Retour" }),
+	"pt-BR": i({ backLink: "Voltar" })
+}, O = ({ ref: i, href: d, children: f, ...p }) => {
+	let m = r(D), [h, g] = a(p), _ = t(o(s(null), i)), { linkProps: y } = n({
+		...g,
+		href: d,
+		elementType: "a"
+	}, _);
+	return /* @__PURE__ */ l(v, {
+		ref: _,
+		...e(h, g, y),
+		children: [/* @__PURE__ */ c(u, {}), f ?? m.format("backLink")]
+	});
+};
+O.displayName = "DefaultPage.BackLink";
+//#endregion
+//#region src/components/default-page/components/default-page.title.tsx
+var k = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(y, {
+	ref: e,
+	...n,
+	children: t
+});
+k.displayName = "DefaultPage.Title";
+//#endregion
+//#region src/components/default-page/components/default-page.subtitle.tsx
+var A = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(b, {
+	ref: e,
+	...n,
+	children: t
+});
+A.displayName = "DefaultPage.Subtitle";
+//#endregion
+//#region src/components/default-page/components/default-page.content.tsx
+var j = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(S, {
+	ref: e,
+	tabIndex: 0,
+	...n,
+	children: t
+});
+j.displayName = "DefaultPage.Content";
+//#endregion
+//#region src/components/default-page/components/default-page.footer.tsx
+var M = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(C, {
+	ref: e,
+	...n,
+	children: t
+});
+M.displayName = "DefaultPage.Footer";
+//#endregion
+//#region src/components/default-page/components/default-page.tab-nav.tsx
+var N = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(x, {
+	ref: e,
+	...n,
+	children: t
+});
+N.displayName = "DefaultPage.TabNav";
+//#endregion
+//#region src/components/default-page/default-page.tsx
+var P = {
+	Root: w,
+	Header: T,
+	BackLink: O,
+	Title: k,
+	Subtitle: A,
+	Actions: E,
+	Content: j,
+	Footer: M,
+	TabNav: N
+};
+//#endregion
+export { A as a, E as c, j as i, T as l, N as n, k as o, M as r, O as s, P as t, w as u };
+//# sourceMappingURL=default-page-De3ZyX7n.esm.js.map

package/dist/chunks/default-page-De3ZyX7n.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default-page-De3ZyX7n.esm.js","names":[],"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\nexport {\n DefaultPageRoot as _DefaultPageRoot,\n DefaultPageHeader as _DefaultPageHeader,\n DefaultPageActions as _DefaultPageActions,\n DefaultPageBackLink as _DefaultPageBackLink,\n DefaultPageTitle as _DefaultPageTitle,\n DefaultPageSubtitle as _DefaultPageSubtitle,\n DefaultPageContent as _DefaultPageContent,\n DefaultPageFooter as _DefaultPageFooter,\n DefaultPageTabNav as _DefaultPageTabNav,\n};\n"],"mappings":";;;;;;;;;;;AAcA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,oBACP,CAAC,GAKY,IAGT,EAAuD,OAAO,MAAM,GAE3D,IAGT,EAAqD,UAAU,QAAQ,GAE9D,IAGT,EAAyD,OAAO,SAAS,GAEhE,IAGT,EACF,KACA,UACF,GAEa,IAGT,EAA2D,MAAM,OAAO,GAE/D,IAGT,EACF,KACA,UACF,GAEa,IAGT,EAAwD,OAAO,QAAQ,GAE9D,IAGT,EAAsD,QAAQ,SAAS,GAE9D,IAGT,EAAqD,UAAU,QAAQ,GC7D9D,KAAmB,EAC9B,QACA,aACA,GAAG,QACmB;CAEtB,IAAM,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,oBAAoB,CACvB,CAAA,CAAO,kBAAkB,CAAK;CAE/D,OACE,kBAAC,GAAD;EAA0B;EAAK,GAAI;EAAa,GAAI;EACjD;CACkB,CAAA;AAEzB;AAEA,EAAgB,cAAc;;;AChB9B,IAAa,KAAqB,EAChC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA4B;CAAK,GAAI;CAClC;AACoB,CAAA;AAI3B,EAAkB,cAAc;;;ACZhC,IAAa,KAAsB,EACjC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA6B;CAAK,GAAI;CACnC;AACqB,CAAA;AAI5B,EAAmB,cAAc;;;AMGjC,IAAa,IAGT;CACF,IAAI,EAAkB,ELrBP,UAAU,UKqBH,CAAsB;CAC5C,IAAI,EAAkB,EJtBP,UAAU,SIsBH,CAAsB;CAC5C,IAAI,EAAkB,EHvBP,UAAU,SGuBH,CAAsB;CAC5C,SAAS,EAAkB,EFxBZ,UAAU,SEwBE,CAAsB;CACjD,SAAS,EAAkB,EDzBZ,UAAU,SCyBE,CAAsB;AACnD,GCjBa,KAAuB,EAClC,KAAK,GACL,SACA,aACA,GAAG,QAC2B;CAC9B,IAAM,IAAM,EAA4B,CAA0B,GAC5D,CAAC,GAAY,KAAmB,EAAkB,CAAK,GAGvD,IAAM,EAAa,EADR,EAA0B,IACR,GAAU,CAAY,CAAC,GACpD,EAAE,iBAAc,EACpB;EAAE,GAAG;EAAiB;EAAM,aAAa;CAAI,GAC7C,CACF;CAEA,OACE,kBAAC,GAAD;EACO;EACL,GAAI,EAAW,GAAY,GAAiB,CAAS;YAFvD,CAIE,kBAAC,GAAD,CAAY,CAAA,GACX,KAAY,EAAI,OAAO,UAAU,CACX;;AAE7B;AAEA,EAAoB,cAAc;;;AClClC,IAAa,KAAoB,EAC/B,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA2B;CAAK,GAAI;CACjC;AACmB,CAAA;AAI1B,EAAiB,cAAc;;;ACZ/B,IAAa,KAAuB,EAClC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA8B;CAAK,GAAI;CACpC;AACsB,CAAA;AAI7B,EAAoB,cAAc;;;ACZlC,IAAa,KAAsB,EACjC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA6B;CAAK,UAAU;CAAG,GAAI;CAChD;AACqB,CAAA;AAI5B,EAAmB,cAAc;;;ACZjC,IAAa,KAAqB,EAChC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA4B;CAAK,GAAI;CAClC;AACoB,CAAA;AAI3B,EAAkB,cAAc;;;ACChC,IAAa,KAAqB,EAChC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA4B;CAAK,GAAI;CAClC;AACoB,CAAA;AAI3B,EAAkB,cAAc;;;ACyBhC,IAAa,IAAc;CAezB,MAAM;CAeN,QAAQ;CAcR,UAAU;CAWV,OAAO;CAWP,UAAU;CAiBV,SAAS;CAaT,SAAS;CAeT,QAAQ;CAuBR,QAAQ;AACV"}