npm - @commercetools/nimbus - Versions diffs - 3.2.0 → 3.4.0 - Mend

@commercetools/nimbus 3.2.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1806) hide show

package/dist/chunks/button-DyM-iqBq.esm.js ADDED Viewed

@@ -0,0 +1,68 @@
+import { t as e } from "./useObjectRef-B_3vY5-Q.esm.js";
+import { t } from "./useButton-BlKLz88_.esm.js";
+import { n } from "./utils-BYIK8Yf2.esm.js";
+import { t as r } from "./Button-B5g2BgY8.esm.js";
+import { t as i } from "./emotion-is-prop-valid.esm-DzQ0qso_.esm.js";
+import { t as a } from "./theme-CFqa_6UM.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, allowFocusWhenDisabled: f, ...m } = i, [h, g] = n(m, e(o(s(null), a)), r), _ = l || (u ? "a" : "button") || "button", v = !!((h.isDisabled ?? h.disabled) && f), { buttonProps: y, isPressed: b } = 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 /* @__PURE__ */ c(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 });
+//#endregion
+export { h as t };
+//# sourceMappingURL=button-DyM-iqBq.esm.js.map

package/dist/chunks/button-DyM-iqBq.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"button-DyM-iqBq.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/calendar-YtVTt0Tm.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./I18nProvider-CQLy1CBO.cjs.js"),t=require("./Calendar-B-gzTAl8.cjs.js"),n=require("./useDateFormatter-DAqs5IhH.cjs.js"),r=require("./utils-Clf3FzjT.cjs.js"),i=require("./Button-CZDjIKB1.cjs.js"),a=require("./Heading-DKP6fK9r.cjs.js"),o=require("./Text-CJwD_Rm8.cjs.js"),s=require("./icon-button-BG5cQycc.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-WNdpT-ME.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}});
2	+ //# sourceMappingURL=calendar-YtVTt0Tm.cjs.js.map

package/dist/chunks/calendar-YtVTt0Tm.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"calendar-YtVTt0Tm.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/calendar-bydCjK4Q.esm.js ADDED Viewed

@@ -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-B6F41FfL.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-B5g2BgY8.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-CyhrlrIv.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-D519tVOc.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-bydCjK4Q.esm.js.map

package/dist/chunks/calendar-bydCjK4Q.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"calendar-bydCjK4Q.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/card-Cs2Z5Nrc.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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}});
2	+ //# sourceMappingURL=card-Cs2Z5Nrc.cjs.js.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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-BcuYfXqe.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./activity-indicator-CmGp3H_M.cjs.js"),t=require("./avatar-CYZYJBfO.cjs.js"),n=require("./extract-style-props-WNdpT-ME.cjs.js");let r=require("react"),i=require("react/jsx-runtime"),a=require("@commercetools/nimbus-icons"),o=require("@chakra-ui/react/styled-system");var{withProvider:s,withContext:c}=(0,o.createSlotRecipeContext)({key:`nimbusChatMessage`}),l=s(`article`,`root`),u=c(`div`,`avatar`),d=c(`div`,`body`),f=c(`div`,`actions`),p=c(`div`,`meta`),m=c(`div`,`typing`),h=(0,r.createContext)({sender:`agent`}),g=()=>(0,r.useContext)(h),_=e=>{let{ref:t,children:a,isStreaming:s,...c}=e,[u,d]=(0,o.useSlotRecipe)({key:`nimbusChatMessage`}).splitVariantProps(c),[f,p]=n.t(d),m=e.sender===`user`?`user`:`agent`,g=(0,r.useMemo)(()=>({sender:m}),[m]);return(0,i.jsx)(l,{"aria-busy":s\|\|void 0,ref:t,...u,...f,...p,children:(0,i.jsx)(h.Provider,{value:g,children:a})})};_.displayName=`ChatMessage.Root`;var v=({ref:e,size:n=`xs`,variant:r,children:o,...s})=>{let{sender:c}=g(),l=r??(c===`user`?`subtle`:`solid`),d=s.firstName!=null\|\|s.lastName!=null\|\|s[`aria-label`]!=null\|\|s[`aria-labelledby`]!=null,f=o==null&&s.firstName==null&&s.lastName==null&&s.src==null,p=o??(c===`agent`&&f?(0,i.jsx)(a.AutoAwesome,{}):void 0);return(0,i.jsx)(u,{children:(0,i.jsx)(t.t,{ref:e,size:n,variant:l,"aria-hidden":!d\|\|void 0,...s,children:p})})};v.displayName=`ChatMessage.Avatar`;var y=({ref:e,children:t,...n})=>(0,i.jsx)(d,{ref:e,...n,children:t});y.displayName=`ChatMessage.Body`;var b=({ref:e,children:t,...n})=>(0,i.jsx)(f,{ref:e,...n,children:t});b.displayName=`ChatMessage.Actions`;var x=({ref:e,children:t,...n})=>(0,i.jsx)(p,{ref:e,...n,children:t});x.displayName=`ChatMessage.Meta`;var S=({ref:t,children:n,...r})=>(0,i.jsxs)(m,{ref:t,...r,children:[(0,i.jsx)(e.t,{}),n]});S.displayName=`ChatMessage.Typing`;var C={Root:_,Avatar:v,Body:y,Actions:b,Meta:x,Typing:S};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});
2	+ //# sourceMappingURL=chat-message-BcuYfXqe.cjs.js.map

package/dist/chunks/chat-message-BcuYfXqe.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"chat-message-BcuYfXqe.cjs.js","names":[],"sources":["../../src/components/chat-message/chat-message.slots.tsx","../../src/components/chat-message/chat-message.context.ts","../../src/components/chat-message/components/chat-message.root.tsx","../../src/components/chat-message/components/chat-message.avatar.tsx","../../src/components/chat-message/components/chat-message.body.tsx","../../src/components/chat-message/components/chat-message.actions.tsx","../../src/components/chat-message/components/chat-message.meta.tsx","../../src/components/chat-message/components/chat-message.typing.tsx","../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n ChatMessageRootSlotProps,\n ChatMessageAvatarSlotProps,\n ChatMessageBodySlotProps,\n ChatMessageActionsSlotProps,\n ChatMessageMetaSlotProps,\n ChatMessageTypingSlotProps,\n} from \"./chat-message.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusChatMessage\",\n});\n\n/**\n * Root slot — establishes the recipe context and owns the grid layout. The\n * component defaults its rendered element to `<article>` (a feed item, per the\n * ARIA APG); consumers can override via `as`.\n */\nexport const ChatMessageRootSlot: SlotComponent<\n HTMLDivElement,\n ChatMessageRootSlotProps\n> = withProvider<HTMLDivElement, ChatMessageRootSlotProps>(\"article\", \"root\");\n\n/**\n * Avatar slot — a layout wrapper for the interior Nimbus `Avatar`. The nested\n * avatar's background/color are set per `sender` from the recipe.\n */\nexport const ChatMessageAvatarSlot: SlotComponent<\n HTMLDivElement,\n ChatMessageAvatarSlotProps\n> = withContext<HTMLDivElement, ChatMessageAvatarSlotProps>(\"div\", \"avatar\");\n\n/**\n * Body slot — the rounded card that holds the message payload.\n */\nexport const ChatMessageBodySlot: SlotComponent<\n HTMLDivElement,\n ChatMessageBodySlotProps\n> = withContext<HTMLDivElement, ChatMessageBodySlotProps>(\"div\", \"body\");\n\n/**\n * Actions slot — layout-only row for buttons, rendered inside the body.\n */\nexport const ChatMessageActionsSlot: SlotComponent<\n HTMLDivElement,\n ChatMessageActionsSlotProps\n> = withContext<HTMLDivElement, ChatMessageActionsSlotProps>(\"div\", \"actions\");\n\n/**\n * Meta slot — layout-only row rendered below the body.\n */\nexport const ChatMessageMetaSlot: SlotComponent<\n HTMLDivElement,\n ChatMessageMetaSlotProps\n> = withContext<HTMLDivElement, ChatMessageMetaSlotProps>(\"div\", \"meta\");\n\n/**\n * Typing slot — layout wrapper for the animated typing indicator (and an\n * optional visible label), rendered inside the body while a reply streams.\n */\nexport const ChatMessageTypingSlot: SlotComponent<\n HTMLDivElement,\n ChatMessageTypingSlotProps\n> = withContext<HTMLDivElement, ChatMessageTypingSlotProps>(\"div\", \"typing\");\n","import { createContext, useContext } from \"react\";\n\n/** Which participant sent the message. */\nexport type ChatMessageSender = \"user\" | \"agent\";\n\nexport interface ChatMessageContextValue {\n /** The resolved `sender` published by `ChatMessage.Root` (default `\"agent\"`). */\n sender: ChatMessageSender;\n}\n\n/**\n * Carries the message's `sender` from `ChatMessage.Root` to its parts, so a part\n * can derive a `sender`-dependent default that CSS alone can't express (e.g. the\n * avatar's `variant`). The `\"agent\"` default is a safety net: a sender-aware part\n * accidentally rendered outside a `Root` falls back to agent styling rather than\n * throwing (it should always be composed under a `Root` in practice).\n */\nexport const ChatMessageContext = createContext<ChatMessageContextValue>({\n sender: \"agent\",\n});\n\nexport const useChatMessageContext = () => useContext(ChatMessageContext);\n","import { useMemo } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { ChatMessageRootSlot } from \"../chat-message.slots\";\nimport { ChatMessageContext } from \"../chat-message.context\";\nimport type { ChatMessageSender } from \"../chat-message.context\";\nimport type { ChatMessageProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Root - The grid container for a single chat message.\n *\n * Establishes the styling context and lays out the avatar, body and optional\n * meta row. The `sender` prop selects the layout direction (avatar leading for\n * `\"agent\"`, trailing for `\"user\"`) and the sender-specific styling;\n * `tone=\"error\"` tints the body for a failed generation.\n *\n * Renders a semantic `<article>` by default (a feed item, per the ARIA APG) so\n * a message is a discrete node in the accessibility tree. This is a *default*,\n * not a mandate: override the element with `as` (e.g. `as=\"li\"` inside a list)\n * and name the message for assistive tech with `aria-label`/`aria-labelledby`.\n * The surrounding feed / live region is the consumer's to compose — see the\n * accessibility docs.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageRoot = (props: ChatMessageProps) => {\n const { ref, children, isStreaming, ...restProps } = props;\n\n const recipe = useSlotRecipe({ key: \"nimbusChatMessage\" });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n // Publish the resolved `sender` to the parts so they can derive\n // `sender`-dependent defaults that CSS can't (e.g. the avatar's `variant`).\n // Read from `props` (it still flows to the slot via `restProps`); anything but\n // an explicit \"user\" resolves to the recipe's default of \"agent\".\n const sender: ChatMessageSender = props.sender === \"user\" ? \"user\" : \"agent\";\n\n // Stable context identity so the parts (Avatar/Body/Meta) don't re-render on\n // every Root render — only when `sender` actually changes.\n const contextValue = useMemo(() => ({ sender }), [sender]);\n\n return (\n <ChatMessageRootSlot\n // The slot renders `<article>` by default (see chat-message.slots.tsx);\n // `functionalProps` is spread last so a consumer-supplied `as` / `role` /\n // `aria-*` always wins.\n aria-busy={isStreaming || undefined}\n ref={ref}\n {...recipeProps}\n {...styleProps}\n {...functionalProps}\n >\n <ChatMessageContext.Provider value={contextValue}>\n {children}\n </ChatMessageContext.Provider>\n </ChatMessageRootSlot>\n );\n};\n\nChatMessageRoot.displayName = \"ChatMessage.Root\";\n","import { AutoAwesome } from \"@commercetools/nimbus-icons\";\nimport { Avatar } from \"@/components/avatar/avatar\";\nimport { ChatMessageAvatarSlot } from \"../chat-message.slots\";\nimport { useChatMessageContext } from \"../chat-message.context\";\nimport type { ChatMessageAvatarProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Avatar - The sender's avatar.\n *\n * Wraps the Nimbus `Avatar` (defaulting to `size=\"xs\"`, a 32px box per the\n * Figma spec). Unless the consumer sets `variant` explicitly, the variant\n * defaults per `sender`: `solid` for the `agent` (a strong branded glyph) and\n * `subtle` for the `user` (a softer surface that matches the user body's tint).\n * The color *palette* comes from the ChatMessage recipe (`primary`), so\n * consumers only supply the avatar content (initials via `firstName`/\n * `lastName`, an image `src`, or a custom icon via `children`).\n *\n * An **unconfigured** avatar (no content supplied) falls back to a\n * sender-appropriate generic glyph: the AI `AutoAwesome` sparkle for the\n * `agent`, and the `Avatar`'s built-in person icon for the `user`.\n *\n * Props flow to the **inner `Avatar`**, not to the grid-cell wrapper — the\n * wrapper only exists to occupy the avatar column.\n *\n * Accessibility: the avatar is **decorative by default** (`aria-hidden`). A\n * sender glyph duplicates information better conveyed by the message's\n * accessible name and column, and a nameless `Avatar` would otherwise announce\n * a misleading generic label. Passing `firstName`/`lastName` or an explicit\n * `aria-label` opts it back into the accessibility tree with a real name.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageAvatar = ({\n ref,\n size = \"xs\",\n variant,\n children,\n ...props\n}: ChatMessageAvatarProps) => {\n const { sender } = useChatMessageContext();\n // Consumer's explicit `variant` wins; otherwise default per sender.\n const resolvedVariant = variant ?? (sender === \"user\" ? \"subtle\" : \"solid\");\n\n const isNamed =\n props.firstName != null ||\n props.lastName != null ||\n props[\"aria-label\"] != null ||\n props[\"aria-labelledby\"] != null;\n\n // When the consumer supplies no content, give the agent an AI glyph instead\n // of the person fallback. The user keeps `Avatar`'s built-in person icon\n // (rendered when `children` is absent).\n const isUnconfigured =\n children == null &&\n props.firstName == null &&\n props.lastName == null &&\n props.src == null;\n const resolvedChildren =\n children ??\n (sender === \"agent\" && isUnconfigured ? <AutoAwesome /> : undefined);\n\n return (\n <ChatMessageAvatarSlot>\n <Avatar\n ref={ref}\n size={size}\n variant={resolvedVariant}\n // Decorative unless the consumer named it; `props` is spread last so an\n // explicit `aria-hidden` from the consumer still wins.\n aria-hidden={isNamed ? undefined : true}\n {...props}\n >\n {resolvedChildren}\n </Avatar>\n </ChatMessageAvatarSlot>\n );\n};\n\nChatMessageAvatar.displayName = \"ChatMessage.Avatar\";\n","import { ChatMessageBodySlot } from \"../chat-message.slots\";\nimport type { ChatMessageBodyProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Body - The rounded card that holds the message payload.\n *\n * Stacks its children vertically; place `ChatMessage.Actions` as the last child\n * to pin action buttons to the bottom of the body. Background, padding,\n * border-radius and max-width are set per `sender` by the recipe.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageBody = ({\n ref,\n children,\n ...props\n}: ChatMessageBodyProps) => {\n return (\n <ChatMessageBodySlot ref={ref} {...props}>\n {children}\n </ChatMessageBodySlot>\n );\n};\n\nChatMessageBody.displayName = \"ChatMessage.Body\";\n","import { ChatMessageActionsSlot } from \"../chat-message.slots\";\nimport type { ChatMessageActionsProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Actions - Layout-only row for action buttons inside the body.\n *\n * Renders a right-aligned, wrapping flex row. Consumers provide the buttons.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageActions = ({\n ref,\n children,\n ...props\n}: ChatMessageActionsProps) => {\n return (\n <ChatMessageActionsSlot ref={ref} {...props}>\n {children}\n </ChatMessageActionsSlot>\n );\n};\n\nChatMessageActions.displayName = \"ChatMessage.Actions\";\n","import { ChatMessageMetaSlot } from \"../chat-message.slots\";\nimport type { ChatMessageMetaProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Meta - Layout-only row rendered below the body.\n *\n * Renders a `space-between` flex row aligned with the body. Consumers provide\n * the content (timestamp, provenance/trust links, reaction icons). With a\n * single child, `space-between` leaves it at the start of the row — pair it\n * with a spacer or a second element to push content to the end.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageMeta = ({\n ref,\n children,\n ...props\n}: ChatMessageMetaProps) => {\n return (\n <ChatMessageMetaSlot ref={ref} {...props}>\n {children}\n </ChatMessageMetaSlot>\n );\n};\n\nChatMessageMeta.displayName = \"ChatMessage.Meta\";\n","import { ActivityIndicator } from \"@/components/activity-indicator/activity-indicator\";\nimport { ChatMessageTypingSlot } from \"../chat-message.slots\";\nimport type { ChatMessageTypingProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Typing - Animated \"generating…\" indicator for a streaming reply.\n *\n * Renders the Nimbus `ActivityIndicator` (three bouncing dots) inside the\n * body while a response streams. Place it as the body's payload and swap it\n * for the real content once the stream settles.\n *\n * Accessibility: the dots are decorative (`ActivityIndicator` is always\n * `aria-hidden`). Pass a visible label as `children` (e.g. \"Agent is\n * typing…\") for a per-message affordance, and/or set `isStreaming` on\n * `ChatMessage.Root` (which sets `aria-busy`) — the coalesced live-region\n * announcement stays with the consumer's feed/turn container.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageTyping = ({\n ref,\n children,\n ...props\n}: ChatMessageTypingProps) => {\n return (\n <ChatMessageTypingSlot ref={ref} {...props}>\n <ActivityIndicator />\n {children}\n </ChatMessageTypingSlot>\n );\n};\n\nChatMessageTyping.displayName = \"ChatMessage.Typing\";\n","import {\n ChatMessageRoot,\n ChatMessageAvatar,\n ChatMessageBody,\n ChatMessageActions,\n ChatMessageMeta,\n ChatMessageTyping,\n} from \"./components\";\n\n/**\n * ChatMessage\n * ============================================================\n * A compound component representing a single message in an AI chat feed.\n * It provides a body container, an avatar, and layout-only slots that\n * consumers fill with their own content: actions inside the body, a meta\n * below it, and a typing indicator for streaming replies. The `sender` prop\n * drives the layout direction and sender-specific styling, and `tone` flags a\n * failed generation.\n *\n * ChatMessage renders a single message; composing the surrounding feed and any\n * live region is the consumer's job — see the accessibility documentation.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/chat-message}\n *\n * @example\n * ```tsx\n * <ChatMessage.Root sender=\"agent\">\n * <ChatMessage.Avatar>\n * <AutoAwesome />\n * </ChatMessage.Avatar>\n * <ChatMessage.Body>\n * <Text>Here is the summary you asked for.</Text>\n * <ChatMessage.Actions>\n * <Button variant=\"outline\">Save as draft</Button>\n * <Button variant=\"solid\">Approve</Button>\n * </ChatMessage.Actions>\n * </ChatMessage.Body>\n * <ChatMessage.Meta>\n * <Link>How was this generated?</Link>\n * <Text>Apr 13, 11:56pm</Text>\n * </ChatMessage.Meta>\n * </ChatMessage.Root>\n * ```\n */\nexport const ChatMessage = {\n /**\n * # ChatMessage.Root\n *\n * The grid container for a single message. Establishes the styling context\n * and lays out the avatar, body and optional meta row. Accepts `sender`\n * (`\"user\" | \"agent\"`) which controls layout direction\n * and styling, `tone` (`\"neutral\" | \"error\"`) to flag a failed generation,\n * and `isStreaming` to mark the message as still generating (sets\n * `aria-busy`). The palette (user surface tint + avatar) defaults to\n * `primary`; pass `colorPalette` to retint the whole message. Renders a\n * semantic `<article>` by default; override with `as`.\n *\n * @example\n * ```tsx\n * <ChatMessage.Root sender=\"user\" aria-label=\"Message from Ada Lovelace\">\n * <ChatMessage.Avatar firstName=\"Ada\" lastName=\"Lovelace\" />\n * <ChatMessage.Body>\n * <Text>Can you summarise this order?</Text>\n * </ChatMessage.Body>\n * </ChatMessage.Root>\n * ```\n */\n Root: ChatMessageRoot,\n /**\n * # ChatMessage.Avatar\n *\n * The sender's avatar. Wraps the Nimbus `Avatar` (defaulting to `size=\"xs\"`)\n * and is styled per `sender`. Provide the content via `firstName`/`lastName`\n * (initials), `src` (image), or `children` (a custom icon). Decorative by\n * default (`aria-hidden`) unless named.\n *\n * @example\n * ```tsx\n * <ChatMessage.Avatar>\n * <AutoAwesome />\n * </ChatMessage.Avatar>\n * ```\n */\n Avatar: ChatMessageAvatar,\n /**\n * # ChatMessage.Body\n *\n * The rounded card that holds the message payload. Stacks its children\n * vertically; place `ChatMessage.Actions` last to pin actions to the bottom.\n * Long, unbreakable content wraps inside the card.\n *\n * @example\n * ```tsx\n * <ChatMessage.Body>\n * <Text>Message content</Text>\n * </ChatMessage.Body>\n * ```\n */\n Body: ChatMessageBody,\n /**\n * # ChatMessage.Actions\n *\n * A layout-only, right-aligned row for action buttons, rendered inside the\n * body. Consumers provide the buttons.\n *\n * @example\n * ```tsx\n * <ChatMessage.Actions>\n * <Button variant=\"outline\">Dismiss</Button>\n * <Button variant=\"solid\">Approve</Button>\n * </ChatMessage.Actions>\n * ```\n */\n Actions: ChatMessageActions,\n /**\n * # ChatMessage.Meta\n *\n * A layout-only `space-between` row rendered below the body. Consumers\n * provide the content (timestamp, trust affordances, reaction icons, links).\n *\n * @example\n * ```tsx\n * <ChatMessage.Meta>\n * <Link>How was this generated?</Link>\n * <Text>Apr 13, 11:56pm</Text>\n * </ChatMessage.Meta>\n * ```\n */\n Meta: ChatMessageMeta,\n /**\n * # ChatMessage.Typing\n *\n * An animated \"generating…\" indicator (Nimbus `ActivityIndicator`) for a\n * streaming reply. Render it as the body's payload while the response\n * streams; pass a visible label as `children` for a per-message affordance.\n *\n * @example\n * ```tsx\n * <ChatMessage.Root sender=\"agent\" isStreaming>\n * <ChatMessage.Avatar>\n * <AutoAwesome />\n * </ChatMessage.Avatar>\n * <ChatMessage.Body>\n * <ChatMessage.Typing>Agent is typing…</ChatMessage.Typing>\n * </ChatMessage.Body>\n * </ChatMessage.Root>\n * ```\n */\n Typing: ChatMessageTyping,\n};\n\nexport {\n ChatMessageRoot as _ChatMessageRoot,\n ChatMessageAvatar as _ChatMessageAvatar,\n ChatMessageBody as _ChatMessageBody,\n ChatMessageActions as _ChatMessageActions,\n ChatMessageMeta as _ChatMessageMeta,\n ChatMessageTyping as _ChatMessageTyping,\n};\n"],"mappings":"4RAWA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,wBAAA,CAAwC,CAC5D,IAAK,mBACP,CAAC,EAOY,EAGT,EAAuD,UAAW,MAAM,EAM/D,EAGT,EAAwD,MAAO,QAAQ,EAK9D,EAGT,EAAsD,MAAO,MAAM,EAK1D,EAGT,EAAyD,MAAO,SAAS,EAKhE,EAGT,EAAsD,MAAO,MAAM,EAM1D,EAGT,EAAwD,MAAO,QAAQ,EChD9D,GAAA,EAAA,EAAA,cAAA,CAA4D,CACvE,OAAQ,OACV,CAAC,EAEY,OAAA,EAAA,EAAA,WAAA,CAAyC,CAAkB,ECI3D,EAAmB,GAA4B,CAC1D,GAAM,CAAE,MAAK,WAAU,cAAa,GAAG,GAAc,EAG/C,CAAC,EAAa,IAAA,EAAA,EAAA,cAAA,CADS,CAAE,IAAK,mBAAoB,CAClB,CAAA,CAAO,kBAAkB,CAAS,EAClE,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAc,EAMhE,EAA4B,EAAM,SAAW,OAAS,OAAS,QAI/D,GAAA,EAAA,EAAA,QAAA,MAA8B,CAAE,QAAO,GAAI,CAAC,CAAM,CAAC,EAEzD,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAIE,YAAW,GAAe,IAAA,GACrB,MACL,GAAI,EACJ,GAAI,EACJ,GAAI,YAEJ,EAAA,EAAA,IAAA,CAAC,EAAmB,SAApB,CAA6B,MAAO,EACjC,UAC0B,CAAA,CACV,CAAA,CAEzB,EAEA,EAAgB,YAAc,mBC5B9B,IAAa,GAAqB,CAChC,MACA,OAAO,KACP,UACA,WACA,GAAG,KACyB,CAC5B,GAAM,CAAE,UAAW,EAAsB,EAEnC,EAAkB,IAAY,IAAW,OAAS,SAAW,SAE7D,EACJ,EAAM,WAAa,MACnB,EAAM,UAAY,MAClB,EAAM,eAAiB,MACvB,EAAM,oBAAsB,KAKxB,EACJ,GAAY,MACZ,EAAM,WAAa,MACnB,EAAM,UAAY,MAClB,EAAM,KAAO,KACT,EACJ,IACC,IAAW,SAAW,GAAiB,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAc,CAAA,EAAI,IAAA,IAE5D,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACO,MACC,OACN,QAAS,EAGT,cAAa,IAAU,IAAA,GACvB,GAAI,WAEH,CACK,CAAA,CACa,CAAA,CAE3B,EAEA,EAAkB,YAAc,qBClEhC,IAAa,GAAmB,CAC9B,MACA,WACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAA0B,MAAK,GAAI,EAChC,UACkB,CAAA,EAIzB,EAAgB,YAAc,mBCd9B,IAAa,GAAsB,CACjC,MACA,WACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAA6B,MAAK,GAAI,EACnC,UACqB,CAAA,EAI5B,EAAmB,YAAc,sBCTjC,IAAa,GAAmB,CAC9B,MACA,WACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAA0B,MAAK,GAAI,EAChC,UACkB,CAAA,EAIzB,EAAgB,YAAc,mBCN9B,IAAa,GAAqB,CAChC,MACA,WACA,GAAG,MAGD,EAAA,EAAA,KAAA,CAAC,EAAD,CAA4B,MAAK,GAAI,WAArC,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAoB,CAAA,EACnB,CACoB,IAI3B,EAAkB,YAAc,qBCYhC,IAAa,EAAc,CAuBzB,KAAM,EAgBN,OAAQ,EAeR,KAAM,EAeN,QAAS,EAeT,KAAM,EAoBN,OAAQ,CACV"}