@commercetools/nimbus 0.0.0-canary-20260127154408 → 0.0.0-canary-20260128081211

package/dist/chunks/calendar-DR2wWI2U.es.js

@@ -0,0 +1,227 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { j as S, d as T, e as A, f as F, g as I, h as z, a as P, c as L, k as N } from "./Heading-C0SIgP_B.es.js";
+import { createSlotRecipeContext as j } from "@chakra-ui/react";
+import { useSlotRecipe as B } from "@chakra-ui/react/styled-system";
+import { e as G } from "./extract-style-props-Cgg8HsH7.es.js";
+import { c, d as H } from "./useDateFormatter-C0T2-xr7.es.js";
+import { useContext as u } from "react";
+import { $ as b } from "./Button-C9AKe3Kt.es.js";
+import { e as _, c as w } from "./utils-CrjF8U_E.es.js";
+import { $ as v } from "./Text-DOcU1ycg.es.js";
+import { n as f, u as k } from "./normalize-messages-BN9BAFXe.es.js";
+import { $ as D } from "./context-BfHy4NgG.es.js";
+import { KeyboardArrowLeft as g, KeyboardArrowRight as y } from "@commercetools/nimbus-icons";
+import { T as C } from "./text-iTgAZrNO.es.js";
+import { F as V } from "./flex-BqxAMF-7.es.js";
+import { S as M } from "./stack-CoNreM7B.es.js";
+import { V as J } from "./visually-hidden-DVHn3y3w.es.js";
+import { I as p } from "./icon-button-YqGrVmHT.es.js";
+import { B as R } from "./box-DuBoAZvq.es.js";
+const { withProvider: K, withContext: s } = /* @__PURE__ */ j({
+  key: "calendar"
+}), W = /* @__PURE__ */ K("div", "root"), q = /* @__PURE__ */ s("div", "header"), E = /* @__PURE__ */ s("div", "grids"), O = /* @__PURE__ */ s("div", "monthTitle"), Q = /* @__PURE__ */ s("table", "grid"), U = /* @__PURE__ */ s("thead", "gridHeader"), X = /* @__PURE__ */ s("th", "headerCell"), Z = /* @__PURE__ */ s("tbody", "gridBody"), ee = /* @__PURE__ */ s("td", "bodyCell"), te = {
+  nextMonth: "Next month",
+  nextYear: "Next year",
+  previousMonth: "Previous month",
+  previousYear: "Previous year"
+}, oe = {
+  nextMonth: "Nächsten Monat",
+  nextYear: "Nächstes Jahr",
+  previousMonth: "Letzten Monat",
+  previousYear: "Letztes Jahr"
+}, re = {
+  nextMonth: "Próximo mes",
+  nextYear: "Próximo año",
+  previousMonth: "Mes anterior",
+  previousYear: "Año anterior"
+}, ae = {
+  nextMonth: "Mois suivant",
+  nextYear: "Année suivante",
+  previousMonth: "Mois précédent",
+  previousYear: "Année précédente"
+}, ne = {
+  nextMonth: "Próximo mês",
+  nextYear: "Próximo ano",
+  previousMonth: "Mês anterior",
+  previousYear: "Ano anterior"
+}, se = {
+  en: /* @__PURE__ */ f(te),
+  de: /* @__PURE__ */ f(oe),
+  es: /* @__PURE__ */ f(re),
+  "fr-FR": /* @__PURE__ */ f(ae),
+  "pt-BR": /* @__PURE__ */ f(ne)
+}, ie = ({
+  children: i
+}) => {
+  const { locale: a } = D(), t = k(se), r = u(b), n = u(v), o = u(S), $ = {
+    "next-month": {
+      onPress: () => o.focusNextSection(),
+      "aria-label": t.format("nextMonth")
+    },
+    "previous-month": {
+      onPress: () => o.focusPreviousSection(),
+      "aria-label": t.format("previousMonth")
+    },
+    "next-year": {
+      onPress: () => o.focusNextSection(!0),
+      "aria-label": t.format("nextYear")
+    },
+    "previous-year": {
+      onPress: () => o.focusPreviousSection(!0),
+      "aria-label": t.format("previousYear")
+    }
+  }, m = new Intl.DateTimeFormat(a, {
+    month: "long"
+  }).format(o.focusedDate.toDate(c())), x = [
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.start.toDate(c())),
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.end.toDate(c()))
+  ].join(" - "), h = new Intl.DateTimeFormat(a, {
+    year: "numeric"
+  }).format(o.focusedDate.toDate(c())), d = {
+    month: { children: m },
+    monthRange: { children: x },
+    year: { children: h }
+  };
+  return /* @__PURE__ */ e(
+    _,
+    {
+      values: [
+        [
+          b,
+          {
+            ...r,
+            slots: {
+              ...r && typeof r == "object" && "slots" in r ? r.slots : {},
+              ...$
+            }
+          }
+        ],
+        [
+          v,
+          {
+            ...n,
+            slots: {
+              ...n && typeof n == "object" && "slots" in n ? n.slots : {},
+              ...d
+            }
+          }
+        ]
+      ],
+      children: i
+    }
+  );
+}, de = () => {
+  const { locale: i } = D(), a = w(P), t = u(S), r = a?.visibleDuration?.months || 1, n = H(c()), o = r > 1;
+  return /* @__PURE__ */ e(E, { children: Array.from({ length: r }, ($, m) => {
+    const x = t.visibleRange.start.add({
+      months: m
+    }), h = new Intl.DateTimeFormat(i, {
+      month: "long"
+    }).format(x.toDate(c()));
+    return /* @__PURE__ */ l(
+      R,
+      {
+        width: r == 1 ? "full" : "auto",
+        children: [
+          o && /* @__PURE__ */ e(O, { children: h }),
+          /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ l(T, { offset: { months: m }, weekdayStyle: "short", children: [
+            /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(A, { children: (d) => /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(F, { children: d }) }) }) }),
+            /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(I, { children: (d) => {
+              const Y = d.compare(n) === 0;
+              return /* @__PURE__ */ e(ee, { asChild: !0, "data-today": Y, children: /* @__PURE__ */ e(z, { date: d }) });
+            } }) })
+          ] }) })
+        ]
+      },
+      h
+    );
+  }) });
+}, ce = () => {
+  const t = (w(P)?.visibleDuration?.months || 1) > 1;
+  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ l(V, { children: [
+    /* @__PURE__ */ l(M, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(L, {}) }),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: t ? "previous" : "previous-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(g, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        C,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: t ? "4000" : "2000",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: t ? "monthRange" : "month"
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: t ? "next" : "next-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(y, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(R, { flexGrow: "1" }),
+    /* @__PURE__ */ l(M, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: "previous-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(g, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        C,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: "1400",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: "year"
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: "next-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(y, {})
+        }
+      )
+    ] })
+  ] }) });
+}, Ye = (i) => {
+  const a = B({ key: "calendar" }), [t, r] = a.splitVariantProps(i), [n, o] = G(r);
+  return /* @__PURE__ */ e(W, { ...t, ...n, asChild: !0, children: /* @__PURE__ */ e(N, { ...o, children: /* @__PURE__ */ l(ie, { children: [
+    /* @__PURE__ */ e(ce, {}),
+    /* @__PURE__ */ e(de, {})
+  ] }) }) });
+};
+export {
+  Ye as C
+};
+//# sourceMappingURL=calendar-DR2wWI2U.es.js.map

package/dist/chunks/calendar-DR2wWI2U.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-DR2wWI2U.es.js","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\";\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: \"calendar\",\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: \"calendar\" });\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"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","calendarMessages_en","calendarMessages_de","calendarMessages_es","calendarMessages_fr","calendarMessages_pt","calendarMessagesStrings","normalizeMessages","CalendarCustomContext","children","locale","useLocale","msg","useLocalizedStringFormatter","buttonContext","useContext","ButtonContext","textContext","TextContext","calendarState","CalendarStateContext","buttonSlots","monthLabel","getLocalTimeZone","monthRangeLabel","yearLabel","textSlots","jsx","Provider","CalendarGrids","context","useSlottedContext","CalendarContext","visibleMonthsCount","todayDate","today","showMonthTitles","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","Calendar","props","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}

package/dist/chunks/card-DWwkIoJ5.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),e=require("react"),H=require("@chakra-ui/react"),v=require("@chakra-ui/react/styled-system"),j=require("./stack-CIN13EDn.cjs.js"),d=require("./extract-style-props-C5Zbx7mA.cjs.js"),{withProvider:q,withContext:P}=H.createSlotRecipeContext({key:"card"}),h=q("div","root"),N=P("div","header"),$=P("div","content"),l=e.createContext(void 0),i=({ref:o,children:s,...t})=>{const r=v.useSlotRecipe({key:"card"}),[n,c]=r.splitVariantProps(t),[y,S]=d.extractStyleProps(c),[R,p]=e.useState(null),[f,x]=e.useState(null),m=e.useMemo(()=>({setHeader:p,setContent:x}),[p,x]);return a.jsx(l.Provider,{value:m,children:a.jsxs(h,{ref:o,...n,...y,...S,children:[a.jsxs(j.Stack,{direction:"column",gap:"200",children:[R,f]}),s]})})};i.displayName="Card.Root";const u=({children:o,...s})=>{const t=e.useContext(l),[r,n]=d.extractStyleProps(s);return e.useEffect(()=>{if(t){const c=a.jsx(N,{...r,...n,children:o});return t.setHeader(c),()=>t.setHeader(null)}},[o,r,n,t]),null};u.displayName="Card.Header";const C=({children:o,...s})=>{const t=e.useContext(l),[r,n]=d.extractStyleProps(s);return e.useEffect(()=>{if(t){const c=a.jsx($,{...r,...n,children:o});return t.setContent(c),()=>t.setContent(null)}},[o,r,n,t]),null};C.displayName="Card.Content";const k={Root:i,Header:u,Content:C};exports.Card=k;exports.CardContent=C;exports.CardHeader=u;exports.CardRoot=i;
+//# sourceMappingURL=card-DWwkIoJ5.cjs.js.map

package/dist/chunks/card-DWwkIoJ5.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-DWwkIoJ5.cjs.js","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.content.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  CardContentSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"card\",\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 CardContent: SlotComponent<HTMLDivElement, CardContentSlotProps> =\n  withContext<HTMLDivElement, CardContentSlotProps>(\"div\", \"content\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\nimport { extractStyleProps } from \"@/utils\";\n\ntype CardContextValue = {\n  setHeader: (header: React.ReactNode) => void;\n  setContent: (content: React.ReactNode) => void;\n};\n\nexport const CardContext = createContext<CardContextValue | undefined>(\n  undefined\n);\n\n/**\n * Card.Root - The root component that provides context and styling for the card\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  // Standard pattern: First split recipe variants\n  const recipe = useSlotRecipe({ key: \"card\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Standard pattern: Second extract style props from remaining\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  const [headerNode, setHeader] = useState<ReactNode>(null);\n  const [contentNode, setContent] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setHeader,\n      setContent,\n    }),\n    [setHeader, setContent]\n  );\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <CardRootSlot\n        ref={ref}\n        {...recipeProps}\n        {...styleProps}\n        {...functionalProps}\n      >\n        {/* Always render them in this order/layout to protect consumers */}\n        <Stack direction=\"column\" gap=\"200\">\n          {headerNode}\n          {contentNode}\n        </Stack>\n\n        {/* Render all consumer sub-components, including our own */}\n        {children}\n      </CardRootSlot>\n    </CardContext.Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardHeaderProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardHeaderSlot>\n      );\n      // Register it with the parent\n      context.setHeader(slotElement);\n\n      // On unmount, remove it\n      return () => context.setHeader(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport { CardContent as CardContentSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardContentProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Content - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardContentSlot>\n      );\n      // Register it with the parent\n      context.setContent(slotElement);\n\n      // On unmount, remove it\n      return () => context.setContent(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot, CardHeader, CardContent } 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.Content>Card content goes here</Card.Content>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides context and styling for the card.\n   * Must wrap all card parts (Header, Content) to coordinate their behavior.\n   * Accepts styling variants for padding, border, elevation, and background.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root cardPadding=\"md\" borderStyle=\"outlined\" elevation=\"elevated\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>Content</Card.Content>\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. Automatically positioned above the card content\n   * in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Content>Content here</Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Content\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements. Automatically positioned below\n   * the card header in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","ref","children","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":"uOAQM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,MACP,CAAC,EAMYC,EACXH,EAAgD,MAAO,MAAM,EAElDI,EACXH,EAAiD,MAAO,QAAQ,EAErDI,EACXJ,EAAkD,MAAO,SAAS,ECXvDK,EAAcC,EAAAA,cACzB,MACF,EAOaJ,EAAW,CAAC,CAAE,IAAAK,EAAK,SAAAC,EAAU,GAAGC,KAAuB,CAElE,MAAMC,EAASC,EAAAA,cAAc,CAAE,IAAK,OAAQ,EACtC,CAACC,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAK,EAG/D,CAACK,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEjE,CAACI,EAAYC,CAAS,EAAIC,EAAAA,SAAoB,IAAI,EAClD,CAACC,EAAaC,CAAU,EAAIF,EAAAA,SAAoB,IAAI,EAGpDG,EAAeC,EAAAA,QACnB,KAAO,CACL,UAAAL,EACA,WAAAG,CAAA,GAEF,CAACH,EAAWG,CAAU,CAAA,EAGxB,OACEG,EAAAA,IAACnB,EAAY,SAAZ,CAAqB,MAAOiB,EAC3B,SAAAG,EAAAA,KAACC,EAAA,CACC,IAAAnB,EACC,GAAGK,EACH,GAAGE,EACH,GAAGC,EAGJ,SAAA,CAAAU,EAAAA,KAACE,EAAAA,MAAA,CAAM,UAAU,SAAS,IAAI,MAC3B,SAAA,CAAAV,EACAG,CAAA,EACH,EAGCZ,CAAA,CAAA,CAAA,EAEL,CAEJ,EAEAN,EAAS,YAAc,YCnDhB,MAAMC,EAAa,CAAC,CAAE,SAAAK,EAAU,GAAGC,KAA6B,CACrE,MAAMmB,EAAUC,EAAAA,WAAWxB,CAAW,EAGhC,CAACS,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBP,CAAK,EAE7DqB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJP,EAAAA,IAACQ,EAAA,CAAgB,GAAGlB,EAAa,GAAGC,EACjC,SAAAP,EACH,EAGF,OAAAoB,EAAQ,UAAUG,CAAW,EAGtB,IAAMH,EAAQ,UAAU,IAAI,CACrC,CACF,EAAG,CAACpB,EAAUM,EAAYC,EAAiBa,CAAO,CAAC,EAE5C,IACT,EACAzB,EAAW,YAAc,cCvBlB,MAAMC,EAAc,CAAC,CAAE,SAAAI,EAAU,GAAGC,KAA8B,CACvE,MAAMmB,EAAUC,EAAAA,WAAWxB,CAAW,EAGhC,CAACS,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBP,CAAK,EAE7DqB,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIF,EAAS,CACX,MAAMG,EACJP,EAAAA,IAACS,EAAA,CAAiB,GAAGnB,EAAa,GAAGC,EAClC,SAAAP,EACH,EAGF,OAAAoB,EAAQ,WAAWG,CAAW,EAGvB,IAAMH,EAAQ,WAAW,IAAI,CACtC,CACF,EAAG,CAACpB,EAAUM,EAAYC,EAAiBa,CAAO,CAAC,EAE5C,IACT,EAEAxB,EAAY,YAAc,eChBnB,MAAM8B,EAAO,CAgBlB,KAAMhC,EAgBN,OAAQC,EAkBR,QAASC,CACX"}

package/dist/chunks/card-DwEqSPsr.es.js

@@ -0,0 +1,115 @@
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { useState as C, useMemo as N, createContext as k, useContext as u, useEffect as m } from "react";
+import { createSlotRecipeContext as E } from "@chakra-ui/react";
+import { useSlotRecipe as $ } from "@chakra-ui/react/styled-system";
+import { S as j } from "./stack-CoNreM7B.es.js";
+import { e as c } from "./extract-style-props-Cgg8HsH7.es.js";
+const { withProvider: w, withContext: f } = /* @__PURE__ */ E({
+  key: "card"
+}), V = /* @__PURE__ */ w("div", "root"), b = /* @__PURE__ */ f("div", "header"), g = /* @__PURE__ */ f("div", "content"), d = /* @__PURE__ */ k(
+  void 0
+), x = ({ ref: e, children: r, ...t }) => {
+  const o = $({ key: "card" }), [n, s] = o.splitVariantProps(t), [v, H] = c(s), [R, l] = C(null), [S, i] = C(null), h = N(
+    () => ({
+      setHeader: l,
+      setContent: i
+    }),
+    [l, i]
+  );
+  return /* @__PURE__ */ a(d.Provider, { value: h, children: /* @__PURE__ */ p(
+    V,
+    {
+      ref: e,
+      ...n,
+      ...v,
+      ...H,
+      children: [
+        /* @__PURE__ */ p(j, { direction: "column", gap: "200", children: [
+          R,
+          S
+        ] }),
+        r
+      ]
+    }
+  ) });
+};
+x.displayName = "Card.Root";
+const P = ({ children: e, ...r }) => {
+  const t = u(d), [o, n] = c(r);
+  return m(() => {
+    if (t) {
+      const s = /* @__PURE__ */ a(b, { ...o, ...n, children: e });
+      return t.setHeader(s), () => t.setHeader(null);
+    }
+  }, [e, o, n, t]), null;
+};
+P.displayName = "Card.Header";
+const y = ({ children: e, ...r }) => {
+  const t = u(d), [o, n] = c(r);
+  return m(() => {
+    if (t) {
+      const s = /* @__PURE__ */ a(g, { ...o, ...n, children: e });
+      return t.setContent(s), () => t.setContent(null);
+    }
+  }, [e, o, n, t]), null;
+};
+y.displayName = "Card.Content";
+const F = {
+  /**
+   * # Card.Root
+   *
+   * The root component that provides context and styling for the card.
+   * Must wrap all card parts (Header, Content) to coordinate their behavior.
+   * Accepts styling variants for padding, border, elevation, and background.
+   *
+   * @example
+   * ```tsx
+   * <Card.Root cardPadding="md" borderStyle="outlined" elevation="elevated">
+   *   <Card.Header>Title</Card.Header>
+   *   <Card.Content>Content</Card.Content>
+   * </Card.Root>
+   * ```
+   */
+  Root: x,
+  /**
+   * # Card.Header
+   *
+   * The header section of the card, typically containing the card title
+   * or primary heading. Automatically positioned above the card content
+   * in a consistent layout.
+   *
+   * @example
+   * ```tsx
+   * <Card.Root>
+   *   <Card.Header>Card Title</Card.Header>
+   *   <Card.Content>Content here</Card.Content>
+   * </Card.Root>
+   * ```
+   */
+  Header: P,
+  /**
+   * # Card.Content
+   *
+   * The main content area of the card. Contains the primary information,
+   * body text, or interactive elements. Automatically positioned below
+   * the card header in a consistent layout.
+   *
+   * @example
+   * ```tsx
+   * <Card.Root>
+   *   <Card.Header>Title</Card.Header>
+   *   <Card.Content>
+   *     <Text>This is the main card content.</Text>
+   *   </Card.Content>
+   * </Card.Root>
+   * ```
+   */
+  Content: y
+};
+export {
+  F as C,
+  y as a,
+  P as b,
+  x as c
+};
+//# sourceMappingURL=card-DwEqSPsr.es.js.map

package/dist/chunks/card-DwEqSPsr.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-DwEqSPsr.es.js","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.content.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  CardContentSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"card\",\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 CardContent: SlotComponent<HTMLDivElement, CardContentSlotProps> =\n  withContext<HTMLDivElement, CardContentSlotProps>(\"div\", \"content\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\nimport { extractStyleProps } from \"@/utils\";\n\ntype CardContextValue = {\n  setHeader: (header: React.ReactNode) => void;\n  setContent: (content: React.ReactNode) => void;\n};\n\nexport const CardContext = createContext<CardContextValue | undefined>(\n  undefined\n);\n\n/**\n * Card.Root - The root component that provides context and styling for the card\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  // Standard pattern: First split recipe variants\n  const recipe = useSlotRecipe({ key: \"card\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(props);\n\n  // Standard pattern: Second extract style props from remaining\n  const [styleProps, functionalProps] = extractStyleProps(restRecipeProps);\n\n  const [headerNode, setHeader] = useState<ReactNode>(null);\n  const [contentNode, setContent] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setHeader,\n      setContent,\n    }),\n    [setHeader, setContent]\n  );\n\n  return (\n    <CardContext.Provider value={contextValue}>\n      <CardRootSlot\n        ref={ref}\n        {...recipeProps}\n        {...styleProps}\n        {...functionalProps}\n      >\n        {/* Always render them in this order/layout to protect consumers */}\n        <Stack direction=\"column\" gap=\"200\">\n          {headerNode}\n          {contentNode}\n        </Stack>\n\n        {/* Render all consumer sub-components, including our own */}\n        {children}\n      </CardRootSlot>\n    </CardContext.Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardHeaderProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardHeaderSlot>\n      );\n      // Register it with the parent\n      context.setHeader(slotElement);\n\n      // On unmount, remove it\n      return () => context.setHeader(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport { CardContent as CardContentSlot } from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\nimport type { CardContentProps } from \"../card.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Card.Content - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  // Standard pattern: Extract and forward style props\n  const [styleProps, functionalProps] = extractStyleProps(props);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...styleProps} {...functionalProps}>\n          {children}\n        </CardContentSlot>\n      );\n      // Register it with the parent\n      context.setContent(slotElement);\n\n      // On unmount, remove it\n      return () => context.setContent(null);\n    }\n  }, [children, styleProps, functionalProps, context]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot, CardHeader, CardContent } 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.Content>Card content goes here</Card.Content>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides context and styling for the card.\n   * Must wrap all card parts (Header, Content) to coordinate their behavior.\n   * Accepts styling variants for padding, border, elevation, and background.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root cardPadding=\"md\" borderStyle=\"outlined\" elevation=\"elevated\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>Content</Card.Content>\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. Automatically positioned above the card content\n   * in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Content>Content here</Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Content\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements. Automatically positioned below\n   * the card header in a consistent layout.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Content>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Content>\n   * </Card.Root>\n   * ```\n   */\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","ref","children","props","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","functionalProps","extractStyleProps","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":"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"}