@commercetools/nimbus 2.1.0 → 2.3.0

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

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

package/dist/chunks/calendar-D0OrT88Y.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-C7J8IDnn.cjs.js"),w=require("@chakra-ui/react"),q=require("@chakra-ui/react/styled-system"),D=require("./extract-style-props-BvvBKXOu.cjs.js"),i=require("./useDateFormatter-Bq98mt4A.cjs.js"),b=require("react"),v=require("./Button-DLCecw8f.cjs.js"),p=require("./utils-DVb3jcp5.cjs.js"),y=require("./Text-BWSfeB9p.cjs.js"),f=require("./normalize-messages-CaDzkuUm.cjs.js"),M=require("./context-CyT9C4U4.cjs.js"),u=require("@commercetools/nimbus-icons"),j=require("./text-BtRhIklG.cjs.js"),R=require("@chakra-ui/react/flex"),C=require("./stack-CIN13EDn.cjs.js"),z=require("./visually-hidden-BjtXUoFK.cjs.js"),$=require("./icon-button-5pYAEokc.cjs.js"),S=require("./box-CWni3A32.cjs.js"),{withProvider:I,withContext:c}=w.createSlotRecipeContext({key:"calendar"}),T=I("div","root"),Y=c("div","header"),A=c("div","grids"),B=c("div","monthTitle"),F=c("table","grid"),L=c("thead","gridHeader"),H=c("th","headerCell"),N=c("tbody","gridBody"),k=c("td","bodyCell"),G={nextMonth:"Next month",nextYear:"Next year",previousMonth:"Previous month",previousYear:"Previous year"},_={nextMonth:"Nächsten Monat",nextYear:"Nächstes Jahr",previousMonth:"Letzten Monat",previousYear:"Letztes Jahr"},K={nextMonth:"Próximo mes",nextYear:"Próximo año",previousMonth:"Mes anterior",previousYear:"Año anterior"},J={nextMonth:"Mois suivant",nextYear:"Année suivante",previousMonth:"Mois précédent",previousYear:"Année précédente"},V={nextMonth:"Próximo mês",nextYear:"Próximo ano",previousMonth:"Mês anterior",previousYear:"Ano anterior"},W={en:f.normalizeMessages(G),de:f.normalizeMessages(_),es:f.normalizeMessages(K),"fr-FR":f.normalizeMessages(J),"pt-BR":f.normalizeMessages(V)},E=({children:d})=>{const{locale:n}=M.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),t=f.useLocalizedStringFormatter(W),r=b.useContext(v.$d2b4bc8c273e7be6$export$24d547caef80ccd1),s=b.useContext(y.$514c0188e459b4c0$export$9afb8bc826b033ea),o=b.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),g={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":t.format("nextMonth")},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":t.format("previousMonth")},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":t.format("nextYear")},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":t.format("previousYear")}},x=new Intl.DateTimeFormat(n,{month:"long"}).format(o.focusedDate.toDate(i.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),m=[new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.start.toDate(i.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.end.toDate(i.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()))].join(" - "),h=new Intl.DateTimeFormat(n,{year:"numeric"}).format(o.focusedDate.toDate(i.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),l={month:{children:x},monthRange:{children:m},year:{children:h}};return e.jsx(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...r,slots:{...r&&typeof r=="object"&&"slots"in r?r.slots:{},...g}}],[y.$514c0188e459b4c0$export$9afb8bc826b033ea,{...s,slots:{...s&&typeof s=="object"&&"slots"in s?s.slots:{},...l}}]],children:d})},O=()=>{const{locale:d}=M.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=p.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355),t=b.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),r=n?.visibleDuration?.months||1,s=i.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(i.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),o=r>1;return e.jsx(A,{children:Array.from({length:r},(g,x)=>{const m=t.visibleRange.start.add({months:x}),h=new Intl.DateTimeFormat(d,{month:"long"}).format(m.toDate(i.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()));return e.jsxs(S.Box,{width:r==1?"full":"auto",children:[o&&e.jsx(B,{children:h}),e.jsx(F,{asChild:!0,children:e.jsxs(a.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:x},weekdayStyle:"short",children:[e.jsx(L,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:l=>e.jsx(H,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:l})})})}),e.jsx(N,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:l=>{const P=l.compare(s)===0;return e.jsx(k,{asChild:!0,"data-today":P,children:e.jsx(a.$dfd62f934fc76fed$export$5d847498420df57b,{date:l})})}})})]})})]},h)})})},Q=()=>{const t=(p.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355)?.visibleDuration?.months||1)>1;return e.jsx(Y,{children:e.jsxs(R.Flex,{children:[e.jsxs(C.Stack,{direction:"row",alignItems:"center",children:[e.jsx(z.VisuallyHidden,{children:e.jsx(a.$5cb03073d3f54797$export$a8a3e93435678ff9,{})}),e.jsx($.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx($.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowRight,{})})]}),e.jsx(S.Box,{flexGrow:"1"}),e.jsxs(C.Stack,{direction:"row",alignItems:"center",children:[e.jsx($.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx($.IconButton,{slot:"next-year",size:"xs",variant:"ghost",colorPalette:"primary",children:e.jsx(u.KeyboardArrowRight,{})})]})]})})},U=d=>{const n=q.useSlotRecipe({key:"calendar"}),[t,r]=n.splitVariantProps(d),[s,o]=D.extractStyleProps(r);return e.jsx(T,{...t,...s,asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e1aef45b828286de,{...o,children:e.jsxs(E,{children:[e.jsx(Q,{}),e.jsx(O,{})]})})})};exports.Calendar=U;
+//# sourceMappingURL=calendar-D0OrT88Y.cjs.js.map

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

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

package/dist/chunks/card-BHw7lWYe.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-CM4QZGaE.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-BHw7lWYe.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-BHw7lWYe.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/card-CgBcH7Zm.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-BvvBKXOu.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-CgBcH7Zm.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-CgBcH7Zm.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/{checkbox-CWhwDnrI.cjs.js → checkbox-BYBGaSV9.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const P=require("react/jsx-runtime"),M=require("@chakra-ui/react/styled-system"),C=require("@commercetools/nimbus-icons"),_=require("./extract-style-props-BilMyFTD.cjs.js"),w=require("@chakra-ui/react"),H=require("./RSPContexts-BdKenzIN.cjs.js"),R=require("./utils-DVb3jcp5.cjs.js"),T=require("./Form-BuOomA4T.cjs.js"),p=require("./mergeProps-CxnHrnow.cjs.js"),N=require("./filterDOMProps-WUskt27c.cjs.js"),L=require("./useObjectRef-4v2MxSjQ.cjs.js"),o=require("react"),q=require("./useFormValidation-BfTV0EQ1.cjs.js"),W=require("./usePress-MEEljcWP.cjs.js"),z=require("./useToggle-DWRQYar0.cjs.js"),D=require("./useToggleState-D7k4zllv.cjs.js"),A=require("./useFocusRing-B7_ogYbr.cjs.js"),G=require("./useHover-xrdh1GG9.cjs.js"),J=require("./VisuallyHidden-CDvZiyH6.cjs.js");function k(i,e,a){let r=q.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:e.isSelected}),{isInvalid:x,validationErrors:m,validationDetails:u}=r.displayValidation,{labelProps:f,inputProps:s,isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b}=z.$d2c8e2b0480f3f34$export$cbe85ee05b554577({...i,isInvalid:x},e,a);q.$e93e671b31057976$export$b8473d3665f3a75a(i,r,a);let{isIndeterminate:v,isRequired:l,validationBehavior:c="aria"}=i;o.useEffect(()=>{a.current&&(a.current.indeterminate=!!v)});let{pressProps:h}=W.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:$||b,onPress(){let{[q.$e5be200c675c3b3a$export$a763b9476acd3eb]:n}=i,{commitValidation:y}=n||r;y()}});return{labelProps:p.$3ef42575df84b30b$export$9d1611c77c2fe928(f,h,o.useMemo(()=>({onMouseDown:n=>n.preventDefault()}),[])),inputProps:{...s,checked:d,"aria-required":l&&c==="aria"||void 0,required:l&&c==="native"},isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b,isInvalid:x,validationErrors:m,validationDetails:u}}const K=new WeakMap;function Q(i,e,a){const r=D.$3017fa7ffdddec74$export$8042c6c013fd5226({isReadOnly:i.isReadOnly||e.isReadOnly,isSelected:e.isSelected(i.value),defaultSelected:e.defaultValue.includes(i.value),onChange(n){n?e.addValue(i.value):e.removeValue(i.value),i.onChange&&i.onChange(n)}});let{name:x,form:m,descriptionId:u,errorMessageId:f,validationBehavior:s}=K.get(e);var d;s=(d=i.validationBehavior)!==null&&d!==void 0?d:s;let{realtimeValidation:t}=q.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:r.isSelected,name:void 0,validationBehavior:"aria"}),$=o.useRef(q.$e5be200c675c3b3a$export$dad6ae84456c676a),b=()=>{e.setInvalid(i.value,t.isInvalid?t:$.current)};o.useEffect(b);let v=e.realtimeValidation.isInvalid?e.realtimeValidation:t,l=s==="native"?e.displayValidation:v;var c;let h=k({...i,isReadOnly:i.isReadOnly||e.isReadOnly,isDisabled:i.isDisabled||e.isDisabled,name:i.name||x,form:i.form||m,isRequired:(c=i.isRequired)!==null&&c!==void 0?c:e.isRequired,validationBehavior:s,[q.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:v,displayValidation:l,resetValidation:e.resetValidation,commitValidation:e.commitValidation,updateValidation(n){$.current=n,b()}}},r,a);return{...h,inputProps:{...h.inputProps,"aria-describedby":[i["aria-describedby"],e.isInvalid?f:null,u].filter(Boolean).join(" ")||void 0}}}const U=o.createContext(null),X=o.forwardRef(function(e,a){let{inputRef:r=null,...x}=e;[e,a]=R.$64fa3d84918910a7$export$29f1550f4b0d4415(x,a,H.$4e85f108e88277b8$export$b085522c77523c51);let{validationBehavior:m}=R.$64fa3d84918910a7$export$fabf2dc03a41866e(T.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var u,f;let s=(f=(u=e.validationBehavior)!==null&&u!==void 0?u:m)!==null&&f!==void 0?f:"native",d=o.useContext(U),t=L.$df56164dff5785e2$export$4338b53315abf666(o.useMemo(()=>R.$5dc95899b306f630$export$c9058316764c140e(r,e.inputRef!==void 0?e.inputRef:null),[r,e.inputRef])),{labelProps:$,inputProps:b,isSelected:v,isDisabled:l,isReadOnly:c,isPressed:h,isInvalid:n}=d?Q({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),value:e.value,children:typeof e.children=="function"?!0:e.children},d,t):k({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children,validationBehavior:s},D.$3017fa7ffdddec74$export$8042c6c013fd5226(e),t),{isFocused:y,isFocusVisible:I,focusProps:F}=A.$f7dceffc5ad7768b$export$4e328f61c538687f(),j=l||c,{hoverProps:E,isHovered:S}=G.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:j}),g=R.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Checkbox",values:{isSelected:v,isIndeterminate:e.isIndeterminate||!1,isPressed:h,isHovered:S,isFocused:y,isFocusVisible:I,isDisabled:l,isReadOnly:c,isInvalid:n,isRequired:e.isRequired||!1}}),V=N.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete V.id,delete V.onClick,o.createElement("label",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(V,$,E,g),ref:a,slot:e.slot||void 0,"data-selected":v||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":h||void 0,"data-hovered":S||void 0,"data-focused":y||void 0,"data-focus-visible":I||void 0,"data-disabled":l||void 0,"data-readonly":c||void 0,"data-invalid":n||void 0,"data-required":e.isRequired||void 0},o.createElement(J.$5c3e21d68f1c4674$export$439d29a4e110a164,{elementType:"span"},o.createElement("input",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(b,F),ref:t})),g.children)}),{withProvider:Y,withContext:B}=w.createSlotRecipeContext({key:"checkbox"}),Z=Y(X,"root"),ee=B("span","label"),ie=B("span","indicator"),O=i=>{const{ref:e,children:a,...r}=i,x=M.useSlotRecipe({key:"checkbox"}),[m,u]=x.splitVariantProps(r),[f,s]=_.extractStyleProps(u);return P.jsx(Z,{ref:e,"data-slot":"root",...s,...m,...f,children:({isSelected:d,isIndeterminate:t,isInvalid:$,isDisabled:b,isFocused:v})=>{const l={"data-selected":d,"data-indeterminate":t,"data-invalid":$,"data-disabled":b,"data-focus":v||void 0};return P.jsxs(P.Fragment,{children:[P.jsxs(ie,{"data-slot":"indicator",...l,children:[d&&P.jsx(C.Check,{}),t&&P.jsx(C.Remove,{})]}),a&&P.jsx(ee,{"data-slot":"label",...l,children:a})]})}})};O.displayName="Checkbox";exports.Checkbox=O;
-//# sourceMappingURL=checkbox-CWhwDnrI.cjs.js.map
+"use strict";const P=require("react/jsx-runtime"),M=require("@chakra-ui/react/styled-system"),C=require("@commercetools/nimbus-icons"),_=require("./extract-style-props-BvvBKXOu.cjs.js"),w=require("@chakra-ui/react"),H=require("./RSPContexts-BdKenzIN.cjs.js"),R=require("./utils-DVb3jcp5.cjs.js"),T=require("./Form-BuOomA4T.cjs.js"),p=require("./mergeProps-CxnHrnow.cjs.js"),N=require("./filterDOMProps-WUskt27c.cjs.js"),L=require("./useObjectRef-4v2MxSjQ.cjs.js"),o=require("react"),q=require("./useFormValidation-BfTV0EQ1.cjs.js"),W=require("./usePress-MEEljcWP.cjs.js"),z=require("./useToggle-DWRQYar0.cjs.js"),D=require("./useToggleState-D7k4zllv.cjs.js"),A=require("./useFocusRing-B7_ogYbr.cjs.js"),G=require("./useHover-xrdh1GG9.cjs.js"),J=require("./VisuallyHidden-CDvZiyH6.cjs.js");function k(i,e,a){let r=q.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:e.isSelected}),{isInvalid:x,validationErrors:m,validationDetails:u}=r.displayValidation,{labelProps:f,inputProps:s,isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b}=z.$d2c8e2b0480f3f34$export$cbe85ee05b554577({...i,isInvalid:x},e,a);q.$e93e671b31057976$export$b8473d3665f3a75a(i,r,a);let{isIndeterminate:v,isRequired:l,validationBehavior:c="aria"}=i;o.useEffect(()=>{a.current&&(a.current.indeterminate=!!v)});let{pressProps:h}=W.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:$||b,onPress(){let{[q.$e5be200c675c3b3a$export$a763b9476acd3eb]:n}=i,{commitValidation:y}=n||r;y()}});return{labelProps:p.$3ef42575df84b30b$export$9d1611c77c2fe928(f,h,o.useMemo(()=>({onMouseDown:n=>n.preventDefault()}),[])),inputProps:{...s,checked:d,"aria-required":l&&c==="aria"||void 0,required:l&&c==="native"},isSelected:d,isPressed:t,isDisabled:$,isReadOnly:b,isInvalid:x,validationErrors:m,validationDetails:u}}const K=new WeakMap;function Q(i,e,a){const r=D.$3017fa7ffdddec74$export$8042c6c013fd5226({isReadOnly:i.isReadOnly||e.isReadOnly,isSelected:e.isSelected(i.value),defaultSelected:e.defaultValue.includes(i.value),onChange(n){n?e.addValue(i.value):e.removeValue(i.value),i.onChange&&i.onChange(n)}});let{name:x,form:m,descriptionId:u,errorMessageId:f,validationBehavior:s}=K.get(e);var d;s=(d=i.validationBehavior)!==null&&d!==void 0?d:s;let{realtimeValidation:t}=q.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...i,value:r.isSelected,name:void 0,validationBehavior:"aria"}),$=o.useRef(q.$e5be200c675c3b3a$export$dad6ae84456c676a),b=()=>{e.setInvalid(i.value,t.isInvalid?t:$.current)};o.useEffect(b);let v=e.realtimeValidation.isInvalid?e.realtimeValidation:t,l=s==="native"?e.displayValidation:v;var c;let h=k({...i,isReadOnly:i.isReadOnly||e.isReadOnly,isDisabled:i.isDisabled||e.isDisabled,name:i.name||x,form:i.form||m,isRequired:(c=i.isRequired)!==null&&c!==void 0?c:e.isRequired,validationBehavior:s,[q.$e5be200c675c3b3a$export$a763b9476acd3eb]:{realtimeValidation:v,displayValidation:l,resetValidation:e.resetValidation,commitValidation:e.commitValidation,updateValidation(n){$.current=n,b()}}},r,a);return{...h,inputProps:{...h.inputProps,"aria-describedby":[i["aria-describedby"],e.isInvalid?f:null,u].filter(Boolean).join(" ")||void 0}}}const U=o.createContext(null),X=o.forwardRef(function(e,a){let{inputRef:r=null,...x}=e;[e,a]=R.$64fa3d84918910a7$export$29f1550f4b0d4415(x,a,H.$4e85f108e88277b8$export$b085522c77523c51);let{validationBehavior:m}=R.$64fa3d84918910a7$export$fabf2dc03a41866e(T.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var u,f;let s=(f=(u=e.validationBehavior)!==null&&u!==void 0?u:m)!==null&&f!==void 0?f:"native",d=o.useContext(U),t=L.$df56164dff5785e2$export$4338b53315abf666(o.useMemo(()=>R.$5dc95899b306f630$export$c9058316764c140e(r,e.inputRef!==void 0?e.inputRef:null),[r,e.inputRef])),{labelProps:$,inputProps:b,isSelected:v,isDisabled:l,isReadOnly:c,isPressed:h,isInvalid:n}=d?Q({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),value:e.value,children:typeof e.children=="function"?!0:e.children},d,t):k({...R.$64fa3d84918910a7$export$ef03459518577ad4(e),children:typeof e.children=="function"?!0:e.children,validationBehavior:s},D.$3017fa7ffdddec74$export$8042c6c013fd5226(e),t),{isFocused:y,isFocusVisible:I,focusProps:F}=A.$f7dceffc5ad7768b$export$4e328f61c538687f(),j=l||c,{hoverProps:E,isHovered:S}=G.$6179b936705e76d3$export$ae780daf29e6d456({...e,isDisabled:j}),g=R.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-Checkbox",values:{isSelected:v,isIndeterminate:e.isIndeterminate||!1,isPressed:h,isHovered:S,isFocused:y,isFocusVisible:I,isDisabled:l,isReadOnly:c,isInvalid:n,isRequired:e.isRequired||!1}}),V=N.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return delete V.id,delete V.onClick,o.createElement("label",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(V,$,E,g),ref:a,slot:e.slot||void 0,"data-selected":v||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":h||void 0,"data-hovered":S||void 0,"data-focused":y||void 0,"data-focus-visible":I||void 0,"data-disabled":l||void 0,"data-readonly":c||void 0,"data-invalid":n||void 0,"data-required":e.isRequired||void 0},o.createElement(J.$5c3e21d68f1c4674$export$439d29a4e110a164,{elementType:"span"},o.createElement("input",{...p.$3ef42575df84b30b$export$9d1611c77c2fe928(b,F),ref:t})),g.children)}),{withProvider:Y,withContext:B}=w.createSlotRecipeContext({key:"checkbox"}),Z=Y(X,"root"),ee=B("span","label"),ie=B("span","indicator"),O=i=>{const{ref:e,children:a,...r}=i,x=M.useSlotRecipe({key:"checkbox"}),[m,u]=x.splitVariantProps(r),[f,s]=_.extractStyleProps(u);return P.jsx(Z,{ref:e,"data-slot":"root",...s,...m,...f,children:({isSelected:d,isIndeterminate:t,isInvalid:$,isDisabled:b,isFocused:v})=>{const l={"data-selected":d,"data-indeterminate":t,"data-invalid":$,"data-disabled":b,"data-focus":v||void 0};return P.jsxs(P.Fragment,{children:[P.jsxs(ie,{"data-slot":"indicator",...l,children:[d&&P.jsx(C.Check,{}),t&&P.jsx(C.Remove,{})]}),a&&P.jsx(ee,{"data-slot":"label",...l,children:a})]})}})};O.displayName="Checkbox";exports.Checkbox=O;
+//# sourceMappingURL=checkbox-BYBGaSV9.cjs.js.map

package/dist/chunks/{checkbox-CWhwDnrI.cjs.js.map → checkbox-BYBGaSV9.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-CWhwDnrI.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/utils.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect, useMemo as $jNP0e$useMemo} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps, (0, $jNP0e$useMemo)(()=>({\n                // Prevent label from being focused when mouse down on it.\n                // Note, this does not prevent the input from being focused in the `click` event.\n                onMouseDown: (e)=>e.preventDefault()\n            }), [])),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $1ae600c947479353$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$1ae600c947479353$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.module.js.map\n","import {useCheckbox as $406796ff087fe49b$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $1ae600c947479353$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $6clEo$useFormValidationState, DEFAULT_VALIDATION_RESULT as $6clEo$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $6clEo$privateValidationStateProp} from \"@react-stately/form\";\nimport {useRef as $6clEo$useRef, useEffect as $6clEo$useEffect} from \"react\";\nimport {useToggleState as $6clEo$useToggleState} from \"@react-stately/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $6clEo$useToggleState)({\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isSelected: state.isSelected(props.value),\n        defaultSelected: state.defaultValue.includes(props.value),\n        onChange (isSelected) {\n            if (isSelected) state.addValue(props.value);\n            else state.removeValue(props.value);\n            if (props.onChange) props.onChange(isSelected);\n        }\n    });\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $1ae600c947479353$export$ec98120685d4f57d).get(state);\n    var _props_validationBehavior;\n    validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $6clEo$useFormValidationState)({\n        ...props,\n        value: toggleState.isSelected,\n        // Server validation is handled at the group level.\n        name: undefined,\n        validationBehavior: 'aria'\n    });\n    // Update the checkbox group state when realtime validation changes.\n    let nativeValidation = (0, $6clEo$useRef)((0, $6clEo$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $6clEo$useEffect)(updateValidation);\n    // Combine group and checkbox level validation.\n    let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n    let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n    var _props_isRequired;\n    let res = (0, $406796ff087fe49b$export$e375f10ce42261c5)({\n        ...props,\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isDisabled: props.isDisabled || state.isDisabled,\n        name: props.name || name,\n        form: props.form || form,\n        isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $6clEo$privateValidationStateProp)]: {\n            realtimeValidation: combinedRealtimeValidation,\n            displayValidation: displayValidation,\n            resetValidation: state.resetValidation,\n            commitValidation: state.commitValidation,\n            updateValidation (v) {\n                nativeValidation.current = v;\n                updateValidation();\n            }\n        }\n    }, toggleState, inputRef);\n    return {\n        ...res,\n        inputProps: {\n            ...res.inputProps,\n            'aria-describedby': [\n                props['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$fba3e38d5ca8983f$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.module.js.map\n","import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51} from \"./RSPContexts.mjs\";\nimport {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, removeDataAttributes as $64fa3d84918910a7$export$ef03459518577ad4, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlot as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $ee014567cb39d3f0$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $d3e0e05bdfcf66bd$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $01b77f81d0f07f68$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $kPH7g$useCheckboxGroup, mergeProps as $kPH7g$mergeProps, useCheckboxGroupItem as $kPH7g$useCheckboxGroupItem, useCheckbox as $kPH7g$useCheckbox, useFocusRing as $kPH7g$useFocusRing, useHover as $kPH7g$useHover, VisuallyHidden as $kPH7g$VisuallyHidden} from \"react-aria\";\nimport {useCheckboxGroupState as $kPH7g$useCheckboxGroupState, useToggleState as $kPH7g$useToggleState} from \"react-stately\";\nimport {filterDOMProps as $kPH7g$filterDOMProps, useObjectRef as $kPH7g$useObjectRef, mergeRefs as $kPH7g$mergeRefs} from \"@react-aria/utils\";\nimport $kPH7g$react, {createContext as $kPH7g$createContext, forwardRef as $kPH7g$forwardRef, useContext as $kPH7g$useContext, useMemo as $kPH7g$useMemo} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nconst $bc237834342dbd75$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let state = (0, $kPH7g$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $kPH7g$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: props.isRequired || false,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-CheckboxGroup'\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement(\"div\", {\n        ...(0, $kPH7g$mergeProps)(DOMProps, renderProps, groupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": props.isRequired || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                $bc237834342dbd75$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $01b77f81d0f07f68$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $ee014567cb39d3f0$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, (0, $4e85f108e88277b8$export$b085522c77523c51));\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let groupState = (0, $kPH7g$useContext)($bc237834342dbd75$export$139c5b8563afc1fc);\n    let inputRef = (0, $kPH7g$useObjectRef)((0, $kPH7g$useMemo)(()=>(0, $kPH7g$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $kPH7g$useCheckboxGroupItem)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n        // it's passed explicitly here to avoid typescript error (requires ignore).\n        // @ts-ignore\n        value: props.value,\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, groupState, inputRef) : (0, $kPH7g$useCheckbox)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        validationBehavior: validationBehavior\n    }, (0, $kPH7g$useToggleState)(props), inputRef);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $kPH7g$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $kPH7g$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Checkbox',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement(\"label\", {\n        ...(0, $kPH7g$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $kPH7g$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement(\"input\", {\n        ...(0, $kPH7g$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$139c5b8563afc1fc as CheckboxGroupStateContext, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox};\n//# sourceMappingURL=Checkbox.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n  CheckboxRootSlotProps,\n  CheckboxIndicatorSlotProps,\n  CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n  HTMLLabelElement,\n  CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n  HTMLSpanElement,\n  CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n  HTMLSpanElement,\n  CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n  \"span\",\n  \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CheckboxRoot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...functionalProps}\n      {...recipeProps}\n      {...styleProps}\n    >\n      {({\n        isSelected,\n        isIndeterminate,\n        isInvalid,\n        isDisabled,\n        isFocused,\n      }: CheckboxRenderProps) => {\n        const stateProps = {\n          \"data-selected\": isSelected,\n          \"data-indeterminate\": isIndeterminate,\n          \"data-invalid\": isInvalid,\n          \"data-disabled\": isDisabled,\n          \"data-focus\": isFocused || undefined,\n        };\n\n        return (\n          <>\n            <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n              {isSelected && <Check />}\n              {isIndeterminate && <Minus />}\n            </CheckboxIndicator>\n\n            {children && (\n              <CheckboxLabel data-slot=\"label\" {...stateProps}>\n                {children}\n              </CheckboxLabel>\n            )}\n          </>\n        );\n      }}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","$jNP0e$useMemo","e","$1ae600c947479353$export$ec98120685d4f57d","$fba3e38d5ca8983f$export$353b32fc6898d37d","toggleState","$6clEo$useToggleState","name","form","descriptionId","errorMessageId","_props_validationBehavior","realtimeValidation","$6clEo$useFormValidationState","nativeValidation","$6clEo$useRef","$6clEo$DEFAULT_VALIDATION_RESULT","updateValidation","$6clEo$useEffect","combinedRealtimeValidation","displayValidation","_props_isRequired","res","$6clEo$privateValidationStateProp","v","$bc237834342dbd75$export$139c5b8563afc1fc","$kPH7g$createContext","$bc237834342dbd75$export$48513f6b9f8ce62d","$kPH7g$forwardRef","ref","userProvidedInputRef","otherProps","$64fa3d84918910a7$export$29f1550f4b0d4415","$4e85f108e88277b8$export$b085522c77523c51","formValidationBehavior","$64fa3d84918910a7$export$fabf2dc03a41866e","$d3e0e05bdfcf66bd$export$c24727297075ec6a","_ref","groupState","$kPH7g$useContext","$kPH7g$useObjectRef","$kPH7g$useMemo","$kPH7g$mergeRefs","$kPH7g$useCheckboxGroupItem","$64fa3d84918910a7$export$ef03459518577ad4","$kPH7g$useCheckbox","$kPH7g$useToggleState","isFocused","isFocusVisible","focusProps","$kPH7g$useFocusRing","isInteractionDisabled","hoverProps","isHovered","$kPH7g$useHover","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$kPH7g$filterDOMProps","$kPH7g$react","$kPH7g$mergeProps","$kPH7g$VisuallyHidden","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","RaCheckbox","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","jsx","stateProps","jsxs","Fragment","Check","Minus"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"checkbox-BYBGaSV9.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/utils.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.2_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/checkbox/dist/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Checkbox.mjs","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useEffect as $jNP0e$useEffect, useMemo as $jNP0e$useMemo} from \"react\";\nimport {mergeProps as $jNP0e$mergeProps} from \"@react-aria/utils\";\nimport {useFormValidationState as $jNP0e$useFormValidationState, privateValidationStateProp as $jNP0e$privateValidationStateProp} from \"@react-stately/form\";\nimport {useFormValidation as $jNP0e$useFormValidation} from \"@react-aria/form\";\nimport {usePress as $jNP0e$usePress} from \"@react-aria/interactions\";\nimport {useToggle as $jNP0e$useToggle} from \"@react-aria/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nfunction $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {\n    // Create validation state here because it doesn't make sense to add to general useToggleState.\n    let validationState = (0, $jNP0e$useFormValidationState)({\n        ...props,\n        value: state.isSelected\n    });\n    let { isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = validationState.displayValidation;\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly } = (0, $jNP0e$useToggle)({\n        ...props,\n        isInvalid: isInvalid\n    }, state, inputRef);\n    (0, $jNP0e$useFormValidation)(props, validationState, inputRef);\n    let { isIndeterminate: isIndeterminate, isRequired: isRequired, validationBehavior: validationBehavior = 'aria' } = props;\n    (0, $jNP0e$useEffect)(()=>{\n        // indeterminate is a property, but it can only be set via javascript\n        // https://css-tricks.com/indeterminate-checkboxes/\n        if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n    });\n    // Reset validation state on label press for checkbox with a hidden input.\n    let { pressProps: pressProps } = (0, $jNP0e$usePress)({\n        isDisabled: isDisabled || isReadOnly,\n        onPress () {\n            // @ts-expect-error\n            let { [(0, $jNP0e$privateValidationStateProp)]: groupValidationState } = props;\n            let { commitValidation: commitValidation } = groupValidationState ? groupValidationState : validationState;\n            commitValidation();\n        }\n    });\n    return {\n        labelProps: (0, $jNP0e$mergeProps)(labelProps, pressProps, (0, $jNP0e$useMemo)(()=>({\n                // Prevent label from being focused when mouse down on it.\n                // Note, this does not prevent the input from being focused in the `click` event.\n                onMouseDown: (e)=>e.preventDefault()\n            }), [])),\n        inputProps: {\n            ...inputProps,\n            checked: isSelected,\n            'aria-required': isRequired && validationBehavior === 'aria' || undefined,\n            required: isRequired && validationBehavior === 'native'\n        },\n        isSelected: isSelected,\n        isPressed: isPressed,\n        isDisabled: isDisabled,\n        isReadOnly: isReadOnly,\n        isInvalid: isInvalid,\n        validationErrors: validationErrors,\n        validationDetails: validationDetails\n    };\n}\n\n\nexport {$406796ff087fe49b$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.module.js.map\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ const $1ae600c947479353$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$1ae600c947479353$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.module.js.map\n","import {useCheckbox as $406796ff087fe49b$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $1ae600c947479353$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $6clEo$useFormValidationState, DEFAULT_VALIDATION_RESULT as $6clEo$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $6clEo$privateValidationStateProp} from \"@react-stately/form\";\nimport {useRef as $6clEo$useRef, useEffect as $6clEo$useEffect} from \"react\";\nimport {useToggleState as $6clEo$useToggleState} from \"@react-stately/toggle\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\nfunction $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {\n    const toggleState = (0, $6clEo$useToggleState)({\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isSelected: state.isSelected(props.value),\n        defaultSelected: state.defaultValue.includes(props.value),\n        onChange (isSelected) {\n            if (isSelected) state.addValue(props.value);\n            else state.removeValue(props.value);\n            if (props.onChange) props.onChange(isSelected);\n        }\n    });\n    let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $1ae600c947479353$export$ec98120685d4f57d).get(state);\n    var _props_validationBehavior;\n    validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;\n    // Local validation for this checkbox.\n    let { realtimeValidation: realtimeValidation } = (0, $6clEo$useFormValidationState)({\n        ...props,\n        value: toggleState.isSelected,\n        // Server validation is handled at the group level.\n        name: undefined,\n        validationBehavior: 'aria'\n    });\n    // Update the checkbox group state when realtime validation changes.\n    let nativeValidation = (0, $6clEo$useRef)((0, $6clEo$DEFAULT_VALIDATION_RESULT));\n    let updateValidation = ()=>{\n        state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n    };\n    (0, $6clEo$useEffect)(updateValidation);\n    // Combine group and checkbox level validation.\n    let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n    let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n    var _props_isRequired;\n    let res = (0, $406796ff087fe49b$export$e375f10ce42261c5)({\n        ...props,\n        isReadOnly: props.isReadOnly || state.isReadOnly,\n        isDisabled: props.isDisabled || state.isDisabled,\n        name: props.name || name,\n        form: props.form || form,\n        isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,\n        validationBehavior: validationBehavior,\n        [(0, $6clEo$privateValidationStateProp)]: {\n            realtimeValidation: combinedRealtimeValidation,\n            displayValidation: displayValidation,\n            resetValidation: state.resetValidation,\n            commitValidation: state.commitValidation,\n            updateValidation (v) {\n                nativeValidation.current = v;\n                updateValidation();\n            }\n        }\n    }, toggleState, inputRef);\n    return {\n        ...res,\n        inputProps: {\n            ...res.inputProps,\n            'aria-describedby': [\n                props['aria-describedby'],\n                state.isInvalid ? errorMessageId : null,\n                descriptionId\n            ].filter(Boolean).join(' ') || undefined\n        }\n    };\n}\n\n\nexport {$fba3e38d5ca8983f$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.module.js.map\n","import {CheckboxContext as $4e85f108e88277b8$export$b085522c77523c51} from \"./RSPContexts.mjs\";\nimport {Provider as $64fa3d84918910a7$export$2881499e37b75b9a, removeDataAttributes as $64fa3d84918910a7$export$ef03459518577ad4, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3, useSlot as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, useSlottedContext as $64fa3d84918910a7$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $ee014567cb39d3f0$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $d3e0e05bdfcf66bd$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $01b77f81d0f07f68$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $514c0188e459b4c0$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $kPH7g$useCheckboxGroup, mergeProps as $kPH7g$mergeProps, useCheckboxGroupItem as $kPH7g$useCheckboxGroupItem, useCheckbox as $kPH7g$useCheckbox, useFocusRing as $kPH7g$useFocusRing, useHover as $kPH7g$useHover, VisuallyHidden as $kPH7g$VisuallyHidden} from \"react-aria\";\nimport {useCheckboxGroupState as $kPH7g$useCheckboxGroupState, useToggleState as $kPH7g$useToggleState} from \"react-stately\";\nimport {filterDOMProps as $kPH7g$filterDOMProps, useObjectRef as $kPH7g$useObjectRef, mergeRefs as $kPH7g$mergeRefs} from \"@react-aria/utils\";\nimport $kPH7g$react, {createContext as $kPH7g$createContext, forwardRef as $kPH7g$forwardRef, useContext as $kPH7g$useContext, useMemo as $kPH7g$useMemo} from \"react\";\n\n/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\n\n\n\n\nconst $bc237834342dbd75$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$139c5b8563afc1fc = /*#__PURE__*/ (0, $kPH7g$createContext)(null);\nconst $bc237834342dbd75$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function CheckboxGroup(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $bc237834342dbd75$export$baf37c4be89255b8);\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let state = (0, $kPH7g$useCheckboxGroupState)({\n        ...props,\n        validationBehavior: validationBehavior\n    });\n    let [labelRef, label] = (0, $64fa3d84918910a7$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n    let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $kPH7g$useCheckboxGroup)({\n        ...props,\n        label: label,\n        validationBehavior: validationBehavior\n    }, state);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isDisabled: state.isDisabled,\n            isReadOnly: state.isReadOnly,\n            isRequired: props.isRequired || false,\n            isInvalid: state.isInvalid,\n            state: state\n        },\n        defaultClassName: 'react-aria-CheckboxGroup'\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement(\"div\", {\n        ...(0, $kPH7g$mergeProps)(DOMProps, renderProps, groupProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-readonly\": state.isReadOnly || undefined,\n        \"data-required\": props.isRequired || undefined,\n        \"data-invalid\": state.isInvalid || undefined,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                $bc237834342dbd75$export$139c5b8563afc1fc,\n                state\n            ],\n            [\n                (0, $01b77f81d0f07f68$export$75b6ee27786ba447),\n                {\n                    ...labelProps,\n                    ref: labelRef,\n                    elementType: 'span'\n                }\n            ],\n            [\n                (0, $514c0188e459b4c0$export$9afb8bc826b033ea),\n                {\n                    slots: {\n                        description: descriptionProps,\n                        errorMessage: errorMessageProps\n                    }\n                }\n            ],\n            [\n                (0, $ee014567cb39d3f0$export$ff05c3ac10437e03),\n                validation\n            ]\n        ]\n    }, renderProps.children));\n});\nconst $bc237834342dbd75$export$48513f6b9f8ce62d = /*#__PURE__*/ (0, $kPH7g$forwardRef)(function Checkbox(props, ref) {\n    let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(otherProps, ref, (0, $4e85f108e88277b8$export$b085522c77523c51));\n    let { validationBehavior: formValidationBehavior } = (0, $64fa3d84918910a7$export$fabf2dc03a41866e)((0, $d3e0e05bdfcf66bd$export$c24727297075ec6a)) || {};\n    var _props_validationBehavior, _ref;\n    let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : 'native';\n    let groupState = (0, $kPH7g$useContext)($bc237834342dbd75$export$139c5b8563afc1fc);\n    let inputRef = (0, $kPH7g$useObjectRef)((0, $kPH7g$useMemo)(()=>(0, $kPH7g$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n        userProvidedInputRef,\n        props.inputRef\n    ]));\n    let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid } = groupState ? (0, $kPH7g$useCheckboxGroupItem)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        // Value is optional for standalone checkboxes, but required for CheckboxGroup items;\n        // it's passed explicitly here to avoid typescript error (requires ignore).\n        // @ts-ignore\n        value: props.value,\n        // ReactNode type doesn't allow function children.\n        children: typeof props.children === 'function' ? true : props.children\n    }, groupState, inputRef) : (0, $kPH7g$useCheckbox)({\n        ...(0, $64fa3d84918910a7$export$ef03459518577ad4)(props),\n        children: typeof props.children === 'function' ? true : props.children,\n        validationBehavior: validationBehavior\n    }, (0, $kPH7g$useToggleState)(props), inputRef);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $kPH7g$useFocusRing)();\n    let isInteractionDisabled = isDisabled || isReadOnly;\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $kPH7g$useHover)({\n        ...props,\n        isDisabled: isInteractionDisabled\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-Checkbox',\n        values: {\n            isSelected: isSelected,\n            isIndeterminate: props.isIndeterminate || false,\n            isPressed: isPressed,\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: isDisabled,\n            isReadOnly: isReadOnly,\n            isInvalid: isInvalid,\n            isRequired: props.isRequired || false\n        }\n    });\n    let DOMProps = (0, $kPH7g$filterDOMProps)(props, {\n        global: true\n    });\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n    return /*#__PURE__*/ (0, $kPH7g$react).createElement(\"label\", {\n        ...(0, $kPH7g$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n        ref: ref,\n        slot: props.slot || undefined,\n        \"data-selected\": isSelected || undefined,\n        \"data-indeterminate\": props.isIndeterminate || undefined,\n        \"data-pressed\": isPressed || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focused\": isFocused || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-readonly\": isReadOnly || undefined,\n        \"data-invalid\": isInvalid || undefined,\n        \"data-required\": props.isRequired || undefined\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement((0, $kPH7g$VisuallyHidden), {\n        elementType: \"span\"\n    }, /*#__PURE__*/ (0, $kPH7g$react).createElement(\"input\", {\n        ...(0, $kPH7g$mergeProps)(inputProps, focusProps),\n        ref: inputRef\n    })), renderProps.children);\n});\n\n\nexport {$bc237834342dbd75$export$baf37c4be89255b8 as CheckboxGroupContext, $bc237834342dbd75$export$139c5b8563afc1fc as CheckboxGroupStateContext, $bc237834342dbd75$export$4aa08d5625cb8ead as CheckboxGroup, $bc237834342dbd75$export$48513f6b9f8ce62d as Checkbox};\n//# sourceMappingURL=Checkbox.module.js.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n  CheckboxRootSlotProps,\n  CheckboxIndicatorSlotProps,\n  CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n  HTMLLabelElement,\n  CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n  HTMLSpanElement,\n  CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n  HTMLSpanElement,\n  CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n  \"span\",\n  \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * # Checkbox\n *\n * Displays a checkbox.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CheckboxRoot\n      ref={forwardedRef}\n      data-slot=\"root\"\n      {...functionalProps}\n      {...recipeProps}\n      {...styleProps}\n    >\n      {({\n        isSelected,\n        isIndeterminate,\n        isInvalid,\n        isDisabled,\n        isFocused,\n      }: CheckboxRenderProps) => {\n        const stateProps = {\n          \"data-selected\": isSelected,\n          \"data-indeterminate\": isIndeterminate,\n          \"data-invalid\": isInvalid,\n          \"data-disabled\": isDisabled,\n          \"data-focus\": isFocused || undefined,\n        };\n\n        return (\n          <>\n            <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n              {isSelected && <Check />}\n              {isIndeterminate && <Minus />}\n            </CheckboxIndicator>\n\n            {children && (\n              <CheckboxLabel data-slot=\"label\" {...stateProps}>\n                {children}\n              </CheckboxLabel>\n            )}\n          </>\n        );\n      }}\n    </CheckboxRoot>\n  );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"names":["$406796ff087fe49b$export$e375f10ce42261c5","props","state","inputRef","validationState","$jNP0e$useFormValidationState","isInvalid","validationErrors","validationDetails","labelProps","inputProps","isSelected","isPressed","isDisabled","isReadOnly","$jNP0e$useToggle","$jNP0e$useFormValidation","isIndeterminate","isRequired","validationBehavior","$jNP0e$useEffect","pressProps","$jNP0e$usePress","$jNP0e$privateValidationStateProp","groupValidationState","commitValidation","$jNP0e$mergeProps","$jNP0e$useMemo","e","$1ae600c947479353$export$ec98120685d4f57d","$fba3e38d5ca8983f$export$353b32fc6898d37d","toggleState","$6clEo$useToggleState","name","form","descriptionId","errorMessageId","_props_validationBehavior","realtimeValidation","$6clEo$useFormValidationState","nativeValidation","$6clEo$useRef","$6clEo$DEFAULT_VALIDATION_RESULT","updateValidation","$6clEo$useEffect","combinedRealtimeValidation","displayValidation","_props_isRequired","res","$6clEo$privateValidationStateProp","v","$bc237834342dbd75$export$139c5b8563afc1fc","$kPH7g$createContext","$bc237834342dbd75$export$48513f6b9f8ce62d","$kPH7g$forwardRef","ref","userProvidedInputRef","otherProps","$64fa3d84918910a7$export$29f1550f4b0d4415","$4e85f108e88277b8$export$b085522c77523c51","formValidationBehavior","$64fa3d84918910a7$export$fabf2dc03a41866e","$d3e0e05bdfcf66bd$export$c24727297075ec6a","_ref","groupState","$kPH7g$useContext","$kPH7g$useObjectRef","$kPH7g$useMemo","$kPH7g$mergeRefs","$kPH7g$useCheckboxGroupItem","$64fa3d84918910a7$export$ef03459518577ad4","$kPH7g$useCheckbox","$kPH7g$useToggleState","isFocused","isFocusVisible","focusProps","$kPH7g$useFocusRing","isInteractionDisabled","hoverProps","isHovered","$kPH7g$useHover","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","DOMProps","$kPH7g$filterDOMProps","$kPH7g$react","$kPH7g$mergeProps","$kPH7g$VisuallyHidden","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","RaCheckbox","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","children","restProps","recipe","useSlotRecipe","recipeProps","remainingProps","styleProps","functionalProps","extractStyleProps","jsx","stateProps","jsxs","Fragment","Check","Minus"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/{checkbox-BAZ2ps7B.es.js → checkbox-UATxAVti.es.js}

@@ -1,7 +1,7 @@
 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-DChosa6I.es.js";
+import { e as T } from "./extract-style-props-CM4QZGaE.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-B6pV5ewr.es.js";
@@ -218,4 +218,4 @@ he.displayName = "Checkbox";
 export {
   he as C
 };
-//# sourceMappingURL=checkbox-BAZ2ps7B.es.js.map
+//# sourceMappingURL=checkbox-UATxAVti.es.js.map