@commercetools/nimbus 3.0.0 → 3.2.0

package/dist/chunks/avatar-DsTOgK1A.esm.js

@@ -0,0 +1,55 @@
+import { n as e, t } from "./normalize-messages-CKl8ms10.esm.js";
+import { n, t as r } from "./utils-DdbD74Lh.esm.js";
+import { t as i } from "./image-CSOHDYIY.esm.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Person as c } from "@commercetools/nimbus-icons";
+import { createRecipeContext as l } from "@chakra-ui/react/styled-system";
+//#region src/components/avatar/avatar.slots.tsx
+var { withContext: u } = l({ key: "nimbusAvatar" }), d = u("figure"), f = {
+	en: t({
+		avatarLabel: (e) => `Avatar image for ${e.fullName}`,
+		avatarLabelGeneric: "Generic user avatar"
+	}),
+	de: t({
+		avatarLabel: (e) => `Avatarbild für ${e.fullName}`,
+		avatarLabelGeneric: "Generischer Benutzeravatar"
+	}),
+	es: t({
+		avatarLabel: (e) => `Imagen de avatar para ${e.fullName}`,
+		avatarLabelGeneric: "Avatar de usuario genérico"
+	}),
+	"fr-FR": t({
+		avatarLabel: (e) => `Image d'avatar pour ${e.fullName}`,
+		avatarLabelGeneric: "Avatar d'utilisateur générique"
+	}),
+	"pt-BR": t({
+		avatarLabel: (e) => `Avatar para ${e.fullName}`,
+		avatarLabelGeneric: "Avatar genérico de usuário"
+	})
+}, p = (t) => {
+	let l = e(f), { ref: u, firstName: p, lastName: m, src: h, alt: g, ..._ } = t, [v, y] = a(!1), [b, x] = a(!1), S = n(p, m), C = r(p, m), w = C ? l.format("avatarLabel", { fullName: C }) : l.format("avatarLabelGeneric"), T = {
+		"aria-label": w,
+		ref: u,
+		..._
+	}, E = () => {
+		y(!0), x(!1);
+	}, D = () => {
+		y(!1), x(!0);
+	}, O = !h || !v || b;
+	return /* @__PURE__ */ s(d, {
+		...T,
+		children: [O && (S.length > 0 ? S : /* @__PURE__ */ o(c, { "aria-hidden": "true" })), h && /* @__PURE__ */ o(i, {
+			src: h,
+			alt: g || C || w,
+			onLoad: E,
+			onError: D,
+			display: v && !b ? "block" : "none"
+		})]
+	});
+};
+p.displayName = "Avatar";
+//#endregion
+export { p as t };
+
+//# sourceMappingURL=avatar-DsTOgK1A.esm.js.map

package/dist/chunks/avatar-DsTOgK1A.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-DsTOgK1A.esm.js","names":[],"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  avatarLabelGeneric: `Generic user avatar`,\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  avatarLabelGeneric: `Generischer Benutzeravatar`,\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  avatarLabelGeneric: `Avatar de usuario genérico`,\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  avatarLabelGeneric: `Avatar d'utilisateur générique`,\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  avatarLabelGeneric: `Avatar genérico de usuário`,\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\" | \"avatarLabelGeneric\";\n","import { useState } from \"react\";\nimport { Person } from \"@commercetools/nimbus-icons\";\nimport { Image } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { avatarMessagesStrings } from \"./avatar.messages\";\nimport { getInitials, getFullName } from \"./utils\";\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, and to a Person icon when no\n * usable initials can be derived.\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 *\n * @example\n * ```tsx\n * // No names provided — renders the Person icon and a generic localized label\n * <Avatar />\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 initials = getInitials(firstName, lastName);\n  const fullName = getFullName(firstName, lastName);\n\n  const avatarLabel = fullName\n    ? msg.format(\"avatarLabel\", { fullName })\n    : msg.format(\"avatarLabelGeneric\");\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 the fallback (initials or Person icon) when no src is provided,\n  // while the image is loading, or when the image failed to load.\n  const shouldShowFallback = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowFallback &&\n        (initials.length > 0 ? initials : <Person aria-hidden=\"true\" />)}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName || avatarLabel}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":";;;;;;;;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,eAAe,CAAC,GAEtD,IAAa,EACxB,QACF,GMgBa,IACX;CACE,IAAI,EAAkB;ELlBxB,cAAc,MACZ,oBAAoB,EAAK;EAC3B,oBAAoB;CKgBI,CAAiB;CACvC,IAAI,EAAkB;EJnBxB,cAAc,MACZ,kBAAkB,EAAK;EACzB,oBAAoB;CIiBI,CAAiB;CACvC,IAAI,EAAkB;EHpBxB,cAAc,MACZ,yBAAyB,EAAK;EAChC,oBAAoB;CGkBI,CAAiB;CACvC,SAAS,EAAkB;EFrB7B,cAAc,MACZ,uBAAuB,EAAK;EAC9B,oBAAoB;CEmBS,CAAiB;CAC5C,SAAS,EAAkB;EDtB7B,cAAc,MACZ,eAAe,EAAK;EACtB,oBAAoB;CCoBS,CAAiB;AAC9C,GCQW,KAAU,MAAuB;CAC5C,IAAM,IAAM,EAA4B,CAAqB,GACvD,EAAE,QAAK,cAAW,aAAU,QAAK,QAAK,GAAG,MAAS,GAClD,CAAC,GAAa,KAAkB,EAAS,EAAK,GAC9C,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,IAAW,EAAY,GAAW,CAAQ,GAC1C,IAAW,EAAY,GAAW,CAAQ,GAE1C,IAAc,IAChB,EAAI,OAAO,eAAe,EAAE,YAAS,CAAC,IACtC,EAAI,OAAO,oBAAoB,GAE7B,IAAc;EAClB,cAAc;EACd;EACA,GAAG;CACL,GAEM,UAAe;EAEnB,AADA,EAAe,EAAI,GACnB,EAAc,EAAK;CACrB,GAEM,UAAgB;EAEpB,AADA,EAAe,EAAK,GACpB,EAAc,EAAI;CACpB,GAIM,IAAqB,CAAC,KAAO,CAAC,KAAe;CAEnD,OACE,kBAAC,GAAD;EAAY,GAAI;YAAhB,CACG,MACE,EAAS,SAAS,IAAI,IAAW,kBAAC,GAAD,EAAQ,eAAY,OAAQ,CAAA,IAE/D,KACC,kBAAC,GAAD;GACO;GACL,KAAK,KAAO,KAAY;GAChB;GACC;GACT,SAAS,KAAe,CAAC,IAAa,UAAU;EACjD,CAAA,CAEO;;AAEhB;AAEA,EAAO,cAAc"}

package/dist/chunks/avatar-h9eDHPIr.cjs

@@ -0,0 +1,2 @@
+const e=require("./normalize-messages-BMIBfw4v.cjs.js"),t=require("./utils-vrw_4e5N.cjs.js"),n=require("./image-BbaK1P_m.cjs.js");let r=require("react"),i=require("react/jsx-runtime"),a=require("@commercetools/nimbus-icons");var{withContext:o}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusAvatar`}),s=o(`figure`),c={en:e.t({avatarLabel:e=>`Avatar image for ${e.fullName}`,avatarLabelGeneric:`Generic user avatar`}),de:e.t({avatarLabel:e=>`Avatarbild für ${e.fullName}`,avatarLabelGeneric:`Generischer Benutzeravatar`}),es:e.t({avatarLabel:e=>`Imagen de avatar para ${e.fullName}`,avatarLabelGeneric:`Avatar de usuario genérico`}),"fr-FR":e.t({avatarLabel:e=>`Image d'avatar pour ${e.fullName}`,avatarLabelGeneric:`Avatar d'utilisateur générique`}),"pt-BR":e.t({avatarLabel:e=>`Avatar para ${e.fullName}`,avatarLabelGeneric:`Avatar genérico de usuário`})},l=o=>{let l=e.n(c),{ref:u,firstName:d,lastName:f,src:p,alt:m,...h}=o,[g,_]=(0,r.useState)(!1),[v,y]=(0,r.useState)(!1),b=t.n(d,f),x=t.t(d,f),S=x?l.format(`avatarLabel`,{fullName:x}):l.format(`avatarLabelGeneric`),C={"aria-label":S,ref:u,...h},w=()=>{_(!0),y(!1)},T=()=>{_(!1),y(!0)},E=!p||!g||v;return(0,i.jsxs)(s,{...C,children:[E&&(b.length>0?b:(0,i.jsx)(a.Person,{"aria-hidden":`true`})),p&&(0,i.jsx)(n.t,{src:p,alt:m||x||S,onLoad:w,onError:T,display:g&&!v?`block`:`none`})]})};l.displayName=`Avatar`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=avatar-h9eDHPIr.cjs.js.map

package/dist/chunks/avatar-h9eDHPIr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-h9eDHPIr.cjs.js","names":[],"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  avatarLabelGeneric: `Generic user avatar`,\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  avatarLabelGeneric: `Generischer Benutzeravatar`,\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  avatarLabelGeneric: `Avatar de usuario genérico`,\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  avatarLabelGeneric: `Avatar d'utilisateur générique`,\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  avatarLabelGeneric: `Avatar genérico de usuário`,\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\" | \"avatarLabelGeneric\";\n","import { useState } from \"react\";\nimport { Person } from \"@commercetools/nimbus-icons\";\nimport { Image } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { avatarMessagesStrings } from \"./avatar.messages\";\nimport { getInitials, getFullName } from \"./utils\";\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, and to a Person icon when no\n * usable initials can be derived.\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 *\n * @example\n * ```tsx\n * // No names provided — renders the Person icon and a generic localized label\n * <Avatar />\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 initials = getInitials(firstName, lastName);\n  const fullName = getFullName(firstName, lastName);\n\n  const avatarLabel = fullName\n    ? msg.format(\"avatarLabel\", { fullName })\n    : msg.format(\"avatarLabelGeneric\");\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 the fallback (initials or Person icon) when no src is provided,\n  // while the image is loading, or when the image failed to load.\n  const shouldShowFallback = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowFallback &&\n        (initials.length > 0 ? initials : <Person aria-hidden=\"true\" />)}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName || avatarLabel}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":"iOAGA,GAAM,CAAE,gBAAA,0CAAA,EAAA,qBAAoC,CAAE,IAAK,cAAe,CAAC,EAEtD,EAAa,EACxB,QACF,EMgBa,EACX,CACE,GAAI,EAAA,EAAkB,CLlBxB,YAAc,GACZ,oBAAoB,EAAK,WAC3B,mBAAoB,qBKgBI,CAAiB,EACvC,GAAI,EAAA,EAAkB,CJnBxB,YAAc,GACZ,kBAAkB,EAAK,WACzB,mBAAoB,4BIiBI,CAAiB,EACvC,GAAI,EAAA,EAAkB,CHpBxB,YAAc,GACZ,yBAAyB,EAAK,WAChC,mBAAoB,4BGkBI,CAAiB,EACvC,QAAS,EAAA,EAAkB,CFrB7B,YAAc,GACZ,uBAAuB,EAAK,WAC9B,mBAAoB,gCEmBS,CAAiB,EAC5C,QAAS,EAAA,EAAkB,CDtB7B,YAAc,GACZ,eAAe,EAAK,WACtB,mBAAoB,4BCoBS,CAAiB,CAC9C,ECQW,EAAU,GAAuB,CAC5C,IAAM,EAAM,EAAA,EAA4B,CAAqB,EACvD,CAAE,MAAK,YAAW,WAAU,MAAK,MAAK,GAAG,GAAS,EAClD,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,EAAK,EAC9C,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,EAAK,EAE5C,EAAW,EAAA,EAAY,EAAW,CAAQ,EAC1C,EAAW,EAAA,EAAY,EAAW,CAAQ,EAE1C,EAAc,EAChB,EAAI,OAAO,cAAe,CAAE,UAAS,CAAC,EACtC,EAAI,OAAO,oBAAoB,EAE7B,EAAc,CAClB,aAAc,EACd,MACA,GAAG,CACL,EAEM,MAAe,CACnB,EAAe,EAAI,EACnB,EAAc,EAAK,CACrB,EAEM,MAAgB,CACpB,EAAe,EAAK,EACpB,EAAc,EAAI,CACpB,EAIM,EAAqB,CAAC,GAAO,CAAC,GAAe,EAEnD,OACE,EAAA,EAAA,MAAC,EAAD,CAAY,GAAI,WAAhB,CACG,IACE,EAAS,OAAS,EAAI,GAAW,EAAA,EAAA,KAAC,EAAA,OAAD,CAAQ,cAAY,MAAQ,CAAA,GAE/D,IACC,EAAA,EAAA,KAAC,EAAA,EAAD,CACO,MACL,IAAK,GAAO,GAAY,EAChB,SACC,UACT,QAAS,GAAe,CAAC,EAAa,QAAU,MACjD,CAAA,CAEO,GAEhB,EAEA,EAAO,YAAc"}

package/dist/chunks/badge-7LuAUqmG.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-CiOPEjJs.cjs.js"),t=require("./useObjectRef-B_VeQHvx.cjs.js"),n=require("./merge-refs-DjTl2ATo.cjs.js");let r=require("react"),i=require("react/jsx-runtime");var{withContext:a}=(0,require("@chakra-ui/react/styled-system").createRecipeContext)({key:`nimbusBadge`}),o=a(`span`),s=a=>{let{ref:s,children:c,...l}=a;return(0,i.jsx)(o,{...e.t(l,{ref:t.t(n.t((0,r.useRef)(null),s))}),children:c})};s.displayName=`Badge`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=badge-7LuAUqmG.cjs.js.map

package/dist/chunks/badge-7LuAUqmG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-7LuAUqmG.cjs.js","names":[],"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"],"mappings":"4LAGA,GAAM,CAAE,gBAAA,0CAAA,EAAA,qBAAoC,CAAE,IAAK,aAAc,CAAC,EAErD,EAAY,EACvB,MACF,ECOa,EAAS,GAAsB,CAC1C,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAS,EAKjD,OAAO,EAAA,EAAA,KAAC,EAAD,CAAW,GAAI,EAAA,EAAW,EAAM,CAAE,IAF7B,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,QADgB,IACN,EAAU,CAAY,CAEhB,CAAI,CAAC,EAAI,UAAoB,CAAA,CACxE,EAEA,EAAM,YAAc"}

package/dist/chunks/badge-CfHYaYkR.esm.js

@@ -0,0 +1,19 @@
+import { t as e } from "./mergeProps-CGu7R6EG.esm.js";
+import { t } from "./useObjectRef-ClgudS2C.esm.js";
+import { t as n } from "./merge-refs-C1GcH9iY.esm.js";
+import { useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { createRecipeContext as a } from "@chakra-ui/react/styled-system";
+//#region src/components/badge/badge.slots.tsx
+var { withContext: o } = a({ key: "nimbusBadge" }), s = o("span"), c = (a) => {
+	let { ref: o, children: c, ...l } = a;
+	return /* @__PURE__ */ i(s, {
+		...e(l, { ref: t(n(r(null), o)) }),
+		children: c
+	});
+};
+c.displayName = "Badge";
+//#endregion
+export { c as t };
+
+//# sourceMappingURL=badge-CfHYaYkR.esm.js.map

package/dist/chunks/badge-CfHYaYkR.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge-CfHYaYkR.esm.js","names":[],"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"],"mappings":";;;;;;;AAGA,IAAM,EAAE,mBAAgB,EAAoB,EAAE,KAAK,cAAc,CAAC,GAErD,IAAY,EACvB,MACF,GCOa,KAAS,MAAsB;CAC1C,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAS;CAKjD,OAAO,kBAAC,GAAD;EAAW,GAAI,EAAW,GAAM,EAAE,KAF7B,EAAa,EADR,EAAwB,IACN,GAAU,CAAY,CAEhB,EAAI,CAAC;EAAI;CAAoB,CAAA;AACxE;AAEA,EAAM,cAAc"}

package/dist/chunks/box-B6vF0vdN.cjs

@@ -0,0 +1,2 @@
+let e=require("react/jsx-runtime");require("@chakra-ui/react/styled-system");let t=require("@chakra-ui/react/box");var n=n=>{let{ref:r,...i}=n;return(0,e.jsx)(t.Box,{ref:r,...i})};n.displayName=`Box`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=box-B6vF0vdN.cjs.js.map

package/dist/chunks/box-B6vF0vdN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-B6vF0vdN.cjs.js","names":[],"sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n *\n * @supportsStyleProps\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"mappings":"mHAiBA,IAAa,EAAO,GAAoB,CACtC,GAAM,CAAE,MAAK,GAAG,GAAc,EAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,IAAD,CAAgB,MAAK,GAAI,CAAY,CAAA,CAC9C,EAEA,EAAI,YAAc"}

package/dist/chunks/box-CZyqYgLL.esm.js

@@ -0,0 +1,16 @@
+import { jsx as e } from "react/jsx-runtime";
+import "@chakra-ui/react/styled-system";
+import { Box as t } from "@chakra-ui/react/box";
+//#region src/components/box/box.tsx
+var n = (n) => {
+	let { ref: r, ...i } = n;
+	return /* @__PURE__ */ e(t, {
+		ref: r,
+		...i
+	});
+};
+n.displayName = "Box";
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=box-CZyqYgLL.esm.js.map

package/dist/chunks/box-CZyqYgLL.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-CZyqYgLL.esm.js","names":[],"sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n *\n * @supportsStyleProps\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"mappings":";;;;AAiBA,IAAa,KAAO,MAAoB;CACtC,IAAM,EAAE,QAAK,GAAG,MAAc;CAC9B,OAAO,kBAAC,GAAD;EAAgB;EAAK,GAAI;CAAY,CAAA;AAC9C;AAEA,EAAI,cAAc"}

package/dist/chunks/button-D5CV52ux.esm.js

@@ -0,0 +1,52 @@
+import { t as e } from "./useObjectRef-ClgudS2C.esm.js";
+import { t } from "./useButton-Q3SL2MMB.esm.js";
+import { n } from "./utils-41EYzidf.esm.js";
+import { t as r } from "./Button-BS6XRDWw.esm.js";
+import { t as i } from "./emotion-is-prop-valid.esm-DzQ0qso_.esm.js";
+import { t as a } from "./theme-CwhQYvW9.esm.js";
+import { t as o } from "./merge-refs-C1GcH9iY.esm.js";
+import { useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { createRecipeContext as l } from "@chakra-ui/react/styled-system";
+//#region src/components/button/button.slots.tsx
+var u = [
+	"onPress",
+	"onPressStart",
+	"onPressEnd",
+	"onPressChange",
+	"onPressUp",
+	"onFocusChange",
+	"onHoverStart",
+	"onHoverEnd",
+	"onHoverChange",
+	"onMoveStart",
+	"onMove",
+	"onMoveEnd"
+], d = (e) => u.some((t) => e.includes(t)), { withContext: f } = l({ key: "nimbusButton" }), p = f("button", {
+	defaultProps: { type: "button" },
+	shouldForwardProp(e, t) {
+		let n = !t?.includes(e) && !a.isValidProperty(e);
+		return i(e) && n && !d(e);
+	}
+}), m = (i) => {
+	let { ref: a, as: l, asChild: u, children: d, ...f } = i, [m, h] = n(f, e(o(s(null), a)), r), g = l || (u ? "a" : "button") || "button", { buttonProps: _, isPressed: v } = t({
+		...m,
+		elementType: g
+	}, h);
+	return /* @__PURE__ */ c(p, {
+		ref: h,
+		...m,
+		..._,
+		as: l,
+		asChild: u,
+		slot: m.slot || void 0,
+		"data-pressed": v || void 0,
+		children: d
+	});
+};
+m.displayName = "Button";
+var h = Object.assign(m, { Context: r });
+//#endregion
+export { h as t };
+
+//# sourceMappingURL=button-D5CV52ux.esm.js.map

package/dist/chunks/button-D5CV52ux.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-D5CV52ux.esm.js","names":[],"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"],"mappings":";;;;;;;;;;;AAYA,IAAM,IAAyB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAMM,KAAwB,MAC5B,EAAuB,MAAM,MAAa,EAAK,SAAS,CAAQ,CAAC,GAE7D,EAAE,mBAAgB,EAAoB,EAC1C,KAAK,eACP,CAAC,GAMY,IAAa,EACxB,UACA;CACE,cAAc,EACZ,MAAM,SACR;CAMA,kBAAkB,GAAM,GAAa;EACnC,IAAM,IACJ,CAAC,GAAa,SAAS,CAAI,KAAK,CAAC,EAAO,gBAAgB,CAAI;EAC9D,OACE,EAAkB,CAAI,KAAK,KAAa,CAAC,EAAqB,CAAI;CAEtE;AACF,CACF,GC/CM,KAAmB,MAAuB;CAC9C,IAAM,EAAE,KAAK,GAAc,OAAI,YAAS,aAAU,GAAG,MAAS,GAQxD,CAAC,GAAc,KAAc,EACjC,GAJc,EAAa,EAFZ,EAA0B,IAEJ,GAAU,CAAY,CAK3D,GACA,CACF,GAIM,IAAc,MAAO,IAAU,MAAM,aAAa,UAGlD,EAAE,gBAAa,iBAAc,EACjC;EACE,GAAG;EACH;CACF,GACA,CACF;CAEA,OACE,kBAAC,GAAD;EACE,KAAK;EACL,GAAI;EACJ,GAAI;EACA;EACK;EACT,MAAM,EAAa,QAAQ,KAAA;EAC3B,gBAAc,KAAa,KAAA;EAE1B;CACS,CAAA;AAEhB;AAGA,EAAgB,cAAc;AAS9B,IAAa,IAcT,OAAO,OAAO,GAAiB,EACjC,SAAS,EACX,CAAC"}

package/dist/chunks/button-DDlet23P.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_VeQHvx.cjs.js"),t=require("./useButton-BW5Hm1Lk.cjs.js"),n=require("./utils-yFMw0myV.cjs.js"),r=require("./Button-1hWj0x5_.cjs.js"),i=require("./emotion-is-prop-valid.esm-Da5ZiFMX.cjs.js"),a=require("./theme-COAfGfIg.cjs.js"),o=require("./merge-refs-DjTl2ATo.cjs.js");let s=require("react"),c=require("react/jsx-runtime"),l=require("@chakra-ui/react/styled-system");var u=[`onPress`,`onPressStart`,`onPressEnd`,`onPressChange`,`onPressUp`,`onFocusChange`,`onHoverStart`,`onHoverEnd`,`onHoverChange`,`onMoveStart`,`onMove`,`onMoveEnd`],d=e=>u.some(t=>e.includes(t)),{withContext:f}=(0,l.createRecipeContext)({key:`nimbusButton`}),p=f(`button`,{defaultProps:{type:`button`},shouldForwardProp(e,t){let n=!t?.includes(e)&&!a.t.isValidProperty(e);return i.t(e)&&n&&!d(e)}}),m=i=>{let{ref:a,as:l,asChild:u,children:d,...f}=i,[m,h]=n.n(f,e.t(o.t((0,s.useRef)(null),a)),r.t),g=l||(u?`a`:`button`)||`button`,{buttonProps:_,isPressed:v}=t.t({...m,elementType:g},h);return(0,c.jsx)(p,{ref:h,...m,..._,as:l,asChild:u,slot:m.slot||void 0,"data-pressed":v||void 0,children:d})};m.displayName=`Button`;var h=Object.assign(m,{Context:r.t});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=button-DDlet23P.cjs.js.map

package/dist/chunks/button-DDlet23P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-DDlet23P.cjs.js","names":[],"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"],"mappings":"gZAYA,IAAM,EAAyB,CAC7B,UACA,eACA,aACA,gBACA,YACA,gBACA,eACA,aACA,gBACA,cACA,SACA,WACF,EAMM,EAAwB,GAC5B,EAAuB,KAAM,GAAa,EAAK,SAAS,CAAQ,CAAC,EAE7D,CAAE,gBAAA,EAAA,EAAA,qBAAoC,CAC1C,IAAK,cACP,CAAC,EAMY,EAAa,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QACR,EAMA,kBAAkB,EAAM,EAAa,CACnC,IAAM,EACJ,CAAC,GAAa,SAAS,CAAI,GAAK,CAAC,EAAA,EAAO,gBAAgB,CAAI,EAC9D,OACE,EAAA,EAAkB,CAAI,GAAK,GAAa,CAAC,EAAqB,CAAI,CAEtE,CACF,CACF,EC/CM,EAAmB,GAAuB,CAC9C,GAAM,CAAE,IAAK,EAAc,KAAI,UAAS,WAAU,GAAG,GAAS,EAQxD,CAAC,EAAc,GAAc,EAAA,EACjC,EAJc,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,QAFc,IAEJ,EAAU,CAAY,CAK3D,EACA,EAAA,CACF,EAIM,EAAc,IAAO,EAAU,IAAM,WAAa,SAGlD,CAAE,cAAa,aAAc,EAAA,EACjC,CACE,GAAG,EACH,aACF,EACA,CACF,EAEA,OACE,EAAA,EAAA,KAAC,EAAD,CACE,IAAK,EACL,GAAI,EACJ,GAAI,EACA,KACK,UACT,KAAM,EAAa,MAAQ,IAAA,GAC3B,eAAc,GAAa,IAAA,GAE1B,UACS,CAAA,CAEhB,EAGA,EAAgB,YAAc,SAS9B,IAAa,EAcT,OAAO,OAAO,EAAiB,CACjC,QAAS,EAAA,CACX,CAAC"}

package/dist/chunks/calendar-Ci_VqqKd.cjs

@@ -0,0 +1,2 @@
+const e=require("./I18nProvider-ChvyDHT0.cjs.js"),t=require("./Calendar-D0Q4KgVl.cjs.js"),n=require("./useDateFormatter-ueAk9rf0.cjs.js"),r=require("./utils-yFMw0myV.cjs.js"),i=require("./Button-1hWj0x5_.cjs.js"),a=require("./Heading-CqmBUmd4.cjs.js"),o=require("./Text-BxnTJ58S.cjs.js"),s=require("./icon-button-DJxT-1uM.cjs.js"),c=require("./box-B6vF0vdN.cjs.js"),l=require("./normalize-messages-BMIBfw4v.cjs.js"),u=require("./flex-D_rZ56ps.cjs.js"),d=require("./text-DfLr2yJS.cjs.js"),f=require("./stack-MlK9aGs9.cjs.js"),p=require("./visually-hidden-BtBohnIk.cjs.js"),m=require("./extract-style-props-CVl34XLj.cjs.js");let h=require("react"),g=require("react/jsx-runtime"),_=require("@commercetools/nimbus-icons"),v=require("@chakra-ui/react/styled-system");var{withProvider:y,withContext:b}=(0,v.createSlotRecipeContext)({key:`nimbusCalendar`}),x=y(`div`,`root`),S=b(`div`,`header`),C=b(`div`,`grids`),w=b(`div`,`monthTitle`),T=b(`table`,`grid`),E=b(`thead`,`gridHeader`),D=b(`th`,`headerCell`),O=b(`tbody`,`gridBody`),k=b(`td`,`bodyCell`),A={en:l.t({nextMonth:`Next month`,nextYear:`Next year`,previousMonth:`Previous month`,previousYear:`Previous year`}),de:l.t({nextMonth:`Nächsten Monat`,nextYear:`Nächstes Jahr`,previousMonth:`Letzten Monat`,previousYear:`Letztes Jahr`}),es:l.t({nextMonth:`Próximo mes`,nextYear:`Próximo año`,previousMonth:`Mes anterior`,previousYear:`Año anterior`}),"fr-FR":l.t({nextMonth:`Mois suivant`,nextYear:`Année suivante`,previousMonth:`Mois précédent`,previousYear:`Année précédente`}),"pt-BR":l.t({nextMonth:`Próximo mês`,nextYear:`Próximo ano`,previousMonth:`Mês anterior`,previousYear:`Ano anterior`})},j=({children:a})=>{let{locale:s}=e.t(),c=l.n(A),u=(0,h.useContext)(i.t),d=(0,h.useContext)(o.t),f=(0,h.useContext)(t.s),p={"next-month":{onPress:()=>f.focusNextSection(),"aria-label":c.format(`nextMonth`)},"previous-month":{onPress:()=>f.focusPreviousSection(),"aria-label":c.format(`previousMonth`)},"next-year":{onPress:()=>f.focusNextSection(!0),"aria-label":c.format(`nextYear`)},"previous-year":{onPress:()=>f.focusPreviousSection(!0),"aria-label":c.format(`previousYear`)}},m=new Intl.DateTimeFormat(s,{month:`long`}).format(f.focusedDate.toDate(n.w())),_=[new Intl.DateTimeFormat(s,{month:`long`}).format(f.visibleRange.start.toDate(n.w())),new Intl.DateTimeFormat(s,{month:`long`}).format(f.visibleRange.end.toDate(n.w()))].join(` - `),v=new Intl.DateTimeFormat(s,{year:`numeric`}).format(f.focusedDate.toDate(n.w())),y={month:{children:m},monthRange:{children:_},year:{children:v}};return(0,g.jsx)(r.t,{values:[[i.t,{...u,slots:{...u&&typeof u==`object`&&`slots`in u?u.slots:{},...p}}],[o.t,{...d,slots:{...d&&typeof d==`object`&&`slots`in d?d.slots:{},...y}}]],children:a})},M=()=>{let{locale:i}=e.t(),a=r.c(t.r),o=(0,h.useContext)(t.s),s=a?.visibleDuration?.months||1,l=n.E(n.w()),u=s>1;return(0,g.jsx)(C,{children:Array.from({length:s},(e,r)=>{let a=o.visibleRange.start.add({months:r}),d=new Intl.DateTimeFormat(i,{month:`long`}).format(a.toDate(n.w()));return(0,g.jsxs)(c.t,{width:s==1?`full`:`auto`,children:[u&&(0,g.jsx)(w,{children:d}),(0,g.jsx)(T,{asChild:!0,children:(0,g.jsxs)(t.i,{offset:{months:r},weekdayStyle:`short`,children:[(0,g.jsx)(E,{asChild:!0,children:(0,g.jsx)(t.t,{children:e=>(0,g.jsx)(D,{asChild:!0,children:(0,g.jsx)(t.l,{children:e})})})}),(0,g.jsx)(O,{asChild:!0,children:(0,g.jsx)(t.u,{children:e=>(0,g.jsx)(k,{asChild:!0,"data-today":e.compare(l)===0,children:(0,g.jsx)(t.a,{date:e})})})})]})})]},d)})})},N=()=>{let e=(r.c(t.r)?.visibleDuration?.months||1)>1;return(0,g.jsx)(S,{children:(0,g.jsxs)(u.t,{children:[(0,g.jsxs)(f.t,{direction:`row`,alignItems:`center`,children:[(0,g.jsx)(p.t,{children:(0,g.jsx)(a.t,{})}),(0,g.jsx)(s.t,{slot:e?`previous`:`previous-month`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,g.jsx)(_.KeyboardArrowLeft,{})}),(0,g.jsx)(d.t,{textStyle:`sm`,fontWeight:`500`,color:`neutral.11`,width:e?`4000`:`2000`,textAlign:`center`,"aria-hidden":`true`,slot:e?`monthRange`:`month`}),(0,g.jsx)(s.t,{slot:e?`next`:`next-month`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,g.jsx)(_.KeyboardArrowRight,{})})]}),(0,g.jsx)(c.t,{flexGrow:`1`}),(0,g.jsxs)(f.t,{direction:`row`,alignItems:`center`,children:[(0,g.jsx)(s.t,{slot:`previous-year`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,g.jsx)(_.KeyboardArrowLeft,{})}),(0,g.jsx)(d.t,{textStyle:`sm`,fontWeight:`500`,color:`neutral.11`,width:`1400`,textAlign:`center`,"aria-hidden":`true`,slot:`year`}),(0,g.jsx)(s.t,{slot:`next-year`,size:`xs`,variant:`ghost`,colorPalette:`primary`,children:(0,g.jsx)(_.KeyboardArrowRight,{})})]})]})})},P=e=>{let[n,r]=(0,v.useSlotRecipe)({key:`nimbusCalendar`}).splitVariantProps(e),[i,a]=m.t(r);return(0,g.jsx)(x,{...n,...i,asChild:!0,children:(0,g.jsx)(t.d,{...a,children:(0,g.jsxs)(j,{children:[(0,g.jsx)(N,{}),(0,g.jsx)(M,{})]})})})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}});
+//# sourceMappingURL=calendar-Ci_VqqKd.cjs.js.map

package/dist/chunks/calendar-Ci_VqqKd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-Ci_VqqKd.cjs.js","names":[],"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"],"mappings":"0vBAcA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,gBACP,CAAC,EAEY,EAGT,EAAoD,MAAO,MAAM,EAExD,EAAqB,EAGhC,MAAO,QAAQ,EAEJ,EAAoB,EAG/B,MAAO,OAAO,EAEH,EAAyB,EAGpC,MAAO,YAAY,EAER,EAAmB,EAG9B,QAAS,MAAM,EAEJ,EAAyB,EAGpC,QAAS,YAAY,EAEV,EAAyB,EAGpC,KAAM,YAAY,EAEP,EAAuB,EAGlC,QAAS,UAAU,EAER,EAAmB,EAG9B,KAAM,UAAU,EMtCL,EAGT,CACF,GAAI,EAAA,EAAkB,CLpBtB,UAAW,aACX,SAAU,YACV,cAAe,iBACf,aAAc,eKiBQ,CAAmB,EACzC,GAAI,EAAA,EAAkB,CJrBtB,UAAW,iBACX,SAAU,gBACV,cAAe,gBACf,aAAc,cIkBQ,CAAmB,EACzC,GAAI,EAAA,EAAkB,CHtBtB,UAAW,cACX,SAAU,cACV,cAAe,eACf,aAAc,cGmBQ,CAAmB,EACzC,QAAS,EAAA,EAAkB,CFvB3B,UAAW,eACX,SAAU,iBACV,cAAe,iBACf,aAAc,kBEoBa,CAAmB,EAC9C,QAAS,EAAA,EAAkB,CDxB3B,UAAW,cACX,SAAU,cACV,cAAe,eACf,aAAc,cCqBa,CAAmB,CAChD,ECpBa,GAAyB,CACpC,cAGI,CACJ,GAAM,CAAE,UAAW,EAAA,EAAU,EACvB,EAAM,EAAA,EAA4B,CAAuB,EACzD,GAAA,EAAA,EAAA,YAA2B,EAAA,CAAa,EACxC,GAAA,EAAA,EAAA,YAAyB,EAAA,CAAW,EACpC,GAAA,EAAA,EAAA,YAA2B,EAAA,CAAoB,EAM/C,EAAc,CAClB,aAAc,CACZ,YAAe,EAAc,iBAAiB,EAC9C,aAAc,EAAI,OAAO,WAAW,CACtC,EACA,iBAAkB,CAChB,YAAe,EAAc,qBAAqB,EAClD,aAAc,EAAI,OAAO,eAAe,CAC1C,EACA,YAAa,CACX,YAAe,EAAc,iBAAiB,EAAI,EAClD,aAAc,EAAI,OAAO,UAAU,CACrC,EACA,gBAAiB,CACf,YAAe,EAAc,qBAAqB,EAAI,EACtD,aAAc,EAAI,OAAO,cAAc,CACzC,CACF,EAMM,EAAa,IAAI,KAAK,eAAe,EAAQ,CACjD,MAAO,MACT,CAAC,EAAE,OAAO,EAAc,YAAY,OAAO,EAAA,EAAiB,CAAC,CAAC,EAExD,EAAkB,CACtB,IAAI,KAAK,eAAe,EAAQ,CAC9B,MAAO,MACT,CAAC,EAAE,OAAO,EAAc,aAAa,MAAM,OAAO,EAAA,EAAiB,CAAC,CAAC,EACrE,IAAI,KAAK,eAAe,EAAQ,CAC9B,MAAO,MACT,CAAC,EAAE,OAAO,EAAc,aAAa,IAAI,OAAO,EAAA,EAAiB,CAAC,CAAC,CACrE,EAAE,KAAK,KAAK,EAEN,EAAY,IAAI,KAAK,eAAe,EAAQ,CAChD,KAAM,SACR,CAAC,EAAE,OAAO,EAAc,YAAY,OAAO,EAAA,EAAiB,CAAC,CAAC,EAExD,EAAY,CAChB,MAAO,CAAE,SAAU,CAAW,EAC9B,WAAY,CAAE,SAAU,CAAgB,EACxC,KAAM,CAAE,SAAU,CAAU,CAC9B,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAQ,CACN,CACE,EAAA,EACA,CACE,GAAG,EACH,MAAO,CACL,GAAI,GACJ,OAAO,GAAkB,UACzB,UAAW,EACP,EAAc,MACd,CAAC,EACL,GAAG,CACL,CACF,CACF,EACA,CACE,EAAA,EACA,CACE,GAAG,EACH,MAAO,CACL,GAAI,GACJ,OAAO,GAAgB,UACvB,UAAW,EACP,EAAY,MACZ,CAAC,EACL,GAAG,CACL,CACF,CACF,CACF,EAEC,UACO,CAAA,CAEd,ECnFa,MAAsB,CACjC,GAAM,CAAE,UAAW,EAAA,EAAU,EACvB,EAAU,EAAA,EAAkB,EAAA,CAAe,EAC3C,GAAA,EAAA,EAAA,YAA2B,EAAA,CAAoB,EAC/C,EAAqB,GAAS,iBAAiB,QAAU,EACzD,EAAY,EAAA,EAAM,EAAA,EAAiB,CAAC,EACpC,EAAkB,EAAqB,EAE7C,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,SACG,MAAM,KAAK,CAAE,OAAQ,CAAmB,GAAI,EAAG,IAAU,CACxD,IAAM,EAAW,EAAc,aAAa,MAAM,IAAI,CACpD,OAAQ,CACV,CAAC,EACK,EAAY,IAAI,KAAK,eAAe,EAAQ,CAChD,MAAO,MACT,CAAC,EAAE,OAAO,EAAS,OAAO,EAAA,EAAiB,CAAC,CAAC,EAE7C,OACE,EAAA,EAAA,MAAC,EAAA,EAAD,CAEE,MAAO,GAAsB,EAAI,OAAS,gBAF5C,CAIG,IACC,EAAA,EAAA,KAAC,EAAD,CAAA,SAAyB,CAAkC,CAAA,GAE7D,EAAA,EAAA,KAAC,EAAD,CAAkB,QAAA,aAChB,EAAA,EAAA,MAAC,EAAA,EAAD,CAAgB,OAAQ,CAAE,OAAQ,CAAM,EAAG,aAAa,iBAAxD,EACE,EAAA,EAAA,KAAC,EAAD,CAAwB,QAAA,aACtB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SACI,IACA,EAAA,EAAA,KAAC,EAAD,CAAwB,QAAA,aACtB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SAAuB,CAA0B,CAAA,CAC3B,CAAA,CAEN,CAAA,CACA,CAAA,GACxB,EAAA,EAAA,KAAC,EAAD,CAAsB,QAAA,aACpB,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,SACI,IAGE,EAAA,EAAA,KAAC,EAAD,CAAkB,QAAA,GAAQ,aAFZ,EAAK,QAAQ,CAAS,IAAM,YAGxC,EAAA,EAAA,KAAC,EAAA,EAAD,CAAsB,MAAO,CAAA,CACb,CAAA,CAGJ,CAAA,CACA,CAAA,CACR,GACA,CAAA,CACf,GA/BE,CA+BF,CAET,CAAC,CACgB,CAAA,CAEvB,EC/Da,MAAuB,CAKlC,IAAM,GAJgB,EAAA,EAAkB,EAAA,CAGV,GAAe,iBAAiB,QAAU,GACzB,EAE/C,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,EAAA,EAAD,CAAO,UAAU,MAAM,WAAW,kBAAlC,EAEE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,EAAD,CAAU,CAAA,CACI,CAAA,GAChB,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAM,EAAiB,WAAa,iBACpC,KAAK,KACL,QAAQ,QACR,aAAa,oBAEb,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACV,CAAA,GACZ,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,UAAU,KACV,WAAW,MACX,MAAM,aACN,MAAO,EAAiB,OAAS,OACjC,UAAU,SACV,cAAY,OACZ,KAAM,EAAiB,aAAe,OACvC,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAM,EAAiB,OAAS,aAChC,KAAK,KACL,QAAQ,QACR,aAAa,oBAEb,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,CACX,CAAA,CACP,KACP,EAAA,EAAA,KAAC,EAAA,EAAD,CAAK,SAAS,GAAK,CAAA,GACnB,EAAA,EAAA,MAAC,EAAA,EAAD,CAAO,UAAU,MAAM,WAAW,kBAAlC,EACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAK,gBACL,KAAK,KACL,QAAQ,QACR,aAAa,oBAEb,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAoB,CAAA,CACV,CAAA,GACZ,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,UAAU,KACV,WAAW,MACX,MAAM,aACN,MAAM,OACN,UAAU,SACV,cAAY,OACZ,KAAK,MACN,CAAA,GACD,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,KAAK,YACL,KAAK,KACL,QAAQ,QACR,aAAa,oBAEb,EAAA,EAAA,KAAC,EAAA,mBAAD,CAAqB,CAAA,CACX,CAAA,CACP,GACH,CAAA,CAAA,CACY,CAAA,CAExB,ECtEa,EAAY,GAAoC,CAE3D,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,eADS,CAAE,IAAK,gBAAiB,CACf,EAAO,kBAAkB,CAAK,EAC9D,CAAC,EAAY,GAAc,EAAA,EAAkB,CAAc,EAEjE,OACE,EAAA,EAAA,KAAC,EAAD,CAAkB,GAAI,EAAa,GAAI,EAAY,QAAA,aACjD,EAAA,EAAA,KAAC,EAAA,EAAD,CAAY,GAAI,YACd,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAiB,CAAA,GACjB,EAAA,EAAA,KAAC,EAAD,CAAgB,CAAA,CACK,CAAA,CAAA,CACb,CAAA,CACI,CAAA,CAEtB"}

package/dist/chunks/calendar-ILmCMbfo.esm.js

@@ -0,0 +1,199 @@
+import { t as e } from "./I18nProvider-BwhNFoRj.esm.js";
+import { a as t, d as n, i as r, l as i, r as a, s as o, t as s, u as c } from "./Calendar-rp_CLsUN.esm.js";
+import { E as l, w as u } from "./useDateFormatter-BZAoSJEK.esm.js";
+import { c as d, t as f } from "./utils-41EYzidf.esm.js";
+import { t as p } from "./Button-BS6XRDWw.esm.js";
+import { t as m } from "./Heading-C72bGhoe.esm.js";
+import { t as h } from "./Text-BFxO9Dri.esm.js";
+import { t as g } from "./icon-button-D0cEzjex.esm.js";
+import { t as _ } from "./box-CZyqYgLL.esm.js";
+import { n as v, t as y } from "./normalize-messages-CKl8ms10.esm.js";
+import { t as b } from "./flex-BB3-rbwF.esm.js";
+import { t as x } from "./text-BMfRfxWU.esm.js";
+import { t as S } from "./stack-D0obj5JC.esm.js";
+import { t as C } from "./visually-hidden-B_WKNGZW.esm.js";
+import { t as w } from "./extract-style-props-4RoFSvGV.esm.js";
+import { useContext as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { KeyboardArrowLeft as O, KeyboardArrowRight as k } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as A, useSlotRecipe as j } from "@chakra-ui/react/styled-system";
+//#region src/components/calendar/calendar.slots.tsx
+var { withProvider: M, withContext: N } = A({ key: "nimbusCalendar" }), P = M("div", "root"), F = N("div", "header"), I = N("div", "grids"), L = N("div", "monthTitle"), R = N("table", "grid"), z = N("thead", "gridHeader"), B = N("th", "headerCell"), V = N("tbody", "gridBody"), H = N("td", "bodyCell"), U = {
+	en: y({
+		nextMonth: "Next month",
+		nextYear: "Next year",
+		previousMonth: "Previous month",
+		previousYear: "Previous year"
+	}),
+	de: y({
+		nextMonth: "Nächsten Monat",
+		nextYear: "Nächstes Jahr",
+		previousMonth: "Letzten Monat",
+		previousYear: "Letztes Jahr"
+	}),
+	es: y({
+		nextMonth: "Próximo mes",
+		nextYear: "Próximo año",
+		previousMonth: "Mes anterior",
+		previousYear: "Año anterior"
+	}),
+	"fr-FR": y({
+		nextMonth: "Mois suivant",
+		nextYear: "Année suivante",
+		previousMonth: "Mois précédent",
+		previousYear: "Année précédente"
+	}),
+	"pt-BR": y({
+		nextMonth: "Próximo mês",
+		nextYear: "Próximo ano",
+		previousMonth: "Mês anterior",
+		previousYear: "Ano anterior"
+	})
+}, W = ({ children: t }) => {
+	let { locale: n } = e(), r = v(U), i = T(p), a = T(h), s = T(o), c = {
+		"next-month": {
+			onPress: () => s.focusNextSection(),
+			"aria-label": r.format("nextMonth")
+		},
+		"previous-month": {
+			onPress: () => s.focusPreviousSection(),
+			"aria-label": r.format("previousMonth")
+		},
+		"next-year": {
+			onPress: () => s.focusNextSection(!0),
+			"aria-label": r.format("nextYear")
+		},
+		"previous-year": {
+			onPress: () => s.focusPreviousSection(!0),
+			"aria-label": r.format("previousYear")
+		}
+	}, l = new Intl.DateTimeFormat(n, { month: "long" }).format(s.focusedDate.toDate(u())), d = [new Intl.DateTimeFormat(n, { month: "long" }).format(s.visibleRange.start.toDate(u())), new Intl.DateTimeFormat(n, { month: "long" }).format(s.visibleRange.end.toDate(u()))].join(" - "), m = new Intl.DateTimeFormat(n, { year: "numeric" }).format(s.focusedDate.toDate(u())), g = {
+		month: { children: l },
+		monthRange: { children: d },
+		year: { children: m }
+	};
+	return /* @__PURE__ */ E(f, {
+		values: [[p, {
+			...i,
+			slots: {
+				...i && typeof i == "object" && "slots" in i ? i.slots : {},
+				...c
+			}
+		}], [h, {
+			...a,
+			slots: {
+				...a && typeof a == "object" && "slots" in a ? a.slots : {},
+				...g
+			}
+		}]],
+		children: t
+	});
+}, G = () => {
+	let { locale: n } = e(), f = d(a), p = T(o), m = f?.visibleDuration?.months || 1, h = l(u()), g = m > 1;
+	return /* @__PURE__ */ E(I, { children: Array.from({ length: m }, (e, a) => {
+		let o = p.visibleRange.start.add({ months: a }), l = new Intl.DateTimeFormat(n, { month: "long" }).format(o.toDate(u()));
+		return /* @__PURE__ */ D(_, {
+			width: m == 1 ? "full" : "auto",
+			children: [g && /* @__PURE__ */ E(L, { children: l }), /* @__PURE__ */ E(R, {
+				asChild: !0,
+				children: /* @__PURE__ */ D(r, {
+					offset: { months: a },
+					weekdayStyle: "short",
+					children: [/* @__PURE__ */ E(z, {
+						asChild: !0,
+						children: /* @__PURE__ */ E(s, { children: (e) => /* @__PURE__ */ E(B, {
+							asChild: !0,
+							children: /* @__PURE__ */ E(i, { children: e })
+						}) })
+					}), /* @__PURE__ */ E(V, {
+						asChild: !0,
+						children: /* @__PURE__ */ E(c, { children: (e) => /* @__PURE__ */ E(H, {
+							asChild: !0,
+							"data-today": e.compare(h) === 0,
+							children: /* @__PURE__ */ E(t, { date: e })
+						}) })
+					})]
+				})
+			})]
+		}, l);
+	}) });
+}, K = () => {
+	let e = (d(a)?.visibleDuration?.months || 1) > 1;
+	return /* @__PURE__ */ E(F, { children: /* @__PURE__ */ D(b, { children: [
+		/* @__PURE__ */ D(S, {
+			direction: "row",
+			alignItems: "center",
+			children: [
+				/* @__PURE__ */ E(C, { children: /* @__PURE__ */ E(m, {}) }),
+				/* @__PURE__ */ E(g, {
+					slot: e ? "previous" : "previous-month",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ E(O, {})
+				}),
+				/* @__PURE__ */ E(x, {
+					textStyle: "sm",
+					fontWeight: "500",
+					color: "neutral.11",
+					width: e ? "4000" : "2000",
+					textAlign: "center",
+					"aria-hidden": "true",
+					slot: e ? "monthRange" : "month"
+				}),
+				/* @__PURE__ */ E(g, {
+					slot: e ? "next" : "next-month",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ E(k, {})
+				})
+			]
+		}),
+		/* @__PURE__ */ E(_, { flexGrow: "1" }),
+		/* @__PURE__ */ D(S, {
+			direction: "row",
+			alignItems: "center",
+			children: [
+				/* @__PURE__ */ E(g, {
+					slot: "previous-year",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ E(O, {})
+				}),
+				/* @__PURE__ */ E(x, {
+					textStyle: "sm",
+					fontWeight: "500",
+					color: "neutral.11",
+					width: "1400",
+					textAlign: "center",
+					"aria-hidden": "true",
+					slot: "year"
+				}),
+				/* @__PURE__ */ E(g, {
+					slot: "next-year",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ E(k, {})
+				})
+			]
+		})
+	] }) });
+}, q = (e) => {
+	let [t, r] = j({ key: "nimbusCalendar" }).splitVariantProps(e), [i, a] = w(r);
+	return /* @__PURE__ */ E(P, {
+		...t,
+		...i,
+		asChild: !0,
+		children: /* @__PURE__ */ E(n, {
+			...a,
+			children: /* @__PURE__ */ D(W, { children: [/* @__PURE__ */ E(K, {}), /* @__PURE__ */ E(G, {})] })
+		})
+	});
+};
+//#endregion
+export { q as t };
+
+//# sourceMappingURL=calendar-ILmCMbfo.esm.js.map

package/dist/chunks/calendar-ILmCMbfo.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-ILmCMbfo.esm.js","names":[],"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"],"mappings":"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"}

package/dist/chunks/card-BzCs5Slj.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-CiOPEjJs.cjs.js"),t=require("./utils-yFMw0myV.cjs.js"),n=require("./Heading-CqmBUmd4.cjs.js"),r=require("./Text-BxnTJ58S.cjs.js");let i=require("react/jsx-runtime"),a=require("@chakra-ui/react/styled-system");var{withProvider:o,withContext:s}=(0,a.createSlotRecipeContext)({key:`nimbusCard`}),c=o(`div`,`root`),l=s(`div`,`header`),u=s(`div`,`body`),d=s(`div`,`footer`),f=({ref:o,children:s,...l})=>{let[u,d]=(0,a.useSlotRecipe)({key:`nimbusCard`}).splitVariantProps(l),f=e.r(),p=e.r(),m={"aria-labelledby":f||void 0,"aria-describedby":p||void 0};return(0,i.jsx)(t.t,{values:[[n.n,{slots:{[t.a]:{},title:{id:f}}}],[r.t,{slots:{[t.a]:{},description:{id:p}}}]],children:(0,i.jsx)(c,{ref:o,...u,...m,...d,children:s})})};f.displayName=`Card.Root`;var p=e=>{let{ref:t,children:n,...r}=e;return(0,i.jsx)(l,{ref:t,...r,children:n})};p.displayName=`Card.Header`;var m=e=>{let{ref:t,children:n,...r}=e;return(0,i.jsx)(u,{ref:t,...r,children:n})};m.displayName=`Card.Body`;var h=e=>{let{ref:t,children:n,...r}=e;return(0,i.jsx)(d,{ref:t,...r,children:n})};h.displayName=`Card.Footer`;var g={Root:f,Header:p,Body:m,Footer:h};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});
+//# sourceMappingURL=card-BzCs5Slj.cjs.js.map

package/dist/chunks/card-BzCs5Slj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-BzCs5Slj.cjs.js","names":[],"sources":["../../src/components/card/card.slots.tsx","../../src/components/card/components/card.root.tsx","../../src/components/card/components/card.header.tsx","../../src/components/card/components/card.body.tsx","../../src/components/card/components/card.footer.tsx","../../src/components/card/card.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  CardBodySlotProps,\n  CardFooterSlotProps,\n  CardHeaderSlotProps,\n  CardRootSlotProps,\n} from \"./card.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCard\",\n});\n\n/**\n * Root component that provides the styling context for the Card component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const CardRoot: SlotComponent<HTMLDivElement, CardRootSlotProps> =\n  withProvider<HTMLDivElement, CardRootSlotProps>(\"div\", \"root\");\n\nexport const CardHeader: SlotComponent<HTMLDivElement, CardHeaderSlotProps> =\n  withContext<HTMLDivElement, CardHeaderSlotProps>(\"div\", \"header\");\n\nexport const CardBody: SlotComponent<HTMLDivElement, CardBodySlotProps> =\n  withContext<HTMLDivElement, CardBodySlotProps>(\"div\", \"body\");\n\nexport const CardFooter: SlotComponent<HTMLDivElement, CardFooterSlotProps> =\n  withContext<HTMLDivElement, CardFooterSlotProps>(\"div\", \"footer\");\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { useSlotId } from \"@react-aria/utils\";\nimport {\n  Provider,\n  HeadingContext,\n  TextContext,\n  DEFAULT_SLOT,\n} from \"react-aria-components\";\nimport { CardRoot as CardRootSlot } from \"../card.slots\";\nimport type { CardProps } from \"../card.types\";\n\n/**\n * Card.Root - The root component that provides context and styling for the card.\n *\n * When a `<Heading slot=\"title\">` or `<Text slot=\"description\">` is placed\n * inside, the card automatically receives `aria-labelledby` and/or\n * `aria-describedby` pointing to those elements. The card itself remains\n * a plain `<div>` — set `role` explicitly on the consumer side if a landmark\n * or interactive role is needed.\n *\n * @supportsStyleProps\n */\nexport const CardRoot = ({ ref, children, ...props }: CardProps) => {\n  const recipe = useSlotRecipe({ key: \"nimbusCard\" });\n  const [recipeProps, restProps] = recipe.splitVariantProps(props);\n\n  const titleId = useSlotId();\n  const descriptionId = useSlotId();\n\n  const ariaProps = {\n    \"aria-labelledby\": titleId || undefined,\n    \"aria-describedby\": descriptionId || undefined,\n  };\n\n  return (\n    <Provider\n      values={[\n        [\n          HeadingContext,\n          { slots: { [DEFAULT_SLOT]: {}, title: { id: titleId } } },\n        ],\n        [\n          TextContext,\n          {\n            slots: { [DEFAULT_SLOT]: {}, description: { id: descriptionId } },\n          },\n        ],\n      ]}\n    >\n      <CardRootSlot ref={ref} {...recipeProps} {...ariaProps} {...restProps}>\n        {children}\n      </CardRootSlot>\n    </Provider>\n  );\n};\n\nCardRoot.displayName = \"Card.Root\";\n","import { CardHeader as CardHeaderSlot } from \"../card.slots\";\nimport type { CardHeaderProps } from \"../card.types\";\n\n/**\n * Card.Header - The header section of the card\n *\n * @supportsStyleProps\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardHeaderSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardHeaderSlot>\n  );\n};\n\nCardHeader.displayName = \"Card.Header\";\n","import { CardBody as CardBodySlot } from \"../card.slots\";\nimport type { CardBodyProps } from \"../card.types\";\n\n/**\n * Card.Body - The main content area of the card\n *\n * @supportsStyleProps\n */\nexport const CardBody = (props: CardBodyProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardBodySlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardBodySlot>\n  );\n};\n\nCardBody.displayName = \"Card.Body\";\n","import { CardFooter as CardFooterSlot } from \"../card.slots\";\nimport type { CardFooterProps } from \"../card.types\";\n\n/**\n * Card.Footer - The footer section for actions and metadata\n *\n * @supportsStyleProps\n */\nexport const CardFooter = (props: CardFooterProps) => {\n  const { ref: forwardedRef, children, ...restProps } = props;\n\n  return (\n    <CardFooterSlot ref={forwardedRef} {...restProps}>\n      {children}\n    </CardFooterSlot>\n  );\n};\n\nCardFooter.displayName = \"Card.Footer\";\n","import { CardRoot, CardHeader, CardBody, CardFooter } from \"./components\";\n\n/**\n * Card\n * ============================================================\n * A versatile container component that presents self-contained information\n * in a visually distinct way. Cards group related content and actions\n * together, making it easy to scan and interact with information.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/data-display/card}\n *\n * @example\n * ```tsx\n * <Card.Root>\n *   <Card.Header>Card Title</Card.Header>\n *   <Card.Body>Card content goes here</Card.Body>\n *   <Card.Footer>Card actions</Card.Footer>\n * </Card.Root>\n * ```\n */\nexport const Card = {\n  /**\n   * # Card.Root\n   *\n   * The root component that provides styling for the card.\n   * Must wrap all card parts (Header, Body, Footer).\n   * Accepts `variant` and `size` props for visual treatment and spacing.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root variant=\"outlined\" size=\"md\">\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Root: CardRoot,\n  /**\n   * # Card.Header\n   *\n   * The header section of the card, typically containing the card title\n   * or primary heading. Renders directly in DOM order.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Card Title</Card.Header>\n   *   <Card.Body>Content here</Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Header: CardHeader,\n  /**\n   * # Card.Body\n   *\n   * The main content area of the card. Contains the primary information,\n   * body text, or interactive elements.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>\n   *     <Text>This is the main card content.</Text>\n   *   </Card.Body>\n   * </Card.Root>\n   * ```\n   */\n  Body: CardBody,\n  /**\n   * # Card.Footer\n   *\n   * The footer section of the card for actions and metadata.\n   *\n   * @example\n   * ```tsx\n   * <Card.Root>\n   *   <Card.Header>Title</Card.Header>\n   *   <Card.Body>Content</Card.Body>\n   *   <Card.Footer>\n   *     <Button>Action</Button>\n   *   </Card.Footer>\n   * </Card.Root>\n   * ```\n   */\n  Footer: CardFooter,\n};\n\nexport {\n  CardRoot as _CardRoot,\n  CardHeader as _CardHeader,\n  CardBody as _CardBody,\n  CardFooter as _CardFooter,\n};\n"],"mappings":"+OASA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,yBAAwC,CAC5D,IAAK,YACP,CAAC,EAMY,EACX,EAAgD,MAAO,MAAM,EAElD,EACX,EAAiD,MAAO,QAAQ,EAErD,EACX,EAA+C,MAAO,MAAM,EAEjD,EACX,EAAiD,MAAO,QAAQ,ECLrD,GAAY,CAAE,MAAK,WAAU,GAAG,KAAuB,CAElE,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,eADS,CAAE,IAAK,YAAa,CAChB,EAAO,kBAAkB,CAAK,EAEzD,EAAU,EAAA,EAAU,EACpB,EAAgB,EAAA,EAAU,EAE1B,EAAY,CAChB,kBAAmB,GAAW,IAAA,GAC9B,mBAAoB,GAAiB,IAAA,EACvC,EAEA,OACE,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,OAAQ,CACN,CACE,EAAA,EACA,CAAE,MAAO,EAAG,EAAA,GAAe,CAAC,EAAG,MAAO,CAAE,GAAI,CAAQ,CAAE,CAAE,CAC1D,EACA,CACE,EAAA,EACA,CACE,MAAO,EAAG,EAAA,GAAe,CAAC,EAAG,YAAa,CAAE,GAAI,CAAc,CAAE,CAClE,CACF,CACF,YAEA,EAAA,EAAA,KAAC,EAAD,CAAmB,MAAK,GAAI,EAAa,GAAI,EAAW,GAAI,EACzD,UACW,CAAA,CACN,CAAA,CAEd,EAEA,EAAS,YAAc,YChDvB,IAAa,EAAc,GAA2B,CACpD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,KAAC,EAAD,CAAgB,IAAK,EAAc,GAAI,EACpC,UACa,CAAA,CAEpB,EAEA,EAAW,YAAc,cCVzB,IAAa,EAAY,GAAyB,CAChD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,KAAC,EAAD,CAAc,IAAK,EAAc,GAAI,EAClC,UACW,CAAA,CAElB,EAEA,EAAS,YAAc,YCVvB,IAAa,EAAc,GAA2B,CACpD,GAAM,CAAE,IAAK,EAAc,WAAU,GAAG,GAAc,EAEtD,OACE,EAAA,EAAA,KAAC,EAAD,CAAgB,IAAK,EAAc,GAAI,EACpC,UACa,CAAA,CAEpB,EAEA,EAAW,YAAc,cCEzB,IAAa,EAAO,CAgBlB,KAAM,EAeN,OAAQ,EAiBR,KAAM,EAiBN,OAAQ,CACV"}