@commercetools/nimbus 0.0.0-canary-20251110185506 → 0.0.0-canary-20251111082642

package/dist/chunks/{calendar-DxE9B9NF.cjs.js.map → calendar-CPvN85XQ.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar-DxE9B9NF.cjs.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/calendar.i18n.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","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.Calendar.nextMonth\",\n    description: \"aria-label for next month navigation button\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.Calendar.previousMonth\",\n    description: \"aria-label for previous month navigation button\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.Calendar.nextYear\",\n    description: \"aria-label for next year navigation button\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.Calendar.previousYear\",\n    description: \"aria-label for previous year navigation button\",\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 \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const { locale } = useLocale();\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\": 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 { 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            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          {/* @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            colorPalette=\"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            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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\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","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","locale","useLocale","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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"}
+{"version":3,"file":"calendar-CPvN85XQ.cjs.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/calendar.i18n.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","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.Calendar.nextMonth\",\n    description: \"aria-label for next month navigation button\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.Calendar.previousMonth\",\n    description: \"aria-label for previous month navigation button\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.Calendar.nextYear\",\n    description: \"aria-label for next year navigation button\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.Calendar.previousYear\",\n    description: \"aria-label for previous year navigation button\",\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 \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const { locale } = useLocale();\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\": 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 { 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            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          {/* @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            colorPalette=\"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            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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\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","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","locale","useLocale","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/{calendar-D3acw4dp.es.js → calendar-DpN-92ho.es.js}

@@ -1,21 +1,21 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { j as P, d as I, e as N, f as j, g as F, h as G, a as M, c as H, k as Y } from "./Heading-D804NNml.es.js";
+import { j as P, d as I, e as N, f as j, g as F, h as G, a as M, c as H, k as Y } from "./Heading-D7Ut7eK3.es.js";
 import { createSlotRecipeContext as k } from "@chakra-ui/react";
 import { useSlotRecipe as A } from "@chakra-ui/react/styled-system";
-import { e as B } from "./extract-style-props-D8DMpwDa.es.js";
-import { c as l, d as L } from "./useDateFormatter-CO08GpLe.es.js";
+import { e as B } from "./extract-style-props-BtI5SsUL.es.js";
+import { c as l, d as L } from "./useDateFormatter-886GJ5w1.es.js";
 import { useContext as u } from "react";
-import { $ } from "./Button-CmpJG0ec.es.js";
-import { e as z, c as w } from "./utils-9vu7GUaz.es.js";
+import { $ } from "./Button-BjcDZ5eb.es.js";
+import { e as z, c as w } from "./utils-B6pV5ewr.es.js";
 import { $ as g } from "./Text-DOcU1ycg.es.js";
 import { defineMessages as V, useIntl as K } from "react-intl";
 import { $ as D } from "./context-DW7UvQ8z.es.js";
 import { KeyboardArrowLeft as v, KeyboardArrowRight as y } from "@commercetools/nimbus-icons";
 import { S as C } from "./stack-CoNreM7B.es.js";
-import { T as S } from "./text-DvqDjbwb.es.js";
+import { T as S } from "./text-CIb_VDvO.es.js";
 import { Flex as W } from "@chakra-ui/react/flex";
-import { V as _ } from "./visually-hidden-m5QY9YV7.es.js";
-import { I as h } from "./icon-button-Cb07r9LU.es.js";
+import { V as _ } from "./visually-hidden-Dj5CT-u_.es.js";
+import { I as h } from "./icon-button-BCUdS3Fs.es.js";
 import { B as R } from "./box-DuBoAZvq.es.js";
 const { withProvider: q, withContext: s } = /* @__PURE__ */ k({
   key: "calendar"
@@ -214,4 +214,4 @@ const { withProvider: q, withContext: s } = /* @__PURE__ */ k({
 export {
   Pe as C
 };
-//# sourceMappingURL=calendar-D3acw4dp.es.js.map
+//# sourceMappingURL=calendar-DpN-92ho.es.js.map

package/dist/chunks/{calendar-D3acw4dp.es.js.map → calendar-DpN-92ho.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar-D3acw4dp.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/calendar.i18n.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","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.Calendar.nextMonth\",\n    description: \"aria-label for next month navigation button\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.Calendar.previousMonth\",\n    description: \"aria-label for previous month navigation button\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.Calendar.nextYear\",\n    description: \"aria-label for next year navigation button\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.Calendar.previousYear\",\n    description: \"aria-label for previous year navigation button\",\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 \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const { locale } = useLocale();\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\": 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 { 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            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          {/* @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            colorPalette=\"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            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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\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","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","locale","useLocale","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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"}
+{"version":3,"file":"calendar-DpN-92ho.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/calendar.i18n.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","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.Calendar.nextMonth\",\n    description: \"aria-label for next month navigation button\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.Calendar.previousMonth\",\n    description: \"aria-label for previous month navigation button\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.Calendar.nextYear\",\n    description: \"aria-label for next year navigation button\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.Calendar.previousYear\",\n    description: \"aria-label for previous year navigation button\",\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 \"../calendar.i18n\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const intl = useIntl();\n  const { locale } = useLocale();\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\": 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 { 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            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          {/* @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            colorPalette=\"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            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          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\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","messages","defineMessages","CalendarCustomContext","children","intl","useIntl","locale","useLocale","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-BDNwiSPj.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-85ZscQNb.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-BDNwiSPj.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-BDNwiSPj.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-q1bqwXyw.es.js

@@ -0,0 +1,115 @@
+import { jsx as a, jsxs as p } from "react/jsx-runtime";
+import { createContext as N, useState as C, useMemo 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-BtI5SsUL.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__ */ N(
+  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 = k(
+    () => ({
+      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,
+  x as a,
+  P as b,
+  y as c
+};
+//# sourceMappingURL=card-q1bqwXyw.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-q1bqwXyw.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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"}

package/dist/chunks/{checkbox-7xDO5Gat.es.js → checkbox-BaFXINPD.es.js}

@@ -1,22 +1,22 @@
 import { jsx as P, jsxs as D, Fragment as j } from "react/jsx-runtime";
 import { useSlotRecipe as H } from "@chakra-ui/react/styled-system";
 import { Check as N, Remove as L } from "@commercetools/nimbus-icons";
-import { e as T } from "./extract-style-props-D8DMpwDa.es.js";
+import { e as T } from "./extract-style-props-BtI5SsUL.es.js";
 import { createSlotRecipeContext as W } from "@chakra-ui/react";
 import { a as z } from "./RSPContexts-DLgb84PF.es.js";
-import { $ as A, c as G, d as J, f as S, a as K } from "./utils-9vu7GUaz.es.js";
+import { $ as A, c as G, d as J, f as S, a as K } from "./utils-B6pV5ewr.es.js";
 import { $ as Q } from "./Form-CXcEMuBf.es.js";
-import { a as V } from "./mergeProps-D1jjFfMs.es.js";
+import { $ as V } from "./mergeProps-Dsl8k3Ig.es.js";
 import { $ as U } from "./filterDOMProps-BSVCO5jK.es.js";
 import { $ as X } from "./useObjectRef-CaJ5pgjX.es.js";
 import R, { useEffect as k, useMemo as B, useRef as Y, forwardRef as Z, useContext as ee, createContext as ie } from "react";
-import { $ as g, a as ae, b as O, c as de } from "./useFormValidation-DxDV9X1M.es.js";
-import { $ as te } from "./usePress-C_IPaF8I.es.js";
-import { $ as le } from "./useToggle-BZPMewLP.es.js";
+import { $ as g, a as ae, b as O, c as de } from "./useFormValidation-BCVLtR0U.es.js";
+import { $ as te } from "./usePress-BuLomD_X.es.js";
+import { $ as le } from "./useToggle-DKP3zVOY.es.js";
 import { $ as q } from "./useToggleState-Uh0wTgdI.es.js";
-import { $ as oe } from "./useFocusRing-oMAqzr3e.es.js";
-import { $ as ne } from "./useHover-BtRK9g2L.es.js";
-import { $ as re } from "./VisuallyHidden-BIA5VRNP.es.js";
+import { $ as oe } from "./useFocusRing-FPt2Rwil.es.js";
+import { $ as ne } from "./useHover-BQRSM3qT.es.js";
+import { $ as re } from "./VisuallyHidden-BLRzeMsq.es.js";
 function _(i, e, a) {
   let o = g({
     ...i,
@@ -218,4 +218,4 @@ he.displayName = "Checkbox";
 export {
   he as C
 };
-//# sourceMappingURL=checkbox-7xDO5Gat.es.js.map
+//# sourceMappingURL=checkbox-BaFXINPD.es.js.map