@commercetools/nimbus 0.0.11 → 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-jrs4VkfV.es.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/messages.ts","../../src/components/calendar/components/calendar.custom-context.tsx","../../src/components/calendar/calendar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport type { CalendarProps } from \"react-aria-components\";\nimport type { DateValue } from \"@internationalized/date\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"calendar\",\n});\n\nexport interface CalendarRootSlotProps\n  extends HTMLChakraProps<\n    \"div\",\n    RecipeVariantProps<typeof calendarSlotRecipe> & CalendarProps<DateValue>\n  > {}\nexport const CalendarRootSlot = withProvider<\n  HTMLDivElement,\n  CalendarRootSlotProps\n>(\"div\", \"root\");\n\nexport interface CalendarHeaderSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarHeaderSlot = withContext<\n  HTMLDivElement,\n  CalendarHeaderSlotProps\n>(\"div\", \"header\");\n\nexport interface CalendarGridsSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarGridsSlot = withContext<\n  HTMLDivElement,\n  CalendarGridsSlotProps\n>(\"div\", \"grids\");\n\nexport interface CalendarMonthTitleSlotProps extends HTMLChakraProps<\"div\"> {}\nexport const CalendarMonthTitleSlot = withContext<\n  HTMLDivElement,\n  CalendarMonthTitleSlotProps\n>(\"div\", \"monthTitle\");\n\nexport interface CalendarGridSlotProps extends HTMLChakraProps<\"table\"> {}\nexport const CalendarGridSlot = withContext<\n  HTMLTableElement,\n  CalendarGridSlotProps\n>(\"table\", \"grid\");\n\nexport interface CalendarGridHeaderSlotProps extends HTMLChakraProps<\"thead\"> {}\nexport const CalendarGridHeaderSlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridHeaderSlotProps\n>(\"thead\", \"gridHeader\");\n\nexport interface CalendarHeaderCellSlotProps extends HTMLChakraProps<\"th\"> {}\nexport const CalendarHeaderCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarHeaderCellSlotProps\n>(\"th\", \"headerCell\");\n\nexport interface CalendarGridBodySlotProps extends HTMLChakraProps<\"tbody\"> {}\nexport const CalendarGridBodySlot = withContext<\n  HTMLTableSectionElement,\n  CalendarGridBodySlotProps\n>(\"tbody\", \"gridBody\");\n\nexport interface CalendarCellSlotProps extends HTMLChakraProps<\"td\"> {}\nexport const CalendarCellSlot = withContext<\n  HTMLTableCellElement,\n  CalendarCellSlotProps\n>(\"td\", \"bodyCell\");\n","import { useContext } from \"react\";\nimport { today, getLocalTimeZone } from \"@internationalized/date\";\nimport {\n  CalendarGrid as RaCalendarGrid,\n  CalendarGridBody as RaCalendarGridBody,\n  CalendarGridHeader as RaCalendarGridHeader,\n  CalendarHeaderCell as RaCalendarHeaderCell,\n  CalendarCell as RaCalendarCell,\n  useSlottedContext,\n  CalendarContext,\n  CalendarStateContext,\n  useLocale,\n} from \"react-aria-components\";\n\nimport { Box } from \"@/components\";\n\nimport {\n  CalendarCellSlot,\n  CalendarGridBodySlot,\n  CalendarGridHeaderSlot,\n  CalendarGridSlot,\n  CalendarGridsSlot,\n  CalendarHeaderCellSlot,\n  CalendarMonthTitleSlot,\n} from \"../calendar.slots\";\n\nexport const CalendarGrids = () => {\n  const { locale } = useLocale();\n  const context = useSlottedContext(CalendarContext);\n  const calendarState = useContext(CalendarStateContext)!;\n  const visibleMonthsCount = context?.visibleDuration?.months || 1;\n  const todayDate = today(getLocalTimeZone());\n  const showMonthTitles = visibleMonthsCount > 1;\n\n  return (\n    <CalendarGridsSlot>\n      {Array.from({ length: visibleMonthsCount }, (_, index) => {\n        const gridDate = calendarState.visibleRange.start.add({\n          months: index,\n        });\n        const monthName = new Intl.DateTimeFormat(locale, {\n          month: \"long\",\n        }).format(gridDate.toDate(getLocalTimeZone()));\n\n        return (\n          <Box\n            key={monthName}\n            width={visibleMonthsCount == 1 ? \"full\" : \"auto\"}\n          >\n            {showMonthTitles && (\n              <CalendarMonthTitleSlot>{monthName}</CalendarMonthTitleSlot>\n            )}\n            <CalendarGridSlot asChild>\n              <RaCalendarGrid offset={{ months: index }} weekdayStyle=\"short\">\n                <CalendarGridHeaderSlot asChild>\n                  <RaCalendarGridHeader>\n                    {(day) => (\n                      <CalendarHeaderCellSlot asChild>\n                        <RaCalendarHeaderCell>{day}</RaCalendarHeaderCell>\n                      </CalendarHeaderCellSlot>\n                    )}\n                  </RaCalendarGridHeader>\n                </CalendarGridHeaderSlot>\n                <CalendarGridBodySlot asChild>\n                  <RaCalendarGridBody>\n                    {(date) => {\n                      const isToday = date.compare(todayDate) === 0;\n                      return (\n                        <CalendarCellSlot asChild data-today={isToday}>\n                          <RaCalendarCell date={date} />\n                        </CalendarCellSlot>\n                      );\n                    }}\n                  </RaCalendarGridBody>\n                </CalendarGridBodySlot>\n              </RaCalendarGrid>\n            </CalendarGridSlot>\n          </Box>\n        );\n      })}\n    </CalendarGridsSlot>\n  );\n};\n","import {\n  CalendarContext,\n  Heading,\n  useSlottedContext,\n} from \"react-aria-components\";\nimport {\n  Box,\n  Flex,\n  IconButton,\n  Stack,\n  Text,\n  VisuallyHidden,\n} from \"@/components\";\nimport {\n  KeyboardArrowLeft,\n  KeyboardArrowRight,\n} from \"@commercetools/nimbus-icons\";\nimport { CalendarHeaderSlot } from \"../calendar.slots\";\n\nexport const CalendarHeader = () => {\n  const calendarProps = useSlottedContext(CalendarContext);\n\n  // Needed to decide wether to show a single month or a range\n  const visibleDurationMonths = calendarProps?.visibleDuration?.months || 1;\n  const showRangeLabel = visibleDurationMonths > 1;\n\n  return (\n    <CalendarHeaderSlot>\n      <Flex>\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/** solely for screen readers, if not present, a11y issues are raised */}\n          <VisuallyHidden>\n            <Heading />\n          </VisuallyHidden>\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"previous\" : \"previous-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width={showRangeLabel ? \"4000\" : \"2000\"}\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot={showRangeLabel ? \"monthRange\" : \"month\"}\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot={showRangeLabel ? \"next\" : \"next-month\"}\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n        <Box flexGrow=\"1\" />\n        <Stack direction=\"row\" alignItems=\"center\">\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton\n            slot=\"previous-year\"\n            size=\"xs\"\n            variant=\"ghost\"\n            tone=\"primary\"\n          >\n            <KeyboardArrowLeft />\n          </IconButton>\n          <Text\n            textStyle=\"sm\"\n            fontWeight=\"500\"\n            color=\"neutral.11\"\n            width=\"1400\"\n            textAlign=\"center\"\n            aria-hidden=\"true\"\n            slot=\"year\"\n          />\n          {/* @ts-expect-error - custom-context will add aria-label via the \"slot\" prop */}\n          <IconButton slot=\"next-year\" size=\"xs\" variant=\"ghost\" tone=\"primary\">\n            <KeyboardArrowRight />\n          </IconButton>\n        </Stack>\n      </Flex>\n    </CalendarHeaderSlot>\n  );\n};\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  nextMonth: {\n    id: \"Nimbus.calendar.nextMonth\",\n    description: \"aria-label for next month button in calendar\",\n    defaultMessage: \"Next month\",\n  },\n  previousMonth: {\n    id: \"Nimbus.calendar.previousMonth\",\n    description: \"aria-label for previous month button in calendar\",\n    defaultMessage: \"Previous month\",\n  },\n  nextYear: {\n    id: \"Nimbus.calendar.nextYear\",\n    description: \"aria-label for next year button in calendar\",\n    defaultMessage: \"Next year\",\n  },\n  previousYear: {\n    id: \"Nimbus.calendar.previousYear\",\n    description: \"aria-label for previous year button in calendar\",\n    defaultMessage: \"Previous year\",\n  },\n});\n","import { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  CalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../messages\";\n\nexport const CalendarCustomContext = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  const { locale } = useLocale();\n  const buttonContext = useContext(ButtonContext)!;\n  const textContext = useContext(TextContext)!;\n  const calendarState = useContext(CalendarStateContext)!;\n  const intl = useIntl();\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": intl.formatMessage(messages.nextMonth),\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": intl.formatMessage(messages.previousMonth),\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": intl.formatMessage(messages.nextYear),\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": intl.formatMessage(messages.previousYear),\n    },\n  };\n\n  /**\n   * Text slots\n   * ================================\n   */\n  const monthLabel = new Intl.DateTimeFormat(locale, {\n    month: \"long\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const monthRangeLabel = [\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.start.toDate(getLocalTimeZone())),\n    new Intl.DateTimeFormat(locale, {\n      month: \"long\",\n    }).format(calendarState.visibleRange.end.toDate(getLocalTimeZone())),\n  ].join(\" - \");\n\n  const yearLabel = new Intl.DateTimeFormat(locale, {\n    year: \"numeric\",\n  }).format(calendarState.focusedDate.toDate(getLocalTimeZone()));\n\n  const textSlots = {\n    month: { children: monthLabel },\n    monthRange: { children: monthRangeLabel },\n    year: { children: yearLabel },\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          ButtonContext,\n          {\n            ...buttonContext,\n            slots: {\n              ...(buttonContext &&\n              typeof buttonContext === \"object\" &&\n              \"slots\" in buttonContext\n                ? buttonContext.slots\n                : {}),\n              ...buttonSlots,\n            },\n          },\n        ],\n        [\n          TextContext,\n          {\n            ...textContext,\n            slots: {\n              ...(textContext &&\n              typeof textContext === \"object\" &&\n              \"slots\" in textContext\n                ? textContext.slots\n                : {}),\n              ...textSlots,\n            },\n          },\n        ],\n      ]}\n    >\n      {children}\n    </Provider>\n  );\n};\n","import type { CalendarProps } from \"./calendar.types\";\nimport type { DateValue } from \"react-aria\";\n\nimport { Calendar as RaCalendar } from \"react-aria-components\";\n\nimport { CalendarRootSlot } from \"./calendar.slots\";\nimport { CalendarGrids } from \"./components/calendar.grids\";\nimport { CalendarHeader } from \"./components/calendar.header\";\nimport { calendarSlotRecipe } from \"./calendar.recipe\";\nimport { useRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\n\n/**\n * # Calendar\n *\n * Calendars display a grid of days in one or more months and allow users to select a single date.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/calendar}\n */\nexport const Calendar = (props: CalendarProps<DateValue>) => {\n  const recipe = useRecipe({ recipe: calendarSlotRecipe });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(props);\n  const [styleProps, otherProps] = extractStyleProps(remainingProps);\n\n  return (\n    <CalendarRootSlot {...recipeProps} {...styleProps} asChild>\n      <RaCalendar {...otherProps}>\n        <CalendarCustomContext>\n          <CalendarHeader />\n          <CalendarGrids />\n        </CalendarCustomContext>\n      </RaCalendar>\n    </CalendarRootSlot>\n  );\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","CalendarRootSlot","CalendarHeaderSlot","CalendarGridsSlot","CalendarMonthTitleSlot","CalendarGridSlot","CalendarGridHeaderSlot","CalendarHeaderCellSlot","CalendarGridBodySlot","CalendarCellSlot","CalendarGrids","locale","useLocale","context","useSlottedContext","CalendarContext","calendarState","useContext","CalendarStateContext","visibleMonthsCount","todayDate","today","getLocalTimeZone","showMonthTitles","jsx","_","index","gridDate","monthName","jsxs","Box","RaCalendarGrid","RaCalendarGridHeader","day","RaCalendarHeaderCell","RaCalendarGridBody","date","isToday","RaCalendarCell","CalendarHeader","showRangeLabel","Flex","Stack","VisuallyHidden","Heading","IconButton","KeyboardArrowLeft","Text","KeyboardArrowRight","messages","defineMessages","CalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","intl","useIntl","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}

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

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

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

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

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

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

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

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

package/dist/chunks/checkbox-BJQlCxDq.es.js

@@ -0,0 +1,219 @@
+import { jsx as P, jsxs as D, Fragment as M } from "react/jsx-runtime";
+import { Check as j, Remove as H } from "@commercetools/nimbus-icons";
+import { e as N } from "./extractStyleProps-BBWaCIdJ.es.js";
+import { $ as L } from "./RSPContexts-B4yvXuBR.es.js";
+import { $ as T, c as W, f as z, e as S, a as A } from "./utils-BkdW_cdL.es.js";
+import { $ as G } from "./Form-CXcEMuBf.es.js";
+import { $ as V } from "./mergeProps-B_9syxhT.es.js";
+import { $ as J } from "./filterDOMProps-BSVCO5jK.es.js";
+import { $ as K } from "./useObjectRef-CaJ5pgjX.es.js";
+import R, { useEffect as k, useRef as Q, forwardRef as U, useContext as X, createContext as Y, useMemo as Z } from "react";
+import { $ as B, a as ee, b as g, c as ie } from "./useFormValidation-DJMNbIhx.es.js";
+import { $ as ae } from "./usePress-BquTSwUd.es.js";
+import { $ as de } from "./useToggle-DcdigPKG.es.js";
+import { $ as O } from "./useToggleState-Uh0wTgdI.es.js";
+import { $ as te } from "./useFocusRing-D8cwV0EM.es.js";
+import { $ as le } from "./useHover-cJOf02TT.es.js";
+import { $ as ne } from "./VisuallyHidden-C38kRNm0.es.js";
+import { c as oe, u as re } from "./create-slot-recipe-context-DgamNbR-.es.js";
+function q(i, e, a) {
+  let l = B({
+    ...i,
+    value: e.isSelected
+  }), { isInvalid: v, validationErrors: m, validationDetails: c } = l.displayValidation, { labelProps: f, inputProps: o, isSelected: d, isPressed: t, isDisabled: u, isReadOnly: $ } = de({
+    ...i,
+    isInvalid: v
+  }, e, a);
+  ee(i, l, a);
+  let { isIndeterminate: b, isRequired: n, validationBehavior: r = "aria" } = i;
+  k(() => {
+    a.current && (a.current.indeterminate = !!b);
+  });
+  let { pressProps: h } = ae({
+    isDisabled: u || $,
+    onPress() {
+      let { [g]: s } = i, { commitValidation: x } = s || l;
+      x();
+    }
+  });
+  return {
+    labelProps: V(f, h),
+    inputProps: {
+      ...o,
+      checked: d,
+      "aria-required": n && r === "aria" || void 0,
+      required: n && r === "native"
+    },
+    isSelected: d,
+    isPressed: t,
+    isDisabled: u,
+    isReadOnly: $,
+    isInvalid: v,
+    validationErrors: m,
+    validationDetails: c
+  };
+}
+const se = /* @__PURE__ */ new WeakMap();
+function ce(i, e, a) {
+  const l = O({
+    isReadOnly: i.isReadOnly || e.isReadOnly,
+    isSelected: e.isSelected(i.value),
+    defaultSelected: e.defaultValue.includes(i.value),
+    onChange(s) {
+      s ? e.addValue(i.value) : e.removeValue(i.value), i.onChange && i.onChange(s);
+    }
+  });
+  let { name: v, form: m, descriptionId: c, errorMessageId: f, validationBehavior: o } = se.get(e);
+  var d;
+  o = (d = i.validationBehavior) !== null && d !== void 0 ? d : o;
+  let { realtimeValidation: t } = B({
+    ...i,
+    value: l.isSelected,
+    // Server validation is handled at the group level.
+    name: void 0,
+    validationBehavior: "aria"
+  }), u = Q(ie), $ = () => {
+    e.setInvalid(i.value, t.isInvalid ? t : u.current);
+  };
+  k($);
+  let b = e.realtimeValidation.isInvalid ? e.realtimeValidation : t, n = o === "native" ? e.displayValidation : b;
+  var r;
+  let h = q({
+    ...i,
+    isReadOnly: i.isReadOnly || e.isReadOnly,
+    isDisabled: i.isDisabled || e.isDisabled,
+    name: i.name || v,
+    form: i.form || m,
+    isRequired: (r = i.isRequired) !== null && r !== void 0 ? r : e.isRequired,
+    validationBehavior: o,
+    [g]: {
+      realtimeValidation: b,
+      displayValidation: n,
+      resetValidation: e.resetValidation,
+      commitValidation: e.commitValidation,
+      updateValidation(s) {
+        u.current = s, $();
+      }
+    }
+  }, l, a);
+  return {
+    ...h,
+    inputProps: {
+      ...h.inputProps,
+      "aria-describedby": [
+        i["aria-describedby"],
+        e.isInvalid ? f : null,
+        c
+      ].filter(Boolean).join(" ") || void 0
+    }
+  };
+}
+const fe = /* @__PURE__ */ Y(null), ue = /* @__PURE__ */ U(function(e, a) {
+  let { inputRef: l = null, ...v } = e;
+  [e, a] = T(v, a, L);
+  let { validationBehavior: m } = W(G) || {};
+  var c, f;
+  let o = (f = (c = e.validationBehavior) !== null && c !== void 0 ? c : m) !== null && f !== void 0 ? f : "native", d = X(fe), t = K(Z(() => z(l, e.inputRef !== void 0 ? e.inputRef : null), [
+    l,
+    e.inputRef
+  ])), { labelProps: u, inputProps: $, isSelected: b, isDisabled: n, isReadOnly: r, isPressed: h, isInvalid: s } = d ? ce({
+    ...S(e),
+    // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
+    // it's passed explicitly here to avoid typescript error (requires ignore).
+    // @ts-ignore
+    value: e.value,
+    // ReactNode type doesn't allow function children.
+    children: typeof e.children == "function" ? !0 : e.children
+  }, d, t) : q({
+    ...S(e),
+    children: typeof e.children == "function" ? !0 : e.children,
+    validationBehavior: o
+  }, O(e), t), { isFocused: x, isFocusVisible: y, focusProps: E } = te(), F = n || r, { hoverProps: w, isHovered: I } = le({
+    ...e,
+    isDisabled: F
+  }), C = A({
+    ...e,
+    defaultClassName: "react-aria-Checkbox",
+    values: {
+      isSelected: b,
+      isIndeterminate: e.isIndeterminate || !1,
+      isPressed: h,
+      isHovered: I,
+      isFocused: x,
+      isFocusVisible: y,
+      isDisabled: n,
+      isReadOnly: r,
+      isInvalid: s,
+      isRequired: e.isRequired || !1
+    }
+  }), p = J(e, {
+    global: !0
+  });
+  return delete p.id, delete p.onClick, /* @__PURE__ */ R.createElement("label", {
+    ...V(p, u, w, C),
+    ref: a,
+    slot: e.slot || void 0,
+    "data-selected": b || void 0,
+    "data-indeterminate": e.isIndeterminate || void 0,
+    "data-pressed": h || void 0,
+    "data-hovered": I || void 0,
+    "data-focused": x || void 0,
+    "data-focus-visible": y || void 0,
+    "data-disabled": n || void 0,
+    "data-readonly": r || void 0,
+    "data-invalid": s || void 0,
+    "data-required": e.isRequired || void 0
+  }, /* @__PURE__ */ R.createElement(ne, {
+    elementType: "span"
+  }, /* @__PURE__ */ R.createElement("input", {
+    ...V($, E),
+    ref: t
+  })), C.children);
+}), { withProvider: $e, withContext: _ } = /* @__PURE__ */ oe({
+  key: "checkbox"
+}), be = /* @__PURE__ */ $e(
+  ue,
+  "root"
+), ve = /* @__PURE__ */ _(
+  "span",
+  "label"
+), me = /* @__PURE__ */ _("span", "indicator"), he = (i) => {
+  const { ref: e, children: a, ...l } = i, v = re({ key: "checkbox" }), [m, c] = v.splitVariantProps(l), [f, o] = N(c);
+  return /* @__PURE__ */ P(
+    be,
+    {
+      ref: e,
+      "data-slot": "root",
+      ...o,
+      ...m,
+      ...f,
+      children: ({
+        isSelected: d,
+        isIndeterminate: t,
+        isInvalid: u,
+        isDisabled: $,
+        isFocused: b
+      }) => {
+        const n = {
+          "data-selected": d,
+          "data-indeterminate": t,
+          "data-invalid": u,
+          "data-disabled": $,
+          "data-focus": b || void 0
+        };
+        return /* @__PURE__ */ D(M, { children: [
+          /* @__PURE__ */ D(me, { "data-slot": "indicator", ...n, children: [
+            d && /* @__PURE__ */ P(j, {}),
+            t && /* @__PURE__ */ P(H, {})
+          ] }),
+          a && /* @__PURE__ */ P(ve, { "data-slot": "label", ...n, children: a })
+        ] });
+      }
+    }
+  );
+};
+he.displayName = "Checkbox";
+export {
+  he as C
+};
+//# sourceMappingURL=checkbox-BJQlCxDq.es.js.map

package/dist/chunks/checkbox-BJQlCxDq.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-BJQlCxDq.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/utils.mjs","../../../../node_modules/.pnpm/@react-aria+checkbox@3.16.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckboxGroupItem.mjs","../../../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0__react@19.1.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} 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),\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","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react/styled-system\";\nimport {\n  Checkbox as RaCheckbox,\n  type CheckboxProps,\n} from \"react-aria-components\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends Omit<\n      HTMLChakraProps<\"label\", RecipeVariantProps<typeof checkboxSlotRecipe>>,\n      keyof CheckboxProps\n    >,\n    CheckboxProps {}\n\nexport const CheckboxRoot = withProvider<CheckboxRootProps, CheckboxRootProps>(\n  RaCheckbox,\n  \"root\"\n);\n\ninterface CheckboxLabelProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxLabel = withContext<HTMLSpanElement, CheckboxLabelProps>(\n  \"span\",\n  \"label\"\n);\n\ninterface CheckboxIndicatorProps extends HTMLChakraProps<\"span\"> {}\nexport const CheckboxIndicator = withContext<\n  HTMLSpanElement,\n  CheckboxIndicatorProps\n>(\"span\", \"indicator\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\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","$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-DVb0qX6x.cjs.js

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