@commercetools/nimbus 2.7.0 → 2.9.0

package/dist/chunks/avatar-D559WPRc.es.js

@@ -0,0 +1,58 @@
+import { jsxs as L, jsx as I } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { createRecipeContext as N } from "@chakra-ui/react/styled-system";
+import { n as e, u as A } from "./normalize-messages-BN9BAFXe.es.js";
+import { I as h } from "./image-DRigLU80.es.js";
+const { withContext: M } = /* @__PURE__ */ N({ key: "nimbusAvatar" }), $ = /* @__PURE__ */ M(
+  "figure"
+), x = {
+  avatarLabel: (a) => `Avatar image for ${a.fullName}`
+}, S = {
+  avatarLabel: (a) => `Avatarbild für ${a.fullName}`
+}, _ = {
+  avatarLabel: (a) => `Imagen de avatar para ${a.fullName}`
+}, C = {
+  avatarLabel: (a) => `Image d'avatar pour ${a.fullName}`
+}, R = {
+  avatarLabel: (a) => `Avatar para ${a.fullName}`
+}, w = {
+  en: /* @__PURE__ */ e(x),
+  de: /* @__PURE__ */ e(S),
+  es: /* @__PURE__ */ e(_),
+  "fr-FR": /* @__PURE__ */ e(C),
+  "pt-BR": /* @__PURE__ */ e(R)
+};
+function y(a, t) {
+  return a.split("")[0].toUpperCase() + t.split("")[0].toUpperCase();
+}
+const E = (a) => {
+  const t = A(w), { ref: v, firstName: r, lastName: o, src: s, alt: p, ...g } = a, [l, n] = f(!1), [m, i] = f(!1), c = `${r} ${o}`, u = {
+    "aria-label": t.format("avatarLabel", {
+      fullName: c
+    }),
+    ref: v,
+    ...g
+  }, d = () => {
+    n(!0), i(!1);
+  }, b = () => {
+    n(!1), i(!0);
+  };
+  return /* @__PURE__ */ L($, { ...u, children: [
+    !s || !l || m ? y(r, o) : null,
+    s && /* @__PURE__ */ I(
+      h,
+      {
+        src: s,
+        alt: p || c,
+        onLoad: d,
+        onError: b,
+        display: l && !m ? "block" : "none"
+      }
+    )
+  ] });
+};
+E.displayName = "Avatar";
+export {
+  E as A
+};
+//# sourceMappingURL=avatar-D559WPRc.es.js.map

package/dist/chunks/avatar-D559WPRc.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-D559WPRc.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/intl/en.ts","../../src/components/avatar/intl/de.ts","../../src/components/avatar/intl/es.ts","../../src/components/avatar/intl/fr-FR.ts","../../src/components/avatar/intl/pt-BR.ts","../../src/components/avatar/avatar.messages.ts","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusAvatar\" });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n  \"figure\"\n);\n","/**\n * Pre-compiled en messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar image for ${args.fullName}`,\n};\n","/**\n * Pre-compiled de messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatarbild für ${args.fullName}`,\n};\n","/**\n * Pre-compiled es messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Imagen de avatar para ${args.fullName}`,\n};\n","/**\n * Pre-compiled fr-FR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Image d'avatar pour ${args.fullName}`,\n};\n","/**\n * Pre-compiled pt-BR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar para ${args.fullName}`,\n};\n","/**\n * Pre-compiled localized messages for Avatar component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport avatarMessages_en from \"./intl/en\";\nimport avatarMessages_de from \"./intl/de\";\nimport avatarMessages_es from \"./intl/es\";\nimport avatarMessages_fr from \"./intl/fr-FR\";\nimport avatarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const avatarMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(avatarMessages_en),\n    de: normalizeMessages(avatarMessages_de),\n    es: normalizeMessages(avatarMessages_es),\n    \"fr-FR\": normalizeMessages(avatarMessages_fr),\n    \"pt-BR\": normalizeMessages(avatarMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Avatar component\n */\nexport type AvatarMessageKey = \"avatarLabel\";\n","import { useState } from \"react\";\nimport { Image } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { avatarMessagesStrings } from \"./avatar.messages\";\n\nfunction getInitials(firstName: string, lastName: string) {\n  return (\n    firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n  );\n}\n\n/**\n * Avatar\n * ============================================================\n * A small image or icon that identifies and personalizes the user within the interface.\n * Displays user images or automatically generates initials from first and last names.\n * Falls back to initials if image fails to load.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/avatar}\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <Avatar firstName=\"John\" lastName=\"Doe\" src=\"https://example.com/avatar.jpg\" />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar firstName=\"Jane\" lastName=\"Smith\" />\n * ```\n */\nexport const Avatar = (props: AvatarProps) => {\n  const msg = useLocalizedStringFormatter(avatarMessagesStrings);\n  const { ref, firstName, lastName, src, alt, ...rest } = props;\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const [imageError, setImageError] = useState(false);\n\n  const fullName = `${firstName} ${lastName}`;\n\n  const avatarLabel = msg.format(\"avatarLabel\", {\n    fullName,\n  });\n\n  const sharedProps = {\n    \"aria-label\": avatarLabel,\n    ref,\n    ...rest,\n  };\n\n  const onLoad = () => {\n    setImageLoaded(true);\n    setImageError(false);\n  };\n\n  const onError = () => {\n    setImageLoaded(false);\n    setImageError(true);\n  };\n\n  // Show initials if no src provided, image hasn't loaded yet, or image failed\n  const shouldShowInitials = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","AvatarRoot","avatarMessages_en","args","avatarMessages_de","avatarMessages_es","avatarMessages_fr","avatarMessages_pt","avatarMessagesStrings","normalizeMessages","getInitials","firstName","lastName","Avatar","props","msg","useLocalizedStringFormatter","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","jsxs","jsx","Image"],"mappings":";;;;;AAGA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,KAAK,gBAAgB,GAEtDC,IAAa,gBAAAF;AAAA,EACxB;AACF,GCDAG,IAAe;AAAA,EACb,aAAa,CAACC,MACZ,oBAAoBA,EAAK,QAAQ;AACrC,GCHAC,IAAe;AAAA,EACb,aAAa,CAACD,MACZ,kBAAkBA,EAAK,QAAQ;AACnC,GCHAE,IAAe;AAAA,EACb,aAAa,CAACF,MACZ,yBAAyBA,EAAK,QAAQ;AAC1C,GCHAG,IAAe;AAAA,EACb,aAAa,CAACH,MACZ,uBAAuBA,EAAK,QAAQ;AACxC,GCHAI,IAAe;AAAA,EACb,aAAa,CAACJ,MACZ,eAAeA,EAAK,QAAQ;AAChC,GCcaK,IACX;AAAA,EACE,IAAI,gBAAAC,EAAkBP,CAAiB;AAAA,EACvC,IAAI,gBAAAO,EAAkBL,CAAiB;AAAA,EACvC,IAAI,gBAAAK,EAAkBJ,CAAiB;AAAA,EACvC,SAAS,gBAAAI,EAAkBH,CAAiB;AAAA,EAC5C,SAAS,gBAAAG,EAAkBF,CAAiB;AAC9C;ACvBF,SAASG,EAAYC,GAAmBC,GAAkB;AACxD,SACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA;AAEjE;AAwBO,MAAMC,IAAS,CAACC,MAAuB;AAC5C,QAAMC,IAAMC,EAA4BR,CAAqB,GACvD,EAAE,KAAAS,GAAK,WAAAN,GAAW,UAAAC,GAAU,KAAAM,GAAK,KAAAC,GAAK,GAAGC,MAASN,GAClD,CAACO,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAE5CG,IAAW,GAAGf,CAAS,IAAIC,CAAQ,IAMnCe,IAAc;AAAA,IAClB,cALkBZ,EAAI,OAAO,eAAe;AAAA,MAC5C,UAAAW;AAAA,IAAA,CACD;AAAA,IAIC,KAAAT;AAAA,IACA,GAAGG;AAAA,EAAA,GAGCQ,IAAS,MAAM;AACnB,IAAAN,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMI,IAAU,MAAM;AACpB,IAAAP,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAKA,SACE,gBAAAK,EAAC7B,GAAA,EAAY,GAAG0B,GACb,UAAA;AAAA,IAJsB,CAACT,KAAO,CAACG,KAAeG,IAIzBd,EAAYC,GAAWC,CAAQ,IAAI;AAAA,IAExDM,KACC,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,KAAKC,KAAOO;AAAA,QACZ,QAAAE;AAAA,QACA,SAAAC;AAAA,QACA,SAASR,KAAe,CAACG,IAAa,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;AAEAX,EAAO,cAAc;"}

package/dist/chunks/badge-Be-xE-Ke.es.js

@@ -0,0 +1,17 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { createRecipeContext as n } from "@chakra-ui/react/styled-system";
+import { m as c } from "./merge-refs-D-zSwpoh.es.js";
+import { $ as d } from "./useObjectRef-CaJ5pgjX.es.js";
+import { a as p } from "./mergeProps-Dg8WqJiN.es.js";
+const { withContext: i } = /* @__PURE__ */ n({ key: "nimbusBadge" }), $ = /* @__PURE__ */ i(
+  "span"
+), l = (e) => {
+  const { ref: o, children: r, ...t } = e, f = m(null), s = d(c(f, o));
+  return /* @__PURE__ */ a($, { ...p(t, { ref: s }), children: r });
+};
+l.displayName = "Badge";
+export {
+  l as B
+};
+//# sourceMappingURL=badge-Be-xE-Ke.es.js.map

package/dist/chunks/badge-Be-xE-Ke.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-Be-xE-Ke.es.js","sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusBadge\" });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n  \"span\"\n);\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@/utils\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n * @supportsStyleProps\n */\n\nexport const Badge = (props: BadgeProps) => {\n  const { ref: forwardedRef, children, ...rest } = props;\n\n  const localRef = useRef<HTMLSpanElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return <BadgeRoot {...mergeProps(rest, { ref })}>{children}</BadgeRoot>;\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["withContext","createRecipeContext","BadgeRoot","Badge","props","forwardedRef","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","mergeProps"],"mappings":";;;;;;AAGA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,KAAK,eAAe,GAErDC,IAAY,gBAAAF;AAAA,EACvB;AACF,GCOaG,IAAQ,CAACC,MAAsB;AAC1C,QAAM,EAAE,KAAKC,GAAc,UAAAC,GAAU,GAAGC,MAASH,GAE3CI,IAAWC,EAAwB,IAAI,GACvCC,IAAMC,EAAaC,EAAUJ,GAAUH,CAAY,CAAC;AAE1D,SAAO,gBAAAQ,EAACX,KAAW,GAAGY,EAAWP,GAAM,EAAE,KAAAG,EAAA,CAAK,GAAI,UAAAJ,GAAS;AAC7D;AAEAH,EAAM,cAAc;"}

package/dist/chunks/badge-m_QkSvpu.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const f=require("react/jsx-runtime"),d=require("react"),a=require("@chakra-ui/react/styled-system"),i=require("./merge-refs-D8liJcZz.cjs.js"),u=require("./useObjectRef-4v2MxSjQ.cjs.js"),R=require("./mergeProps-BAXAqyMT.cjs.js"),{withContext:g}=a.createRecipeContext({key:"nimbusBadge"}),$=g("span"),e=t=>{const{ref:r,children:s,...c}=t,o=d.useRef(null),n=u.$df56164dff5785e2$export$4338b53315abf666(i.mergeRefs(o,r));return f.jsx($,{...R.$3ef42575df84b30b$export$9d1611c77c2fe928(c,{ref:n}),children:s})};e.displayName="Badge";exports.Badge=e;
+//# sourceMappingURL=badge-m_QkSvpu.cjs.js.map

package/dist/chunks/badge-m_QkSvpu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-m_QkSvpu.cjs.js","sources":["../../src/components/badge/badge.slots.tsx","../../src/components/badge/badge.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { BadgeRootSlotProps } from \"./badge.types\";\n\nconst { withContext } = createRecipeContext({ key: \"nimbusBadge\" });\n\nexport const BadgeRoot = withContext<HTMLSpanElement, BadgeRootSlotProps>(\n  \"span\"\n);\n","import { useRef } from \"react\";\nimport { BadgeRoot } from \"./badge.slots\";\nimport type { BadgeProps } from \"./badge.types\";\nimport { mergeRefs } from \"@/utils\";\nimport { useObjectRef, mergeProps } from \"react-aria\";\n/**\n * # Badge\n *\n * Briefly highlights or categorizes associated UI elements with concise visual cues for status or metadata.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/badge}\n * @supportsStyleProps\n */\n\nexport const Badge = (props: BadgeProps) => {\n  const { ref: forwardedRef, children, ...rest } = props;\n\n  const localRef = useRef<HTMLSpanElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return <BadgeRoot {...mergeProps(rest, { ref })}>{children}</BadgeRoot>;\n};\n\nBadge.displayName = \"Badge\";\n"],"names":["withContext","createRecipeContext","BadgeRoot","Badge","props","forwardedRef","children","rest","localRef","useRef","ref","useObjectRef","mergeRefs","jsx","mergeProps"],"mappings":"iPAGM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,IAAK,cAAe,EAErDC,EAAYF,EACvB,MACF,ECOaG,EAASC,GAAsB,CAC1C,KAAM,CAAE,IAAKC,EAAc,SAAAC,EAAU,GAAGC,GAASH,EAE3CI,EAAWC,EAAAA,OAAwB,IAAI,EACvCC,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUH,CAAY,CAAC,EAE1D,OAAOQ,EAAAA,IAACX,GAAW,GAAGY,EAAAA,0CAAWP,EAAM,CAAE,IAAAG,CAAA,CAAK,EAAI,SAAAJ,EAAS,CAC7D,EAEAH,EAAM,YAAc"}

package/dist/chunks/button-C4KD0BhM.es.js

@@ -0,0 +1,75 @@
+import { jsx as $ } from "react/jsx-runtime";
+import { useRef as P } from "react";
+import { $ as a } from "./Button-B_f19f6I.es.js";
+import { $ as b } from "./utils-CiIOoh_a.es.js";
+import { m as R } from "./merge-refs-D-zSwpoh.es.js";
+import { createRecipeContext as x } from "@chakra-ui/react/styled-system";
+import { i as v } from "./emotion-is-prop-valid.esm-BUuA3iy8.es.js";
+import { s as C } from "./index-CbPHv6Ml.es.js";
+import { $ as h } from "./useObjectRef-CaJ5pgjX.es.js";
+import { $ as E } from "./useButton-BMV-bIDp.es.js";
+const y = [
+  "onPress",
+  "onPressStart",
+  "onPressEnd",
+  "onPressChange",
+  "onPressUp",
+  "onFocusChange",
+  "onHoverStart",
+  "onHoverEnd",
+  "onHoverChange",
+  "onMoveStart",
+  "onMove",
+  "onMoveEnd"
+], B = (o) => y.some((t) => o.includes(t)), { withContext: g } = /* @__PURE__ */ x({
+  key: "nimbusButton"
+}), S = /* @__PURE__ */ g(
+  "button",
+  {
+    defaultProps: {
+      type: "button"
+    },
+    /**
+     * Filter out React Aria-specific props that shouldn't reach the DOM.
+     * These props are consumed by useButton() but may still be present in
+     * contextProps from ButtonContext slots.
+     */
+    shouldForwardProp(o, t) {
+      const e = !t?.includes(o) && !C.isValidProperty(o);
+      return v(o) && e && !B(o);
+    }
+  }
+), c = (o) => {
+  const { ref: t, as: e, asChild: r, children: d, ...f } = o, i = P(null), m = h(R(i, t)), [s, n] = b(
+    f,
+    m,
+    a
+  ), p = e || (r ? "a" : "button"), { buttonProps: u, isPressed: l } = E(
+    {
+      ...s,
+      elementType: p
+    },
+    n
+  );
+  return /* @__PURE__ */ $(
+    S,
+    {
+      ref: n,
+      ...s,
+      ...u,
+      as: e,
+      asChild: r,
+      slot: s.slot || void 0,
+      "data-pressed": l || void 0,
+      children: d
+    }
+  );
+};
+c.displayName = "Button";
+const N = /* @__PURE__ */ Object.assign(c, {
+  Context: a
+});
+export {
+  N as B
+};
+//# sourceMappingURL=button-C4KD0BhM.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-C4KD0BhM.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\n/**\n * React Aria-specific event props that should NOT be forwarded to DOM elements.\n * These are custom event handlers that React Aria uses internally but are not\n * valid DOM event handlers.\n *\n * @see https://react-spectrum.adobe.com/react-aria/interactions.html\n */\nconst REACT_ARIA_EVENT_PROPS = [\n  \"onPress\",\n  \"onPressStart\",\n  \"onPressEnd\",\n  \"onPressChange\",\n  \"onPressUp\",\n  \"onFocusChange\",\n  \"onHoverStart\",\n  \"onHoverEnd\",\n  \"onHoverChange\",\n  \"onMoveStart\",\n  \"onMove\",\n  \"onMoveEnd\",\n];\n\n/**\n * Checks if a prop is a React Aria-specific event handler that should not\n * be forwarded to the DOM.\n */\nconst isReactAriaEventProp = (prop: string): boolean =>\n  REACT_ARIA_EVENT_PROPS.some((ariaProp) => prop.includes(ariaProp));\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusButton\",\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, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /**\n     * Filter out React Aria-specific props that shouldn't reach the DOM.\n     * These props are consumed by useButton() but may still be present in\n     * contextProps from ButtonContext slots.\n     */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return (\n        shouldForwardProp(prop) && chakraSfp && !isReactAriaEventProp(prop)\n      );\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@/utils\";\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 */\nconst ButtonComponent = (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 baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\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  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={isPressed || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\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: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["REACT_ARIA_EVENT_PROPS","isReactAriaEventProp","prop","ariaProp","withContext","createRecipeContext","ButtonRoot","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","isPressed","useButton","jsx","Button"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMMC,IAAuB,CAACC,MAC5BF,EAAuB,KAAK,CAACG,MAAaD,EAAK,SAASC,CAAQ,CAAC,GAE7D,EAAE,aAAAC,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,KAAK;AACP,CAAC,GAMYC,IAAa,gBAAAF;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOR,kBAAkBF,GAAMK,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASL,CAAI,KAAK,CAACO,EAAO,gBAAgBP,CAAI;AAC9D,aACEQ,EAAkBR,CAAI,KAAKM,KAAa,CAACP,EAAqBC,CAAI;AAAA,IAEtE;AAAA,EAAA;AAEJ,GC/CMS,IAAkB,CAACC,MAAuB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAKIC,IAAcb,MAAOC,IAAU,MAAM,WAGrC,EAAE,aAAAa,GAAa,WAAAC,EAAA,IAAcC;AAAAA,IACjC;AAAA,MACE,GAAGP;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA;AAGF,SACE,gBAAAO;AAAA,IAACzB;AAAA,IAAA;AAAA,MACC,KAAKkB;AAAA,MACJ,GAAGD;AAAA,MACH,GAAGK;AAAA,MACJ,IAAAd;AAAA,MACA,SAAAC;AAAA,MACA,MAAMQ,EAAa,QAAQ;AAAA,MAC3B,gBAAcM,KAAa;AAAA,MAE1B,UAAAb;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAgB,cAAc;AASvB,MAAMqB,IAcT,uBAAO,OAAOrB,GAAiB;AAAA,EACjC,SAASe;AACX,CAAC;"}

package/dist/chunks/button-CAzKhQhT.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const P=require("react/jsx-runtime"),R=require("react"),c=require("./Button-Cd6tzMBr.cjs.js"),p=require("./utils-Dn-IhiTh.cjs.js"),x=require("./merge-refs-D8liJcZz.cjs.js"),m=require("@chakra-ui/react/styled-system"),q=require("./emotion-is-prop-valid.esm-ux_11lix.cjs.js"),v=require("./index-D8ffoMG1.cjs.js"),C=require("./useObjectRef-4v2MxSjQ.cjs.js"),h=require("./useButton-DJVGv7gm.cjs.js"),y=["onPress","onPressStart","onPressEnd","onPressChange","onPressUp","onFocusChange","onHoverStart","onHoverEnd","onHoverChange","onMoveStart","onMove","onMoveEnd"],B=e=>y.some(t=>e.includes(t)),{withContext:E}=m.createRecipeContext({key:"nimbusButton"}),S=E("button",{defaultProps:{type:"button"},shouldForwardProp(e,t){const o=!t?.includes(e)&&!v.system.isValidProperty(e);return q.isPropValid(e)&&o&&!B(e)}}),a=e=>{const{ref:t,as:o,asChild:n,children:u,...d}=e,i=R.useRef(null),f=C.$df56164dff5785e2$export$4338b53315abf666(x.mergeRefs(i,t)),[s,r]=p.$64fa3d84918910a7$export$29f1550f4b0d4415(d,f,c.$d2b4bc8c273e7be6$export$24d547caef80ccd1),b=o||(n?"a":"button"),{buttonProps:l,isPressed:$}=h.$701a24aa0da5b062$export$ea18c227d4417cc3({...s,elementType:b},r);return P.jsx(S,{ref:r,...s,...l,as:o,asChild:n,slot:s.slot||void 0,"data-pressed":$||void 0,children:u})};a.displayName="Button";const g=Object.assign(a,{Context:c.$d2b4bc8c273e7be6$export$24d547caef80ccd1});exports.Button=g;
+//# sourceMappingURL=button-CAzKhQhT.cjs.js.map

package/dist/chunks/button-CAzKhQhT.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CAzKhQhT.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\n/**\n * React Aria-specific event props that should NOT be forwarded to DOM elements.\n * These are custom event handlers that React Aria uses internally but are not\n * valid DOM event handlers.\n *\n * @see https://react-spectrum.adobe.com/react-aria/interactions.html\n */\nconst REACT_ARIA_EVENT_PROPS = [\n  \"onPress\",\n  \"onPressStart\",\n  \"onPressEnd\",\n  \"onPressChange\",\n  \"onPressUp\",\n  \"onFocusChange\",\n  \"onHoverStart\",\n  \"onHoverEnd\",\n  \"onHoverChange\",\n  \"onMoveStart\",\n  \"onMove\",\n  \"onMoveEnd\",\n];\n\n/**\n * Checks if a prop is a React Aria-specific event handler that should not\n * be forwarded to the DOM.\n */\nconst isReactAriaEventProp = (prop: string): boolean =>\n  REACT_ARIA_EVENT_PROPS.some((ariaProp) => prop.includes(ariaProp));\n\nconst { withContext } = createRecipeContext({\n  key: \"nimbusButton\",\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, ButtonRootSlotProps>(\n  \"button\",\n  {\n    defaultProps: {\n      type: \"button\",\n    },\n    /**\n     * Filter out React Aria-specific props that shouldn't reach the DOM.\n     * These props are consumed by useButton() but may still be present in\n     * contextProps from ButtonContext slots.\n     */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return (\n        shouldForwardProp(prop) && chakraSfp && !isReactAriaEventProp(prop)\n      );\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@/utils\";\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 */\nconst ButtonComponent = (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 baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\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  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={isPressed || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\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: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["REACT_ARIA_EVENT_PROPS","isReactAriaEventProp","prop","ariaProp","withContext","createRecipeContext","ButtonRoot","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","isPressed","useButton","jsx","Button"],"mappings":"yZAYMA,EAAyB,CAC7B,UACA,eACA,aACA,gBACA,YACA,gBACA,eACA,aACA,gBACA,cACA,SACA,WACF,EAMMC,EAAwBC,GAC5BF,EAAuB,KAAMG,GAAaD,EAAK,SAASC,CAAQ,CAAC,EAE7D,CAAE,YAAAC,CAAA,EAAgBC,sBAAoB,CAC1C,IAAK,cACP,CAAC,EAMYC,EAAaF,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAOR,kBAAkBF,EAAMK,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASL,CAAI,GAAK,CAACO,EAAAA,OAAO,gBAAgBP,CAAI,EAC9D,OACEQ,EAAAA,YAAkBR,CAAI,GAAKM,GAAa,CAACP,EAAqBC,CAAI,CAEtE,CAAA,CAEJ,EC/CMS,EAAmBC,GAAuB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAKIC,EAAcb,IAAOC,EAAU,IAAM,UAGrC,CAAE,YAAAa,EAAa,UAAAC,CAAA,EAAcC,EAAAA,0CACjC,CACE,GAAGP,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGF,OACEO,EAAAA,IAACzB,EAAA,CACC,IAAKkB,EACJ,GAAGD,EACH,GAAGK,EACJ,GAAAd,EACA,QAAAC,EACA,KAAMQ,EAAa,MAAQ,OAC3B,eAAcM,GAAa,OAE1B,SAAAb,CAAA,CAAA,CAGP,EAGAL,EAAgB,YAAc,SASvB,MAAMqB,EAcT,OAAO,OAAOrB,EAAiB,CACjC,QAASe,EAAAA,yCACX,CAAC"}

package/dist/chunks/calendar-BUMjfnCM.es.js

@@ -0,0 +1,226 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { j as S, d as T, e as A, f as F, g as I, h as z, a as P, c as L, k as N } from "./Heading-mK-8zY0b.es.js";
+import { createSlotRecipeContext as j, useSlotRecipe as B } from "@chakra-ui/react/styled-system";
+import { e as G } from "./extract-style-props-DD3XZzbq.es.js";
+import { c as l, d as H } from "./useDateFormatter-CcwdZcn_.es.js";
+import { useContext as u } from "react";
+import { $ } from "./Button-B_f19f6I.es.js";
+import { e as _, d as w } from "./utils-CiIOoh_a.es.js";
+import { $ as v } from "./Text-DOcU1ycg.es.js";
+import { n as f, u as k } from "./normalize-messages-BN9BAFXe.es.js";
+import { $ as D } from "./context-BfHy4NgG.es.js";
+import { KeyboardArrowLeft as g, KeyboardArrowRight as y } from "@commercetools/nimbus-icons";
+import { T as C } from "./text-61Btuuxn.es.js";
+import { F as V } from "./flex-BqxAMF-7.es.js";
+import { S as M } from "./stack-CoNreM7B.es.js";
+import { V as J } from "./visually-hidden-D6p_jGM-.es.js";
+import { I as p } from "./icon-button-CwI7ZK2q.es.js";
+import { B as R } from "./box-DuBoAZvq.es.js";
+const { withProvider: K, withContext: s } = /* @__PURE__ */ j({
+  key: "nimbusCalendar"
+}), W = /* @__PURE__ */ K("div", "root"), q = /* @__PURE__ */ s("div", "header"), E = /* @__PURE__ */ s("div", "grids"), O = /* @__PURE__ */ s("div", "monthTitle"), Q = /* @__PURE__ */ s("table", "grid"), U = /* @__PURE__ */ s("thead", "gridHeader"), X = /* @__PURE__ */ s("th", "headerCell"), Z = /* @__PURE__ */ s("tbody", "gridBody"), ee = /* @__PURE__ */ s("td", "bodyCell"), te = {
+  nextMonth: "Next month",
+  nextYear: "Next year",
+  previousMonth: "Previous month",
+  previousYear: "Previous year"
+}, oe = {
+  nextMonth: "Nächsten Monat",
+  nextYear: "Nächstes Jahr",
+  previousMonth: "Letzten Monat",
+  previousYear: "Letztes Jahr"
+}, re = {
+  nextMonth: "Próximo mes",
+  nextYear: "Próximo año",
+  previousMonth: "Mes anterior",
+  previousYear: "Año anterior"
+}, ae = {
+  nextMonth: "Mois suivant",
+  nextYear: "Année suivante",
+  previousMonth: "Mois précédent",
+  previousYear: "Année précédente"
+}, ne = {
+  nextMonth: "Próximo mês",
+  nextYear: "Próximo ano",
+  previousMonth: "Mês anterior",
+  previousYear: "Ano anterior"
+}, se = {
+  en: /* @__PURE__ */ f(te),
+  de: /* @__PURE__ */ f(oe),
+  es: /* @__PURE__ */ f(re),
+  "fr-FR": /* @__PURE__ */ f(ae),
+  "pt-BR": /* @__PURE__ */ f(ne)
+}, ie = ({
+  children: i
+}) => {
+  const { locale: a } = D(), t = k(se), r = u($), n = u(v), o = u(S), b = {
+    "next-month": {
+      onPress: () => o.focusNextSection(),
+      "aria-label": t.format("nextMonth")
+    },
+    "previous-month": {
+      onPress: () => o.focusPreviousSection(),
+      "aria-label": t.format("previousMonth")
+    },
+    "next-year": {
+      onPress: () => o.focusNextSection(!0),
+      "aria-label": t.format("nextYear")
+    },
+    "previous-year": {
+      onPress: () => o.focusPreviousSection(!0),
+      "aria-label": t.format("previousYear")
+    }
+  }, m = new Intl.DateTimeFormat(a, {
+    month: "long"
+  }).format(o.focusedDate.toDate(l())), x = [
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.start.toDate(l())),
+    new Intl.DateTimeFormat(a, {
+      month: "long"
+    }).format(o.visibleRange.end.toDate(l()))
+  ].join(" - "), h = new Intl.DateTimeFormat(a, {
+    year: "numeric"
+  }).format(o.focusedDate.toDate(l())), d = {
+    month: { children: m },
+    monthRange: { children: x },
+    year: { children: h }
+  };
+  return /* @__PURE__ */ e(
+    _,
+    {
+      values: [
+        [
+          $,
+          {
+            ...r,
+            slots: {
+              ...r && typeof r == "object" && "slots" in r ? r.slots : {},
+              ...b
+            }
+          }
+        ],
+        [
+          v,
+          {
+            ...n,
+            slots: {
+              ...n && typeof n == "object" && "slots" in n ? n.slots : {},
+              ...d
+            }
+          }
+        ]
+      ],
+      children: i
+    }
+  );
+}, de = () => {
+  const { locale: i } = D(), a = w(P), t = u(S), r = a?.visibleDuration?.months || 1, n = H(l()), o = r > 1;
+  return /* @__PURE__ */ e(E, { children: Array.from({ length: r }, (b, m) => {
+    const x = t.visibleRange.start.add({
+      months: m
+    }), h = new Intl.DateTimeFormat(i, {
+      month: "long"
+    }).format(x.toDate(l()));
+    return /* @__PURE__ */ c(
+      R,
+      {
+        width: r == 1 ? "full" : "auto",
+        children: [
+          o && /* @__PURE__ */ e(O, { children: h }),
+          /* @__PURE__ */ e(Q, { asChild: !0, children: /* @__PURE__ */ c(T, { offset: { months: m }, weekdayStyle: "short", children: [
+            /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e(A, { children: (d) => /* @__PURE__ */ e(X, { asChild: !0, children: /* @__PURE__ */ e(F, { children: d }) }) }) }),
+            /* @__PURE__ */ e(Z, { asChild: !0, children: /* @__PURE__ */ e(I, { children: (d) => {
+              const Y = d.compare(n) === 0;
+              return /* @__PURE__ */ e(ee, { asChild: !0, "data-today": Y, children: /* @__PURE__ */ e(z, { date: d }) });
+            } }) })
+          ] }) })
+        ]
+      },
+      h
+    );
+  }) });
+}, le = () => {
+  const t = (w(P)?.visibleDuration?.months || 1) > 1;
+  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ c(V, { children: [
+    /* @__PURE__ */ c(M, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(L, {}) }),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: t ? "previous" : "previous-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(g, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        C,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: t ? "4000" : "2000",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: t ? "monthRange" : "month"
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: t ? "next" : "next-month",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(y, {})
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(R, { flexGrow: "1" }),
+    /* @__PURE__ */ c(M, { direction: "row", alignItems: "center", children: [
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: "previous-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(g, {})
+        }
+      ),
+      /* @__PURE__ */ e(
+        C,
+        {
+          textStyle: "sm",
+          fontWeight: "500",
+          color: "neutral.11",
+          width: "1400",
+          textAlign: "center",
+          "aria-hidden": "true",
+          slot: "year"
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          slot: "next-year",
+          size: "xs",
+          variant: "ghost",
+          colorPalette: "primary",
+          children: /* @__PURE__ */ e(y, {})
+        }
+      )
+    ] })
+  ] }) });
+}, Re = (i) => {
+  const a = B({ key: "nimbusCalendar" }), [t, r] = a.splitVariantProps(i), [n, o] = G(r);
+  return /* @__PURE__ */ e(W, { ...t, ...n, asChild: !0, children: /* @__PURE__ */ e(N, { ...o, children: /* @__PURE__ */ c(ie, { children: [
+    /* @__PURE__ */ e(le, {}),
+    /* @__PURE__ */ e(de, {})
+  ] }) }) });
+};
+export {
+  Re as C
+};
+//# sourceMappingURL=calendar-BUMjfnCM.es.js.map

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

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

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

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

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

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

package/dist/chunks/card-C6XmGdIp.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),e=require("react"),P=require("@chakra-ui/react/styled-system"),v=require("./stack-CIN13EDn.cjs.js"),d=require("./extract-style-props-7Kq9mybq.cjs.js"),{withProvider:j,withContext:y}=P.createSlotRecipeContext({key:"nimbusCard"}),h=j("div","root"),q=y("div","header"),N=y("div","content"),l=e.createContext(void 0),i=({ref:o,children:s,...t})=>{const n=P.useSlotRecipe({key:"nimbusCard"}),[r,c]=n.splitVariantProps(t),[m,S]=d.extractStyleProps(c),[R,p]=e.useState(null),[f,x]=e.useState(null),H=e.useMemo(()=>({setHeader:p,setContent:x}),[p,x]);return a.jsx(l.Provider,{value:H,children:a.jsxs(h,{ref:o,...r,...m,...S,children:[a.jsxs(v.Stack,{direction:"column",gap:"200",children:[R,f]}),s]})})};i.displayName="Card.Root";const u=({children:o,...s})=>{const t=e.useContext(l),[n,r]=d.extractStyleProps(s);return e.useEffect(()=>{if(t){const c=a.jsx(q,{...n,...r,children:o});return t.setHeader(c),()=>t.setHeader(null)}},[o,n,r,t]),null};u.displayName="Card.Header";const C=({children:o,...s})=>{const t=e.useContext(l),[n,r]=d.extractStyleProps(s);return e.useEffect(()=>{if(t){const c=a.jsx(N,{...n,...r,children:o});return t.setContent(c),()=>t.setContent(null)}},[o,n,r,t]),null};C.displayName="Card.Content";const $={Root:i,Header:u,Content:C};exports.Card=$;exports.CardContent=C;exports.CardHeader=u;exports.CardRoot=i;
+//# sourceMappingURL=card-C6XmGdIp.cjs.js.map