@commercetools/nimbus 0.0.13-rc1 → 0.0.14-rc1

package/dist/chunks/calendar-CYqib6Tm.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-CYqib6Tm.cjs.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/messages.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport type { CalendarProps } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"calendar\",\n});\n\nexport interface CalendarRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof calendarSlotRecipe> & CalendarProps<DateValue>\n  > {}\nexport const CalendarRootSlot = withProvider<\n  HTMLDivElement,\n  CalendarRootSlotProps\n>(\"div\", \"root\");\n\nexport interface CalendarHeaderSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport interface CalendarGridsSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarGridsSlot = withContext<\n  HTMLDivElement,\n  CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport interface CalendarMonthTitleSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport interface CalendarGridSlotProps extends HTMLChakraProps<\"table\"> {}\nexport const CalendarGridSlot = withContext<\n  HTMLTableElement,\n  CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport interface CalendarGridHeaderSlotProps extends HTMLChakraProps<\"thead\"> {}\nexport const CalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport interface CalendarHeaderCellSlotProps extends HTMLChakraProps<\"th\"> {}\nexport const CalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport interface CalendarGridBodySlotProps extends HTMLChakraProps<\"tbody\"> {}\nexport const CalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport interface CalendarCellSlotProps extends HTMLChakraProps<\"td\"> {}\nexport const CalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </CalendarHeaderSlot>\n  );\n};\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.calendar.nextMonth\",\n    description: \"aria-label for next month button in calendar\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.calendar.previousMonth\",\n    description: \"aria-label for previous month button in calendar\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.calendar.nextYear\",\n    description: \"aria-label for next year button in calendar\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.calendar.previousYear\",\n    description: \"aria-label for previous year button in calendar\",\n    defaultMessage: \"Previous year\",\n  },\n});\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 { useIntl } from \"react-intl\";\nimport { messages } from \"../messages\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(CalendarStateContext)!;\n  const intl = useIntl();\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": intl.formatMessage(messages.nextMonth),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": intl.formatMessage(messages.previousMonth),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": intl.formatMessage(messages.nextYear),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": intl.formatMessage(messages.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 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 { CalendarGrids } from \"./components/calendar.grids\";\nimport { CalendarHeader } from \"./components/calendar.header\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\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 = useRecipe({ recipe: calendarSlotRecipe });\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","CalendarGrids","locale","useLocale","context","useSlottedContext","CalendarContext","calendarState","useContext","CalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","CalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","intl","useIntl","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}

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

@@ -1,209 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { j as M, a as I, b as N, c as F, d as j, e as G, i as w, g as H, k as Y } from "./Heading-DGvdnp7W.es.js";
-import { c as A } from "./create-slot-recipe-context-DgamNbR-.es.js";
-import { useContext as u } from "react";
-import { $ as B, a as l } from "./useDateFormatter-D9HBAX1w.es.js";
-import { c as D, d as L } from "./utils-BkdW_cdL.es.js";
-import { B as P } from "./box-7pkPaNxe.es.js";
-import { $ as R } from "./context-Pt-0ojuK.es.js";
-import { I as h } from "./icon-button-C2GGAKhI.es.js";
-import { T as $ } from "./text-QANNJ4E4.es.js";
-import { S as g } from "./stack-DosdbBli.es.js";
-import { V as k } from "./visually-hidden-vh07nrZa.es.js";
-import { KeyboardArrowLeft as y, KeyboardArrowRight as v } from "@commercetools/nimbus-icons";
-import { F as z } from "./flex-9fkV4bsm.es.js";
-import { f as V } from "./index-CPFuzoME.es.js";
-import { e as K } from "./extractStyleProps-BBWaCIdJ.es.js";
-import { $ as C } from "./Button-C-yUWwZg.es.js";
-import { $ as S } from "./Text-DOcU1ycg.es.js";
-import { d as W, u as _ } from "./index-DsGIn0AT.es.js";
-import { u as q } from "./use-recipe-CR4W7Dne.es.js";
-const { withProvider: E, withContext: s } = /* @__PURE__ */ A({
-  key: "calendar"
-}), J = /* @__PURE__ */ E("div", "root"), O = /* @__PURE__ */ s("div", "header"), Q = /* @__PURE__ */ s("div", "grids"), U = /* @__PURE__ */ s("div", "monthTitle"), X = /* @__PURE__ */ s("table", "grid"), Z = /* @__PURE__ */ s("thead", "gridHeader"), ee = /* @__PURE__ */ s("th", "headerCell"), te = /* @__PURE__ */ s("tbody", "gridBody"), oe = /* @__PURE__ */ s("td", "bodyCell"), re = () => {
-  const { locale: i } = R(), a = D(w), t = u(M), r = a?.visibleDuration?.months || 1, o = B(l()), n = r > 1;
-  return /* @__PURE__ */ e(Q, { children: Array.from({ length: r }, (x, f) => {
-    const b = t.visibleRange.start.add({
-      months: f
-    }), m = new Intl.DateTimeFormat(i, {
-      month: "long"
-    }).format(b.toDate(l()));
-    return /* @__PURE__ */ c(
-      P,
-      {
-        width: r == 1 ? "full" : "auto",
-        children: [
-          n && /* @__PURE__ */ e(U, { children: m }),
-          /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ c(I, { offset: { months: f }, weekdayStyle: "short", children: [
-            /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(N, { children: (d) => /* @__PURE__ */ e(ee, { asChild: !0, children: /* @__PURE__ */ e(F, { children: d }) }) }) }),
-            /* @__PURE__ */ e(te, { asChild: !0, children: /* @__PURE__ */ e(j, { children: (d) => {
-              const T = d.compare(o) === 0;
-              return /* @__PURE__ */ e(oe, { asChild: !0, "data-today": T, children: /* @__PURE__ */ e(G, { date: d }) });
-            } }) })
-          ] }) })
-        ]
-      },
-      m
-    );
-  }) });
-}, ae = () => {
-  const t = (D(w)?.visibleDuration?.months || 1) > 1;
-  return /* @__PURE__ */ e(O, { children: /* @__PURE__ */ c(z, { children: [
-    /* @__PURE__ */ c(g, { direction: "row", alignItems: "center", children: [
-      /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(H, {}) }),
-      /* @__PURE__ */ e(
-        h,
-        {
-          slot: t ? "previous" : "previous-month",
-          size: "xs",
-          variant: "ghost",
-          tone: "primary",
-          children: /* @__PURE__ */ e(y, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        $,
-        {
-          textStyle: "sm",
-          fontWeight: "500",
-          color: "neutral.11",
-          width: t ? "4000" : "2000",
-          textAlign: "center",
-          "aria-hidden": "true",
-          slot: t ? "monthRange" : "month"
-        }
-      ),
-      /* @__PURE__ */ e(
-        h,
-        {
-          slot: t ? "next" : "next-month",
-          size: "xs",
-          variant: "ghost",
-          tone: "primary",
-          children: /* @__PURE__ */ e(v, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e(P, { flexGrow: "1" }),
-    /* @__PURE__ */ c(g, { direction: "row", alignItems: "center", children: [
-      /* @__PURE__ */ e(
-        h,
-        {
-          slot: "previous-year",
-          size: "xs",
-          variant: "ghost",
-          tone: "primary",
-          children: /* @__PURE__ */ e(y, {})
-        }
-      ),
-      /* @__PURE__ */ e(
-        $,
-        {
-          textStyle: "sm",
-          fontWeight: "500",
-          color: "neutral.11",
-          width: "1400",
-          textAlign: "center",
-          "aria-hidden": "true",
-          slot: "year"
-        }
-      ),
-      /* @__PURE__ */ e(h, { slot: "next-year", size: "xs", variant: "ghost", tone: "primary", children: /* @__PURE__ */ e(v, {}) })
-    ] })
-  ] }) });
-}, p = /* @__PURE__ */ W({
-  nextMonth: {
-    id: "Nimbus.calendar.nextMonth",
-    description: "aria-label for next month button in calendar",
-    defaultMessage: "Next month"
-  },
-  previousMonth: {
-    id: "Nimbus.calendar.previousMonth",
-    description: "aria-label for previous month button in calendar",
-    defaultMessage: "Previous month"
-  },
-  nextYear: {
-    id: "Nimbus.calendar.nextYear",
-    description: "aria-label for next year button in calendar",
-    defaultMessage: "Next year"
-  },
-  previousYear: {
-    id: "Nimbus.calendar.previousYear",
-    description: "aria-label for previous year button in calendar",
-    defaultMessage: "Previous year"
-  }
-}), ne = ({
-  children: i
-}) => {
-  const { locale: a } = R(), t = u(C), r = u(S), o = u(M), n = _(), x = {
-    "next-month": {
-      onPress: () => o.focusNextSection(),
-      "aria-label": n.formatMessage(p.nextMonth)
-    },
-    "previous-month": {
-      onPress: () => o.focusPreviousSection(),
-      "aria-label": n.formatMessage(p.previousMonth)
-    },
-    "next-year": {
-      onPress: () => o.focusNextSection(!0),
-      "aria-label": n.formatMessage(p.nextYear)
-    },
-    "previous-year": {
-      onPress: () => o.focusPreviousSection(!0),
-      "aria-label": n.formatMessage(p.previousYear)
-    }
-  }, f = new Intl.DateTimeFormat(a, {
-    month: "long"
-  }).format(o.focusedDate.toDate(l())), b = [
-    new Intl.DateTimeFormat(a, {
-      month: "long"
-    }).format(o.visibleRange.start.toDate(l())),
-    new Intl.DateTimeFormat(a, {
-      month: "long"
-    }).format(o.visibleRange.end.toDate(l()))
-  ].join(" - "), m = new Intl.DateTimeFormat(a, {
-    year: "numeric"
-  }).format(o.focusedDate.toDate(l())), d = {
-    month: { children: f },
-    monthRange: { children: b },
-    year: { children: m }
-  };
-  return /* @__PURE__ */ e(
-    L,
-    {
-      values: [
-        [
-          C,
-          {
-            ...t,
-            slots: {
-              ...t && typeof t == "object" && "slots" in t ? t.slots : {},
-              ...x
-            }
-          }
-        ],
-        [
-          S,
-          {
-            ...r,
-            slots: {
-              ...r && typeof r == "object" && "slots" in r ? r.slots : {},
-              ...d
-            }
-          }
-        ]
-      ],
-      children: i
-    }
-  );
-}, De = (i) => {
-  const a = q({ recipe: V }), [t, r] = a.splitVariantProps(i), [o, n] = K(r);
-  return /* @__PURE__ */ e(J, { ...t, ...o, asChild: !0, children: /* @__PURE__ */ e(Y, { ...n, children: /* @__PURE__ */ c(ne, { children: [
-    /* @__PURE__ */ e(ae, {}),
-    /* @__PURE__ */ e(re, {})
-  ] }) }) });
-};
-export {
-  De as C
-};
-//# sourceMappingURL=calendar-jrs4VkfV.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar-jrs4VkfV.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/messages.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport type { CalendarProps } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"calendar\",\n});\n\nexport interface CalendarRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof calendarSlotRecipe> & CalendarProps<DateValue>\n  > {}\nexport const CalendarRootSlot = withProvider<\n  HTMLDivElement,\n  CalendarRootSlotProps\n>(\"div\", \"root\");\n\nexport interface CalendarHeaderSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport interface CalendarGridsSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarGridsSlot = withContext<\n  HTMLDivElement,\n  CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport interface CalendarMonthTitleSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport interface CalendarGridSlotProps extends HTMLChakraProps<\"table\"> {}\nexport const CalendarGridSlot = withContext<\n  HTMLTableElement,\n  CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport interface CalendarGridHeaderSlotProps extends HTMLChakraProps<\"thead\"> {}\nexport const CalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport interface CalendarHeaderCellSlotProps extends HTMLChakraProps<\"th\"> {}\nexport const CalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport interface CalendarGridBodySlotProps extends HTMLChakraProps<\"tbody\"> {}\nexport const CalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport interface CalendarCellSlotProps extends HTMLChakraProps<\"td\"> {}\nexport const CalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </CalendarHeaderSlot>\n  );\n};\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.calendar.nextMonth\",\n    description: \"aria-label for next month button in calendar\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.calendar.previousMonth\",\n    description: \"aria-label for previous month button in calendar\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.calendar.nextYear\",\n    description: \"aria-label for next year button in calendar\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.calendar.previousYear\",\n    description: \"aria-label for previous year button in calendar\",\n    defaultMessage: \"Previous year\",\n  },\n});\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 { useIntl } from \"react-intl\";\nimport { messages } from \"../messages\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(CalendarStateContext)!;\n  const intl = useIntl();\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": intl.formatMessage(messages.nextMonth),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": intl.formatMessage(messages.previousMonth),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": intl.formatMessage(messages.nextYear),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": intl.formatMessage(messages.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 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 { CalendarGrids } from \"./components/calendar.grids\";\nimport { CalendarHeader } from \"./components/calendar.header\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\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 = useRecipe({ recipe: calendarSlotRecipe });\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","CalendarGrids","locale","useLocale","context","useSlottedContext","CalendarContext","calendarState","useContext","CalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","CalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","intl","useIntl","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":";;;;;;;;;;;;;;;;;;;;AAUA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAOYC,IAAmB,gBAAAH,EAG9B,OAAO,MAAM,GAGFI,IAAqB,gBAAAH,EAGhC,OAAO,QAAQ,GAGJI,IAAoB,gBAAAJ,EAG/B,OAAO,OAAO,GAGHK,IAAyB,gBAAAL,EAGpC,OAAO,YAAY,GAGRM,IAAmB,gBAAAN,EAG9B,SAAS,MAAM,GAGJO,IAAyB,gBAAAP,EAGpC,SAAS,YAAY,GAGVQ,KAAyB,gBAAAR,EAGpC,MAAM,YAAY,GAGPS,KAAuB,gBAAAT,EAGlC,SAAS,UAAU,GAGRU,KAAmB,gBAAAV,EAG9B,MAAM,UAAU,GC5CLW,KAAgB,MAAM;AACjC,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAUC,EAAkBC,CAAe,GAC3CC,IAAgBC,EAAWC,CAAoB,GAC/CC,IAAqBN,GAAS,iBAAiB,UAAU,GACzDO,IAAYC,EAAMC,GAAkB,GACpCC,IAAkBJ,IAAqB;AAE7C,SACE,gBAAAK,EAACrB,GAAA,EACE,UAAA,MAAM,KAAK,EAAE,QAAQgB,EAAA,GAAsB,CAACM,GAAGC,MAAU;AACxD,UAAMC,IAAWX,EAAc,aAAa,MAAM,IAAI;AAAA,MACpD,QAAQU;AAAA,IAAA,CACT,GACKE,IAAY,IAAI,KAAK,eAAejB,GAAQ;AAAA,MAChD,OAAO;AAAA,IAAA,CACR,EAAE,OAAOgB,EAAS,OAAOL,EAAA,CAAkB,CAAC;AAE7C,WACE,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,OAAOX,KAAsB,IAAI,SAAS;AAAA,QAEzC,UAAA;AAAA,UAAAI,KACC,gBAAAC,EAACpB,KAAwB,UAAAwB,EAAA,CAAU;AAAA,UAErC,gBAAAJ,EAACnB,GAAA,EAAiB,SAAO,IACvB,UAAA,gBAAAwB,EAACE,GAAA,EAAe,QAAQ,EAAE,QAAQL,EAAA,GAAS,cAAa,SACtD,UAAA;AAAA,YAAA,gBAAAF,EAAClB,KAAuB,SAAO,IAC7B,UAAA,gBAAAkB,EAACQ,GAAA,EACE,WAACC,MACA,gBAAAT,EAACjB,IAAA,EAAuB,SAAO,IAC7B,UAAA,gBAAAiB,EAACU,GAAA,EAAsB,UAAAD,EAAA,CAAI,GAC7B,GAEJ,EAAA,CACF;AAAA,8BACCzB,IAAA,EAAqB,SAAO,IAC3B,UAAA,gBAAAgB,EAACW,GAAA,EACE,WAACC,MAAS;AACT,oBAAMC,IAAUD,EAAK,QAAQhB,CAAS,MAAM;AAC5C,qBACE,gBAAAI,EAACf,MAAiB,SAAO,IAAC,cAAY4B,GACpC,UAAA,gBAAAb,EAACc,GAAA,EAAe,MAAAF,EAAA,CAAY,EAAA,CAC9B;AAAA,YAEJ,GACF,EAAA,CACF;AAAA,UAAA,EAAA,CACF,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,MA9BKR;AAAA,IAAA;AAAA,EAiCX,CAAC,EAAA,CACH;AAEJ,GC/DaW,KAAiB,MAAM;AAKlC,QAAMC,KAJgB1B,EAAkBC,CAAe,GAGV,iBAAiB,UAAU,KACzB;AAE/C,SACE,gBAAAS,EAACtB,GAAA,EACC,UAAA,gBAAA2B,EAACY,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAZ,EAACa,GAAA,EAAM,WAAU,OAAM,YAAW,UAEhC,UAAA;AAAA,MAAA,gBAAAlB,EAACmB,GAAA,EACC,UAAA,gBAAAnB,EAACoB,GAAA,CAAA,CAAQ,GACX;AAAA,MAEA,gBAAApB;AAAA,QAACqB;AAAA,QAAA;AAAA,UACC,MAAML,IAAiB,aAAa;AAAA,UACpC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UAEL,4BAACM,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAErB,gBAAAtB;AAAA,QAACuB;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,YAAW;AAAA,UACX,OAAM;AAAA,UACN,OAAOP,IAAiB,SAAS;AAAA,UACjC,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,MAAMA,IAAiB,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAGxC,gBAAAhB;AAAA,QAACqB;AAAA,QAAA;AAAA,UACC,MAAML,IAAiB,SAAS;AAAA,UAChC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UAEL,4BAACQ,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,GACF;AAAA,IACA,gBAAAxB,EAACM,GAAA,EAAI,UAAS,IAAA,CAAI;AAAA,IAClB,gBAAAD,EAACa,GAAA,EAAM,WAAU,OAAM,YAAW,UAEhC,UAAA;AAAA,MAAA,gBAAAlB;AAAA,QAACqB;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,MAAK;AAAA,UAEL,4BAACC,GAAA,CAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAErB,gBAAAtB;AAAA,QAACuB;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,YAAW;AAAA,UACX,OAAM;AAAA,UACN,OAAM;AAAA,UACN,WAAU;AAAA,UACV,eAAY;AAAA,UACZ,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGP,gBAAAvB,EAACqB,GAAA,EAAW,MAAK,aAAY,MAAK,MAAK,SAAQ,SAAQ,MAAK,WAC1D,UAAA,gBAAArB,EAACwB,GAAA,CAAA,CAAmB,EAAA,CACtB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,GCxFaC,IAAW,gBAAAC,EAAe;AAAA,EACrC,WAAW;AAAA,IACT,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,eAAe;AAAA,IACb,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,UAAU;AAAA,IACR,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAAA,EAElB,cAAc;AAAA,IACZ,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GCXYC,KAAwB,CAAC;AAAA,EACpC,UAAAC;AACF,MAEM;AACJ,QAAM,EAAE,QAAAzC,EAAA,IAAWC,EAAA,GACbyC,IAAgBpC,EAAWqC,CAAa,GACxCC,IAActC,EAAWuC,CAAW,GACpCxC,IAAgBC,EAAWC,CAAoB,GAC/CuC,IAAOC,EAAA,GAKPC,IAAc;AAAA,IAClB,cAAc;AAAA,MACZ,SAAS,MAAM3C,EAAc,iBAAA;AAAA,MAC7B,cAAcyC,EAAK,cAAcR,EAAS,SAAS;AAAA,IAAA;AAAA,IAErD,kBAAkB;AAAA,MAChB,SAAS,MAAMjC,EAAc,qBAAA;AAAA,MAC7B,cAAcyC,EAAK,cAAcR,EAAS,aAAa;AAAA,IAAA;AAAA,IAEzD,aAAa;AAAA,MACX,SAAS,MAAMjC,EAAc,iBAAiB,EAAI;AAAA,MAClD,cAAcyC,EAAK,cAAcR,EAAS,QAAQ;AAAA,IAAA;AAAA,IAEpD,iBAAiB;AAAA,MACf,SAAS,MAAMjC,EAAc,qBAAqB,EAAI;AAAA,MACtD,cAAcyC,EAAK,cAAcR,EAAS,YAAY;AAAA,IAAA;AAAA,EACxD,GAOIW,IAAa,IAAI,KAAK,eAAejD,GAAQ;AAAA,IACjD,OAAO;AAAA,EAAA,CACR,EAAE,OAAOK,EAAc,YAAY,OAAOM,EAAA,CAAkB,CAAC,GAExDuC,IAAkB;AAAA,IACtB,IAAI,KAAK,eAAelD,GAAQ;AAAA,MAC9B,OAAO;AAAA,IAAA,CACR,EAAE,OAAOK,EAAc,aAAa,MAAM,OAAOM,EAAA,CAAkB,CAAC;AAAA,IACrE,IAAI,KAAK,eAAeX,GAAQ;AAAA,MAC9B,OAAO;AAAA,IAAA,CACR,EAAE,OAAOK,EAAc,aAAa,IAAI,OAAOM,GAAkB,CAAC;AAAA,EAAA,EACnE,KAAK,KAAK,GAENwC,IAAY,IAAI,KAAK,eAAenD,GAAQ;AAAA,IAChD,MAAM;AAAA,EAAA,CACP,EAAE,OAAOK,EAAc,YAAY,OAAOM,EAAA,CAAkB,CAAC,GAExDyC,IAAY;AAAA,IAChB,OAAO,EAAE,UAAUH,EAAA;AAAA,IACnB,YAAY,EAAE,UAAUC,EAAA;AAAA,IACxB,MAAM,EAAE,UAAUC,EAAA;AAAA,EAAU;AAG9B,SACE,gBAAAtC;AAAA,IAACwC;AAAAA,IAAA;AAAA,MACC,QAAQ;AAAA,QACN;AAAA,UACEV;AAAAA,UACA;AAAA,YACE,GAAGD;AAAA,YACH,OAAO;AAAA,cACL,GAAIA,KACJ,OAAOA,KAAkB,YACzB,WAAWA,IACPA,EAAc,QACd,CAAA;AAAA,cACJ,GAAGM;AAAA,YAAA;AAAA,UACL;AAAA,QACF;AAAA,QAEF;AAAA,UACEH;AAAAA,UACA;AAAA,YACE,GAAGD;AAAA,YACH,OAAO;AAAA,cACL,GAAIA,KACJ,OAAOA,KAAgB,YACvB,WAAWA,IACPA,EAAY,QACZ,CAAA;AAAA,cACJ,GAAGQ;AAAA,YAAA;AAAA,UACL;AAAA,QACF;AAAA,MACF;AAAA,MAGD,UAAAX;AAAA,IAAA;AAAA,EAAA;AAGP,GCxFaa,KAAW,CAACC,MAAoC;AAC3D,QAAMC,IAASC,EAAU,EAAE,QAAQC,GAAoB,GACjD,CAACC,GAAaC,CAAc,IAAIJ,EAAO,kBAAkBD,CAAK,GAC9D,CAACM,GAAYC,CAAU,IAAIC,EAAkBH,CAAc;AAEjE,SACE,gBAAA/C,EAACvB,GAAA,EAAkB,GAAGqE,GAAc,GAAGE,GAAY,SAAO,IACxD,UAAA,gBAAAhD,EAACmD,GAAA,EAAY,GAAGF,GACd,4BAACtB,IAAA,EACC,UAAA;AAAA,IAAA,gBAAA3B,EAACe,IAAA,EAAe;AAAA,sBACf7B,IAAA,CAAA,CAAc;AAAA,EAAA,EAAA,CACjB,GACF,GACF;AAEJ;"}

package/dist/chunks/card-4i9NTJKM.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),t=require("react"),R=require("./config-Mt8_uyhI.cjs.js"),p=require("./create-slot-recipe-context-CHGQvGou.cjs.js"),v=require("./stack-B2xQMEdj.cjs.js"),P=require("./useFocusRing-DRIoF592.cjs.js"),$=require("./mergeProps-BA5Cwf5w.cjs.js"),H=R.defineSlotRecipe({slots:["root","header","content"],className:"nimbus-card",base:{root:{colorPalette:"slate",display:"inline-flex",alignItems:"flex-start",borderRadius:"300",focusVisibleRing:"outside"}},variants:{cardPadding:{sm:{root:{padding:"200"}},md:{root:{padding:"400"}},lg:{root:{padding:"600"}}},borderStyle:{none:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.3"}}},elevation:{none:{},elevated:{root:{shadow:"1"}}},backgroundStyle:{default:{root:{backgroundColor:"colorPalette.contrast"}},muted:{root:{backgroundColor:"colorPalette.2"}}}}}),{withProvider:S,withContext:C}=p.createSlotRecipeContext({recipe:H}),h=S("div","root"),q=C("div","header"),j=C("div","content"),a=t.createContext(void 0),d=({children:o,ref:n,...e})=>{const{isFocused:r,isFocusVisible:f,focusProps:x}=P.$f7dceffc5ad7768b$export$4e328f61c538687f(),[b,l]=t.useState(null),[m,u]=t.useState(null),g=t.useMemo(()=>({setHeader:l,setContent:u}),[l,u]);return s.jsx(a.Provider,{value:g,children:s.jsxs(h,{ref:n,...$.$3ef42575df84b30b$export$9d1611c77c2fe928(e,x),"data-focus":r||void 0,"data-focus-visible":f||void 0,tabIndex:0,children:[s.jsxs(v.Stack,{direction:"column",gap:"200",children:[b,m]}),o]})})};d.displayName="Card.Root";const c=({children:o,...n})=>{const e=t.useContext(a);return t.useEffect(()=>{if(e){const r=s.jsx(q,{...n,children:o});return e.setHeader(r),()=>e.setHeader(null)}},[o,n]),null};c.displayName="Card.Header";const i=({children:o,...n})=>{const e=t.useContext(a);return t.useEffect(()=>{if(e){const r=s.jsx(j,{...n,children:o});return e.setContent(r),()=>e.setContent(null)}},[o,n]),null};i.displayName="Card.Content";const y={Root:d,Header:c,Content:i};exports.Card=y;exports.CardContent=i;exports.CardHeader=c;exports.CardRoot=d;
-//# sourceMappingURL=card-4i9NTJKM.cjs.js.map

package/dist/chunks/card-4i9NTJKM.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-4i9NTJKM.cjs.js","sources":["../../src/components/card/card.recipe.tsx","../../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 { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Card component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const cardRecipe = defineSlotRecipe({\n  slots: [\"root\", \"header\", \"content\"],\n\n  className: \"nimbus-card\",\n\n  base: {\n    root: {\n      colorPalette: \"slate\",\n      display: \"inline-flex\",\n      alignItems: \"flex-start\",\n      borderRadius: \"300\",\n      focusVisibleRing: \"outside\",\n    },\n  },\n\n  variants: {\n    cardPadding: {\n      sm: {\n        root: {\n          padding: \"200\",\n        },\n      },\n      md: {\n        root: {\n          padding: \"400\",\n        },\n      },\n      lg: {\n        root: {\n          padding: \"600\",\n        },\n      },\n    },\n\n    borderStyle: {\n      none: {},\n      outlined: {\n        root: {\n          border: \"solid-25\",\n          borderColor: \"colorPalette.3\",\n        },\n      },\n    },\n    elevation: {\n      none: {},\n      elevated: {\n        root: {\n          shadow: \"1\",\n        },\n      },\n    },\n    backgroundStyle: {\n      default: {\n        root: {\n          backgroundColor: \"colorPalette.contrast\",\n        },\n      },\n      muted: {\n        root: {\n          backgroundColor: \"colorPalette.2\",\n        },\n      },\n    },\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { cardRecipe } from \"./card.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface CardRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface CardRootProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface CardHeaderProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface CardContentProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: cardRecipe,\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 = withProvider<HTMLDivElement, CardRootProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const CardHeader = withContext<HTMLDivElement, CardHeaderProps>(\n  \"div\",\n  \"header\"\n);\nexport const CardContent = withContext<HTMLDivElement, CardContentProps>(\n  \"div\",\n  \"content\"\n);\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\nimport { mergeProps, useFocusRing } from \"react-aria\";\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\n *\n * A versatile container component presents self-contained information\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n */\nexport const CardRoot = ({ children, ref, ...props }: CardProps) => {\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing();\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        {...mergeProps(props, focusProps)}\n        data-focus={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        tabIndex={0}\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 {\n  CardHeader as CardHeaderSlot,\n  type CardHeaderProps,\n} from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\n\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...props}>{children}</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, props]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport {\n  CardContent as CardContentSlot,\n  type CardContentProps,\n} from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\n\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...props}>{children}</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, props]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot } from \"./components/card.root\";\nimport { CardHeader } from \"./components/card.header\";\nimport { CardContent } from \"./components/card.content\";\n\nexport const Card = {\n  Root: CardRoot,\n  Header: CardHeader,\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["cardRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","children","ref","props","isFocused","isFocusVisible","focusProps","useFocusRing","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","mergeProps","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":"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"}

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

@@ -1,139 +0,0 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
-import { createContext as R, useState as l, useMemo as P, useContext as i, useEffect as u } from "react";
-import { a as h } from "./config-ufbQ08Vi.es.js";
-import { c as H } from "./create-slot-recipe-context-DgamNbR-.es.js";
-import { S } from "./stack-DosdbBli.es.js";
-import { $ as y } from "./useFocusRing-D8cwV0EM.es.js";
-import { $ as N } from "./mergeProps-B_9syxhT.es.js";
-const k = /* @__PURE__ */ h({
-  slots: ["root", "header", "content"],
-  className: "nimbus-card",
-  base: {
-    root: {
-      colorPalette: "slate",
-      display: "inline-flex",
-      alignItems: "flex-start",
-      borderRadius: "300",
-      focusVisibleRing: "outside"
-    }
-  },
-  variants: {
-    cardPadding: {
-      sm: {
-        root: {
-          padding: "200"
-        }
-      },
-      md: {
-        root: {
-          padding: "400"
-        }
-      },
-      lg: {
-        root: {
-          padding: "600"
-        }
-      }
-    },
-    borderStyle: {
-      none: {},
-      outlined: {
-        root: {
-          border: "solid-25",
-          borderColor: "colorPalette.3"
-        }
-      }
-    },
-    elevation: {
-      none: {},
-      elevated: {
-        root: {
-          shadow: "1"
-        }
-      }
-    },
-    backgroundStyle: {
-      default: {
-        root: {
-          backgroundColor: "colorPalette.contrast"
-        }
-      },
-      muted: {
-        root: {
-          backgroundColor: "colorPalette.2"
-        }
-      }
-    }
-  }
-}), { withProvider: w, withContext: f } = /* @__PURE__ */ H({
-  recipe: k
-}), E = /* @__PURE__ */ w(
-  "div",
-  "root"
-), V = /* @__PURE__ */ f(
-  "div",
-  "header"
-), j = /* @__PURE__ */ f(
-  "div",
-  "content"
-), a = /* @__PURE__ */ R(
-  void 0
-), m = ({ children: o, ref: e, ...t }) => {
-  const { isFocused: r, isFocusVisible: b, focusProps: x } = y(), [v, d] = l(null), [g, s] = l(null), $ = P(
-    () => ({
-      setHeader: d,
-      setContent: s
-    }),
-    [d, s]
-  );
-  return /* @__PURE__ */ n(a.Provider, { value: $, children: /* @__PURE__ */ c(
-    E,
-    {
-      ref: e,
-      ...N(t, x),
-      "data-focus": r || void 0,
-      "data-focus-visible": b || void 0,
-      tabIndex: 0,
-      children: [
-        /* @__PURE__ */ c(S, { direction: "column", gap: "200", children: [
-          v,
-          g
-        ] }),
-        o
-      ]
-    }
-  ) });
-};
-m.displayName = "Card.Root";
-const C = ({ children: o, ...e }) => {
-  const t = i(a);
-  return u(() => {
-    if (t) {
-      const r = /* @__PURE__ */ n(V, { ...e, children: o });
-      return t.setHeader(r), () => t.setHeader(null);
-    }
-  }, [o, e]), null;
-};
-C.displayName = "Card.Header";
-const p = ({ children: o, ...e }) => {
-  const t = i(a);
-  return u(() => {
-    if (t) {
-      const r = /* @__PURE__ */ n(j, { ...e, children: o });
-      return t.setContent(r), () => t.setContent(null);
-    }
-  }, [o, e]), null;
-};
-p.displayName = "Card.Content";
-const D = {
-  Root: m,
-  Header: C,
-  Content: p
-};
-export {
-  D as C,
-  m as a,
-  C as b,
-  p as c
-};
-//# sourceMappingURL=card-D1BUuNzg.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"card-D1BUuNzg.es.js","sources":["../../src/components/card/card.recipe.tsx","../../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 { defineSlotRecipe } from \"@chakra-ui/react/styled-system\";\n\n/**\n * Recipe configuration for the Card component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const cardRecipe = defineSlotRecipe({\n  slots: [\"root\", \"header\", \"content\"],\n\n  className: \"nimbus-card\",\n\n  base: {\n    root: {\n      colorPalette: \"slate\",\n      display: \"inline-flex\",\n      alignItems: \"flex-start\",\n      borderRadius: \"300\",\n      focusVisibleRing: \"outside\",\n    },\n  },\n\n  variants: {\n    cardPadding: {\n      sm: {\n        root: {\n          padding: \"200\",\n        },\n      },\n      md: {\n        root: {\n          padding: \"400\",\n        },\n      },\n      lg: {\n        root: {\n          padding: \"600\",\n        },\n      },\n    },\n\n    borderStyle: {\n      none: {},\n      outlined: {\n        root: {\n          border: \"solid-25\",\n          borderColor: \"colorPalette.3\",\n        },\n      },\n    },\n    elevation: {\n      none: {},\n      elevated: {\n        root: {\n          shadow: \"1\",\n        },\n      },\n    },\n    backgroundStyle: {\n      default: {\n        root: {\n          backgroundColor: \"colorPalette.contrast\",\n        },\n      },\n      muted: {\n        root: {\n          backgroundColor: \"colorPalette.2\",\n        },\n      },\n    },\n  },\n});\n","import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\n\nimport { cardRecipe } from \"./card.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface CardRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface CardRootProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface CardHeaderProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface CardContentProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: cardRecipe,\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 = withProvider<HTMLDivElement, CardRootProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const CardHeader = withContext<HTMLDivElement, CardHeaderProps>(\n  \"div\",\n  \"header\"\n);\nexport const CardContent = withContext<HTMLDivElement, CardContentProps>(\n  \"div\",\n  \"content\"\n);\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\nimport { Stack } from \"../../stack\";\nimport { mergeProps, useFocusRing } from \"react-aria\";\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\n *\n * A versatile container component presents self-contained information\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n */\nexport const CardRoot = ({ children, ref, ...props }: CardProps) => {\n  const { isFocused, isFocusVisible, focusProps } = useFocusRing();\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        {...mergeProps(props, focusProps)}\n        data-focus={isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        tabIndex={0}\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 {\n  CardHeader as CardHeaderSlot,\n  type CardHeaderProps,\n} from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\n\nexport const CardHeader = ({ children, ...props }: CardHeaderProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardHeaderSlot {...props}>{children}</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, props]);\n\n  return null;\n};\nCardHeader.displayName = \"Card.Header\";\n","import { useContext, useEffect } from \"react\";\nimport {\n  CardContent as CardContentSlot,\n  type CardContentProps,\n} from \"../card.slots\";\nimport { CardContext } from \"./card.root\";\n\nexport const CardContent = ({ children, ...props }: CardContentProps) => {\n  const context = useContext(CardContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <CardContentSlot {...props}>{children}</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, props]);\n\n  return null;\n};\n\nCardContent.displayName = \"Card.Content\";\n","import { CardRoot } from \"./components/card.root\";\nimport { CardHeader } from \"./components/card.header\";\nimport { CardContent } from \"./components/card.content\";\n\nexport const Card = {\n  Root: CardRoot,\n  Header: CardHeader,\n  Content: CardContent,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardContent as _CardContent,\n};\n"],"names":["cardRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","CardRoot","CardHeader","CardContent","CardContext","createContext","children","ref","props","isFocused","isFocusVisible","focusProps","useFocusRing","headerNode","setHeader","useState","contentNode","setContent","contextValue","useMemo","jsx","jsxs","CardRootSlot","mergeProps","Stack","context","useContext","useEffect","slotElement","CardHeaderSlot","CardContentSlot","Card"],"mappings":";;;;;;;AAMO,MAAMA,IAAa,gBAAAC,EAAiB;AAAA,EACzC,OAAO,CAAC,QAAQ,UAAU,SAAS;AAAA,EAEnC,WAAW;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,kBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EAGF,UAAU;AAAA,IACR,aAAa;AAAA,MACX,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAEF,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAEF,IAAI;AAAA,QACF,MAAM;AAAA,UACJ,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,IAGF,aAAa;AAAA,MACX,MAAM,CAAA;AAAA,MACN,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,QAAQ;AAAA,UACR,aAAa;AAAA,QAAA;AAAA,MACf;AAAA,IACF;AAAA,IAEF,WAAW;AAAA,MACT,MAAM,CAAA;AAAA,MACN,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,QACP,MAAM;AAAA,UACJ,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,MAEF,OAAO;AAAA,QACL,MAAM;AAAA,UACJ,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAEJ,CAAC,GCtCK,EAAE,cAAAC,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQJ;AACV,CAAC,GAMYK,IAAW,gBAAAH;AAAA,EACtB;AAAA,EACA;AACF,GAEaI,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AACF,GACaI,IAAc,gBAAAJ;AAAA,EACzB;AAAA,EACA;AACF,GCzCaK,IAAc,gBAAAC;AAAA,EACzB;AACF,GASaJ,IAAW,CAAC,EAAE,UAAAK,GAAU,KAAAC,GAAK,GAAGC,QAAuB;AAClE,QAAM,EAAE,WAAAC,GAAW,gBAAAC,GAAgB,YAAAC,EAAA,IAAeC,EAAA,GAC5C,CAACC,GAAYC,CAAS,IAAIC,EAAoB,IAAI,GAClD,CAACC,GAAaC,CAAU,IAAIF,EAAoB,IAAI,GAGpDG,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,WAAAL;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,IAEF,CAACH,GAAWG,CAAU;AAAA,EAAA;AAGxB,SACE,gBAAAG,EAAChB,EAAY,UAAZ,EAAqB,OAAOc,GAC3B,UAAA,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAf;AAAA,MACC,GAAGgB,EAAWf,GAAOG,CAAU;AAAA,MAChC,cAAYF,KAAa;AAAA,MACzB,sBAAoBC,KAAkB;AAAA,MACtC,UAAU;AAAA,MAGV,UAAA;AAAA,QAAA,gBAAAW,EAACG,GAAA,EAAM,WAAU,UAAS,KAAI,OAC3B,UAAA;AAAA,UAAAX;AAAA,UACAG;AAAA,QAAA,GACH;AAAA,QAGCV;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAEAL,EAAS,cAAc;ACnDhB,MAAMC,IAAa,CAAC,EAAE,UAAAI,GAAU,GAAGE,QAA6B;AACrE,QAAMiB,IAAUC,EAAWtB,CAAW;AAEtC,SAAAuB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACS,GAAA,EAAgB,GAAGrB,GAAQ,UAAAF,GAAS;AAGvC,aAAAmB,EAAQ,UAAUG,CAAW,GAGtB,MAAMH,EAAQ,UAAU,IAAI;AAAA,IACrC;AAAA,EACF,GAAG,CAACnB,GAAUE,CAAK,CAAC,GAEb;AACT;AACAN,EAAW,cAAc;AClBlB,MAAMC,IAAc,CAAC,EAAE,UAAAG,GAAU,GAAGE,QAA8B;AACvE,QAAMiB,IAAUC,EAAWtB,CAAW;AAEtC,SAAAuB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACU,GAAA,EAAiB,GAAGtB,GAAQ,UAAAF,GAAS;AAGxC,aAAAmB,EAAQ,WAAWG,CAAW,GAGvB,MAAMH,EAAQ,WAAW,IAAI;AAAA,IACtC;AAAA,EACF,GAAG,CAACnB,GAAUE,CAAK,CAAC,GAEb;AACT;AAEAL,EAAY,cAAc;ACtBnB,MAAM4B,IAAO;AAAA,EAClB,MAAM9B;AAAA,EACN,QAAQC;AAAA,EACR,SAASC;AACX;"}