@commercetools/nimbus 0.0.11 → 0.0.12-rc1

package/dist/chunks/button-CueBxdjn.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CueBxdjn.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-object-type */\nimport {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createRecipeContext,\n} from \"@chakra-ui/react/styled-system\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the button element.\n */\ninterface ButtonRecipeProps extends RecipeProps<\"button\">, 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 ButtonRootProps\n  extends Omit<HTMLChakraProps<\"button\", ButtonRecipeProps>, \"slot\"> {\n  // insure that the `ButtonRoot` component doesn't give a type error\n  slot?: string | null | undefined;\n}\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\n});\n\n/**\n * Root component that provides the styling context for the Button component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const ButtonRoot = withContext<HTMLButtonElement, ButtonRootProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps] = useContextProps(rest, ref, ButtonContext);\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    ref\n  );\n\n  return (\n    <ButtonRoot\n      {...mergeProps(contextProps, buttonProps, {\n        as,\n        asChild,\n        /**\n         * In case `slot` was null, the `useContextProps` hook already\n         * processed it at this point, so it's safe to not attach it\n         * to the DOM element\n         */\n        slot: contextProps.slot || undefined,\n      })}\n      ref={ref}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButton.displayName = \"Button\";\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","Button","props","forwardedRef","as","asChild","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","contextProps","useContextProps","ButtonContext","elementType","buttonProps","useButton","jsx","mergeProps"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,kBAAkBI,GAAMC,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,aAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,IACzE;AAAA,EAAA;AAEJ,GCnCaK,IAAS,CAACC,MAAuB;AAC5C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAMC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGpD,CAACU,CAAY,IAAIC,EAAgBP,GAAMG,GAAKK,CAAa,GAKzDC,IAAcZ,MAAOC,IAAU,MAAM,WAErC,EAAE,aAAAY,MAAgBC;AAAAA,IACtB;AAAA,MACE,GAAGL;AAAA,MACH,aAAAG;AAAA,IAAA;AAAA,IAEFN;AAAA,EAAA;AAGF,SACE,gBAAAS;AAAA,IAACxB;AAAA,IAAA;AAAA,MACE,GAAGyB,EAAWP,GAAcI,GAAa;AAAA,QACxC,IAAAb;AAAA,QACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMA,MAAMQ,EAAa,QAAQ;AAAA,MAAA,CAC5B;AAAA,MACD,KAAAH;AAAA,MAEC,UAAAJ;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAO,cAAc;"}

package/dist/chunks/button.recipe-ClPhJ93N.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./config-Mt8_uyhI.cjs.js"),o=e.defineRecipe({className:"nimbus-button",base:{borderRadius:"200",display:"inline-flex",appearance:"none",alignItems:"center",justifyContent:"center",userSelect:"none",position:"relative",whiteSpace:"nowrap",verticalAlign:"middle",borderWidth:"1px",borderColor:"transparent",cursor:"button",flexShrink:"0",outline:"0",lineHeight:"1.2",isolation:"isolate",fontWeight:"500",transitionProperty:"common",transitionDuration:"moderate",focusVisibleRing:"outside",_disabled:{layerStyle:"disabled"},_icon:{flexShrink:"0"}},variants:{size:{"2xs":{h:"600",minW:"600",fontSize:"300",fontWeight:"500",lineHeight:"400",px:"200",gap:"100",_icon:{width:"400",height:"400"}},xs:{h:"800",minW:"800",fontSize:"350",fontWeight:"500",lineHeight:"400",px:"300",gap:"100",_icon:{width:"500",height:"500"}},md:{h:"1000",minW:"1000",fontSize:"400",lineHeight:"500",px:"400",gap:"200",_icon:{width:"600",height:"600"}}},variant:{solid:{bg:"colorPalette.9",color:"colorPalette.contrast",_hover:{bg:"colorPalette.10"},_expanded:{bg:"colorPalette.10"}},subtle:{bg:"colorPalette.3",color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},outline:{borderWidth:"1px",borderColor:"colorPalette.7",color:"colorPalette.11",transitionProperty:"background-color, border-color, color",transitionDuration:"moderate",_hover:{bg:"colorPalette.3",borderColor:"colorPalette.8"},_expanded:{bg:"colorPalette.subtle"}},ghost:{color:"colorPalette.11",_hover:{bg:"colorPalette.4"},_expanded:{bg:"colorPalette.4"}},link:{color:"colorPalette.11",_hover:{textDecoration:"underline"}}},tone:{primary:{colorPalette:"primary"},critical:{colorPalette:"critical"},neutral:{colorPalette:"neutral"},info:{colorPalette:"info"}}},defaultVariants:{size:"md",variant:"subtle"}});exports.buttonRecipe=o;
+//# sourceMappingURL=button.recipe-ClPhJ93N.cjs.js.map

package/dist/chunks/button.recipe-ClPhJ93N.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe-ClPhJ93N.cjs.js","sources":["../../src/components/button/button.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const buttonRecipe = defineRecipe({\n  className: \"nimbus-button\",\n  base: {\n    borderRadius: \"200\",\n    display: \"inline-flex\",\n    appearance: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    userSelect: \"none\",\n    position: \"relative\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    borderWidth: \"1px\",\n    borderColor: \"transparent\",\n    cursor: \"button\",\n    flexShrink: \"0\",\n    outline: \"0\",\n    lineHeight: \"1.2\",\n    isolation: \"isolate\",\n    fontWeight: \"500\",\n    transitionProperty: \"common\",\n    transitionDuration: \"moderate\",\n    focusVisibleRing: \"outside\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n  variants: {\n    size: {\n      \"2xs\": {\n        h: \"600\",\n        minW: \"600\",\n        fontSize: \"300\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"200\",\n        gap: \"100\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        h: \"800\",\n        minW: \"800\",\n        fontSize: \"350\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"300\",\n        gap: \"100\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      /* sm: {\n        h: \"900\",\n        minW: \"900\",\n        px: \"350\",\n        textStyle: \"sm\",\n        gap: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      }, */\n      md: {\n        h: \"1000\",\n        minW: \"1000\",\n        fontSize: \"400\",\n        lineHeight: \"500\",\n        px: \"400\",\n        gap: \"200\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n      /*  lg: {\n        h: \"1100\",\n        minW: \"1100\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /*  xl: {\n        h: \"1200\",\n        minW: \"1200\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"250\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /* \"2xl\": {\n        h: \"1600\",\n        minW: \"1600\",\n        textStyle: \"lg\",\n        px: \"700\",\n        gap: \"300\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      }, */\n    },\n    variant: {\n      solid: {\n        bg: \"colorPalette.9\",\n        color: \"colorPalette.contrast\",\n        _hover: {\n          bg: \"colorPalette.10\",\n        },\n        _expanded: {\n          bg: \"colorPalette.10\",\n        },\n      },\n      subtle: {\n        bg: \"colorPalette.3\",\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      outline: {\n        borderWidth: \"1px\",\n        borderColor: \"colorPalette.7\",\n        color: \"colorPalette.11\",\n        transitionProperty: \"background-color, border-color, color\",\n        transitionDuration: \"moderate\",\n        _hover: {\n          bg: \"colorPalette.3\",\n          borderColor: \"colorPalette.8\",\n        },\n        _expanded: {\n          bg: \"colorPalette.subtle\",\n        },\n      },\n      ghost: {\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      link: {\n        color: \"colorPalette.11\",\n        _hover: {\n          textDecoration: \"underline\",\n        },\n      },\n    },\n    tone: {\n      primary: {\n        colorPalette: \"primary\",\n      },\n      critical: {\n        colorPalette: \"critical\",\n      },\n      neutral: {\n        colorPalette: \"neutral\",\n      },\n      info: {\n        colorPalette: \"info\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n});\n"],"names":["buttonRecipe","defineRecipe"],"mappings":"yDAEaA,EAAeC,EAAAA,aAAa,CACvC,UAAW,gBACX,KAAM,CACJ,aAAc,MACd,QAAS,cACT,WAAY,OACZ,WAAY,SACZ,eAAgB,SAChB,WAAY,OACZ,SAAU,WACV,WAAY,SACZ,cAAe,SACf,YAAa,MACb,YAAa,cACb,OAAQ,SACR,WAAY,IACZ,QAAS,IACT,WAAY,MACZ,UAAW,UACX,WAAY,MACZ,mBAAoB,SACpB,mBAAoB,WACpB,iBAAkB,UAClB,UAAW,CACT,WAAY,UAAA,EAEd,MAAO,CACL,WAAY,GAAA,CACd,EAEF,SAAU,CACR,KAAM,CACJ,MAAO,CACL,EAAG,MACH,KAAM,MACN,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAEF,GAAI,CACF,EAAG,MACH,KAAM,MACN,SAAU,MACV,WAAY,MACZ,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,EAaF,GAAI,CACF,EAAG,OACH,KAAM,OACN,SAAU,MACV,WAAY,MACZ,GAAI,MACJ,IAAK,MACL,MAAO,CACL,MAAO,MACP,OAAQ,KAAA,CACV,CACF,EAmCF,QAAS,CACP,MAAO,CACL,GAAI,iBACJ,MAAO,wBACP,OAAQ,CACN,GAAI,iBAAA,EAEN,UAAW,CACT,GAAI,iBAAA,CACN,EAEF,OAAQ,CACN,GAAI,iBACJ,MAAO,kBACP,OAAQ,CACN,GAAI,gBAAA,EAEN,UAAW,CACT,GAAI,gBAAA,CACN,EAEF,QAAS,CACP,YAAa,MACb,YAAa,iBACb,MAAO,kBACP,mBAAoB,wCACpB,mBAAoB,WACpB,OAAQ,CACN,GAAI,iBACJ,YAAa,gBAAA,EAEf,UAAW,CACT,GAAI,qBAAA,CACN,EAEF,MAAO,CACL,MAAO,kBACP,OAAQ,CACN,GAAI,gBAAA,EAEN,UAAW,CACT,GAAI,gBAAA,CACN,EAEF,KAAM,CACJ,MAAO,kBACP,OAAQ,CACN,eAAgB,WAAA,CAClB,CACF,EAEF,KAAM,CACJ,QAAS,CACP,aAAc,SAAA,EAEhB,SAAU,CACR,aAAc,UAAA,EAEhB,QAAS,CACP,aAAc,SAAA,EAEhB,KAAM,CACJ,aAAc,MAAA,CAChB,CACF,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,QAAA,CAEb,CAAC"}

package/dist/chunks/{button.recipe-DzOS_Bqm.es.js → button.recipe-D9e9Gh9L.es.js}

@@ -1,4 +1,4 @@
-import { defineRecipe as e } from "@chakra-ui/react";
+import { d as e } from "./config-ufbQ08Vi.es.js";
 const t = /* @__PURE__ */ e({
   className: "nimbus-button",
   base: {
@@ -188,4 +188,4 @@ const t = /* @__PURE__ */ e({
 export {
   t as b
 };
-//# sourceMappingURL=button.recipe-DzOS_Bqm.es.js.map
+//# sourceMappingURL=button.recipe-D9e9Gh9L.es.js.map

package/dist/chunks/button.recipe-D9e9Gh9L.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe-D9e9Gh9L.es.js","sources":["../../src/components/button/button.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const buttonRecipe = defineRecipe({\n  className: \"nimbus-button\",\n  base: {\n    borderRadius: \"200\",\n    display: \"inline-flex\",\n    appearance: \"none\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    userSelect: \"none\",\n    position: \"relative\",\n    whiteSpace: \"nowrap\",\n    verticalAlign: \"middle\",\n    borderWidth: \"1px\",\n    borderColor: \"transparent\",\n    cursor: \"button\",\n    flexShrink: \"0\",\n    outline: \"0\",\n    lineHeight: \"1.2\",\n    isolation: \"isolate\",\n    fontWeight: \"500\",\n    transitionProperty: \"common\",\n    transitionDuration: \"moderate\",\n    focusVisibleRing: \"outside\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n    _icon: {\n      flexShrink: \"0\",\n    },\n  },\n  variants: {\n    size: {\n      \"2xs\": {\n        h: \"600\",\n        minW: \"600\",\n        fontSize: \"300\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"200\",\n        gap: \"100\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      },\n      xs: {\n        h: \"800\",\n        minW: \"800\",\n        fontSize: \"350\",\n        fontWeight: \"500\",\n        lineHeight: \"400\",\n        px: \"300\",\n        gap: \"100\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      },\n      /* sm: {\n        h: \"900\",\n        minW: \"900\",\n        px: \"350\",\n        textStyle: \"sm\",\n        gap: \"200\",\n        _icon: {\n          width: \"400\",\n          height: \"400\",\n        },\n      }, */\n      md: {\n        h: \"1000\",\n        minW: \"1000\",\n        fontSize: \"400\",\n        lineHeight: \"500\",\n        px: \"400\",\n        gap: \"200\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      },\n      /*  lg: {\n        h: \"1100\",\n        minW: \"1100\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"300\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /*  xl: {\n        h: \"1200\",\n        minW: \"1200\",\n        textStyle: \"md\",\n        px: \"500\",\n        gap: \"250\",\n        _icon: {\n          width: \"500\",\n          height: \"500\",\n        },\n      }, */\n      /* \"2xl\": {\n        h: \"1600\",\n        minW: \"1600\",\n        textStyle: \"lg\",\n        px: \"700\",\n        gap: \"300\",\n        _icon: {\n          width: \"600\",\n          height: \"600\",\n        },\n      }, */\n    },\n    variant: {\n      solid: {\n        bg: \"colorPalette.9\",\n        color: \"colorPalette.contrast\",\n        _hover: {\n          bg: \"colorPalette.10\",\n        },\n        _expanded: {\n          bg: \"colorPalette.10\",\n        },\n      },\n      subtle: {\n        bg: \"colorPalette.3\",\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      outline: {\n        borderWidth: \"1px\",\n        borderColor: \"colorPalette.7\",\n        color: \"colorPalette.11\",\n        transitionProperty: \"background-color, border-color, color\",\n        transitionDuration: \"moderate\",\n        _hover: {\n          bg: \"colorPalette.3\",\n          borderColor: \"colorPalette.8\",\n        },\n        _expanded: {\n          bg: \"colorPalette.subtle\",\n        },\n      },\n      ghost: {\n        color: \"colorPalette.11\",\n        _hover: {\n          bg: \"colorPalette.4\",\n        },\n        _expanded: {\n          bg: \"colorPalette.4\",\n        },\n      },\n      link: {\n        color: \"colorPalette.11\",\n        _hover: {\n          textDecoration: \"underline\",\n        },\n      },\n    },\n    tone: {\n      primary: {\n        colorPalette: \"primary\",\n      },\n      critical: {\n        colorPalette: \"critical\",\n      },\n      neutral: {\n        colorPalette: \"neutral\",\n      },\n      info: {\n        colorPalette: \"info\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"subtle\",\n  },\n});\n"],"names":["buttonRecipe","defineRecipe"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-DiqU5dbv.cjs.js"),q=require("./create-slot-recipe-context-7JMdJHPF.cjs.js"),u=require("react"),c=require("./useDateFormatter-Byp_7yyY.cjs.js"),p=require("./utils-sWqo2nmW.cjs.js"),v=require("./box-BOsRGQEm.cjs.js"),S=require("./context-DURpz5en.cjs.js"),h=require("./icon-button-DF2_vh-X.cjs.js"),j=require("./text-tO5nXPfT.cjs.js"),y=require("./stack-CSKcZxll.cjs.js"),D=require("./visually-hidden-YFEW-yS7.cjs.js"),$=require("@commercetools/nimbus-icons"),P=require("./flex-DgsstZZT.cjs.js"),R=require("./index-Ca-OEf5O.cjs.js"),I=require("./extractStyleProps-CRJEfqqS.cjs.js"),C=require("./Button-BjOgrRmH.cjs.js"),g=require("./Text-BWSfeB9p.cjs.js"),T=require("./use-recipe-CJAjTxPP.cjs.js"),{withProvider:B,withContext:s}=q.createSlotRecipeContext({key:"calendar"}),H=B("div","root"),A=s("div","header"),F=s("div","grids"),G=s("div","monthTitle"),L=s("table","grid"),k=s("thead","gridHeader"),M=s("th","headerCell"),N=s("tbody","gridBody"),z=s("td","bodyCell"),K=()=>{const{locale:d}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=p.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355),t=u.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),r=n?.visibleDuration?.months||1,o=c.$14e0f24ef4ac5c92$export$d0bdf45af03a6ea3(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()),i=r>1;return e.jsx(F,{children:Array.from({length:r},(m,l)=>{const b=t.visibleRange.start.add({months:l}),f=new Intl.DateTimeFormat(d,{month:"long"}).format(b.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()));return e.jsxs(v.Box,{width:r==1?"full":"auto",children:[i&&e.jsx(G,{children:f}),e.jsx(L,{asChild:!0,children:e.jsxs(a.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:l},weekdayStyle:"short",children:[e.jsx(k,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:x=>e.jsx(M,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:x})})})}),e.jsx(N,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:x=>{const w=x.compare(o)===0;return e.jsx(z,{asChild:!0,"data-today":w,children:e.jsx(a.$dfd62f934fc76fed$export$5d847498420df57b,{date:x})})}})})]})})]},f)})})},V=()=>{const t=(p.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355)?.visibleDuration?.months||1)>1;return e.jsx(A,{children:e.jsxs(P.Flex,{children:[e.jsxs(y.Stack,{direction:"row",alignItems:"center",children:[e.jsx(D.VisuallyHidden,{children:e.jsx(a.$5cb03073d3f54797$export$a8a3e93435678ff9,{})}),e.jsx(h.IconButton,{slot:t?"previous":"previous-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:t?"4000":"2000",textAlign:"center","aria-hidden":"true",slot:t?"monthRange":"month"}),e.jsx(h.IconButton,{slot:t?"next":"next-month",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowRight,{})})]}),e.jsx(v.Box,{flexGrow:"1"}),e.jsxs(y.Stack,{direction:"row",alignItems:"center",children:[e.jsx(h.IconButton,{slot:"previous-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowLeft,{})}),e.jsx(j.Text,{textStyle:"sm",fontWeight:"500",color:"neutral.11",width:"1400",textAlign:"center","aria-hidden":"true",slot:"year"}),e.jsx(h.IconButton,{slot:"next-year",size:"xs",variant:"ghost",tone:"primary",children:e.jsx($.KeyboardArrowRight,{})})]})]})})},W=({children:d})=>{const{locale:n}=S.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),t=u.useContext(C.$d2b4bc8c273e7be6$export$24d547caef80ccd1),r=u.useContext(g.$514c0188e459b4c0$export$9afb8bc826b033ea),o=u.useContext(a.$dfd62f934fc76fed$export$9e31dcedda1dadc7),i={"next-month":{onPress:()=>o.focusNextSection(),"aria-label":"Next month"},"previous-month":{onPress:()=>o.focusPreviousSection(),"aria-label":"Previous month"},"next-year":{onPress:()=>o.focusNextSection(!0),"aria-label":"Next year"},"previous-year":{onPress:()=>o.focusPreviousSection(!0),"aria-label":"Previous year"}},m=new Intl.DateTimeFormat(n,{month:"long"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),l=[new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.start.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),new Intl.DateTimeFormat(n,{month:"long"}).format(o.visibleRange.end.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2()))].join(" - "),b=new Intl.DateTimeFormat(n,{year:"numeric"}).format(o.focusedDate.toDate(c.$14e0f24ef4ac5c92$export$aa8b41735afcabd2())),f={month:{children:m},monthRange:{children:l},year:{children:b}};return e.jsx(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[C.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...t,slots:{...t&&typeof t=="object"&&"slots"in t?t.slots:{},...i}}],[g.$514c0188e459b4c0$export$9afb8bc826b033ea,{...r,slots:{...r&&typeof r=="object"&&"slots"in r?r.slots:{},...f}}]],children:d})},_=d=>{const n=T.useRecipe({recipe:R.calendarSlotRecipe}),[t,r]=n.splitVariantProps(d),[o,i]=I.extractStyleProps(r);return e.jsx(H,{...t,...o,asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e1aef45b828286de,{...i,children:e.jsxs(W,{children:[e.jsx(V,{}),e.jsx(K,{})]})})})};exports.Calendar=_;
+//# sourceMappingURL=calendar-DssRRpmr.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-DssRRpmr.cjs.js","sources":["../../src/components/calendar/calendar.slots.tsx","../../src/components/calendar/components/calendar.grids.tsx","../../src/components/calendar/components/calendar.header.tsx","../../src/components/calendar/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 { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  CalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\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\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": \"Next month\",\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": \"Previous month\",\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": \"Next year\",\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": \"Previous year\",\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","CalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","buttonSlots","monthLabel","monthRangeLabel","yearLabel","textSlots","Provider","Calendar","props","recipe","useRecipe","calendarSlotRecipe","recipeProps","remainingProps","styleProps","otherProps","extractStyleProps","RaCalendar"],"mappings":"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"}

package/dist/chunks/{calendar-BCsFBFkk.es.js → calendar-DwmLJswz.es.js}

@@ -1,24 +1,26 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { $ as S, a as I, b as F, c as G, d as H, e as j, f as w, g as A, h as B } from "./Heading-D143Kg6E.es.js";
-import { createSlotRecipeContext as L, Flex as M, useRecipe as N } from "@chakra-ui/react";
+import { $ as S, a as I, b as F, c as G, d as H, e as j, f as w, g as A, h as B } from "./Heading-CYQ_Jn6M.es.js";
+import { c as L } from "./create-slot-recipe-context-Cv3lncUO.es.js";
 import { useContext as p } from "react";
-import { $ as z, a as i } from "./useDateFormatter-CioL-RTi.es.js";
-import { c as D, d as k } from "./utils-CEdpnSRC.es.js";
-import { B as P } from "./box-DD4jYgS7.es.js";
+import { $ as M, a as i } from "./useDateFormatter-zNqeIcSK.es.js";
+import { c as D, d as N } from "./utils-C4ruQppN.es.js";
+import { B as P } from "./box-Cd4iddEV.es.js";
 import { $ as R } from "./context-D3RF-nTI.es.js";
-import { I as h } from "./icon-button-CPBzhg2C.es.js";
-import { T as u } from "./text-CFsPSPPs.es.js";
-import { S as x } from "./stack-__ugxVHD.es.js";
-import { V } from "./visually-hidden-CQabqCJt.es.js";
+import { I as h } from "./icon-button-C7MMcLBN.es.js";
+import { T as u } from "./text-CcMvqWol.es.js";
+import { S as x } from "./stack-CFOuBCxS.es.js";
+import { V as z } from "./visually-hidden-XBx29_tJ.es.js";
 import { KeyboardArrowLeft as y, KeyboardArrowRight as C } from "@commercetools/nimbus-icons";
-import { c as K } from "./calendar.recipe-B2sMokBn.es.js";
-import { e as W } from "./extractStyleProps-CxgBrz3O.es.js";
-import { $ as g } from "./Button-BsN1D5Hi.es.js";
+import { F as k } from "./flex-DgabwPpo.es.js";
+import { f as V } from "./index--oJQaJZy.es.js";
+import { e as K } from "./extractStyleProps-KcWE_ep4.es.js";
+import { $ as g } from "./Button-BLHXvl6m.es.js";
 import { $ as v } from "./Text-DOcU1ycg.es.js";
+import { u as W } from "./use-recipe-dUXCQYfa.es.js";
 const { withProvider: _, withContext: n } = /* @__PURE__ */ L({
   key: "calendar"
 }), q = /* @__PURE__ */ _("div", "root"), E = /* @__PURE__ */ n("div", "header"), J = /* @__PURE__ */ n("div", "grids"), O = /* @__PURE__ */ n("div", "monthTitle"), Q = /* @__PURE__ */ n("table", "grid"), U = /* @__PURE__ */ n("thead", "gridHeader"), X = /* @__PURE__ */ n("th", "headerCell"), Y = /* @__PURE__ */ n("tbody", "gridBody"), Z = /* @__PURE__ */ n("td", "bodyCell"), ee = () => {
-  const { locale: s } = R(), a = D(w), t = p(S), r = a?.visibleDuration?.months || 1, o = z(i()), l = r > 1;
+  const { locale: s } = R(), a = D(w), t = p(S), r = a?.visibleDuration?.months || 1, o = M(i()), l = r > 1;
   return /* @__PURE__ */ e(J, { children: Array.from({ length: r }, (b, c) => {
     const $ = t.visibleRange.start.add({
       months: c
@@ -45,9 +47,9 @@ const { withProvider: _, withContext: n } = /* @__PURE__ */ L({
   }) });
 }, te = () => {
   const t = (D(w)?.visibleDuration?.months || 1) > 1;
-  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ d(M, { children: [
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ d(k, { children: [
     /* @__PURE__ */ d(x, { direction: "row", alignItems: "center", children: [
-      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(A, {}) }),
+      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(A, {}) }),
       /* @__PURE__ */ e(
         h,
         {
@@ -145,7 +147,7 @@ const { withProvider: _, withContext: n } = /* @__PURE__ */ L({
     year: { children: $ }
   };
   return /* @__PURE__ */ e(
-    k,
+    N,
     {
       values: [
         [
@@ -172,14 +174,14 @@ const { withProvider: _, withContext: n } = /* @__PURE__ */ L({
       children: s
     }
   );
-}, Ce = (s) => {
-  const a = N({ recipe: K }), [t, r] = a.splitVariantProps(s), [o, l] = W(r);
+}, ve = (s) => {
+  const a = W({ recipe: V }), [t, r] = a.splitVariantProps(s), [o, l] = K(r);
   return /* @__PURE__ */ e(q, { ...t, ...o, asChild: !0, children: /* @__PURE__ */ e(B, { ...l, children: /* @__PURE__ */ d(oe, { children: [
     /* @__PURE__ */ e(te, {}),
     /* @__PURE__ */ e(ee, {})
   ] }) }) });
 };
 export {
-  Ce as C
+  ve as C
 };
-//# sourceMappingURL=calendar-BCsFBFkk.es.js.map
+//# sourceMappingURL=calendar-DwmLJswz.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-DwmLJswz.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/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 { getLocalTimeZone } from \"@internationalized/date\";\nimport { useContext } from \"react\";\nimport {\n  Provider,\n  ButtonContext,\n  CalendarStateContext,\n  TextContext,\n  useLocale,\n} from \"react-aria-components\";\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\n  /**\n   * Button slots\n   * ================================\n   */\n  const buttonSlots = {\n    \"next-month\": {\n      onPress: () => calendarState.focusNextSection(),\n      \"aria-label\": \"Next month\",\n    },\n    \"previous-month\": {\n      onPress: () => calendarState.focusPreviousSection(),\n      \"aria-label\": \"Previous month\",\n    },\n    \"next-year\": {\n      onPress: () => calendarState.focusNextSection(true),\n      \"aria-label\": \"Next year\",\n    },\n    \"previous-year\": {\n      onPress: () => calendarState.focusPreviousSection(true),\n      \"aria-label\": \"Previous year\",\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","CalendarCustomContext","children","buttonContext","ButtonContext","textContext","TextContext","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-BZEVZLCo.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-7JMdJHPF.cjs.js"),v=require("./stack-CSKcZxll.cjs.js"),$=require("./useFocusRing-wD8IMPEh.cjs.js"),P=require("./mergeProps-VvQrkhSh.cjs.js"),S=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:H,withContext:C}=p.createSlotRecipeContext({recipe:S}),h=H("div","root"),q=C("div","header"),j=C("div","content"),a=t.createContext(void 0),d=({children:o,ref:r,...e})=>{const{isFocused:n,isFocusVisible:f,focusProps:x}=$.$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:r,...P.$3ef42575df84b30b$export$9d1611c77c2fe928(e,x),"data-focus":n||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,...r})=>{const e=t.useContext(a);return t.useEffect(()=>{if(e){const n=s.jsx(q,{...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 y={Root:d,Header:c,Content:i};exports.Card=y;exports.CardContent=i;exports.CardHeader=c;exports.CardRoot=d;
+//# sourceMappingURL=card-BZEVZLCo.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-BZEVZLCo.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 */\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\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-CS_daMhq.es.js → card-CDFYX3Fk.es.js}

@@ -1,9 +1,10 @@
 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.es.js";
+import { a as h } from "./config-ufbQ08Vi.es.js";
+import { c as H } from "./create-slot-recipe-context-Cv3lncUO.es.js";
+import { S } from "./stack-CFOuBCxS.es.js";
 import { $ as y } from "./useFocusRing-BOPRvfsD.es.js";
-import { $ as N } from "./mergeProps-Bn6EInU5.es.js";
+import { $ as N } from "./mergeProps-C0OSi2w3.es.js";
 const k = /* @__PURE__ */ h({
   slots: ["root", "header", "content"],
   className: "nimbus-card",
@@ -64,20 +65,20 @@ const k = /* @__PURE__ */ h({
       }
     }
   }
-}), { withProvider: w, withContext: C } = /* @__PURE__ */ H({
+}), { withProvider: w, withContext: f } = /* @__PURE__ */ H({
   recipe: k
 }), E = /* @__PURE__ */ w(
   "div",
   "root"
-), V = /* @__PURE__ */ C(
+), V = /* @__PURE__ */ f(
   "div",
   "header"
-), j = /* @__PURE__ */ C(
+), j = /* @__PURE__ */ f(
   "div",
   "content"
 ), a = /* @__PURE__ */ R(
   void 0
-), f = ({ children: e, ref: o, ...t }) => {
+), 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,
@@ -88,7 +89,7 @@ const k = /* @__PURE__ */ h({
   return /* @__PURE__ */ n(a.Provider, { value: $, children: /* @__PURE__ */ c(
     E,
     {
-      ref: o,
+      ref: e,
       ...N(t, x),
       "data-focus": r || void 0,
       "data-focus-visible": b || void 0,
@@ -98,41 +99,41 @@ const k = /* @__PURE__ */ h({
           v,
           g
         ] }),
-        e
+        o
       ]
     }
   ) });
 };
-f.displayName = "Card.Root";
-const m = ({ children: e, ...o }) => {
+m.displayName = "Card.Root";
+const C = ({ children: o, ...e }) => {
   const t = i(a);
   return u(() => {
     if (t) {
-      const r = /* @__PURE__ */ n(V, { ...o, children: e });
+      const r = /* @__PURE__ */ n(V, { ...e, children: o });
       return t.setHeader(r), () => t.setHeader(null);
     }
-  }, [e, o]), null;
+  }, [o, e]), null;
 };
-m.displayName = "Card.Header";
-const p = ({ children: e, ...o }) => {
+C.displayName = "Card.Header";
+const p = ({ children: o, ...e }) => {
   const t = i(a);
   return u(() => {
     if (t) {
-      const r = /* @__PURE__ */ n(j, { ...o, children: e });
+      const r = /* @__PURE__ */ n(j, { ...e, children: o });
       return t.setContent(r), () => t.setContent(null);
     }
-  }, [e, o]), null;
+  }, [o, e]), null;
 };
 p.displayName = "Card.Content";
-const B = {
-  Root: f,
-  Header: m,
+const D = {
+  Root: m,
+  Header: C,
   Content: p
 };
 export {
-  B as C,
-  f as a,
-  m as b,
+  D as C,
+  m as a,
+  C as b,
   p as c
 };
-//# sourceMappingURL=card-CS_daMhq.es.js.map
+//# sourceMappingURL=card-CDFYX3Fk.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-CDFYX3Fk.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 */\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\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-BFb4vHab.es.js → checkbox-C9AJOro3.es.js}

@@ -1,15 +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-CQabqCJt.es.js";
-import { Check as q, Remove as E } from "@commercetools/nimbus-icons";
-import { e as w } from "./extractStyleProps-CxgBrz3O.es.js";
+import { V as R } from "./visually-hidden-XBx29_tJ.es.js";
+import { Check as C, Remove as D } from "@commercetools/nimbus-icons";
+import { e as V } from "./extractStyleProps-KcWE_ep4.es.js";
+import { mergeRefs as q } from "@chakra-ui/react";
+import { c as E, u as w } from "./create-slot-recipe-context-Cv3lncUO.es.js";
 import { $ as O } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as P } from "./mergeProps-Bn6EInU5.es.js";
+import { $ as P } from "./mergeProps-C0OSi2w3.es.js";
 import { $ as g } from "./useToggleState-mKFEFD2Q.es.js";
-import { $ as j, a as B, b as F } from "./useFormValidation-D4duh8Fb.es.js";
-import { $ as H } from "./usePress-Bf0oV30S.es.js";
-import { $ as L } from "./useToggle-BXsvw8Q3.es.js";
+import { $ as j, a as B, b as F } from "./useFormValidation-x8TYT3v1.es.js";
+import { $ as H } from "./usePress--0XlnE9U.es.js";
+import { $ as L } from "./useToggle-BLG4h8I9.es.js";
 import { $ as N } from "./useFocusRing-BOPRvfsD.es.js";
 function z(e, d, i) {
   let t = j({
@@ -20,14 +21,14 @@ function z(e, d, i) {
     isInvalid: c
   }, d, i);
   B(e, t, i);
-  let { isIndeterminate: s, isRequired: p, validationBehavior: x = "aria" } = e;
+  let { isIndeterminate: s, isRequired: p, validationBehavior: u = "aria" } = e;
   S(() => {
     i.current && (i.current.indeterminate = !!s);
   });
   let { pressProps: k } = H({
     isDisabled: a || o,
     onPress() {
-      let { [F]: u } = e, { commitValidation: I } = u || t;
+      let { [F]: x } = e, { commitValidation: I } = x || t;
       I();
     }
   });
@@ -36,8 +37,8 @@ function z(e, d, i) {
     inputProps: {
       ...b,
       checked: l,
-      "aria-required": p && x === "aria" || void 0,
-      required: p && x === "native"
+      "aria-required": p && u === "aria" || void 0,
+      required: p && u === "native"
     },
     isSelected: l,
     isPressed: $,
@@ -48,7 +49,7 @@ function z(e, d, i) {
     validationDetails: m
   };
 }
-const { withProvider: A, withContext: h } = /* @__PURE__ */ R({
+const { withProvider: A, withContext: h } = /* @__PURE__ */ E({
   key: "checkbox"
 }), G = /* @__PURE__ */ A(
   "label",
@@ -57,7 +58,7 @@ const { withProvider: A, withContext: h } = /* @__PURE__ */ R({
   "span",
   "label"
 ), 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 = {
+  const { ref: d } = e, i = y(null), t = O(q(i, d)), c = w({ key: "checkbox" }), [f] = c.splitVariantProps(e), [m] = V(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,
     "data-invalid": e.isInvalid,
@@ -73,9 +74,9 @@ const { withProvider: A, withContext: h } = /* @__PURE__ */ R({
       ...m,
       children: [
         /* @__PURE__ */ v(K, { "data-slot": "indicator", ...s, children: [
-          a && /* @__PURE__ */ r(q, {}),
-          o && /* @__PURE__ */ r(E, {}),
-          /* @__PURE__ */ r(V, { as: "span", children: /* @__PURE__ */ r("input", { ...P(b, $), ref: t }) })
+          a && /* @__PURE__ */ r(C, {}),
+          o && /* @__PURE__ */ r(D, {}),
+          /* @__PURE__ */ r(R, { as: "span", children: /* @__PURE__ */ r("input", { ...P(b, $), ref: t }) })
         ] }),
         e.children && /* @__PURE__ */ r(J, { "data-slot": "label", ...s, children: e.children })
       ]
@@ -86,4 +87,4 @@ M.displayName = "Checkbox";
 export {
   M as C
 };
-//# sourceMappingURL=checkbox-BFb4vHab.es.js.map
+//# sourceMappingURL=checkbox-C9AJOro3.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-C9AJOro3.es.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/styled-system\";\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/styled-system\";\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.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\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-Cc2Yab3K.cjs.js

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