@commercetools/nimbus 0.0.9-rc7 → 0.0.9-rc8

package/dist/chunks/{calendar.recipe-RdPylgdo.js → calendar.recipe-B2sMokBn.js}

@@ -1,5 +1,5 @@
 import { defineSlotRecipe as e } from "@chakra-ui/react";
-const r = e({
+const r = /* @__PURE__ */ e({
   slots: [
     "root",
     "header",
@@ -98,4 +98,4 @@ const r = e({
 export {
   r as c
 };
-//# sourceMappingURL=calendar.recipe-RdPylgdo.js.map
+//# sourceMappingURL=calendar.recipe-B2sMokBn.js.map

package/dist/chunks/{calendar.recipe-RdPylgdo.js.map → calendar.recipe-B2sMokBn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"calendar.recipe-RdPylgdo.js","sources":["../../src/components/calendar/calendar.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nexport const calendarSlotRecipe = defineSlotRecipe({\n  slots: [\n    \"root\",\n    \"header\",\n    \"grids\",\n    \"monthTitle\",\n    \"grid\",\n    \"gridHeader\",\n    \"headerCell\",\n    \"gridBody\",\n    \"bodyCell\",\n  ],\n  className: \"nimbus-calendar\",\n  base: {\n    // the container element\n    root: {\n      display: \"inline-block\",\n      maxWidth: \"100%\",\n    },\n    header: {\n      height: \"1200\",\n      p: \"200\",\n      mb: \"300\",\n      borderBottom: \"solid-25\",\n      borderColor: \"neutral.3\",\n    },\n    // the container contianing the month(s) grid(s)\n    grids: {\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      gap: \"800\",\n      mx: \"200\",\n      maxWidth: \"full\",\n    },\n    // Month title above each grid\n    monthTitle: {\n      textAlign: \"center\",\n      fontSize: \"400\",\n      fontWeight: \"600\",\n      color: \"neutral.11\",\n      mb: \"300\",\n      px: \"200\",\n    },\n    // A single grid (<table>) containing a months days\n    grid: {\n      w: \"full\",\n      minW: \"fit-content\",\n      flex: \"1 1 auto\",\n    },\n    // Weekday Row\n    gridHeader: {},\n    // Weekday Item\n    headerCell: {\n      p: \"200\",\n      pb: \"300\",\n      textAlign: \"center\",\n      color: \"neutral.9\",\n      fontSize: \"300\",\n      lineHeight: \"350\",\n      fontWeight: \"500\",\n    },\n    gridBody: {},\n\n    // Day Item\n    bodyCell: {\n      cursor: \"pointer\",\n      p: \"200\",\n      minW: \"1400\",\n      borderRadius: \"200\",\n      fontSize: \"350\",\n      lineHeight: \"500\",\n      fontWeight: \"400\",\n      transitionProperty: \"all\",\n      transitionDuration: \"fastest\",\n      textAlign: \"center\",\n      color: \"neutral.12\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      mb: \"200\",\n      focusRing: \"outside\",\n\n      \"&[aria-disabled=true]\": {\n        layerStyle: \"disabled\",\n      },\n\n      \"&[data-hovered=true]\": {\n        bg: \"primary.3\",\n      },\n\n      \"&[data-today=true]\": {\n        bg: \"neutral.3\",\n      },\n\n      \"&[data-selected=true]\": {\n        bg: \"primary.9\",\n        color: \"primary.contrast\",\n      },\n    },\n  },\n});\n"],"names":["calendarSlotRecipe","defineSlotRecipe"],"mappings":";AAEO,MAAMA,IAAqBC,EAAiB;AAAA,EACjD,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,MAAM;AAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA;AAAA,IAEA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ;AAAA;AAAA,IAEA,YAAY;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA;AAAA,IAEA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA;AAAA,IAEA,YAAY,CAAC;AAAA;AAAA,IAEb,YAAY;AAAA,MACV,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,IACA,UAAU,CAAC;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,GAAG;AAAA,MACH,MAAM;AAAA,MACN,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,WAAW;AAAA,MAEX,yBAAyB;AAAA,QACvB,YAAY;AAAA,MACd;AAAA,MAEA,wBAAwB;AAAA,QACtB,IAAI;AAAA,MACN;AAAA,MAEA,sBAAsB;AAAA,QACpB,IAAI;AAAA,MACN;AAAA,MAEA,yBAAyB;AAAA,QACvB,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"calendar.recipe-B2sMokBn.js","sources":["../../src/components/calendar/calendar.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\nexport const calendarSlotRecipe = defineSlotRecipe({\n  slots: [\n    \"root\",\n    \"header\",\n    \"grids\",\n    \"monthTitle\",\n    \"grid\",\n    \"gridHeader\",\n    \"headerCell\",\n    \"gridBody\",\n    \"bodyCell\",\n  ],\n  className: \"nimbus-calendar\",\n  base: {\n    // the container element\n    root: {\n      display: \"inline-block\",\n      maxWidth: \"100%\",\n    },\n    header: {\n      height: \"1200\",\n      p: \"200\",\n      mb: \"300\",\n      borderBottom: \"solid-25\",\n      borderColor: \"neutral.3\",\n    },\n    // the container contianing the month(s) grid(s)\n    grids: {\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      gap: \"800\",\n      mx: \"200\",\n      maxWidth: \"full\",\n    },\n    // Month title above each grid\n    monthTitle: {\n      textAlign: \"center\",\n      fontSize: \"400\",\n      fontWeight: \"600\",\n      color: \"neutral.11\",\n      mb: \"300\",\n      px: \"200\",\n    },\n    // A single grid (<table>) containing a months days\n    grid: {\n      w: \"full\",\n      minW: \"fit-content\",\n      flex: \"1 1 auto\",\n    },\n    // Weekday Row\n    gridHeader: {},\n    // Weekday Item\n    headerCell: {\n      p: \"200\",\n      pb: \"300\",\n      textAlign: \"center\",\n      color: \"neutral.9\",\n      fontSize: \"300\",\n      lineHeight: \"350\",\n      fontWeight: \"500\",\n    },\n    gridBody: {},\n\n    // Day Item\n    bodyCell: {\n      cursor: \"pointer\",\n      p: \"200\",\n      minW: \"1400\",\n      borderRadius: \"200\",\n      fontSize: \"350\",\n      lineHeight: \"500\",\n      fontWeight: \"400\",\n      transitionProperty: \"all\",\n      transitionDuration: \"fastest\",\n      textAlign: \"center\",\n      color: \"neutral.12\",\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      mb: \"200\",\n      focusRing: \"outside\",\n\n      \"&[aria-disabled=true]\": {\n        layerStyle: \"disabled\",\n      },\n\n      \"&[data-hovered=true]\": {\n        bg: \"primary.3\",\n      },\n\n      \"&[data-today=true]\": {\n        bg: \"neutral.3\",\n      },\n\n      \"&[data-selected=true]\": {\n        bg: \"primary.9\",\n        color: \"primary.contrast\",\n      },\n    },\n  },\n});\n"],"names":["calendarSlotRecipe","defineSlotRecipe"],"mappings":";AAEO,MAAMA,IAAqB,gBAAAC,EAAiB;AAAA,EACjD,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,WAAW;AAAA,EACX,MAAM;AAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,aAAa;AAAA,IACf;AAAA;AAAA,IAEA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ;AAAA;AAAA,IAEA,YAAY;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA;AAAA,IAEA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA;AAAA,IAEA,YAAY,CAAC;AAAA;AAAA,IAEb,YAAY;AAAA,MACV,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,IACA,UAAU,CAAC;AAAA;AAAA,IAGX,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,GAAG;AAAA,MACH,MAAM;AAAA,MACN,cAAc;AAAA,MACd,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,oBAAoB;AAAA,MACpB,oBAAoB;AAAA,MACpB,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,WAAW;AAAA,MAEX,yBAAyB;AAAA,QACvB,YAAY;AAAA,MACd;AAAA,MAEA,wBAAwB;AAAA,QACtB,IAAI;AAAA,MACN;AAAA,MAEA,sBAAsB;AAAA,QACpB,IAAI;AAAA,MACN;AAAA,MAEA,yBAAyB;AAAA,QACvB,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;"}

package/dist/chunks/{card-B0BsL4ol.js → card-DAC7L3R0.js}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),t=require("react"),C=require("@chakra-ui/react"),R=require("./stack-wFUhYQQb.js"),p=require("./useFocusRing-C4z9NtLP.js"),$=require("./mergeProps-BeIu4MsM.js"),P=C.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:H,withContext:f}=C.createSlotRecipeContext({recipe:P}),S=H("div","root"),h=f("div","header"),j=f("div","content"),a=t.createContext(void 0),d=({children:o,ref:r,...e})=>{const{isFocused:n,isFocusVisible:x,focusProps:b}=p.$f7dceffc5ad7768b$export$4e328f61c538687f(),[m,l]=t.useState(null),[g,u]=t.useState(null),v=t.useMemo(()=>({setHeader:l,setContent:u}),[l,u]);return s.jsx(a.Provider,{value:v,children:s.jsxs(S,{ref:r,...$.$3ef42575df84b30b$export$9d1611c77c2fe928(e,b),"data-focus":n||void 0,"data-focus-visible":x||void 0,tabIndex:0,children:[s.jsxs(R.Stack,{direction:"column",gap:"200",children:[m,g]}),o]})})};d.displayName="Card.Root";const c=({children:o,...r})=>{const e=t.useContext(a);return t.useEffect(()=>{if(e){const n=s.jsx(h,{...r,children:o});return e.setHeader(n),()=>e.setHeader(null)}},[o,r]),null};c.displayName="Card.Header";const i=({children:o,...r})=>{const e=t.useContext(a);return t.useEffect(()=>{if(e){const n=s.jsx(j,{...r,children:o});return e.setContent(n),()=>e.setContent(null)}},[o,r]),null};i.displayName="Card.Content";const q={Root:d,Header:c,Content:i};exports.Card=q;exports.CardContent=i;exports.CardHeader=c;exports.CardRoot=d;
-//# sourceMappingURL=card-B0BsL4ol.js.map
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),C=require("@chakra-ui/react"),R=require("./stack-wFUhYQQb.js"),p=require("./useFocusRing-CYHdvund.js"),$=require("./mergeProps-BeIu4MsM.js"),P=C.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:H,withContext:f}=C.createSlotRecipeContext({recipe:P}),S=H("div","root"),h=f("div","header"),j=f("div","content"),a=t.createContext(void 0),d=({children:o,ref:r,...e})=>{const{isFocused:n,isFocusVisible:x,focusProps:b}=p.$f7dceffc5ad7768b$export$4e328f61c538687f(),[m,l]=t.useState(null),[g,u]=t.useState(null),v=t.useMemo(()=>({setHeader:l,setContent:u}),[l,u]);return s.jsx(a.Provider,{value:v,children:s.jsxs(S,{ref:r,...$.$3ef42575df84b30b$export$9d1611c77c2fe928(e,b),"data-focus":n||void 0,"data-focus-visible":x||void 0,tabIndex:0,children:[s.jsxs(R.Stack,{direction:"column",gap:"200",children:[m,g]}),o]})})};d.displayName="Card.Root";const c=({children:o,...r})=>{const e=t.useContext(a);return t.useEffect(()=>{if(e){const n=s.jsx(h,{...r,children:o});return e.setHeader(n),()=>e.setHeader(null)}},[o,r]),null};c.displayName="Card.Header";const i=({children:o,...r})=>{const e=t.useContext(a);return t.useEffect(()=>{if(e){const n=s.jsx(j,{...r,children:o});return e.setContent(n),()=>e.setContent(null)}},[o,r]),null};i.displayName="Card.Content";const q={Root:d,Header:c,Content:i};exports.Card=q;exports.CardContent=i;exports.CardHeader=c;exports.CardRoot=d;
+//# sourceMappingURL=card-DAC7L3R0.js.map

package/dist/chunks/{card-B0BsL4ol.js.map → card-DAC7L3R0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-B0BsL4ol.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\";\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\";\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 */\nexport interface CardRootProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\nexport interface CardHeaderProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\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\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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"}
+{"version":3,"file":"card-DAC7L3R0.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\";\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\";\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 */\nexport interface CardRootProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\nexport interface CardHeaderProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\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\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-CQwHrkIF.js → card-DSC-PYAU.js}

@@ -2,9 +2,9 @@ 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 { defineSlotRecipe as h, createSlotRecipeContext as H } from "@chakra-ui/react";
 import { S } from "./stack-__ugxVHD.js";
-import { $ as y } from "./useFocusRing-C8yOnkHj.js";
-import { $ as N } from "./mergeProps-DAjoWNOq.js";
-const k = h({
+import { $ as y } from "./useFocusRing-DNviWqC5.js";
+import { $ as N } from "./mergeProps-tCFA9wZ1.js";
+const k = /* @__PURE__ */ h({
   slots: ["root", "header", "content"],
   className: "nimbus-card",
   base: {
@@ -64,18 +64,18 @@ const k = h({
       }
     }
   }
-}), { withProvider: w, withContext: C } = H({
+}), { withProvider: w, withContext: C } = /* @__PURE__ */ H({
   recipe: k
-}), E = w(
+}), E = /* @__PURE__ */ w(
   "div",
   "root"
-), V = C(
+), V = /* @__PURE__ */ C(
   "div",
   "header"
-), j = C(
+), j = /* @__PURE__ */ C(
   "div",
   "content"
-), a = R(
+), a = /* @__PURE__ */ R(
   void 0
 ), f = ({ children: e, ref: o, ...t }) => {
   const { isFocused: r, isFocusVisible: b, focusProps: x } = y(), [v, d] = l(null), [g, s] = l(null), $ = P(
@@ -135,4 +135,4 @@ export {
   m as b,
   p as c
 };
-//# sourceMappingURL=card-CQwHrkIF.js.map
+//# sourceMappingURL=card-DSC-PYAU.js.map

package/dist/chunks/{card-CQwHrkIF.js.map → card-DSC-PYAU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"card-CQwHrkIF.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\";\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\";\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 */\nexport interface CardRootProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\nexport interface CardHeaderProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\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\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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"}
+{"version":3,"file":"card-DSC-PYAU.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\";\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\";\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 */\nexport interface CardRootProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\nexport interface CardHeaderProps\n  extends HTMLChakraProps<\"div\", CardRecipeProps> {}\n\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\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-Cwb_QZjZ.js → checkbox-B1w8RLi0.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),v=require("@chakra-ui/react"),j=require("./visually-hidden-Qd_t4hAG.js"),q=require("@commercetools/nimbus-icons"),C=require("./extractStyleProps-lyk7D-zN.js"),g=require("./useObjectRef-4v2MxSjQ.js"),R=require("./mergeProps-BeIu4MsM.js"),D=require("./useToggleState-B5pE_WmM.js"),x=require("./useFormValidation-BSXga2hX.js"),V=require("./usePress-C9YKhG_e.js"),E=require("./useToggle-BUU7amte.js"),O=require("./useFocusRing-C4z9NtLP.js");function w(e,o,i){let s=x.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:o.isSelected}),{isInvalid:d,validationErrors:f,validationDetails:u}=s.displayValidation,{labelProps:n,inputProps:b,isSelected:l,isPressed:$,isDisabled:a,isReadOnly:r}=E.$d2c8e2b0480f3f34$export$cbe85ee05b554577({...e,isInvalid:d},o,i);x.$e93e671b31057976$export$b8473d3665f3a75a(e,s,i);let{isIndeterminate:c,isRequired:P,validationBehavior:h="aria"}=e;p.useEffect(()=>{i.current&&(i.current.indeterminate=!!c)});let{pressProps:y}=V.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:a||r,onPress(){let{[x.$e5be200c675c3b3a$export$a763b9476acd3eb]:m}=e,{commitValidation:I}=m||s;I()}});return{labelProps:R.$3ef42575df84b30b$export$9d1611c77c2fe928(n,y),inputProps:{...b,checked:l,"aria-required":P&&h==="aria"||void 0,required:P&&h==="native"},isSelected:l,isPressed:$,isDisabled:a,isReadOnly:r,isInvalid:d,validationErrors:f,validationDetails:u}}const{withProvider:F,withContext:S}=v.createSlotRecipeContext({key:"checkbox"}),B=F("label","root"),H=S("span","label"),T=S("span","indicator"),k=e=>{const{ref:o}=e,i=p.useRef(null),s=g.$df56164dff5785e2$export$4338b53315abf666(v.mergeRefs(i,o)),d=v.useSlotRecipe({key:"checkbox"}),[f]=d.splitVariantProps(e),[u]=C.extractStyleProps(e),n=D.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:b}=w(e,n,s),{isFocused:l,focusProps:$}=O.$f7dceffc5ad7768b$export$4e328f61c538687f(),a=n.isSelected&&!e.isIndeterminate,r=e.isIndeterminate,c={"data-selected":a,"data-indeterminate":r,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":l||void 0};return t.jsxs(B,{"data-slot":"root",...f,...c,...u,children:[t.jsxs(T,{"data-slot":"indicator",...c,children:[a&&t.jsx(q.Check,{}),r&&t.jsx(q.Remove,{}),t.jsx(j.VisuallyHidden,{as:"span",children:t.jsx("input",{...R.$3ef42575df84b30b$export$9d1611c77c2fe928(b,$),ref:s})})]}),e.children&&t.jsx(H,{"data-slot":"label",...c,children:e.children})]})};k.displayName="Checkbox";exports.Checkbox=k;
-//# sourceMappingURL=checkbox-Cwb_QZjZ.js.map
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),v=require("@chakra-ui/react"),j=require("./visually-hidden-CRnniCks.js"),q=require("@commercetools/nimbus-icons"),C=require("./extractStyleProps-lyk7D-zN.js"),g=require("./useObjectRef-4v2MxSjQ.js"),R=require("./mergeProps-BeIu4MsM.js"),D=require("./useToggleState-B5pE_WmM.js"),x=require("./useFormValidation-CbunG7dK.js"),V=require("./usePress-CGAMyl6q.js"),E=require("./useToggle-BEYjmALQ.js"),O=require("./useFocusRing-CYHdvund.js");function w(e,o,i){let s=x.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:o.isSelected}),{isInvalid:d,validationErrors:f,validationDetails:u}=s.displayValidation,{labelProps:n,inputProps:b,isSelected:l,isPressed:$,isDisabled:a,isReadOnly:r}=E.$d2c8e2b0480f3f34$export$cbe85ee05b554577({...e,isInvalid:d},o,i);x.$e93e671b31057976$export$b8473d3665f3a75a(e,s,i);let{isIndeterminate:c,isRequired:P,validationBehavior:h="aria"}=e;p.useEffect(()=>{i.current&&(i.current.indeterminate=!!c)});let{pressProps:y}=V.$f6c31cce2adf654f$export$45712eceda6fad21({isDisabled:a||r,onPress(){let{[x.$e5be200c675c3b3a$export$a763b9476acd3eb]:m}=e,{commitValidation:I}=m||s;I()}});return{labelProps:R.$3ef42575df84b30b$export$9d1611c77c2fe928(n,y),inputProps:{...b,checked:l,"aria-required":P&&h==="aria"||void 0,required:P&&h==="native"},isSelected:l,isPressed:$,isDisabled:a,isReadOnly:r,isInvalid:d,validationErrors:f,validationDetails:u}}const{withProvider:F,withContext:S}=v.createSlotRecipeContext({key:"checkbox"}),B=F("label","root"),H=S("span","label"),T=S("span","indicator"),k=e=>{const{ref:o}=e,i=p.useRef(null),s=g.$df56164dff5785e2$export$4338b53315abf666(v.mergeRefs(i,o)),d=v.useSlotRecipe({key:"checkbox"}),[f]=d.splitVariantProps(e),[u]=C.extractStyleProps(e),n=D.$3017fa7ffdddec74$export$8042c6c013fd5226(e),{inputProps:b}=w(e,n,s),{isFocused:l,focusProps:$}=O.$f7dceffc5ad7768b$export$4e328f61c538687f(),a=n.isSelected&&!e.isIndeterminate,r=e.isIndeterminate,c={"data-selected":a,"data-indeterminate":r,"data-invalid":e.isInvalid,"data-disabled":e.isDisabled,"data-focus":l||void 0};return t.jsxs(B,{"data-slot":"root",...f,...c,...u,children:[t.jsxs(T,{"data-slot":"indicator",...c,children:[a&&t.jsx(q.Check,{}),r&&t.jsx(q.Remove,{}),t.jsx(j.VisuallyHidden,{as:"span",children:t.jsx("input",{...R.$3ef42575df84b30b$export$9d1611c77c2fe928(b,$),ref:s})})]}),e.children&&t.jsx(H,{"data-slot":"label",...c,children:e.children})]})};k.displayName="Checkbox";exports.Checkbox=k;
+//# sourceMappingURL=checkbox-B1w8RLi0.js.map

package/dist/chunks/{checkbox-Cwb_QZjZ.js.map → checkbox-B1w8RLi0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-Cwb_QZjZ.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.15.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.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","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\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 { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * Checkbox\n * ============================================================\n * displays a checkbox and an associated label\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\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","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"checkbox-B1w8RLi0.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.15.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.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","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\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 { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * Checkbox\n * ============================================================\n * displays a checkbox and an associated label\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\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","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/{checkbox-C5jtHkVZ.js → checkbox-CJQ1O9W5.js}

@@ -1,16 +1,16 @@
 import { jsxs as v, jsx as r } from "react/jsx-runtime";
 import { useEffect as S, useRef as y } from "react";
 import { createSlotRecipeContext as R, mergeRefs as C, useSlotRecipe as D } from "@chakra-ui/react";
-import { V } from "./visually-hidden-T2B120j4.js";
+import { V } from "./visually-hidden-7U4LGJiI.js";
 import { Check as q, Remove as E } from "@commercetools/nimbus-icons";
 import { e as w } from "./extractStyleProps-CxgBrz3O.js";
 import { $ as O } from "./useObjectRef-CaJ5pgjX.js";
-import { $ as P } from "./mergeProps-DAjoWNOq.js";
+import { $ as P } from "./mergeProps-tCFA9wZ1.js";
 import { $ as g } from "./useToggleState-Bz5rAf4C.js";
-import { $ as j, a as B, b as F } from "./useFormValidation-BcDTI6Mp.js";
-import { $ as H } from "./usePress-dJvNd3G7.js";
-import { $ as L } from "./useToggle-Cp-w42gr.js";
-import { $ as N } from "./useFocusRing-C8yOnkHj.js";
+import { $ as j, a as B, b as F } from "./useFormValidation-DoG8pVu2.js";
+import { $ as H } from "./usePress-Dk0M2Js8.js";
+import { $ as L } from "./useToggle-Cf0OB-T-.js";
+import { $ as N } from "./useFocusRing-DNviWqC5.js";
 function z(e, d, i) {
   let t = j({
     ...e,
@@ -48,15 +48,15 @@ function z(e, d, i) {
     validationDetails: m
   };
 }
-const { withProvider: A, withContext: h } = R({
+const { withProvider: A, withContext: h } = /* @__PURE__ */ R({
   key: "checkbox"
-}), G = A(
+}), G = /* @__PURE__ */ A(
   "label",
   "root"
-), J = h(
+), J = /* @__PURE__ */ h(
   "span",
   "label"
-), K = h("span", "indicator"), M = (e) => {
+), K = /* @__PURE__ */ h("span", "indicator"), M = (e) => {
   const { ref: d } = e, i = y(null), t = O(C(i, d)), c = D({ key: "checkbox" }), [f] = c.splitVariantProps(e), [m] = w(e), n = g(e), { inputProps: b } = z(e, n, t), { isFocused: l, focusProps: $ } = N(), a = n.isSelected && !e.isIndeterminate, o = e.isIndeterminate, s = {
     "data-selected": a,
     "data-indeterminate": o,
@@ -86,4 +86,4 @@ M.displayName = "Checkbox";
 export {
   M as C
 };
-//# sourceMappingURL=checkbox-C5jtHkVZ.js.map
+//# sourceMappingURL=checkbox-CJQ1O9W5.js.map

package/dist/chunks/{checkbox-C5jtHkVZ.js.map → checkbox-CJQ1O9W5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-C5jtHkVZ.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.15.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.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","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\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 { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * Checkbox\n * ============================================================\n * displays a checkbox and an associated label\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\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","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"checkbox-CJQ1O9W5.js","sources":["../../../../node_modules/.pnpm/@react-aria+checkbox@3.15.7_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/checkbox/dist/useCheckbox.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","/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n  type RecipeVariantProps,\n} from \"@chakra-ui/react\";\nimport { checkboxSlotRecipe } from \"./checkbox.recipe\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"checkbox\",\n});\n\nexport interface CheckboxRootProps\n  extends HTMLChakraProps<\n    \"label\",\n    RecipeVariantProps<typeof checkboxSlotRecipe>\n  > {}\nexport const CheckboxRoot = withProvider<HTMLLabelElement, CheckboxRootProps>(\n  \"label\",\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 { useRef } from \"react\";\nimport { useToggleState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport { VisuallyHidden } from \"@/components\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\nimport {\n  useFocusRing,\n  useCheckbox,\n  useObjectRef,\n  mergeProps,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport {\n  CheckboxIndicator,\n  CheckboxRoot,\n  CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/**\n * Checkbox\n * ============================================================\n * displays a checkbox and an associated label\n *\n * Features:\n *\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLDivElement' attributes (including aria- & data-attributes)\n * - supports 'variants', 'sizes', etc. configured in the recipe\n * - allows overriding styles by using style-props\n * - supports 'asChild' and 'as' to modify the underlying html-element (polymorphic)\n */\nexport const Checkbox = (props: CheckboxProps) => {\n  const { ref: forwardedRef } = props;\n  const localRef = useRef<HTMLInputElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  const recipe = useSlotRecipe({ key: \"checkbox\" });\n  const [recipeProps] = recipe.splitVariantProps(props);\n\n  const [styleProps] = extractStyleProps(props);\n\n  const state = useToggleState(props);\n  const { inputProps } = useCheckbox(props, state, ref);\n\n  const { isFocused, focusProps } = useFocusRing();\n  const isSelected = state.isSelected && !props.isIndeterminate;\n  const isIndeterminate = props.isIndeterminate;\n\n  const stateProps = {\n    \"data-selected\": isSelected,\n    \"data-indeterminate\": isIndeterminate,\n    \"data-invalid\": props.isInvalid,\n    \"data-disabled\": props.isDisabled,\n    \"data-focus\": isFocused || undefined,\n  };\n\n  return (\n    <CheckboxRoot\n      data-slot=\"root\"\n      {...recipeProps}\n      {...stateProps}\n      {...styleProps}\n    >\n      <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n        {isSelected && <Check />}\n        {isIndeterminate && <Minus />}\n        <VisuallyHidden as=\"span\">\n          <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n        </VisuallyHidden>\n      </CheckboxIndicator>\n\n      {props.children && (\n        <CheckboxLabel data-slot=\"label\" {...stateProps}>\n          {props.children}\n        </CheckboxLabel>\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","withProvider","withContext","createSlotRecipeContext","CheckboxRoot","CheckboxLabel","CheckboxIndicator","Checkbox","forwardedRef","localRef","useRef","ref","useObjectRef","mergeRefs","recipe","useSlotRecipe","recipeProps","styleProps","extractStyleProps","useToggleState","useCheckbox","isFocused","focusProps","useFocusRing","stateProps","jsxs","Check","Minus","jsx","VisuallyHidden","mergeProps"],"mappings":"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","x_google_ignoreList":[0]}