@commercetools/nimbus 0.0.9-rc8 → 0.0.11

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

@@ -0,0 +1,2 @@
+"use strict";const e=require("@chakra-ui/react"),t=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=t;
+//# sourceMappingURL=button.recipe-DHk13lGU.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe-DHk13lGU.cjs.js","sources":["../../src/components/button/button.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\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":"iDAEaA,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

@@ -0,0 +1,191 @@
+import { defineRecipe as e } from "@chakra-ui/react";
+const t = /* @__PURE__ */ e({
+  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"
+        }
+      },
+      /* sm: {
+        h: "900",
+        minW: "900",
+        px: "350",
+        textStyle: "sm",
+        gap: "200",
+        _icon: {
+          width: "400",
+          height: "400",
+        },
+      }, */
+      md: {
+        h: "1000",
+        minW: "1000",
+        fontSize: "400",
+        lineHeight: "500",
+        px: "400",
+        gap: "200",
+        _icon: {
+          width: "600",
+          height: "600"
+        }
+      }
+      /*  lg: {
+        h: "1100",
+        minW: "1100",
+        textStyle: "md",
+        px: "500",
+        gap: "300",
+        _icon: {
+          width: "500",
+          height: "500",
+        },
+      }, */
+      /*  xl: {
+        h: "1200",
+        minW: "1200",
+        textStyle: "md",
+        px: "500",
+        gap: "250",
+        _icon: {
+          width: "500",
+          height: "500",
+        },
+      }, */
+      /* "2xl": {
+        h: "1600",
+        minW: "1600",
+        textStyle: "lg",
+        px: "700",
+        gap: "300",
+        _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"
+  }
+});
+export {
+  t as b
+};
+//# sourceMappingURL=button.recipe-DzOS_Bqm.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.recipe-DzOS_Bqm.es.js","sources":["../../src/components/button/button.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react\";\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-BCsFBFkk.es.js

@@ -0,0 +1,185 @@
+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 { 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 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 { 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 { $ as v } from "./Text-DOcU1ycg.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;
+  return /* @__PURE__ */ e(J, { children: Array.from({ length: r }, (b, c) => {
+    const $ = t.visibleRange.start.add({
+      months: c
+    }), f = new Intl.DateTimeFormat(s, {
+      month: "long"
+    }).format($.toDate(i()));
+    return /* @__PURE__ */ d(
+      P,
+      {
+        width: r == 1 ? "full" : "auto",
+        children: [
+          l && /* @__PURE__ */ e(O, { children: f }),
+          /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ d(I, { offset: { months: c }, weekdayStyle: "short", children: [
+            /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(F, { children: (m) => /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(G, { children: m }) }) }) }),
+            /* @__PURE__ */ e(Y, { asChild: !0, children: /* @__PURE__ */ e(H, { children: (m) => {
+              const T = m.compare(o) === 0;
+              return /* @__PURE__ */ e(Z, { asChild: !0, "data-today": T, children: /* @__PURE__ */ e(j, { date: m }) });
+            } }) })
+          ] }) })
+        ]
+      },
+      f
+    );
+  }) });
+}, te = () => {
+  const t = (D(w)?.visibleDuration?.months || 1) > 1;
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ d(M, { children: [
+    /* @__PURE__ */ d(x, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(A, {}) }),
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: t ? "previous" : "previous-month",
+          size: "xs",
+          variant: "ghost",
+          tone: "primary",
+          children: /* @__PURE__ */ e(y, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        u,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: t ? "4000" : "2000",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: t ? "monthRange" : "month"
+        }
+      ),
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: t ? "next" : "next-month",
+          size: "xs",
+          variant: "ghost",
+          tone: "primary",
+          children: /* @__PURE__ */ e(C, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(P, { flexGrow: "1" }),
+    /* @__PURE__ */ d(x, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(
+        h,
+        {
+          slot: "previous-year",
+          size: "xs",
+          variant: "ghost",
+          tone: "primary",
+          children: /* @__PURE__ */ e(y, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        u,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: "1400",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: "year"
+        }
+      ),
+      /* @__PURE__ */ e(h, { slot: "next-year", size: "xs", variant: "ghost", tone: "primary", children: /* @__PURE__ */ e(C, {}) })
+    ] })
+  ] }) });
+}, oe = ({
+  children: s
+}) => {
+  const { locale: a } = R(), t = p(g), r = p(v), o = p(S), l = {
+    "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"
+    }
+  }, b = new Intl.DateTimeFormat(a, {
+    month: "long"
+  }).format(o.focusedDate.toDate(i())), c = [
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.start.toDate(i())),
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.end.toDate(i()))
+  ].join(" - "), $ = new Intl.DateTimeFormat(a, {
+    year: "numeric"
+  }).format(o.focusedDate.toDate(i())), f = {
+    month: { children: b },
+    monthRange: { children: c },
+    year: { children: $ }
+  };
+  return /* @__PURE__ */ e(
+    k,
+    {
+      values: [
+        [
+          g,
+          {
+            ...t,
+            slots: {
+              ...t && typeof t == "object" && "slots" in t ? t.slots : {},
+              ...l
+            }
+          }
+        ],
+        [
+          v,
+          {
+            ...r,
+            slots: {
+              ...r && typeof r == "object" && "slots" in r ? r.slots : {},
+              ...f
+            }
+          }
+        ]
+      ],
+      children: s
+    }
+  );
+}, Ce = (s) => {
+  const a = N({ recipe: K }), [t, r] = a.splitVariantProps(s), [o, l] = W(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
+};
+//# sourceMappingURL=calendar-BCsFBFkk.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-BCsFBFkk.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\";\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\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\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-BeUwpJo3.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("./Heading-DiqU5dbv.cjs.js"),p=require("@chakra-ui/react"),u=require("react"),c=require("./useDateFormatter-Byp_7yyY.cjs.js"),m=require("./utils-sWqo2nmW.cjs.js"),S=require("./box-FU6tRPFs.cjs.js"),w=require("./context-DURpz5en.cjs.js"),h=require("./icon-button-QwpNTUZ8.cjs.js"),y=require("./text--fhvW47o.cjs.js"),C=require("./stack-wFUhYQQb.cjs.js"),P=require("./visually-hidden-YFEW-yS7.cjs.js"),$=require("@commercetools/nimbus-icons"),q=require("./calendar.recipe-gUaUNltl.cjs.js"),R=require("./extractStyleProps-lyk7D-zN.cjs.js"),g=require("./Button-BjOgrRmH.cjs.js"),v=require("./Text-BWSfeB9p.cjs.js"),{withProvider:I,withContext:s}=p.createSlotRecipeContext({key:"calendar"}),T=I("div","root"),B=s("div","header"),H=s("div","grids"),A=s("div","monthTitle"),F=s("table","grid"),G=s("thead","gridHeader"),L=s("th","headerCell"),k=s("tbody","gridBody"),M=s("td","bodyCell"),N=()=>{const{locale:d}=w.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),n=m.$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(H,{children:Array.from({length:r},(j,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(S.Box,{width:r==1?"full":"auto",children:[i&&e.jsx(A,{children:f}),e.jsx(F,{asChild:!0,children:e.jsxs(a.$dfd62f934fc76fed$export$5bd780d491cfc46c,{offset:{months:l},weekdayStyle:"short",children:[e.jsx(G,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$22e2d15eaa4d2377,{children:x=>e.jsx(L,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$ad2135cac3a11b3d,{children:x})})})}),e.jsx(k,{asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e11f8ba65d857bff,{children:x=>{const D=x.compare(o)===0;return e.jsx(M,{asChild:!0,"data-today":D,children:e.jsx(a.$dfd62f934fc76fed$export$5d847498420df57b,{date:x})})}})})]})})]},f)})})},z=()=>{const t=(m.$64fa3d84918910a7$export$fabf2dc03a41866e(a.$dfd62f934fc76fed$export$3b805cea1f178355)?.visibleDuration?.months||1)>1;return e.jsx(B,{children:e.jsxs(p.Flex,{children:[e.jsxs(C.Stack,{direction:"row",alignItems:"center",children:[e.jsx(P.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(y.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(S.Box,{flexGrow:"1"}),e.jsxs(C.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(y.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,{})})]})]})})},K=({children:d})=>{const{locale:n}=w.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),t=u.useContext(g.$d2b4bc8c273e7be6$export$24d547caef80ccd1),r=u.useContext(v.$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"}},j=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:j},monthRange:{children:l},year:{children:b}};return e.jsx(m.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[g.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...t,slots:{...t&&typeof t=="object"&&"slots"in t?t.slots:{},...i}}],[v.$514c0188e459b4c0$export$9afb8bc826b033ea,{...r,slots:{...r&&typeof r=="object"&&"slots"in r?r.slots:{},...f}}]],children:d})},V=d=>{const n=p.useRecipe({recipe:q.calendarSlotRecipe}),[t,r]=n.splitVariantProps(d),[o,i]=R.extractStyleProps(r);return e.jsx(T,{...t,...o,asChild:!0,children:e.jsx(a.$dfd62f934fc76fed$export$e1aef45b828286de,{...i,children:e.jsxs(K,{children:[e.jsx(z,{}),e.jsx(N,{})]})})})};exports.Calendar=V;
+//# sourceMappingURL=calendar-BeUwpJo3.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-BeUwpJo3.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\";\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\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\nimport { CalendarCustomContext } from \"./components/calendar.custom-context\";\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.recipe-B2sMokBn.es.js

@@ -0,0 +1,101 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react";
+const r = /* @__PURE__ */ e({
+  slots: [
+    "root",
+    "header",
+    "grids",
+    "monthTitle",
+    "grid",
+    "gridHeader",
+    "headerCell",
+    "gridBody",
+    "bodyCell"
+  ],
+  className: "nimbus-calendar",
+  base: {
+    // the container element
+    root: {
+      display: "inline-block",
+      maxWidth: "100%"
+    },
+    header: {
+      height: "1200",
+      p: "200",
+      mb: "300",
+      borderBottom: "solid-25",
+      borderColor: "neutral.3"
+    },
+    // the container contianing the month(s) grid(s)
+    grids: {
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "800",
+      mx: "200",
+      maxWidth: "full"
+    },
+    // Month title above each grid
+    monthTitle: {
+      textAlign: "center",
+      fontSize: "400",
+      fontWeight: "600",
+      color: "neutral.11",
+      mb: "300",
+      px: "200"
+    },
+    // A single grid (<table>) containing a months days
+    grid: {
+      w: "full",
+      minW: "fit-content",
+      flex: "1 1 auto"
+    },
+    // Weekday Row
+    gridHeader: {},
+    // Weekday Item
+    headerCell: {
+      p: "200",
+      pb: "300",
+      textAlign: "center",
+      color: "neutral.9",
+      fontSize: "300",
+      lineHeight: "350",
+      fontWeight: "500"
+    },
+    gridBody: {},
+    // Day Item
+    bodyCell: {
+      cursor: "pointer",
+      p: "200",
+      minW: "1400",
+      borderRadius: "200",
+      fontSize: "350",
+      lineHeight: "500",
+      fontWeight: "400",
+      transitionProperty: "all",
+      transitionDuration: "fastest",
+      textAlign: "center",
+      color: "neutral.12",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      mb: "200",
+      focusRing: "outside",
+      "&[aria-disabled=true]": {
+        layerStyle: "disabled"
+      },
+      "&[data-hovered=true]": {
+        bg: "primary.3"
+      },
+      "&[data-today=true]": {
+        bg: "neutral.3"
+      },
+      "&[data-selected=true]": {
+        bg: "primary.9",
+        color: "primary.contrast"
+      }
+    }
+  }
+});
+export {
+  r as c
+};
+//# sourceMappingURL=calendar.recipe-B2sMokBn.es.js.map

package/dist/chunks/calendar.recipe-B2sMokBn.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.recipe-B2sMokBn.es.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,EAAA;AAAA,EAEF,WAAW;AAAA,EACX,MAAM;AAAA;AAAA,IAEJ,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,cAAc;AAAA,MACd,aAAa;AAAA,IAAA;AAAA;AAAA,IAGf,OAAO;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,IAAI;AAAA,MACJ,UAAU;AAAA,IAAA;AAAA;AAAA,IAGZ,YAAY;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA;AAAA,IAGN,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,YAAY,CAAA;AAAA;AAAA,IAEZ,YAAY;AAAA,MACV,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,YAAY;AAAA,IAAA;AAAA,IAEd,UAAU,CAAA;AAAA;AAAA,IAGV,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,MAAA;AAAA,MAGd,wBAAwB;AAAA,QACtB,IAAI;AAAA,MAAA;AAAA,MAGN,sBAAsB;AAAA,QACpB,IAAI;AAAA,MAAA;AAAA,MAGN,yBAAyB;AAAA,QACvB,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,CAAC;"}