@commercetools/nimbus 2.11.0 → 3.1.0

package/dist/chunks/calendar-BjIH-aqL.esm.js

@@ -0,0 +1,199 @@
+import { c as e, t } from "./utils-fV6_MPu5.esm.js";
+import { t as n } from "./I18nProvider-BwhNFoRj.esm.js";
+import { t as r } from "./Button-DegJUc0f.esm.js";
+import { t as i } from "./Heading-V7FlG9BA.esm.js";
+import { t as a } from "./Text-BFxO9Dri.esm.js";
+import { a as o, d as s, i as c, l, r as u, s as d, t as f, u as p } from "./Calendar-tKcY4m2R.esm.js";
+import { E as m, w as h } from "./useDateFormatter-BZAoSJEK.esm.js";
+import { t as g } from "./icon-button-nyzcQ8NF.esm.js";
+import { t as _ } from "./box-DQiakoKP.esm.js";
+import { n as v, t as y } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as b } from "./flex-BB3-rbwF.esm.js";
+import { t as x } from "./text-BKasY2HZ.esm.js";
+import { t as S } from "./stack-D0obj5JC.esm.js";
+import { t as C } from "./visually-hidden-D2q0M5DH.esm.js";
+import { t as w } from "./extract-style-props-4RoFSvGV.esm.js";
+import { createSlotRecipeContext as T, useSlotRecipe as E } from "@chakra-ui/react/styled-system";
+import { useContext as D } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
+import { KeyboardArrowLeft as A, KeyboardArrowRight as j } from "@commercetools/nimbus-icons";
+//#region src/components/calendar/calendar.slots.tsx
+var { withProvider: M, withContext: N } = T({ key: "nimbusCalendar" }), P = M("div", "root"), F = N("div", "header"), I = N("div", "grids"), L = N("div", "monthTitle"), R = N("table", "grid"), z = N("thead", "gridHeader"), B = N("th", "headerCell"), V = N("tbody", "gridBody"), H = N("td", "bodyCell"), U = {
+	en: y({
+		nextMonth: "Next month",
+		nextYear: "Next year",
+		previousMonth: "Previous month",
+		previousYear: "Previous year"
+	}),
+	de: y({
+		nextMonth: "Nächsten Monat",
+		nextYear: "Nächstes Jahr",
+		previousMonth: "Letzten Monat",
+		previousYear: "Letztes Jahr"
+	}),
+	es: y({
+		nextMonth: "Próximo mes",
+		nextYear: "Próximo año",
+		previousMonth: "Mes anterior",
+		previousYear: "Año anterior"
+	}),
+	"fr-FR": y({
+		nextMonth: "Mois suivant",
+		nextYear: "Année suivante",
+		previousMonth: "Mois précédent",
+		previousYear: "Année précédente"
+	}),
+	"pt-BR": y({
+		nextMonth: "Próximo mês",
+		nextYear: "Próximo ano",
+		previousMonth: "Mês anterior",
+		previousYear: "Ano anterior"
+	})
+}, W = ({ children: e }) => {
+	let { locale: i } = n(), o = v(U), s = D(r), c = D(a), l = D(d), u = {
+		"next-month": {
+			onPress: () => l.focusNextSection(),
+			"aria-label": o.format("nextMonth")
+		},
+		"previous-month": {
+			onPress: () => l.focusPreviousSection(),
+			"aria-label": o.format("previousMonth")
+		},
+		"next-year": {
+			onPress: () => l.focusNextSection(!0),
+			"aria-label": o.format("nextYear")
+		},
+		"previous-year": {
+			onPress: () => l.focusPreviousSection(!0),
+			"aria-label": o.format("previousYear")
+		}
+	}, f = new Intl.DateTimeFormat(i, { month: "long" }).format(l.focusedDate.toDate(h())), p = [new Intl.DateTimeFormat(i, { month: "long" }).format(l.visibleRange.start.toDate(h())), new Intl.DateTimeFormat(i, { month: "long" }).format(l.visibleRange.end.toDate(h()))].join(" - "), m = new Intl.DateTimeFormat(i, { year: "numeric" }).format(l.focusedDate.toDate(h())), g = {
+		month: { children: f },
+		monthRange: { children: p },
+		year: { children: m }
+	};
+	return /* @__PURE__ */ O(t, {
+		values: [[r, {
+			...s,
+			slots: {
+				...s && typeof s == "object" && "slots" in s ? s.slots : {},
+				...u
+			}
+		}], [a, {
+			...c,
+			slots: {
+				...c && typeof c == "object" && "slots" in c ? c.slots : {},
+				...g
+			}
+		}]],
+		children: e
+	});
+}, G = () => {
+	let { locale: t } = n(), r = e(u), i = D(d), a = r?.visibleDuration?.months || 1, s = m(h()), g = a > 1;
+	return /* @__PURE__ */ O(I, { children: Array.from({ length: a }, (e, n) => {
+		let r = i.visibleRange.start.add({ months: n }), u = new Intl.DateTimeFormat(t, { month: "long" }).format(r.toDate(h()));
+		return /* @__PURE__ */ k(_, {
+			width: a == 1 ? "full" : "auto",
+			children: [g && /* @__PURE__ */ O(L, { children: u }), /* @__PURE__ */ O(R, {
+				asChild: !0,
+				children: /* @__PURE__ */ k(c, {
+					offset: { months: n },
+					weekdayStyle: "short",
+					children: [/* @__PURE__ */ O(z, {
+						asChild: !0,
+						children: /* @__PURE__ */ O(f, { children: (e) => /* @__PURE__ */ O(B, {
+							asChild: !0,
+							children: /* @__PURE__ */ O(l, { children: e })
+						}) })
+					}), /* @__PURE__ */ O(V, {
+						asChild: !0,
+						children: /* @__PURE__ */ O(p, { children: (e) => /* @__PURE__ */ O(H, {
+							asChild: !0,
+							"data-today": e.compare(s) === 0,
+							children: /* @__PURE__ */ O(o, { date: e })
+						}) })
+					})]
+				})
+			})]
+		}, u);
+	}) });
+}, K = () => {
+	let t = (e(u)?.visibleDuration?.months || 1) > 1;
+	return /* @__PURE__ */ O(F, { children: /* @__PURE__ */ k(b, { children: [
+		/* @__PURE__ */ k(S, {
+			direction: "row",
+			alignItems: "center",
+			children: [
+				/* @__PURE__ */ O(C, { children: /* @__PURE__ */ O(i, {}) }),
+				/* @__PURE__ */ O(g, {
+					slot: t ? "previous" : "previous-month",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ O(A, {})
+				}),
+				/* @__PURE__ */ O(x, {
+					textStyle: "sm",
+					fontWeight: "500",
+					color: "neutral.11",
+					width: t ? "4000" : "2000",
+					textAlign: "center",
+					"aria-hidden": "true",
+					slot: t ? "monthRange" : "month"
+				}),
+				/* @__PURE__ */ O(g, {
+					slot: t ? "next" : "next-month",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ O(j, {})
+				})
+			]
+		}),
+		/* @__PURE__ */ O(_, { flexGrow: "1" }),
+		/* @__PURE__ */ k(S, {
+			direction: "row",
+			alignItems: "center",
+			children: [
+				/* @__PURE__ */ O(g, {
+					slot: "previous-year",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ O(A, {})
+				}),
+				/* @__PURE__ */ O(x, {
+					textStyle: "sm",
+					fontWeight: "500",
+					color: "neutral.11",
+					width: "1400",
+					textAlign: "center",
+					"aria-hidden": "true",
+					slot: "year"
+				}),
+				/* @__PURE__ */ O(g, {
+					slot: "next-year",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ O(j, {})
+				})
+			]
+		})
+	] }) });
+}, q = (e) => {
+	let [t, n] = E({ key: "nimbusCalendar" }).splitVariantProps(e), [r, i] = w(n);
+	return /* @__PURE__ */ O(P, {
+		...t,
+		...r,
+		asChild: !0,
+		children: /* @__PURE__ */ O(s, {
+			...i,
+			children: /* @__PURE__ */ k(W, { children: [/* @__PURE__ */ O(K, {}), /* @__PURE__ */ O(G, {})] })
+		})
+	});
+};
+//#endregion
+export { q as t };
+
+//# sourceMappingURL=calendar-BjIH-aqL.esm.js.map

package/dist/chunks/calendar-BjIH-aqL.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-BjIH-aqL.esm.js","names":[],"sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/intl/en.ts","../../src/components/calendar/intl/de.ts","../../src/components/calendar/intl/es.ts","../../src/components/calendar/intl/fr-FR.ts","../../src/components/calendar/intl/pt-BR.ts","../../src/components/calendar/calendar.messages.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  CalendarCellSlotProps,\n  CalendarGridBodySlotProps,\n  CalendarGridHeaderSlotProps,\n  CalendarGridSlotProps,\n  CalendarGridsSlotProps,\n  CalendarHeaderCellSlotProps,\n  CalendarHeaderSlotProps,\n  CalendarMonthTitleSlotProps,\n  CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCalendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n  HTMLDivElement,\n  CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n  HTMLTableElement,\n  CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","/**\n * Pre-compiled en messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Next month`,\n  nextYear: `Next year`,\n  previousMonth: `Previous month`,\n  previousYear: `Previous year`,\n};\n","/**\n * Pre-compiled de messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Nächsten Monat`,\n  nextYear: `Nächstes Jahr`,\n  previousMonth: `Letzten Monat`,\n  previousYear: `Letztes Jahr`,\n};\n","/**\n * Pre-compiled es messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mes`,\n  nextYear: `Próximo año`,\n  previousMonth: `Mes anterior`,\n  previousYear: `Año anterior`,\n};\n","/**\n * Pre-compiled fr-FR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mois suivant`,\n  nextYear: `Année suivante`,\n  previousMonth: `Mois précédent`,\n  previousYear: `Année précédente`,\n};\n","/**\n * Pre-compiled pt-BR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mês`,\n  nextYear: `Próximo ano`,\n  previousMonth: `Mês anterior`,\n  previousYear: `Ano anterior`,\n};\n","/**\n * Pre-compiled localized messages for Calendar 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 calendarMessages_en from \"./intl/en\";\nimport calendarMessages_de from \"./intl/de\";\nimport calendarMessages_es from \"./intl/es\";\nimport calendarMessages_fr from \"./intl/fr-FR\";\nimport calendarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const calendarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(calendarMessages_en),\n  de: normalizeMessages(calendarMessages_de),\n  es: normalizeMessages(calendarMessages_es),\n  \"fr-FR\": normalizeMessages(calendarMessages_fr),\n  \"pt-BR\": normalizeMessages(calendarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Calendar component\n */\nexport type CalendarMessageKey =\n  | \"nextMonth\"\n  | \"nextYear\"\n  | \"previousMonth\"\n  | \"previousYear\";\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  CalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { calendarMessagesStrings } from \"../calendar.messages\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(calendarMessagesStrings);\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(CalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": msg.format(\"nextMonth\"),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": msg.format(\"previousMonth\"),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": msg.format(\"nextYear\"),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": msg.format(\"previousYear\"),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  CalendarContext,\n  CalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n  CalendarCellSlot,\n  CalendarGridBodySlot,\n  CalendarGridHeaderSlot,\n  CalendarGridSlot,\n  CalendarGridsSlot,\n  CalendarHeaderCellSlot,\n  CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(CalendarContext);\n  const calendarState = useContext(CalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <CalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n            )}\n            <CalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <CalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <CalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </CalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </CalendarGridHeaderSlot>\n                <CalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <CalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </CalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </CalendarGridBodySlot>\n              </RaCalendarGrid>\n            </CalendarGridSlot>\n          </Box>\n        );\n      })}\n    </CalendarGridsSlot>\n  );\n};\n","import {\n  CalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n  const calendarProps = useSlottedContext(CalendarContext);\n\n  // Needed to decide wether to show a single month or a range\n  const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <CalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          <IconButton\n            slot=\"next-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </CalendarHeaderSlot>\n  );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport {\n  CalendarGrids,\n  CalendarHeader,\n  CalendarCustomContext,\n} from \"./components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCalendar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaCalendar {...otherProps}>\n        <CalendarCustomContext>\n          <CalendarHeader />\n          <CalendarGrids />\n        </CalendarCustomContext>\n      </RaCalendar>\n    </CalendarRootSlot>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/calendar-BpOtdptE.cjs

@@ -0,0 +1,2 @@
+const e=require("./utils-C3WnIiIP.cjs.js"),t=require("./I18nProvider-ChvyDHT0.cjs.js"),n=require("./Button-DL46qJN7.cjs.js"),r=require("./Heading-Bg4c_XYC.cjs.js"),i=require("./Text-BxnTJ58S.cjs.js"),a=require("./Calendar-DbWEUluv.cjs.js"),o=require("./useDateFormatter-ueAk9rf0.cjs.js"),s=require("./icon-button-VYRqOd0H.cjs.js"),c=require("./box-BO5SEdrn.cjs.js"),l=require("./normalize-messages-BMIBfw4v.cjs.js"),u=require("./flex-D_rZ56ps.cjs.js"),d=require("./text-C6qhggY6.cjs.js"),f=require("./stack-MlK9aGs9.cjs.js"),p=require("./visually-hidden-BzVdP5ZC.cjs.js"),m=require("./extract-style-props-CVl34XLj.cjs.js");let h=require("@chakra-ui/react/styled-system"),g=require("react"),_=require("react/jsx-runtime"),v=require("@commercetools/nimbus-icons");var{withProvider:y,withContext:b}=(0,h.createSlotRecipeContext)({key:`nimbusCalendar`}),x=y(`div`,`root`),S=b(`div`,`header`),C=b(`div`,`grids`),w=b(`div`,`monthTitle`),T=b(`table`,`grid`),E=b(`thead`,`gridHeader`),D=b(`th`,`headerCell`),O=b(`tbody`,`gridBody`),k=b(`td`,`bodyCell`),A={en:l.t({nextMonth:`Next month`,nextYear:`Next year`,previousMonth:`Previous month`,previousYear:`Previous year`}),de:l.t({nextMonth:`Nächsten Monat`,nextYear:`Nächstes Jahr`,previousMonth:`Letzten Monat`,previousYear:`Letztes Jahr`}),es:l.t({nextMonth:`Próximo mes`,nextYear:`Próximo año`,previousMonth:`Mes anterior`,previousYear:`Año anterior`}),"fr-FR":l.t({nextMonth:`Mois suivant`,nextYear:`Année suivante`,previousMonth:`Mois précédent`,previousYear:`Année précédente`}),"pt-BR":l.t({nextMonth:`Próximo mês`,nextYear:`Próximo ano`,previousMonth:`Mês anterior`,previousYear:`Ano anterior`})},j=({children:r})=>{let{locale:s}=t.t(),c=l.n(A),u=(0,g.useContext)(n.t),d=(0,g.useContext)(i.t),f=(0,g.useContext)(a.s),p={"next-month":{onPress:()=>f.focusNextSection(),"aria-label":c.format(`nextMonth`)},"previous-month":{onPress:()=>f.focusPreviousSection(),"aria-label":c.format(`previousMonth`)},"next-year":{onPress:()=>f.focusNextSection(!0),"aria-label":c.format(`nextYear`)},"previous-year":{onPress:()=>f.focusPreviousSection(!0),"aria-label":c.format(`previousYear`)}},m=new Intl.DateTimeFormat(s,{month:`long`}).format(f.focusedDate.toDate(o.w())),h=[new Intl.DateTimeFormat(s,{month:`long`}).format(f.visibleRange.start.toDate(o.w())),new Intl.DateTimeFormat(s,{month:`long`}).format(f.visibleRange.end.toDate(o.w()))].join(` - `),v=new Intl.DateTimeFormat(s,{year:`numeric`}).format(f.focusedDate.toDate(o.w())),y={month:{children:m},monthRange:{children:h},year:{children:v}};return(0,_.jsx)(e.t,{values:[[n.t,{...u,slots:{...u&&typeof u==`object`&&`slots`in u?u.slots:{},...p}}],[i.t,{...d,slots:{...d&&typeof d==`object`&&`slots`in d?d.slots:{},...y}}]],children:r})},M=()=>{let{locale:n}=t.t(),r=e.c(a.r),i=(0,g.useContext)(a.s),s=r?.visibleDuration?.months||1,l=o.E(o.w()),u=s>1;return(0,_.jsx)(C,{children:Array.from({length:s},(e,t)=>{let r=i.visibleRange.start.add({months:t}),d=new Intl.DateTimeFormat(n,{month:`long`}).format(r.toDate(o.w()));return(0,_.jsxs)(c.t,{width:s==1?`full`:`auto`,children:[u&&(0,_.jsx)(w,{children:d}),(0,_.jsx)(T,{asChild:!0,children:(0,_.jsxs)(a.i,{offset:{months:t},weekdayStyle:`short`,children:[(0,_.jsx)(E,{asChild:!0,children:(0,_.jsx)(a.t,{children:e=>(0,_.jsx)(D,{asChild:!0,children:(0,_.jsx)(a.l,{children:e})})})}),(0,_.jsx)(O,{asChild:!0,children:(0,_.jsx)(a.u,{children:e=>(0,_.jsx)(k,{asChild:!0,"data-today":e.compare(l)===0,children:(0,_.jsx)(a.a,{date:e})})})})]})})]},d)})})},N=()=>{let t=(e.c(a.r)?.visibleDuration?.months||1)>1;return(0,_.jsx)(S,{children:(0,_.jsxs)(u.t,{children:[(0,_.jsxs)(f.t,{direction:`row`,alignItems:`center`,children:[(0,_.jsx)(p.t,{children:(0,_.jsx)(r.t,{})}),(0,_.jsx)(s.t,{slot:t?`previous`:`previous-month`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,_.jsx)(v.KeyboardArrowLeft,{})}),(0,_.jsx)(d.t,{textStyle:`sm`,fontWeight:`500`,color:`neutral.11`,width:t?`4000`:`2000`,textAlign:`center`,"aria-hidden":`true`,slot:t?`monthRange`:`month`}),(0,_.jsx)(s.t,{slot:t?`next`:`next-month`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,_.jsx)(v.KeyboardArrowRight,{})})]}),(0,_.jsx)(c.t,{flexGrow:`1`}),(0,_.jsxs)(f.t,{direction:`row`,alignItems:`center`,children:[(0,_.jsx)(s.t,{slot:`previous-year`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,_.jsx)(v.KeyboardArrowLeft,{})}),(0,_.jsx)(d.t,{textStyle:`sm`,fontWeight:`500`,color:`neutral.11`,width:`1400`,textAlign:`center`,"aria-hidden":`true`,slot:`year`}),(0,_.jsx)(s.t,{slot:`next-year`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,_.jsx)(v.KeyboardArrowRight,{})})]})]})})},P=e=>{let[t,n]=(0,h.useSlotRecipe)({key:`nimbusCalendar`}).splitVariantProps(e),[r,i]=m.t(n);return(0,_.jsx)(x,{...t,...r,asChild:!0,children:(0,_.jsx)(a.d,{...i,children:(0,_.jsxs)(j,{children:[(0,_.jsx)(N,{}),(0,_.jsx)(M,{})]})})})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
+//# sourceMappingURL=calendar-BpOtdptE.cjs.js.map

package/dist/chunks/calendar-BpOtdptE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-BpOtdptE.cjs.js","names":[],"sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/intl/en.ts","../../src/components/calendar/intl/de.ts","../../src/components/calendar/intl/es.ts","../../src/components/calendar/intl/fr-FR.ts","../../src/components/calendar/intl/pt-BR.ts","../../src/components/calendar/calendar.messages.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type {\n  CalendarCellSlotProps,\n  CalendarGridBodySlotProps,\n  CalendarGridHeaderSlotProps,\n  CalendarGridSlotProps,\n  CalendarGridsSlotProps,\n  CalendarHeaderCellSlotProps,\n  CalendarHeaderSlotProps,\n  CalendarMonthTitleSlotProps,\n  CalendarRootSlotProps,\n} from \"./calendar.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCalendar\",\n});\n\nexport const CalendarRootSlot: SlotComponent<\n  HTMLDivElement,\n  CalendarRootSlotProps\n> = withProvider<HTMLDivElement, CalendarRootSlotProps>(\"div\", \"root\");\n\nexport const CalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport const CalendarGridsSlot = withContext<\n  HTMLDivElement,\n  CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport const CalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport const CalendarGridSlot = withContext<\n  HTMLTableElement,\n  CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport const CalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport const CalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport const CalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport const CalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","/**\n * Pre-compiled en messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Next month`,\n  nextYear: `Next year`,\n  previousMonth: `Previous month`,\n  previousYear: `Previous year`,\n};\n","/**\n * Pre-compiled de messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Nächsten Monat`,\n  nextYear: `Nächstes Jahr`,\n  previousMonth: `Letzten Monat`,\n  previousYear: `Letztes Jahr`,\n};\n","/**\n * Pre-compiled es messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mes`,\n  nextYear: `Próximo año`,\n  previousMonth: `Mes anterior`,\n  previousYear: `Año anterior`,\n};\n","/**\n * Pre-compiled fr-FR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Mois suivant`,\n  nextYear: `Année suivante`,\n  previousMonth: `Mois précédent`,\n  previousYear: `Année précédente`,\n};\n","/**\n * Pre-compiled pt-BR messages for Calendar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  nextMonth: `Próximo mês`,\n  nextYear: `Próximo ano`,\n  previousMonth: `Mês anterior`,\n  previousYear: `Ano anterior`,\n};\n","/**\n * Pre-compiled localized messages for Calendar 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 calendarMessages_en from \"./intl/en\";\nimport calendarMessages_de from \"./intl/de\";\nimport calendarMessages_es from \"./intl/es\";\nimport calendarMessages_fr from \"./intl/fr-FR\";\nimport calendarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const calendarMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(calendarMessages_en),\n  de: normalizeMessages(calendarMessages_de),\n  es: normalizeMessages(calendarMessages_es),\n  \"fr-FR\": normalizeMessages(calendarMessages_fr),\n  \"pt-BR\": normalizeMessages(calendarMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Calendar component\n */\nexport type CalendarMessageKey =\n  | \"nextMonth\"\n  | \"nextYear\"\n  | \"previousMonth\"\n  | \"previousYear\";\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  CalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { calendarMessagesStrings } from \"../calendar.messages\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const msg = useLocalizedStringFormatter(calendarMessagesStrings);\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(CalendarStateContext)!;\n\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": msg.format(\"nextMonth\"),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": msg.format(\"previousMonth\"),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": msg.format(\"nextYear\"),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": msg.format(\"previousYear\"),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  CalendarContext,\n  CalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n  CalendarCellSlot,\n  CalendarGridBodySlot,\n  CalendarGridHeaderSlot,\n  CalendarGridSlot,\n  CalendarGridsSlot,\n  CalendarHeaderCellSlot,\n  CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(CalendarContext);\n  const calendarState = useContext(CalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <CalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n            )}\n            <CalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <CalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <CalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </CalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </CalendarGridHeaderSlot>\n                <CalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <CalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </CalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </CalendarGridBodySlot>\n              </RaCalendarGrid>\n            </CalendarGridSlot>\n          </Box>\n        );\n      })}\n    </CalendarGridsSlot>\n  );\n};\n","import {\n  CalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n  const calendarProps = useSlottedContext(CalendarContext);\n\n  // Needed to decide wether to show a single month or a range\n  const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <CalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          <IconButton\n            slot=\"next-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            colorPalette=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </CalendarHeaderSlot>\n  );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport {\n  CalendarGrids,\n  CalendarHeader,\n  CalendarCustomContext,\n} from \"./components\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCalendar\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaCalendar {...otherProps}>\n        <CalendarCustomContext>\n          <CalendarHeader />\n          <CalendarGrids />\n        </CalendarCustomContext>\n      </RaCalendar>\n    </CalendarRootSlot>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/card-BUI_FC35.esm.js

@@ -0,0 +1,75 @@
+import { r as e } from "./mergeProps-CTd2pucx.esm.js";
+import { a as t, t as n } from "./utils-fV6_MPu5.esm.js";
+import { n as r } from "./Heading-V7FlG9BA.esm.js";
+import { t as i } from "./Text-BFxO9Dri.esm.js";
+import { createSlotRecipeContext as a, useSlotRecipe as o } from "@chakra-ui/react/styled-system";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/components/card/card.slots.tsx
+var { withProvider: c, withContext: l } = a({ key: "nimbusCard" }), u = c("div", "root"), d = l("div", "header"), f = l("div", "body"), p = l("div", "footer"), m = ({ ref: a, children: c, ...l }) => {
+	let [d, f] = o({ key: "nimbusCard" }).splitVariantProps(l), p = e(), m = e(), h = {
+		"aria-labelledby": p || void 0,
+		"aria-describedby": m || void 0
+	};
+	return /* @__PURE__ */ s(n, {
+		values: [[r, { slots: {
+			[t]: {},
+			title: { id: p }
+		} }], [i, { slots: {
+			[t]: {},
+			description: { id: m }
+		} }]],
+		children: /* @__PURE__ */ s(u, {
+			ref: a,
+			...d,
+			...h,
+			...f,
+			children: c
+		})
+	});
+};
+m.displayName = "Card.Root";
+//#endregion
+//#region src/components/card/components/card.header.tsx
+var h = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ s(d, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+h.displayName = "Card.Header";
+//#endregion
+//#region src/components/card/components/card.body.tsx
+var g = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ s(f, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+g.displayName = "Card.Body";
+//#endregion
+//#region src/components/card/components/card.footer.tsx
+var _ = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ s(p, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+_.displayName = "Card.Footer";
+//#endregion
+//#region src/components/card/card.tsx
+var v = {
+	Root: m,
+	Header: h,
+	Body: g,
+	Footer: _
+};
+//#endregion
+export { m as a, h as i, _ as n, g as r, v as t };
+
+//# sourceMappingURL=card-BUI_FC35.esm.js.map

package/dist/chunks/card-BUI_FC35.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-BUI_FC35.esm.js","names":[],"sources":["../../src/components/card/card.slots.tsx","../../src/components/card/components/card.root.tsx","../../src/components/card/components/card.header.tsx","../../src/components/card/components/card.body.tsx","../../src/components/card/components/card.footer.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  CardBodySlotProps,\n  CardFooterSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCard\",\n});\n\n/**\n * Root component that provides the styling context for the Card component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const CardRoot: SlotComponent<HTMLDivElement, CardRootSlotProps> =\n  withProvider<HTMLDivElement, CardRootSlotProps>(\"div\", \"root\");\n\nexport const CardHeader: SlotComponent<HTMLDivElement, CardHeaderSlotProps> =\n  withContext<HTMLDivElement, CardHeaderSlotProps>(\"div\", \"header\");\n\nexport const CardBody: SlotComponent<HTMLDivElement, CardBodySlotProps> =\n  withContext<HTMLDivElement, CardBodySlotProps>(\"div\", \"body\");\n\nexport const CardFooter: SlotComponent<HTMLDivElement, CardFooterSlotProps> =\n  withContext<HTMLDivElement, CardFooterSlotProps>(\"div\", \"footer\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  Provider,\n  HeadingContext,\n  TextContext,\n  DEFAULT_SLOT,\n} from \"react-aria-components\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\n\n/**\n * Card.Root - The root component that provides context and styling for the card.\n *\n * When a `<Heading slot=\"title\">` or `<Text slot=\"description\">` is placed\n * inside, the card automatically receives `aria-labelledby` and/or\n * `aria-describedby` pointing to those elements. The card itself remains\n * a plain `<div>` — set `role` explicitly on the consumer side if a landmark\n * or interactive role is needed.\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCard\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  const titleId = useSlotId();\n  const descriptionId = useSlotId();\n\n  const ariaProps = {\n    \"aria-labelledby\": titleId || undefined,\n    \"aria-describedby\": descriptionId || undefined,\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          { slots: { [DEFAULT_SLOT]: {}, title: { id: titleId } } },\n        ],\n        [\n          TextContext,\n          {\n            slots: { [DEFAULT_SLOT]: {}, description: { id: descriptionId } },\n          },\n        ],\n      ]}\n    >\n      <CardRootSlot ref={ref} {...recipeProps} {...ariaProps} {...restProps}>\n        {children}\n      </CardRootSlot>\n    </Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport type { CardHeaderProps } from \"../card.types\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardHeaderSlot>\n  );\n};\n\nCardHeader.displayName = \"Card.Header\";\n","import { CardBody as CardBodySlot } from \"../card.slots\";\nimport type { CardBodyProps } from \"../card.types\";\n\n/**\n * Card.Body - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardBody = (props: CardBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardBodySlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardBodySlot>\n  );\n};\n\nCardBody.displayName = \"Card.Body\";\n","import { CardFooter as CardFooterSlot } from \"../card.slots\";\nimport type { CardFooterProps } from \"../card.types\";\n\n/**\n * Card.Footer - The footer section for actions and metadata\n *\n * @supportsStyleProps\n */\nexport const CardFooter = (props: CardFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardFooterSlot>\n  );\n};\n\nCardFooter.displayName = \"Card.Footer\";\n","import { CardRoot, CardHeader, CardBody, CardFooter } from \"./components\";\n\n/**\n * Card\n * ============================================================\n * A versatile container component that presents self-contained information\n * in a visually distinct way. Cards group related content and actions\n * together, making it easy to scan and interact with information.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n *\n * @example\n * ```tsx\n * <Card.Root>\n *   <Card.Header>Card Title</Card.Header>\n *   <Card.Body>Card content goes here</Card.Body>\n *   <Card.Footer>Card actions</Card.Footer>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides styling for the card.\n   * Must wrap all card parts (Header, Body, Footer).\n   * Accepts `variant` and `size` props for visual treatment and spacing.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root variant=\"outlined\" size=\"md\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Root: CardRoot,\n  /**\n   * # Card.Header\n   *\n   * The header section of the card, typically containing the card title\n   * or primary heading. Renders directly in DOM order.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Body>Content here</Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Body\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Body: CardBody,\n  /**\n   * # Card.Footer\n   *\n   * The footer section of the card for actions and metadata.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\n   *   <Card.Footer>\n   *     <Button>Action</Button>\n   *   </Card.Footer>\n   * </Card.Root>\n   * ```\n   */\n  Footer: CardFooter,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardBody as _CardBody,\n  CardFooter as _CardFooter,\n};\n"],"mappings":";;;;;;;AASA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,aACP,CAAC,GAMY,IACX,EAAgD,OAAO,MAAM,GAElD,IACX,EAAiD,OAAO,QAAQ,GAErD,IACX,EAA+C,OAAO,MAAM,GAEjD,IACX,EAAiD,OAAO,QAAQ,GCLrD,KAAY,EAAE,QAAK,aAAU,GAAG,QAAuB;CAElE,IAAM,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,aAAa,CAChB,EAAO,kBAAkB,CAAK,GAEzD,IAAU,EAAU,GACpB,IAAgB,EAAU,GAE1B,IAAY;EAChB,mBAAmB,KAAW,KAAA;EAC9B,oBAAoB,KAAiB,KAAA;CACvC;CAEA,OACE,kBAAC,GAAD;EACE,QAAQ,CACN,CACE,GACA,EAAE,OAAO;IAAG,IAAe,CAAC;GAAG,OAAO,EAAE,IAAI,EAAQ;EAAE,EAAE,CAC1D,GACA,CACE,GACA,EACE,OAAO;IAAG,IAAe,CAAC;GAAG,aAAa,EAAE,IAAI,EAAc;EAAE,EAClE,CACF,CACF;YAEA,kBAAC,GAAD;GAAmB;GAAK,GAAI;GAAa,GAAI;GAAW,GAAI;GACzD;EACW,CAAA;CACN,CAAA;AAEd;AAEA,EAAS,cAAc;;;AChDvB,IAAa,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAgB,KAAK;EAAc,GAAI;EACpC;CACa,CAAA;AAEpB;AAEA,EAAW,cAAc;;;ACVzB,IAAa,KAAY,MAAyB;CAChD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAc,KAAK;EAAc,GAAI;EAClC;CACW,CAAA;AAElB;AAEA,EAAS,cAAc;;;ACVvB,IAAa,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAgB,KAAK;EAAc,GAAI;EACpC;CACa,CAAA;AAEpB;AAEA,EAAW,cAAc;;;ACEzB,IAAa,IAAO;CAgBlB,MAAM;CAeN,QAAQ;CAiBR,MAAM;CAiBN,QAAQ;AACV"}

package/dist/chunks/card-DPXNBh2h.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-Dn9WJiIo.cjs.js"),t=require("./utils-C3WnIiIP.cjs.js"),n=require("./Heading-Bg4c_XYC.cjs.js"),r=require("./Text-BxnTJ58S.cjs.js");let i=require("@chakra-ui/react/styled-system"),a=require("react/jsx-runtime");var{withProvider:o,withContext:s}=(0,i.createSlotRecipeContext)({key:`nimbusCard`}),c=o(`div`,`root`),l=s(`div`,`header`),u=s(`div`,`body`),d=s(`div`,`footer`),f=({ref:o,children:s,...l})=>{let[u,d]=(0,i.useSlotRecipe)({key:`nimbusCard`}).splitVariantProps(l),f=e.r(),p=e.r(),m={"aria-labelledby":f||void 0,"aria-describedby":p||void 0};return(0,a.jsx)(t.t,{values:[[n.n,{slots:{[t.a]:{},title:{id:f}}}],[r.t,{slots:{[t.a]:{},description:{id:p}}}]],children:(0,a.jsx)(c,{ref:o,...u,...m,...d,children:s})})};f.displayName=`Card.Root`;var p=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(l,{ref:t,...r,children:n})};p.displayName=`Card.Header`;var m=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(u,{ref:t,...r,children:n})};m.displayName=`Card.Body`;var h=e=>{let{ref:t,children:n,...r}=e;return(0,a.jsx)(d,{ref:t,...r,children:n})};h.displayName=`Card.Footer`;var g={Root:f,Header:p,Body:m,Footer:h};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=card-DPXNBh2h.cjs.js.map

package/dist/chunks/card-DPXNBh2h.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-DPXNBh2h.cjs.js","names":[],"sources":["../../src/components/card/card.slots.tsx","../../src/components/card/components/card.root.tsx","../../src/components/card/components/card.header.tsx","../../src/components/card/components/card.body.tsx","../../src/components/card/components/card.footer.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  CardBodySlotProps,\n  CardFooterSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCard\",\n});\n\n/**\n * Root component that provides the styling context for the Card component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const CardRoot: SlotComponent<HTMLDivElement, CardRootSlotProps> =\n  withProvider<HTMLDivElement, CardRootSlotProps>(\"div\", \"root\");\n\nexport const CardHeader: SlotComponent<HTMLDivElement, CardHeaderSlotProps> =\n  withContext<HTMLDivElement, CardHeaderSlotProps>(\"div\", \"header\");\n\nexport const CardBody: SlotComponent<HTMLDivElement, CardBodySlotProps> =\n  withContext<HTMLDivElement, CardBodySlotProps>(\"div\", \"body\");\n\nexport const CardFooter: SlotComponent<HTMLDivElement, CardFooterSlotProps> =\n  withContext<HTMLDivElement, CardFooterSlotProps>(\"div\", \"footer\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  Provider,\n  HeadingContext,\n  TextContext,\n  DEFAULT_SLOT,\n} from \"react-aria-components\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\n\n/**\n * Card.Root - The root component that provides context and styling for the card.\n *\n * When a `<Heading slot=\"title\">` or `<Text slot=\"description\">` is placed\n * inside, the card automatically receives `aria-labelledby` and/or\n * `aria-describedby` pointing to those elements. The card itself remains\n * a plain `<div>` — set `role` explicitly on the consumer side if a landmark\n * or interactive role is needed.\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCard\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  const titleId = useSlotId();\n  const descriptionId = useSlotId();\n\n  const ariaProps = {\n    \"aria-labelledby\": titleId || undefined,\n    \"aria-describedby\": descriptionId || undefined,\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          { slots: { [DEFAULT_SLOT]: {}, title: { id: titleId } } },\n        ],\n        [\n          TextContext,\n          {\n            slots: { [DEFAULT_SLOT]: {}, description: { id: descriptionId } },\n          },\n        ],\n      ]}\n    >\n      <CardRootSlot ref={ref} {...recipeProps} {...ariaProps} {...restProps}>\n        {children}\n      </CardRootSlot>\n    </Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport type { CardHeaderProps } from \"../card.types\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardHeaderSlot>\n  );\n};\n\nCardHeader.displayName = \"Card.Header\";\n","import { CardBody as CardBodySlot } from \"../card.slots\";\nimport type { CardBodyProps } from \"../card.types\";\n\n/**\n * Card.Body - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardBody = (props: CardBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardBodySlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardBodySlot>\n  );\n};\n\nCardBody.displayName = \"Card.Body\";\n","import { CardFooter as CardFooterSlot } from \"../card.slots\";\nimport type { CardFooterProps } from \"../card.types\";\n\n/**\n * Card.Footer - The footer section for actions and metadata\n *\n * @supportsStyleProps\n */\nexport const CardFooter = (props: CardFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardFooterSlot>\n  );\n};\n\nCardFooter.displayName = \"Card.Footer\";\n","import { CardRoot, CardHeader, CardBody, CardFooter } from \"./components\";\n\n/**\n * Card\n * ============================================================\n * A versatile container component that presents self-contained information\n * in a visually distinct way. Cards group related content and actions\n * together, making it easy to scan and interact with information.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n *\n * @example\n * ```tsx\n * <Card.Root>\n *   <Card.Header>Card Title</Card.Header>\n *   <Card.Body>Card content goes here</Card.Body>\n *   <Card.Footer>Card actions</Card.Footer>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides styling for the card.\n   * Must wrap all card parts (Header, Body, Footer).\n   * Accepts `variant` and `size` props for visual treatment and spacing.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root variant=\"outlined\" size=\"md\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Root: CardRoot,\n  /**\n   * # Card.Header\n   *\n   * The header section of the card, typically containing the card title\n   * or primary heading. Renders directly in DOM order.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Body>Content here</Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Body\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Body: CardBody,\n  /**\n   * # Card.Footer\n   *\n   * The footer section of the card for actions and metadata.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\n   *   <Card.Footer>\n   *     <Button>Action</Button>\n   *   </Card.Footer>\n   * </Card.Root>\n   * ```\n   */\n  Footer: CardFooter,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardBody as _CardBody,\n  CardFooter as _CardFooter,\n};\n"],"mappings":"+OASA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,YACP,CAAC,EAMY,EACX,EAAgD,MAAO,MAAM,EAElD,EACX,EAAiD,MAAO,QAAQ,EAErD,EACX,EAA+C,MAAO,MAAM,EAEjD,EACX,EAAiD,MAAO,QAAQ,ECLrD,GAAY,CAAE,MAAK,WAAU,GAAG,KAAuB,CAElE,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,eADS,CAAE,IAAK,YAAa,CAChB,EAAO,kBAAkB,CAAK,EAEzD,EAAU,EAAA,EAAU,EACpB,EAAgB,EAAA,EAAU,EAE1B,EAAY,CAChB,kBAAmB,GAAW,IAAA,GAC9B,mBAAoB,GAAiB,IAAA,EACvC,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAQ,CACN,CACE,EAAA,EACA,CAAE,MAAO,EAAG,EAAA,GAAe,CAAC,EAAG,MAAO,CAAE,GAAI,CAAQ,CAAE,CAAE,CAC1D,EACA,CACE,EAAA,EACA,CACE,MAAO,EAAG,EAAA,GAAe,CAAC,EAAG,YAAa,CAAE,GAAI,CAAc,CAAE,CAClE,CACF,CACF,YAEA,EAAA,EAAA,KAAC,EAAD,CAAmB,MAAK,GAAI,EAAa,GAAI,EAAW,GAAI,EACzD,UACW,CAAA,CACN,CAAA,CAEd,EAEA,EAAS,YAAc,YChDvB,IAAa,EAAc,GAA2B,CACpD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,KAAC,EAAD,CAAgB,IAAK,EAAc,GAAI,EACpC,UACa,CAAA,CAEpB,EAEA,EAAW,YAAc,cCVzB,IAAa,EAAY,GAAyB,CAChD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,KAAC,EAAD,CAAc,IAAK,EAAc,GAAI,EAClC,UACW,CAAA,CAElB,EAEA,EAAS,YAAc,YCVvB,IAAa,EAAc,GAA2B,CACpD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,KAAC,EAAD,CAAgB,IAAK,EAAc,GAAI,EACpC,UACa,CAAA,CAEpB,EAEA,EAAW,YAAc,cCEzB,IAAa,EAAO,CAgBlB,KAAM,EAeN,OAAQ,EAiBR,KAAM,EAiBN,OAAQ,CACV"}

package/dist/chunks/checkbox-C2L5sbe5.cjs

@@ -0,0 +1,2 @@
+const e=require("./SSRProvider-z3ddXNrm.cjs.js"),t=require("./mergeProps-Dn9WJiIo.cjs.js"),n=require("./useObjectRef-B_VeQHvx.cjs.js"),r=require("./utils-C3WnIiIP.cjs.js"),i=require("./filterDOMProps-DnOwsDRm.cjs.js"),a=require("./useFocusRing-DqXC9dNE.cjs.js"),o=require("./useHover-v88a5Dw7.cjs.js"),s=require("./VisuallyHidden-B2dggopr.cjs.js"),c=require("./Form-DzFDRpHC.cjs.js"),l=require("./useFormValidation-BI97dCe0.cjs.js"),u=require("./useToggle-BcTXyf_L.cjs.js"),d=require("./useToggleState-CH_DketV.cjs.js"),f=require("./extract-style-props-CVl34XLj.cjs.js");let p=require("@chakra-ui/react/styled-system"),m=require("react");m=e.i(m,1);let h=require("react/jsx-runtime"),g=require("@commercetools/nimbus-icons");var _=new WeakMap;function v(e,n,r){let{labelProps:i,inputProps:a,descriptionProps:o,errorMessageProps:s,isSelected:c,isPressed:l,isDisabled:d,isReadOnly:f,isInvalid:p,validationErrors:h,validationDetails:g}=u.t(e,n,r),{isIndeterminate:_}=e;return(0,m.useEffect)(()=>{r.current&&(r.current.indeterminate=!!_)}),{labelProps:t.t(i,(0,m.useMemo)(()=>({onMouseDown:e=>e.preventDefault()}),[])),inputProps:a,descriptionProps:o,errorMessageProps:s,isSelected:c,isPressed:l,isDisabled:d,isReadOnly:f,isInvalid:p,validationErrors:h,validationDetails:g}}function y(e,t,n){let r=d.t({isReadOnly:e.isReadOnly||t.isReadOnly,isSelected:t.isSelected(e.value),defaultSelected:t.defaultValue.includes(e.value),onChange(n){n?t.addValue(e.value):t.removeValue(e.value),e.onChange&&e.onChange(n)}}),{name:i,form:a,descriptionId:o,errorMessageId:s,validationBehavior:c}=_.get(t);c=e.validationBehavior??c;let{realtimeValidation:u}=l.s({...e,value:r.isSelected,name:void 0,validationBehavior:`aria`}),f=(0,m.useRef)(l.o),p=()=>{t.setInvalid(e.value,u.isInvalid?u:f.current)};(0,m.useEffect)(p);let h=t.realtimeValidation.isInvalid?t.realtimeValidation:u,g=c===`native`?t.displayValidation:h,y=v({...e,isReadOnly:e.isReadOnly||t.isReadOnly,isDisabled:e.isDisabled||t.isDisabled,name:e.name||i,form:e.form||a,isRequired:e.isRequired??t.isRequired,validationBehavior:c,[l.i]:{realtimeValidation:h,displayValidation:g,resetValidation:t.resetValidation,commitValidation:t.commitValidation,updateValidation(e){f.current=e,p()}}},r,n);return{...y,inputProps:{...y.inputProps,"aria-describedby":[y.inputProps[`aria-describedby`],t.isInvalid?s:null,o].filter(Boolean).join(` `)||void 0}}}var b=(0,m.createContext)(null),x=(0,m.createContext)(null),S=(0,m.createContext)(null),C=(0,m.createContext)(null);function w(e,i){let{validationBehavior:a}=r.c(c.t)||{},o=e.validationBehavior??a??`native`,s=(0,m.useContext)(S),l=n.t((0,m.useMemo)(()=>t.n(i,e.inputRef===void 0?null:e.inputRef),[i,e.inputRef])),u={...r.s(e),children:typeof e.children==`function`?!0:e.children,value:e.value,validationBehavior:o};return[s?y(u,s,l):v(u,d.t(e),l),l]}var T=(0,m.forwardRef)(function(e,t){let{inputRef:n=null,...i}=e;[e,t]=r.n(i,t,b);let[a,o]=w(e,n);return m.default.createElement(C.Provider,{value:{...a,inputRef:o,defaultClassName:`react-aria-Checkbox`,isIndeterminate:e.isIndeterminate,isRequired:e.isRequired}},m.default.createElement(E,{...e,ref:t}))}),E=(0,m.forwardRef)(function(e,n){let{labelProps:c,inputProps:l,isSelected:u,isDisabled:d,isReadOnly:f,isPressed:p,isInvalid:h,inputRef:g,defaultClassName:_,isIndeterminate:v,isRequired:y}=(0,m.useContext)(C),{isFocused:b,isFocusVisible:x,focusProps:S}=a.t(),w=d||f,{hoverProps:T,isHovered:E}=o.t({...e,isDisabled:w}),D=r.r({...e,defaultClassName:_,values:{isSelected:u,isIndeterminate:v||!1,isPressed:p,isHovered:E,isFocused:b,isFocusVisible:x,isDisabled:d,isReadOnly:f,isInvalid:h,isRequired:y||!1}}),O=i.t(e,{global:!0});return delete O.id,delete O.onClick,m.default.createElement(r.o.label,{...t.t(O,c,T,D),ref:n,slot:e.slot||void 0,"data-selected":u||void 0,"data-indeterminate":v||void 0,"data-pressed":p||void 0,"data-hovered":E||void 0,"data-focused":b||void 0,"data-focus-visible":x||void 0,"data-disabled":d||void 0,"data-readonly":f||void 0,"data-invalid":h||void 0,"data-required":y||void 0},m.default.createElement(s.t,{elementType:`span`},m.default.createElement(`input`,{...t.t(l,S),ref:g})),D.children)}),{withProvider:D,withContext:O}=(0,p.createSlotRecipeContext)({key:`nimbusCheckbox`}),k=D(T,`root`),A=O(`span`,`label`),j=O(`span`,`indicator`),M=e=>{let{ref:t,children:n,...r}=e,[i,a]=(0,p.useSlotRecipe)({key:`nimbusCheckbox`}).splitVariantProps(r),[o,s]=f.t(a);return(0,h.jsx)(k,{ref:t,"data-slot":`root`,...s,...i,...o,children:({isSelected:e,isIndeterminate:t,isInvalid:r,isDisabled:i,isFocused:a})=>{let o={"data-selected":e,"data-indeterminate":t,"data-invalid":r,"data-disabled":i,"data-focus":a||void 0};return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsxs)(j,{"data-slot":`indicator`,...o,children:[e&&(0,h.jsx)(g.Check,{}),t&&(0,h.jsx)(g.Remove,{})]}),n&&(0,h.jsx)(A,{"data-slot":`label`,...o,children:n})]})}})};M.displayName=`Checkbox`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}});
+//# sourceMappingURL=checkbox-C2L5sbe5.cjs.js.map

package/dist/chunks/checkbox-C2L5sbe5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-C2L5sbe5.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$43eCz$useToggleState","$43eCz$useFormValidationState","$43eCz$DEFAULT_VALIDATION_RESULT","$43eCz$privateValidationStateProp","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$cdaed739b1139372$export$c24727297075ec6a","$j1L6B$useObjectRef","$j1L6B$mergeRefs","$7230ffa83bc0c2cf$export$ef03459518577ad4","$j1L6B$useCheckboxGroupItem","$j1L6B$useCheckbox","$j1L6B$useToggleState","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$j1L6B$react","$j1L6B$useFocusRing","$j1L6B$useHover","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$j1L6B$filterDOMProps","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$j1L6B$mergeProps","$j1L6B$VisuallyHidden"],"sources":["../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/utils.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckbox.mjs","../../../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $0fffd24394d22962$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$0fffd24394d22962$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.mjs.map\n","import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n    let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, inputRef);\n    let { isIndeterminate: isIndeterminate } = props;\n    (0, $5eYZN$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    return {\n        labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, (0, $5eYZN$useMemo)(()=>({\n                // Prevent label from being focused when mouse down on it.\n                // Note, this does not prevent the input from being focused in the `click` event.\n                onMouseDown: (e)=>e.preventDefault()\n            }), [])),\n        inputProps: inputProps,\n        descriptionProps: descriptionProps,\n        errorMessageProps: errorMessageProps,\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.mjs.map\n","import {useCheckbox as $dde212bea465bd23$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $0fffd24394d22962$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $43eCz$useFormValidationState, DEFAULT_VALIDATION_RESULT as $43eCz$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $43eCz$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\nimport {useRef as $43eCz$useRef, useEffect as $43eCz$useEffect} from \"react\";\nimport {useToggleState as $43eCz$useToggleState} from \"react-stately/useToggleState\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $55cfc34eef47e1ca$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $43eCz$useToggleState)({\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isSelected: state.isSelected(props.value),\n        defaultSelected: state.defaultValue.includes(props.value),\n        onChange (isSelected) {\n            if (isSelected) state.addValue(props.value);\n            else state.removeValue(props.value);\n            if (props.onChange) props.onChange(isSelected);\n        }\n    });\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $0fffd24394d22962$export$ec98120685d4f57d).get(state);\n    validationBehavior = props.validationBehavior ?? validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $43eCz$useFormValidationState)({\n        ...props,\n        value: toggleState.isSelected,\n        // Server validation is handled at the group level.\n        name: undefined,\n        validationBehavior: 'aria'\n    });\n    // Update the checkbox group state when realtime validation changes.\n    let nativeValidation = (0, $43eCz$useRef)((0, $43eCz$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $43eCz$useEffect)(updateValidation);\n    // Combine group and checkbox level validation.\n    let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n    let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n    let res = (0, $dde212bea465bd23$export$e375f10ce42261c5)({\n        ...props,\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isDisabled: props.isDisabled || state.isDisabled,\n        name: props.name || name,\n        form: props.form || form,\n        isRequired: props.isRequired ?? state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $43eCz$privateValidationStateProp)]: {\n            realtimeValidation: combinedRealtimeValidation,\n            displayValidation: displayValidation,\n            resetValidation: state.resetValidation,\n            commitValidation: state.commitValidation,\n            updateValidation (v) {\n                nativeValidation.current = v;\n                updateValidation();\n            }\n        }\n    }, toggleState, inputRef);\n    return {\n        ...res,\n        inputProps: {\n            ...res.inputProps,\n            'aria-describedby': [\n                res.inputProps['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$55cfc34eef47e1ca$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $j1L6B$useCheckboxGroup, useCheckboxGroupItem as $j1L6B$useCheckboxGroupItem} from \"react-aria/useCheckboxGroup\";\nimport {useCheckbox as $j1L6B$useCheckbox} from \"react-aria/useCheckbox\";\nimport {useCheckboxGroupState as $j1L6B$useCheckboxGroupState} from \"react-stately/useCheckboxGroupState\";\nimport {filterDOMProps as $j1L6B$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $j1L6B$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $j1L6B$mergeRefs} from \"react-aria/mergeRefs\";\nimport $j1L6B$react, {createContext as $j1L6B$createContext, forwardRef as $j1L6B$forwardRef, useContext as $j1L6B$useContext, useMemo as $j1L6B$useMemo} from \"react\";\nimport {useFocusRing as $j1L6B$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $j1L6B$useHover} from \"react-aria/useHover\";\nimport {useObjectRef as $j1L6B$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useToggleState as $j1L6B$useToggleState} from \"react-stately/useToggleState\";\nimport {VisuallyHidden as $j1L6B$VisuallyHidden} from \"react-aria/VisuallyHidden\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst $ed8ccb2e23e76301$export$b085522c77523c51 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$c32003b803b6c22e = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $ed8ccb2e23e76301$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let state = (0, $j1L6B$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $j1L6B$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: props.isRequired || false,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-CheckboxGroup'\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, renderProps, groupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": props.isRequired || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $43a3b93638fe5db9$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $ed8ccb2e23e76301$var$InternalCheckboxContext = /*#__PURE__*/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$94195a47b94ed396 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$c32003b803b6c22e);\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    let { descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationDetails: validationDetails, validationErrors: validationErrors } = aria;\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-CheckboxField',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                $ed8ccb2e23e76301$var$InternalCheckboxContext,\n                {\n                    ...aria,\n                    inputRef: inputRef,\n                    defaultClassName: 'react-aria-CheckboxButton',\n                    isIndeterminate: props.isIndeterminate,\n                    isRequired: props.isRequired\n                }\n            ],\n            [\n                (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            // In a CheckboxGroup, validation is handled at the group level instead of repeated on each checkbox.\n            [\n                (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n                groupState ? null : {\n                    isInvalid: isInvalid,\n                    validationDetails: validationDetails,\n                    validationErrors: validationErrors\n                }\n            ]\n        ]\n    }, renderProps.children));\n});\nfunction $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef) {\n    let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) || {};\n    let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n    let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n    let inputRef = (0, $j1L6B$useObjectRef)((0, $j1L6B$useMemo)(()=>(0, $j1L6B$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let checkboxProps = {\n        ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        value: props.value,\n        validationBehavior: validationBehavior\n    };\n    let aria = groupState ? (0, $j1L6B$useCheckboxGroupItem)(checkboxProps, groupState, inputRef) : (0, $j1L6B$useCheckbox)(checkboxProps, (0, $j1L6B$useToggleState)(props), inputRef);\n    return [\n        aria,\n        inputRef\n    ];\n}\nconst $ed8ccb2e23e76301$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$b085522c77523c51);\n    let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$var$InternalCheckboxContext.Provider, {\n        value: {\n            ...aria,\n            inputRef: inputRef,\n            defaultClassName: 'react-aria-Checkbox',\n            isIndeterminate: props.isIndeterminate,\n            isRequired: props.isRequired\n        }\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$export$6e7a18c0548f3129, {\n        ...props,\n        ref: ref\n    }));\n});\nconst $ed8ccb2e23e76301$export$6e7a18c0548f3129 = /*#__PURE__*/ (0, $j1L6B$forwardRef)(function CheckboxButton(props, ref) {\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid, inputRef: inputRef, defaultClassName: defaultClassName, isIndeterminate: isIndeterminate, isRequired: isRequired } = (0, $j1L6B$useContext)($ed8ccb2e23e76301$var$InternalCheckboxContext);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $j1L6B$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $j1L6B$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: defaultClassName,\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: isRequired || false\n        }\n    });\n    let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).label, {\n        ...(0, $j1L6B$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": isRequired || undefined\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement((0, $j1L6B$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $j1L6B$react).createElement(\"input\", {\n        ...(0, $j1L6B$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$ed8ccb2e23e76301$export$b085522c77523c51 as CheckboxContext, $ed8ccb2e23e76301$export$c32003b803b6c22e as CheckboxFieldContext, $ed8ccb2e23e76301$export$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$94195a47b94ed396 as CheckboxField, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox, $ed8ccb2e23e76301$export$6e7a18c0548f3129 as CheckboxButton};\n//# sourceMappingURL=Checkbox.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n  CheckboxRootSlotProps,\n  CheckboxIndicatorSlotProps,\n  CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCheckbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n  HTMLLabelElement,\n  CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n  HTMLSpanElement,\n  CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n  HTMLSpanElement,\n  CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n  \"span\",\n  \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusCheckbox\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CheckboxRoot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...functionalProps}\n      {...recipeProps}\n      {...styleProps}\n    >\n      {({\n        isSelected,\n        isIndeterminate,\n        isInvalid,\n        isDisabled,\n        isFocused,\n      }: CheckboxRenderProps) => {\n        const stateProps = {\n          \"data-selected\": isSelected,\n          \"data-indeterminate\": isIndeterminate,\n          \"data-invalid\": isInvalid,\n          \"data-disabled\": isDisabled,\n          \"data-focus\": isFocused || undefined,\n        };\n\n        return (\n          <>\n            <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n              {isSelected && <Check />}\n              {isIndeterminate && <Minus />}\n            </CheckboxIndicator>\n\n            {children && (\n              <CheckboxLabel data-slot=\"label\" {...stateProps}>\n                {children}\n              </CheckboxLabel>\n            )}\n          </>\n        );\n      }}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}