@commercetools/nimbus 3.2.0 → 3.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-BhvlZrT2.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 {\n    ref: forwardedRef,\n    as,\n    asChild,\n    children,\n    allowFocusWhenDisabled,\n    ...rest\n  } = 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  // Resolve disabled state from React Aria's `isDisabled` (prop or context),\n  // falling back to the deprecated native `disabled`.\n  const isDisabled = Boolean(contextProps.isDisabled ?? contextProps.disabled);\n\n  // \"Soft disabled\": the button is disabled but kept focusable + hoverable so\n  // it can host a Tooltip (or other hover/focus affordance). See the\n  // `allowFocusWhenDisabled` prop. We achieve this by telling `useButton` the\n  // button is *enabled* (so it omits the native `disabled` attribute and stays\n  // focusable) while withholding every activation handler, then re-applying\n  // `aria-disabled` and suppressing the default action ourselves below.\n  const softDisabled = Boolean(isDisabled && allowFocusWhenDisabled);\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    softDisabled\n      ? {\n          ...contextProps,\n          elementType,\n          isDisabled: false,\n          // Withhold activation handlers so nothing fires while soft-disabled.\n          onPress: undefined,\n          onPressStart: undefined,\n          onPressEnd: undefined,\n          onPressUp: undefined,\n          onPressChange: undefined,\n          onClick: undefined,\n        }\n      : {\n          ...contextProps,\n          elementType,\n        },\n    contextRef\n  );\n\n  // A native button dispatches a click for mouse, touch, and keyboard\n  // (Enter/Space) activation, and that click is what triggers form submit/reset\n  // and link navigation (`as=\"a\"`). Suppressing it covers every activation path.\n  const suppressActivation = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      {...(softDisabled && {\n        \"aria-disabled\": true,\n        onClick: suppressActivation,\n      })}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={softDisabled ? undefined : 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,EACJ,KAAK,GACL,OACA,YACA,aACA,2BACA,GAAG,MACD,GAQE,CAAC,GAAc,KAAc,EACjC,GAJc,EAAa,EAFZ,EAA0B,IAEJ,GAAU,CAAY,CAK3D,GACA,CACF,GAIM,IAAc,MAAO,IAAU,MAAM,aAAa,UAYlD,IAAe,IARM,EAAa,cAAc,EAAa,aAQxB,IAGrC,EAAE,gBAAa,iBAAc,EACjC,IACI;EACE,GAAG;EACH;EACA,YAAY;EAEZ,SAAS,KAAA;EACT,cAAc,KAAA;EACd,YAAY,KAAA;EACZ,WAAW,KAAA;EACX,eAAe,KAAA;EACf,SAAS,KAAA;CACX,IACA;EACE,GAAG;EACH;CACF,GACJ,CACF,GAKM,KAAsB,MAAgC;EAE1D,AADA,EAAM,eAAe,GACrB,EAAM,gBAAgB;CACxB;CAEA,OACE,kBAAC,GAAD;EACE,KAAK;EACL,GAAI;EACJ,GAAI;EACJ,GAAK,KAAgB;GACnB,iBAAiB;GACjB,SAAS;EACX;EACI;EACK;EACT,MAAM,EAAa,QAAQ,KAAA;EAC3B,gBAAc,IAAe,KAAA,IAAY,KAAa,KAAA;EAErD;CACS,CAAA;AAEhB;AAGA,EAAgB,cAAc;AAS9B,IAAa,IAcT,OAAO,OAAO,GAAiB,EACjC,SAAS,EACX,CAAC"}

package/dist/chunks/button-Dc_J_PNN.cjs

@@ -0,0 +1,2 @@
+const e=require("./useObjectRef-B_VeQHvx.cjs.js"),t=require("./useButton-DisIwqgE.cjs.js"),n=require("./utils-Clf3FzjT.cjs.js"),r=require("./Button-z5JjDtpy.cjs.js"),i=require("./emotion-is-prop-valid.esm-Da5ZiFMX.cjs.js"),a=require("./theme-tOoHVZZ6.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,allowFocusWhenDisabled:f,...m}=i,[h,g]=n.n(m,e.t(o.t((0,s.useRef)(null),a)),r.t),_=l||(u?`a`:`button`)||`button`,v=!!((h.isDisabled??h.disabled)&&f),{buttonProps:y,isPressed:b}=t.t(v?{...h,elementType:_,isDisabled:!1,onPress:void 0,onPressStart:void 0,onPressEnd:void 0,onPressUp:void 0,onPressChange:void 0,onClick:void 0}:{...h,elementType:_},g),x=e=>{e.preventDefault(),e.stopPropagation()};return(0,c.jsx)(p,{ref:g,...h,...y,...v&&{"aria-disabled":!0,onClick:x},as:l,asChild:u,slot:h.slot||void 0,"data-pressed":v?void 0:b||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-Dc_J_PNN.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-Dc_J_PNN.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 {\n    ref: forwardedRef,\n    as,\n    asChild,\n    children,\n    allowFocusWhenDisabled,\n    ...rest\n  } = 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  // Resolve disabled state from React Aria's `isDisabled` (prop or context),\n  // falling back to the deprecated native `disabled`.\n  const isDisabled = Boolean(contextProps.isDisabled ?? contextProps.disabled);\n\n  // \"Soft disabled\": the button is disabled but kept focusable + hoverable so\n  // it can host a Tooltip (or other hover/focus affordance). See the\n  // `allowFocusWhenDisabled` prop. We achieve this by telling `useButton` the\n  // button is *enabled* (so it omits the native `disabled` attribute and stays\n  // focusable) while withholding every activation handler, then re-applying\n  // `aria-disabled` and suppressing the default action ourselves below.\n  const softDisabled = Boolean(isDisabled && allowFocusWhenDisabled);\n\n  // Let useButton process all behavior and accessibility concerns\n  const { buttonProps, isPressed } = useButton(\n    softDisabled\n      ? {\n          ...contextProps,\n          elementType,\n          isDisabled: false,\n          // Withhold activation handlers so nothing fires while soft-disabled.\n          onPress: undefined,\n          onPressStart: undefined,\n          onPressEnd: undefined,\n          onPressUp: undefined,\n          onPressChange: undefined,\n          onClick: undefined,\n        }\n      : {\n          ...contextProps,\n          elementType,\n        },\n    contextRef\n  );\n\n  // A native button dispatches a click for mouse, touch, and keyboard\n  // (Enter/Space) activation, and that click is what triggers form submit/reset\n  // and link navigation (`as=\"a\"`). Suppressing it covers every activation path.\n  const suppressActivation = (event: React.SyntheticEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...contextProps}\n      {...buttonProps}\n      {...(softDisabled && {\n        \"aria-disabled\": true,\n        onClick: suppressActivation,\n      })}\n      as={as}\n      asChild={asChild}\n      slot={contextProps.slot || undefined}\n      data-pressed={softDisabled ? undefined : 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,oBAAA,CAAoC,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,CACJ,IAAK,EACL,KACA,UACA,WACA,yBACA,GAAG,GACD,EAQE,CAAC,EAAc,GAAc,EAAA,EACjC,EAJc,EAAA,EAAa,EAAA,GAAA,EAAA,EAAA,OAAA,CAFc,IAEJ,EAAU,CAAY,CAK3D,EACA,EAAA,CACF,EAIM,EAAc,IAAO,EAAU,IAAM,WAAa,SAYlD,EAAe,IARM,EAAa,YAAc,EAAa,WAQxB,GAGrC,CAAE,cAAa,aAAc,EAAA,EACjC,EACI,CACE,GAAG,EACH,cACA,WAAY,GAEZ,QAAS,IAAA,GACT,aAAc,IAAA,GACd,WAAY,IAAA,GACZ,UAAW,IAAA,GACX,cAAe,IAAA,GACf,QAAS,IAAA,EACX,EACA,CACE,GAAG,EACH,aACF,EACJ,CACF,EAKM,EAAsB,GAAgC,CAC1D,EAAM,eAAe,EACrB,EAAM,gBAAgB,CACxB,EAEA,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,IAAK,EACL,GAAI,EACJ,GAAI,EACJ,GAAK,GAAgB,CACnB,gBAAiB,GACjB,QAAS,CACX,EACI,KACK,UACT,KAAM,EAAa,MAAQ,IAAA,GAC3B,eAAc,EAAe,IAAA,GAAY,GAAa,IAAA,GAErD,UACS,CAAA,CAEhB,EAGA,EAAgB,YAAc,SAS9B,IAAa,EAcT,OAAO,OAAO,EAAiB,CACjC,QAAS,EAAA,CACX,CAAC"}

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

@@ -0,0 +1,199 @@
+import { t as e } from "./I18nProvider-Cw-VVV-e.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-oiqHeWzY.esm.js";
+import { E as l, w as u } from "./useDateFormatter-BqyWVuA8.esm.js";
+import { c as d, t as f } from "./utils-BYIK8Yf2.esm.js";
+import { t as p } from "./Button-FcraQeen.esm.js";
+import { t as m } from "./Heading-nZpHPDFS.esm.js";
+import { n as h } from "./Text-B7tENZ_I.esm.js";
+import { t as g } from "./icon-button-6dtfz6Yf.esm.js";
+import { t as _ } from "./box-CZyqYgLL.esm.js";
+import { n as v, t as y } from "./normalize-messages-B_f-0I5n.esm.js";
+import { t as b } from "./flex-BB3-rbwF.esm.js";
+import { t as x } from "./visually-hidden-C0SJSQ9z.esm.js";
+import { t as S } from "./text-B8bxcVHh.esm.js";
+import { t as C } from "./stack-D0obj5JC.esm.js";
+import { t as w } from "./extract-style-props-BPnHKmWR.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(C, {
+			direction: "row",
+			alignItems: "center",
+			children: [
+				/* @__PURE__ */ E(x, { children: /* @__PURE__ */ E(m, {}) }),
+				/* @__PURE__ */ E(g, {
+					slot: e ? "previous" : "previous-month",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ E(O, {})
+				}),
+				/* @__PURE__ */ E(S, {
+					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(C, {
+			direction: "row",
+			alignItems: "center",
+			children: [
+				/* @__PURE__ */ E(g, {
+					slot: "previous-year",
+					size: "xs",
+					variant: "ghost",
+					colorPalette: "primary",
+					children: /* @__PURE__ */ E(O, {})
+				}),
+				/* @__PURE__ */ E(S, {
+					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-C5GZoGge.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-C5GZoGge.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\" | \"nextYear\" | \"previousMonth\" | \"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/calendar-DS0rNrhj.cjs

@@ -0,0 +1,2 @@
+const e=require("./I18nProvider-CQLy1CBO.cjs.js"),t=require("./Calendar-1qYv3Pn9.cjs.js"),n=require("./useDateFormatter-DAqs5IhH.cjs.js"),r=require("./utils-Clf3FzjT.cjs.js"),i=require("./Button-z5JjDtpy.cjs.js"),a=require("./Heading-DKP6fK9r.cjs.js"),o=require("./Text-CJwD_Rm8.cjs.js"),s=require("./icon-button-CSlFdpjB.cjs.js"),c=require("./box-B6vF0vdN.cjs.js"),l=require("./normalize-messages-BMq9y_ae.cjs.js"),u=require("./flex-D_rZ56ps.cjs.js"),d=require("./visually-hidden-CnOICq5t.cjs.js"),f=require("./text-B6GuUYfw.cjs.js"),p=require("./stack-MlK9aGs9.cjs.js"),m=require("./extract-style-props-CA1O0IF2.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.n),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.n,{...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)(p.t,{direction:`row`,alignItems:`center`,children:[(0,g.jsx)(d.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)(f.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)(p.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)(f.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-DS0rNrhj.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-DS0rNrhj.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\" | \"nextYear\" | \"previousMonth\" | \"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-Cs2Z5Nrc.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-B4zz6EqI.cjs.js"),t=require("./utils-Clf3FzjT.cjs.js"),n=require("./Heading-DKP6fK9r.cjs.js"),r=require("./Text-CJwD_Rm8.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.n,{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-Cs2Z5Nrc.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-Cs2Z5Nrc.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,wBAAA,CAAwC,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,cAAA,CADS,CAAE,IAAK,YAAa,CAChB,CAAA,CAAO,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,IAAA,CAAC,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,IAAA,CAAC,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,IAAA,CAAC,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,IAAA,CAAC,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,IAAA,CAAC,EAAD,CAAgB,IAAK,EAAc,GAAI,EACpC,UACa,CAAA,CAEpB,EAEA,EAAW,YAAc,cCEzB,IAAa,EAAO,CAgBlB,KAAM,EAeN,OAAQ,EAiBR,KAAM,EAiBN,OAAQ,CACV"}

package/dist/chunks/card-DbBguIa0.esm.js

@@ -0,0 +1,75 @@
+import { r as e } from "./mergeProps-BJ6-Ao_L.esm.js";
+import { a as t, t as n } from "./utils-BYIK8Yf2.esm.js";
+import { n as r } from "./Heading-nZpHPDFS.esm.js";
+import { n as i } from "./Text-B7tENZ_I.esm.js";
+import { jsx as a } from "react/jsx-runtime";
+import { createSlotRecipeContext as o, useSlotRecipe as s } from "@chakra-ui/react/styled-system";
+//#region src/components/card/card.slots.tsx
+var { withProvider: c, withContext: l } = o({ key: "nimbusCard" }), u = c("div", "root"), d = l("div", "header"), f = l("div", "body"), p = l("div", "footer"), m = ({ ref: o, children: c, ...l }) => {
+	let [d, f] = s({ key: "nimbusCard" }).splitVariantProps(l), p = e(), m = e(), h = {
+		"aria-labelledby": p || void 0,
+		"aria-describedby": m || void 0
+	};
+	return /* @__PURE__ */ a(n, {
+		values: [[r, { slots: {
+			[t]: {},
+			title: { id: p }
+		} }], [i, { slots: {
+			[t]: {},
+			description: { id: m }
+		} }]],
+		children: /* @__PURE__ */ a(u, {
+			ref: o,
+			...d,
+			...h,
+			...f,
+			children: c
+		})
+	});
+};
+m.displayName = "Card.Root";
+//#endregion
+//#region src/components/card/components/card.header.tsx
+var h = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(d, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+h.displayName = "Card.Header";
+//#endregion
+//#region src/components/card/components/card.body.tsx
+var g = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(f, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+g.displayName = "Card.Body";
+//#endregion
+//#region src/components/card/components/card.footer.tsx
+var _ = (e) => {
+	let { ref: t, children: n, ...r } = e;
+	return /* @__PURE__ */ a(p, {
+		ref: t,
+		...r,
+		children: n
+	});
+};
+_.displayName = "Card.Footer";
+//#endregion
+//#region src/components/card/card.tsx
+var v = {
+	Root: m,
+	Header: h,
+	Body: g,
+	Footer: _
+};
+//#endregion
+export { m as a, h as i, _ as n, g as r, v as t };
+
+//# sourceMappingURL=card-DbBguIa0.esm.js.map

package/dist/chunks/card-DbBguIa0.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-DbBguIa0.esm.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":";;;;;;;AASA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,aACP,CAAC,GAMY,IACX,EAAgD,OAAO,MAAM,GAElD,IACX,EAAiD,OAAO,QAAQ,GAErD,IACX,EAA+C,OAAO,MAAM,GAEjD,IACX,EAAiD,OAAO,QAAQ,GCLrD,KAAY,EAAE,QAAK,aAAU,GAAG,QAAuB;CAElE,IAAM,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,aAAa,CAChB,CAAA,CAAO,kBAAkB,CAAK,GAEzD,IAAU,EAAU,GACpB,IAAgB,EAAU,GAE1B,IAAY;EAChB,mBAAmB,KAAW,KAAA;EAC9B,oBAAoB,KAAiB,KAAA;CACvC;CAEA,OACE,kBAAC,GAAD;EACE,QAAQ,CACN,CACE,GACA,EAAE,OAAO;IAAG,IAAe,CAAC;GAAG,OAAO,EAAE,IAAI,EAAQ;EAAE,EAAE,CAC1D,GACA,CACE,GACA,EACE,OAAO;IAAG,IAAe,CAAC;GAAG,aAAa,EAAE,IAAI,EAAc;EAAE,EAClE,CACF,CACF;YAEA,kBAAC,GAAD;GAAmB;GAAK,GAAI;GAAa,GAAI;GAAW,GAAI;GACzD;EACW,CAAA;CACN,CAAA;AAEd;AAEA,EAAS,cAAc;;;AChDvB,IAAa,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAgB,KAAK;EAAc,GAAI;EACpC;CACa,CAAA;AAEpB;AAEA,EAAW,cAAc;;;ACVzB,IAAa,KAAY,MAAyB;CAChD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAc,KAAK;EAAc,GAAI;EAClC;CACW,CAAA;AAElB;AAEA,EAAS,cAAc;;;ACVvB,IAAa,KAAc,MAA2B;CACpD,IAAM,EAAE,KAAK,GAAc,aAAU,GAAG,MAAc;CAEtD,OACE,kBAAC,GAAD;EAAgB,KAAK;EAAc,GAAI;EACpC;CACa,CAAA;AAEpB;AAEA,EAAW,cAAc;;;ACEzB,IAAa,IAAO;CAgBlB,MAAM;CAeN,QAAQ;CAiBR,MAAM;CAiBN,QAAQ;AACV"}

package/dist/chunks/chat-message-CDLvkgaw.esm.js

@@ -0,0 +1,83 @@
+import { t as e } from "./activity-indicator-SMeTxJxm.esm.js";
+import { t } from "./avatar-9QAY7VNI.esm.js";
+import { t as n } from "./extract-style-props-BPnHKmWR.esm.js";
+import { createContext as r, useContext as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { AutoAwesome as c } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as l, useSlotRecipe as u } from "@chakra-ui/react/styled-system";
+//#region src/components/chat-message/chat-message.slots.tsx
+var { withProvider: d, withContext: f } = l({ key: "nimbusChatMessage" }), p = d("article", "root"), m = f("div", "avatar"), h = f("div", "body"), g = f("div", "actions"), _ = f("div", "meta"), v = f("div", "typing"), y = r({ sender: "agent" }), b = () => i(y), x = (e) => {
+	let { ref: t, children: r, isStreaming: i, ...s } = e, [c, l] = u({ key: "nimbusChatMessage" }).splitVariantProps(s), [d, f] = n(l), m = e.sender === "user" ? "user" : "agent", h = a(() => ({ sender: m }), [m]);
+	return /* @__PURE__ */ o(p, {
+		"aria-busy": i || void 0,
+		ref: t,
+		...c,
+		...d,
+		...f,
+		children: /* @__PURE__ */ o(y.Provider, {
+			value: h,
+			children: r
+		})
+	});
+};
+x.displayName = "ChatMessage.Root";
+//#endregion
+//#region src/components/chat-message/components/chat-message.avatar.tsx
+var S = ({ ref: e, size: n = "xs", variant: r, children: i, ...a }) => {
+	let { sender: s } = b(), l = r ?? (s === "user" ? "subtle" : "solid"), u = a.firstName != null || a.lastName != null || a["aria-label"] != null || a["aria-labelledby"] != null, d = i == null && a.firstName == null && a.lastName == null && a.src == null, f = i ?? (s === "agent" && d ? /* @__PURE__ */ o(c, {}) : void 0);
+	return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(t, {
+		ref: e,
+		size: n,
+		variant: l,
+		"aria-hidden": !u || void 0,
+		...a,
+		children: f
+	}) });
+};
+S.displayName = "ChatMessage.Avatar";
+//#endregion
+//#region src/components/chat-message/components/chat-message.body.tsx
+var C = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ o(h, {
+	ref: e,
+	...n,
+	children: t
+});
+C.displayName = "ChatMessage.Body";
+//#endregion
+//#region src/components/chat-message/components/chat-message.actions.tsx
+var w = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ o(g, {
+	ref: e,
+	...n,
+	children: t
+});
+w.displayName = "ChatMessage.Actions";
+//#endregion
+//#region src/components/chat-message/components/chat-message.meta.tsx
+var T = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ o(_, {
+	ref: e,
+	...n,
+	children: t
+});
+T.displayName = "ChatMessage.Meta";
+//#endregion
+//#region src/components/chat-message/components/chat-message.typing.tsx
+var E = ({ ref: t, children: n, ...r }) => /* @__PURE__ */ s(v, {
+	ref: t,
+	...r,
+	children: [/* @__PURE__ */ o(e, {}), n]
+});
+E.displayName = "ChatMessage.Typing";
+//#endregion
+//#region src/components/chat-message/chat-message.tsx
+var D = {
+	Root: x,
+	Avatar: S,
+	Body: C,
+	Actions: w,
+	Meta: T,
+	Typing: E
+};
+//#endregion
+export { C as a, w as i, E as n, S as o, T as r, x as s, D as t };
+
+//# sourceMappingURL=chat-message-CDLvkgaw.esm.js.map