@commercetools/nimbus 2.1.0 → 2.3.0

package/dist/chunks/alert-WiLa3ap4.es.js

@@ -0,0 +1,158 @@
+import { jsxs as A, jsx as s } from "react/jsx-runtime";
+import { createSlotRecipeContext as p } from "@chakra-ui/react";
+import { CheckCircleOutline as u, WarningAmber as g, Info as f, ErrorOutline as h, Clear as D } from "@commercetools/nimbus-icons";
+import { I as v } from "./icon-button-DhHKxd27.es.js";
+import { n as r, u as x } from "./normalize-messages-D5T4I93D.es.js";
+const { withProvider: B, withContext: i } = /* @__PURE__ */ p({
+  key: "alert"
+}), M = /* @__PURE__ */ B(
+  "div",
+  "root"
+), R = /* @__PURE__ */ i(
+  "div",
+  "title"
+), y = /* @__PURE__ */ i("div", "description"), C = /* @__PURE__ */ i(
+  "div",
+  "icon"
+), I = /* @__PURE__ */ i(
+  "div",
+  "actions"
+), w = /* @__PURE__ */ i("div", "dismissButton"), N = (t) => {
+  switch (t) {
+    case "critical":
+      return /* @__PURE__ */ s(h, {});
+    case "info":
+      return /* @__PURE__ */ s(f, {});
+    case "warning":
+      return /* @__PURE__ */ s(g, {});
+    case "positive":
+      return /* @__PURE__ */ s(u, {});
+    default:
+      return null;
+  }
+}, n = (t) => {
+  const { ref: e, children: d, ...o } = t;
+  return /* @__PURE__ */ A(M, { ref: e, ...o, role: "alert", children: [
+    /* @__PURE__ */ s(C, { alignItems: "flex-start", children: N(o.colorPalette) }),
+    d
+  ] });
+};
+n.displayName = "Alert.Root";
+const a = ({ children: t, ...e }) => /* @__PURE__ */ s(R, { ...e, fontWeight: "600", children: t });
+a.displayName = "Alert.Title";
+const l = ({
+  children: t,
+  ...e
+}) => /* @__PURE__ */ s(y, { ...e, children: t });
+l.displayName = "Alert.Description";
+const c = ({ children: t, ...e }) => /* @__PURE__ */ s(I, { ...e, children: t });
+c.displayName = "Alert.Actions";
+const _ = { dismiss: "Dismiss" }, $ = { dismiss: "Verwerfen" }, F = { dismiss: "Desechar" }, P = { dismiss: "Fermer" }, T = { dismiss: "Dispensar" }, b = {
+  en: /* @__PURE__ */ r(_),
+  de: /* @__PURE__ */ r($),
+  es: /* @__PURE__ */ r(F),
+  "fr-FR": /* @__PURE__ */ r(P),
+  "pt-BR": /* @__PURE__ */ r(T)
+}, m = ({ ...t }) => {
+  const e = x(b);
+  return /* @__PURE__ */ s(w, { children: /* @__PURE__ */ s(
+    v,
+    {
+      "aria-label": e.format("dismiss"),
+      ...t,
+      variant: "ghost",
+      size: "2xs",
+      children: /* @__PURE__ */ s(D, { role: "img" })
+    }
+  ) });
+};
+m.displayName = "Alert.DismissButton";
+const W = {
+  /**
+   * # Alert.Root
+   *
+   * The root component that provides context and configuration for the alert.
+   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.
+   *
+   * @example
+   * ```tsx
+   * <Alert.Root tone="info" variant="outlined">
+   *   <Alert.Title>Title</Alert.Title>
+   *   <Alert.Description>Description</Alert.Description>
+   * </Alert.Root>
+   * ```
+   */
+  Root: n,
+  /**
+   * # Alert.Title
+   *
+   * Displays the title text for the alert.
+   * Typically shown in bold to provide a clear heading for the alert message.
+   *
+   * @example
+   * ```tsx
+   * <Alert.Root tone="critical">
+   *   <Alert.Title>Error Occurred</Alert.Title>
+   * </Alert.Root>
+   * ```
+   */
+  Title: a,
+  /**
+   * # Alert.Description
+   *
+   * Displays the descriptive text for the alert.
+   * Provides detailed information about the alert's purpose or the action required.
+   *
+   * @example
+   * ```tsx
+   * <Alert.Root tone="warning">
+   *   <Alert.Title>Warning</Alert.Title>
+   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>
+   * </Alert.Root>
+   * ```
+   */
+  Description: l,
+  /**
+   * # Alert.Actions
+   *
+   * Container for action buttons within the alert.
+   * Allows users to take actions directly from the alert message.
+   *
+   * @example
+   * ```tsx
+   * <Alert.Root tone="positive">
+   *   <Alert.Title>Success</Alert.Title>
+   *   <Alert.Description>Your changes have been saved.</Alert.Description>
+   *   <Alert.Actions>
+   *     <Button>View Details</Button>
+   *   </Alert.Actions>
+   * </Alert.Root>
+   * ```
+   */
+  Actions: c,
+  /**
+   * # Alert.DismissButton
+   *
+   * Button to dismiss or close the alert.
+   * Provides users with the ability to manually remove the alert from view.
+   *
+   * @example
+   * ```tsx
+   * <Alert.Root tone="info">
+   *   <Alert.Title>Notification</Alert.Title>
+   *   <Alert.Description>You have new messages.</Alert.Description>
+   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />
+   * </Alert.Root>
+   * ```
+   */
+  DismissButton: m
+};
+export {
+  W as A,
+  n as a,
+  a as b,
+  l as c,
+  c as d,
+  m as e
+};
+//# sourceMappingURL=alert-WiLa3ap4.es.js.map

package/dist/chunks/alert-WiLa3ap4.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-WiLa3ap4.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/intl/en.ts","../../src/components/alert/intl/de.ts","../../src/components/alert/intl/es.ts","../../src/components/alert/intl/fr-FR.ts","../../src/components/alert/intl/pt-BR.ts","../../src/components/alert/alert.messages.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n  AlertActionsSlotProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconSlotProps,\n  AlertRootSlotProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n  switch (colorPalette) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n\n  return (\n    <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n      <AlertIcon alignItems=\"flex-start\">\n        {getIconFromColorPalette(restProps.colorPalette)}\n      </AlertIcon>\n      {children}\n    </AlertRootSlot>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  return (\n    <AlertTitleSlot {...props} fontWeight=\"600\">\n      {children}\n    </AlertTitleSlot>\n  );\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  return <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  return <AlertActionsSlot {...props}>{children}</AlertActionsSlot>;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","/**\n * Pre-compiled en messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dismiss` };\n","/**\n * Pre-compiled de messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Verwerfen` };\n","/**\n * Pre-compiled es messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Desechar` };\n","/**\n * Pre-compiled fr-FR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Fermer` };\n","/**\n * Pre-compiled pt-BR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dispensar` };\n","/**\n * Pre-compiled localized messages for Alert 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 alertMessages_en from \"./intl/en\";\nimport alertMessages_de from \"./intl/de\";\nimport alertMessages_es from \"./intl/es\";\nimport alertMessages_fr from \"./intl/fr-FR\";\nimport alertMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const alertMessagesStrings: LocalizedStrings<string, LocalizedString> = {\n  en: normalizeMessages(alertMessages_en),\n  de: normalizeMessages(alertMessages_de),\n  es: normalizeMessages(alertMessages_es),\n  \"fr-FR\": normalizeMessages(alertMessages_fr),\n  \"pt-BR\": normalizeMessages(alertMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Alert component\n */\nexport type AlertMessageKey = \"dismiss\";\n","import { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { alertMessagesStrings } from \"../alert.messages\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({ ...props }: AlertDismissButtonProps) => {\n  const msg = useLocalizedStringFormatter(alertMessagesStrings);\n\n  return (\n    <AlertDismissButtonSlot>\n      <IconButton\n        aria-label={msg.format(\"dismiss\")}\n        {...props}\n        variant=\"ghost\"\n        size=\"2xs\"\n      >\n        <Clear role=\"img\" />\n      </IconButton>\n    </AlertDismissButtonSlot>\n  );\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertDismissButton,\n  AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n *   <Alert.Title>Information</Alert.Title>\n *   <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n  /**\n   * # Alert.Root\n   *\n   * The root component that provides context and configuration for the alert.\n   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\" variant=\"outlined\">\n   *   <Alert.Title>Title</Alert.Title>\n   *   <Alert.Description>Description</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Root: AlertRoot,\n  /**\n   * # Alert.Title\n   *\n   * Displays the title text for the alert.\n   * Typically shown in bold to provide a clear heading for the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"critical\">\n   *   <Alert.Title>Error Occurred</Alert.Title>\n   * </Alert.Root>\n   * ```\n   */\n  Title: AlertTitle,\n  /**\n   * # Alert.Description\n   *\n   * Displays the descriptive text for the alert.\n   * Provides detailed information about the alert's purpose or the action required.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"warning\">\n   *   <Alert.Title>Warning</Alert.Title>\n   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Description: AlertDescription,\n  /**\n   * # Alert.Actions\n   *\n   * Container for action buttons within the alert.\n   * Allows users to take actions directly from the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"positive\">\n   *   <Alert.Title>Success</Alert.Title>\n   *   <Alert.Description>Your changes have been saved.</Alert.Description>\n   *   <Alert.Actions>\n   *     <Button>View Details</Button>\n   *   </Alert.Actions>\n   * </Alert.Root>\n   * ```\n   */\n  Actions: AlertActions,\n  /**\n   * # Alert.DismissButton\n   *\n   * Button to dismiss or close the alert.\n   * Provides users with the ability to manually remove the alert from view.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\">\n   *   <Alert.Title>Notification</Alert.Title>\n   *   <Alert.Description>You have new messages.</Alert.Description>\n   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n   * </Alert.Root>\n   * ```\n   */\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","props","ref","children","restProps","AlertRootSlot","jsx","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","alertMessages_en","alertMessages_de","alertMessages_es","alertMessages_fr","alertMessages_pt","alertMessagesStrings","normalizeMessages","msg","useLocalizedStringFormatter","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":";;;;;AAUA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAAY,gBAAAH;AAAA,EACvB;AAAA,EACA;AACF,GAEaI,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AACF,GAEaI,IAAmB,gBAAAJ,EAG9B,OAAO,aAAa,GAETK,IAAY,gBAAAL;AAAA,EACvB;AAAA,EACA;AACF,GAEaM,IAAe,gBAAAN;AAAA,EAC1B;AAAA,EACA;AACF,GAIaO,IAAqB,gBAAAP,EAGhC,OAAO,eAAe,GCnClBQ,IAA0B,CAACC,MAA6C;AAC5E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAK;AAAA,IACf,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAmB;AAAA,IAC7B;AACE,aAAO;AAAA,EAAA;AAEb,GAOaX,IAAgC,CAACY,MAAU;AACtD,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAAcH;AAExC,2BACGI,GAAA,EAAc,KAAAH,GAAW,GAAGE,GAAW,MAAK,SAC3C,UAAA;AAAA,IAAA,gBAAAE,EAACd,KAAU,YAAW,cACnB,UAAAG,EAAwBS,EAAU,YAAY,GACjD;AAAA,IACCD;AAAA,EAAA,GACH;AAEJ;AAEAd,EAAU,cAAc;AClCjB,MAAMC,IAAa,CAAC,EAAE,UAAAa,GAAU,GAAGF,0BAErCM,GAAA,EAAgB,GAAGN,GAAO,YAAW,OACnC,UAAAE,GACH;AAIJb,EAAW,cAAc;ACRlB,MAAMC,IAAmB,CAAC;AAAA,EAC/B,UAAAY;AAAA,EACA,GAAGF;AACL,MACS,gBAAAK,EAACE,GAAA,EAAsB,GAAGP,GAAQ,UAAAE,EAAA,CAAS;AAGpDZ,EAAiB,cAAc;ACPxB,MAAME,IAAe,CAAC,EAAE,UAAAU,GAAU,GAAGF,QACnC,gBAAAK,EAACG,GAAA,EAAkB,GAAGR,GAAQ,UAAAE,EAAA,CAAS;AAGhDV,EAAa,cAAc;ACN3B,MAAAiB,IAAe,EAAE,SAAS,UAAA,GCA1BC,IAAe,EAAE,SAAS,YAAA,GCA1BC,IAAe,EAAE,SAAS,WAAA,GCA1BC,IAAe,EAAE,SAAS,SAAA,GCA1BC,IAAe,EAAE,SAAS,YAAA,GCiBbC,IAAkE;AAAA,EAC7E,IAAI,gBAAAC,EAAkBN,CAAgB;AAAA,EACtC,IAAI,gBAAAM,EAAkBL,CAAgB;AAAA,EACtC,IAAI,gBAAAK,EAAkBJ,CAAgB;AAAA,EACtC,SAAS,gBAAAI,EAAkBH,CAAgB;AAAA,EAC3C,SAAS,gBAAAG,EAAkBF,CAAgB;AAC7C,GCjBapB,IAAqB,CAAC,EAAE,GAAGO,QAAqC;AAC3E,QAAMgB,IAAMC,EAA4BH,CAAoB;AAE5D,2BACGI,GAAA,EACC,UAAA,gBAAAb;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,cAAYH,EAAI,OAAO,SAAS;AAAA,MAC/B,GAAGhB;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MAEL,UAAA,gBAAAK,EAACe,GAAA,EAAM,MAAK,MAAA,CAAM;AAAA,IAAA;AAAA,EAAA,GAEtB;AAEJ;AAEA3B,EAAmB,cAAc;ACN1B,MAAM4B,IAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAenB,MAAMjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeP,aAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBb,SAASE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBT,eAAeC;AACjB;"}

package/dist/chunks/avatar-1Y7cLjZT.es.js

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

package/dist/chunks/avatar-1Y7cLjZT.es.js.map

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

package/dist/chunks/avatar-BVQ91Ccd.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const g=require("react/jsx-runtime"),u=require("react"),$=require("@chakra-ui/react"),z=require("./avatar.recipe-XvknqPJq.cjs.js"),e=require("./normalize-messages-CaDzkuUm.cjs.js"),A=require("./image-CGOYoc2s.cjs.js"),{withContext:I}=$.createRecipeContext({recipe:z.avatarRecipe}),R=I("figure"),q={avatarLabel:a=>`Avatar image for ${a.fullName}`},S={avatarLabel:a=>`Avatarbild für ${a.fullName}`},_={avatarLabel:a=>`Imagen de avatar para ${a.fullName}`},h={avatarLabel:a=>`Image d'avatar pour ${a.fullName}`},x={avatarLabel:a=>`Avatar para ${a.fullName}`},C={en:e.normalizeMessages(q),de:e.normalizeMessages(S),es:e.normalizeMessages(_),"fr-FR":e.normalizeMessages(h),"pt-BR":e.normalizeMessages(x)};function j(a,s){return a.split("")[0].toUpperCase()+s.split("")[0].toUpperCase()}const v=a=>{const s=e.useLocalizedStringFormatter(C),{ref:f,firstName:r,lastName:o,src:t,alt:p,...d}=a,[n,l]=u.useState(!1),[i,c]=u.useState(!1),m=`${r} ${o}`,b={"aria-label":s.format("avatarLabel",{fullName:m}),ref:f,...d},L=()=>{l(!0),c(!1)},M=()=>{l(!1),c(!0)},N=!t||!n||i;return g.jsxs(R,{...b,children:[N?j(r,o):null,t&&g.jsx(A.Image,{src:t,alt:p||m,onLoad:L,onError:M,display:n&&!i?"block":"none"})]})};v.displayName="Avatar";exports.Avatar=v;
+//# sourceMappingURL=avatar-BVQ91Ccd.cjs.js.map

package/dist/chunks/avatar-BVQ91Ccd.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BVQ91Ccd.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/intl/en.ts","../../src/components/avatar/intl/de.ts","../../src/components/avatar/intl/es.ts","../../src/components/avatar/intl/fr-FR.ts","../../src/components/avatar/intl/pt-BR.ts","../../src/components/avatar/avatar.messages.ts","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n  \"figure\"\n);\n","/**\n * Pre-compiled en messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar image for ${args.fullName}`,\n};\n","/**\n * Pre-compiled de messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatarbild für ${args.fullName}`,\n};\n","/**\n * Pre-compiled es messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Imagen de avatar para ${args.fullName}`,\n};\n","/**\n * Pre-compiled fr-FR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Image d'avatar pour ${args.fullName}`,\n};\n","/**\n * Pre-compiled pt-BR messages for Avatar\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  avatarLabel: (args: Record<string, string | number>) =>\n    `Avatar para ${args.fullName}`,\n};\n","/**\n * Pre-compiled localized messages for Avatar component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport avatarMessages_en from \"./intl/en\";\nimport avatarMessages_de from \"./intl/de\";\nimport avatarMessages_es from \"./intl/es\";\nimport avatarMessages_fr from \"./intl/fr-FR\";\nimport avatarMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const avatarMessagesStrings: LocalizedStrings<string, LocalizedString> =\n  {\n    en: normalizeMessages(avatarMessages_en),\n    de: normalizeMessages(avatarMessages_de),\n    es: normalizeMessages(avatarMessages_es),\n    \"fr-FR\": normalizeMessages(avatarMessages_fr),\n    \"pt-BR\": normalizeMessages(avatarMessages_pt),\n  } as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Avatar component\n */\nexport type AvatarMessageKey = \"avatarLabel\";\n","import { useState } from \"react\";\nimport { Image } from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { avatarMessagesStrings } from \"./avatar.messages\";\n\nfunction getInitials(firstName: string, lastName: string) {\n  return (\n    firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n  );\n}\n\n/**\n * Avatar\n * ============================================================\n * A small image or icon that identifies and personalizes the user within the interface.\n * Displays user images or automatically generates initials from first and last names.\n * Falls back to initials if image fails to load.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/avatar}\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <Avatar firstName=\"John\" lastName=\"Doe\" src=\"https://example.com/avatar.jpg\" />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar firstName=\"Jane\" lastName=\"Smith\" />\n * ```\n */\nexport const Avatar = (props: AvatarProps) => {\n  const msg = useLocalizedStringFormatter(avatarMessagesStrings);\n  const { ref, firstName, lastName, src, alt, ...rest } = props;\n  const [imageLoaded, setImageLoaded] = useState(false);\n  const [imageError, setImageError] = useState(false);\n\n  const fullName = `${firstName} ${lastName}`;\n\n  const avatarLabel = msg.format(\"avatarLabel\", {\n    fullName,\n  });\n\n  const sharedProps = {\n    \"aria-label\": avatarLabel,\n    ref,\n    ...rest,\n  };\n\n  const onLoad = () => {\n    setImageLoaded(true);\n    setImageError(false);\n  };\n\n  const onError = () => {\n    setImageLoaded(false);\n    setImageError(true);\n  };\n\n  // Show initials if no src provided, image hasn't loaded yet, or image failed\n  const shouldShowInitials = !src || !imageLoaded || imageError;\n\n  return (\n    <AvatarRoot {...sharedProps}>\n      {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n      {src && (\n        <Image\n          src={src}\n          alt={alt || fullName}\n          onLoad={onLoad}\n          onError={onError}\n          display={imageLoaded && !imageError ? \"block\" : \"none\"}\n        />\n      )}\n    </AvatarRoot>\n  );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","avatarRecipe","AvatarRoot","avatarMessages_en","args","avatarMessages_de","avatarMessages_es","avatarMessages_fr","avatarMessages_pt","avatarMessagesStrings","normalizeMessages","getInitials","firstName","lastName","Avatar","props","msg","useLocalizedStringFormatter","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","shouldShowInitials","jsxs","jsx","Image"],"mappings":"uOAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,aAAc,EAEvDC,EAAaH,EACxB,QACF,ECFAI,EAAe,CACb,YAAcC,GACZ,oBAAoBA,EAAK,QAAQ,EACrC,ECHAC,EAAe,CACb,YAAcD,GACZ,kBAAkBA,EAAK,QAAQ,EACnC,ECHAE,EAAe,CACb,YAAcF,GACZ,yBAAyBA,EAAK,QAAQ,EAC1C,ECHAG,EAAe,CACb,YAAcH,GACZ,uBAAuBA,EAAK,QAAQ,EACxC,ECHAI,EAAe,CACb,YAAcJ,GACZ,eAAeA,EAAK,QAAQ,EAChC,ECcaK,EACX,CACE,GAAIC,EAAAA,kBAAkBP,CAAiB,EACvC,GAAIO,EAAAA,kBAAkBL,CAAiB,EACvC,GAAIK,EAAAA,kBAAkBJ,CAAiB,EACvC,QAASI,EAAAA,kBAAkBH,CAAiB,EAC5C,QAASG,EAAAA,kBAAkBF,CAAiB,CAC9C,ECvBF,SAASG,EAAYC,EAAmBC,EAAkB,CACxD,OACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,cAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA,CAEjE,CAwBO,MAAMC,EAAUC,GAAuB,CAC5C,MAAMC,EAAMC,EAAAA,4BAA4BR,CAAqB,EACvD,CAAE,IAAAS,EAAK,UAAAN,EAAW,SAAAC,EAAU,IAAAM,EAAK,IAAAC,EAAK,GAAGC,GAASN,EAClD,CAACO,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,EAAW,GAAGf,CAAS,IAAIC,CAAQ,GAMnCe,EAAc,CAClB,aALkBZ,EAAI,OAAO,cAAe,CAC5C,SAAAW,CAAA,CACD,EAIC,IAAAT,EACA,GAAGG,CAAA,EAGCQ,EAAS,IAAM,CACnBN,EAAe,EAAI,EACnBG,EAAc,EAAK,CACrB,EAEMI,EAAU,IAAM,CACpBP,EAAe,EAAK,EACpBG,EAAc,EAAI,CACpB,EAGMK,EAAqB,CAACZ,GAAO,CAACG,GAAeG,EAEnD,OACEO,EAAAA,KAAC9B,EAAA,CAAY,GAAG0B,EACb,SAAA,CAAAG,EAAqBpB,EAAYC,EAAWC,CAAQ,EAAI,KAExDM,GACCc,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAf,EACA,IAAKC,GAAOO,EACZ,OAAAE,EACA,QAAAC,EACA,QAASR,GAAe,CAACG,EAAa,QAAU,MAAA,CAAA,CAClD,EAEJ,CAEJ,EAEAX,EAAO,YAAc"}

package/dist/chunks/box-CWni3A32.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"box-CWni3A32.cjs.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":"oIAeaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,IAAA,CAAU,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC7C,EAEAH,EAAI,YAAc"}
+{"version":3,"file":"box-CWni3A32.cjs.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n *\n * @supportsStyleProps\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":"oIAiBaA,EAAOC,GAAoB,CACtC,KAAM,CAAE,IAAAC,EAAK,GAAGC,CAAA,EAAcF,EAC9B,OAAOG,EAAAA,IAACC,EAAAA,IAAA,CAAU,IAAAH,EAAW,GAAGC,CAAA,CAAW,CAC7C,EAEAH,EAAI,YAAc"}

package/dist/chunks/box-DuBoAZvq.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"box-DuBoAZvq.es.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":";;;AAeO,MAAMA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAU,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC7C;AAEAH,EAAI,cAAc;"}
+{"version":3,"file":"box-DuBoAZvq.es.js","sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { type HTMLChakraProps } from \"@chakra-ui/react/styled-system\";\nimport { Box as ChakraBox } from \"@chakra-ui/react/box\";\n\nexport type BoxProps = HTMLChakraProps<\"div\"> & {\n  children?: React.ReactNode;\n  ref?: React.Ref<HTMLDivElement>;\n};\n\n/**\n * # Box\n *\n * A basic layout component that serves as a wrapper or container.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/layout/box}\n *\n * @supportsStyleProps\n */\nexport const Box = (props: BoxProps) => {\n  const { ref, ...restProps } = props;\n  return <ChakraBox ref={ref} {...restProps} />;\n};\n\nBox.displayName = \"Box\";\n"],"names":["Box","props","ref","restProps","jsx","ChakraBox"],"mappings":";;;AAiBO,MAAMA,IAAM,CAACC,MAAoB;AACtC,QAAM,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAcF;AAC9B,SAAO,gBAAAG,EAACC,GAAA,EAAU,KAAAH,GAAW,GAAGC,EAAA,CAAW;AAC7C;AAEAH,EAAI,cAAc;"}

package/dist/chunks/{button-DF_RV6pd.cjs.js → button-Bz1hc0LL.cjs.js}

@@ -1,2 +1,2 @@
-"use strict";const x=require("react/jsx-runtime"),R=require("react"),i=require("./Button-DLCecw8f.cjs.js"),q=require("./utils-DVb3jcp5.cjs.js"),d=require("@chakra-ui/react"),m=require("./toggle-button-group.recipe-COF-yHYR.cjs.js"),P=require("./emotion-is-prop-valid.esm-ux_11lix.cjs.js"),B=require("./index-DzRjEtIu.cjs.js"),g=require("./useObjectRef-4v2MxSjQ.cjs.js"),h=require("./mergeProps-CxnHrnow.cjs.js"),y=require("./useButton-BwsmYrml.cjs.js"),{withContext:C}=d.createRecipeContext({recipe:m.buttonRecipe}),j=C("button",{defaultProps:{type:"button"},shouldForwardProp(e,o){const t=!o?.includes(e)&&!B.system.isValidProperty(e);return P.isPropValid(e)&&t&&!e.includes("onPress")}}),a=e=>{const{ref:o,as:t,asChild:n,children:u,...b}=e,f=R.useRef(null),l=g.$df56164dff5785e2$export$4338b53315abf666(d.mergeRefs(f,o)),[s,c]=q.$64fa3d84918910a7$export$29f1550f4b0d4415(b,l,i.$d2b4bc8c273e7be6$export$24d547caef80ccd1),$=t||(n?"a":"button"),{buttonProps:p}=y.$701a24aa0da5b062$export$ea18c227d4417cc3({...s,elementType:$},c),r=h.$3ef42575df84b30b$export$9d1611c77c2fe928(s,p,{as:t,asChild:n,slot:s.slot||void 0});return x.jsx(j,{ref:c,...r,"aria-disabled":r.isDisabled||void 0,"data-disabled":r.isDisabled||void 0,children:u})};a.displayName="Button";const v=Object.assign(a,{Context:i.$d2b4bc8c273e7be6$export$24d547caef80ccd1});exports.Button=v;
-//# sourceMappingURL=button-DF_RV6pd.cjs.js.map
+"use strict";const x=require("react/jsx-runtime"),R=require("react"),i=require("./Button-DLCecw8f.cjs.js"),q=require("./utils-DVb3jcp5.cjs.js"),d=require("@chakra-ui/react"),m=require("./toggle-button-group.recipe-COF-yHYR.cjs.js"),P=require("./emotion-is-prop-valid.esm-ux_11lix.cjs.js"),B=require("./index-CBRmb4jF.cjs.js"),g=require("./useObjectRef-4v2MxSjQ.cjs.js"),h=require("./mergeProps-CxnHrnow.cjs.js"),y=require("./useButton-BwsmYrml.cjs.js"),{withContext:C}=d.createRecipeContext({recipe:m.buttonRecipe}),j=C("button",{defaultProps:{type:"button"},shouldForwardProp(e,o){const t=!o?.includes(e)&&!B.system.isValidProperty(e);return P.isPropValid(e)&&t&&!e.includes("onPress")}}),a=e=>{const{ref:o,as:t,asChild:n,children:u,...b}=e,f=R.useRef(null),l=g.$df56164dff5785e2$export$4338b53315abf666(d.mergeRefs(f,o)),[s,c]=q.$64fa3d84918910a7$export$29f1550f4b0d4415(b,l,i.$d2b4bc8c273e7be6$export$24d547caef80ccd1),$=t||(n?"a":"button"),{buttonProps:p}=y.$701a24aa0da5b062$export$ea18c227d4417cc3({...s,elementType:$},c),r=h.$3ef42575df84b30b$export$9d1611c77c2fe928(s,p,{as:t,asChild:n,slot:s.slot||void 0});return x.jsx(j,{ref:c,...r,"aria-disabled":r.isDisabled||void 0,"data-disabled":r.isDisabled||void 0,children:u})};a.displayName="Button";const v=Object.assign(a,{Context:i.$d2b4bc8c273e7be6$export$24d547caef80ccd1});exports.Button=v;
+//# sourceMappingURL=button-Bz1hc0LL.cjs.js.map

package/dist/chunks/{button-DF_RV6pd.cjs.js.map → button-Bz1hc0LL.cjs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-DF_RV6pd.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\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    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  const componentProps = mergeProps(contextProps, buttonProps, {\n    as,\n    asChild,\n    /**\n     * In case `slot` was null, the `useContextProps` hook already\n     * processed it at this point, so it's safe to not attach it\n     * to the DOM element\n     */\n    slot: contextProps.slot || undefined,\n  });\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx","Button"],"mappings":"qcAMM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,YACV,CAAC,EAMYC,EAAaH,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CAAA,CAEJ,ECbMK,EAAmBC,GAAuB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAMIC,EAAcb,IAAOC,EAAU,IAAM,UAErC,CAAE,YAAAa,GAAgBC,EAAAA,0CACtB,CACE,GAAGN,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGIM,EAAiBC,EAAAA,0CAAWR,EAAcK,EAAa,CAC3D,GAAAd,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EAED,OACES,EAAAA,IAAC3B,EAAA,CACC,IAAKmB,EACJ,GAAGM,EACJ,gBAAeA,EAAe,YAAc,OAC5C,gBAAeA,EAAe,YAAc,OAE3C,SAAAd,CAAA,CAAA,CAGP,EAGAL,EAAgB,YAAc,SASvB,MAAMsB,EAcT,OAAO,OAAOtB,EAAiB,CACjC,QAASe,EAAAA,yCACX,CAAC"}
+{"version":3,"file":"button-Bz1hc0LL.cjs.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\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    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  const componentProps = mergeProps(contextProps, buttonProps, {\n    as,\n    asChild,\n    /**\n     * In case `slot` was null, the `useContextProps` hook already\n     * processed it at this point, so it's safe to not attach it\n     * to the DOM element\n     */\n    slot: contextProps.slot || undefined,\n  });\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx","Button"],"mappings":"qcAMM,CAAE,YAAAA,CAAA,EAAgBC,sBAAoB,CAC1C,OAAQC,EAAAA,YACV,CAAC,EAMYC,EAAaH,EACxB,SACA,CACE,aAAc,CACZ,KAAM,QAAA,EAGR,kBAAkBI,EAAMC,EAAa,CACnC,MAAMC,EACJ,CAACD,GAAa,SAASD,CAAI,GAAK,CAACG,EAAAA,OAAO,gBAAgBH,CAAI,EAC9D,OAAOI,EAAAA,YAAkBJ,CAAI,GAAKE,GAAa,CAACF,EAAK,SAAS,SAAS,CACzE,CAAA,CAEJ,ECbMK,EAAmBC,GAAuB,CAC9C,KAAM,CAAE,IAAKC,EAAc,GAAAC,EAAI,QAAAC,EAAS,SAAAC,EAAU,GAAGC,GAASL,EAGxDM,EAAWC,EAAAA,OAA0B,IAAI,EAEzCC,EAAUC,EAAAA,0CAAaC,EAAAA,UAAUJ,EAAUL,CAAY,CAAC,EAGxD,CAACU,EAAcC,CAAU,EAAIC,EAAAA,0CACjCR,EACAG,EACAM,EAAAA,yCAAA,EAMIC,EAAcb,IAAOC,EAAU,IAAM,UAErC,CAAE,YAAAa,GAAgBC,EAAAA,0CACtB,CACE,GAAGN,EACH,YAAAI,CAAA,EAEFH,CAAA,EAGIM,EAAiBC,EAAAA,0CAAWR,EAAcK,EAAa,CAC3D,GAAAd,EACA,QAAAC,EAMA,KAAMQ,EAAa,MAAQ,MAAA,CAC5B,EAED,OACES,EAAAA,IAAC3B,EAAA,CACC,IAAKmB,EACJ,GAAGM,EACJ,gBAAeA,EAAe,YAAc,OAC5C,gBAAeA,EAAe,YAAc,OAE3C,SAAAd,CAAA,CAAA,CAGP,EAGAL,EAAgB,YAAc,SASvB,MAAMsB,EAcT,OAAO,OAAOtB,EAAiB,CACjC,QAASe,EAAAA,yCACX,CAAC"}

package/dist/chunks/{button-czddlTvJ.es.js → button-CANeXX_D.es.js}

@@ -5,7 +5,7 @@ import { $ as x } from "./utils-B6pV5ewr.es.js";
 import { createRecipeContext as R, mergeRefs as P } from "@chakra-ui/react";
 import { b as h } from "./toggle-button-group.recipe-Cl3PTeGf.es.js";
 import { i as y } from "./emotion-is-prop-valid.esm-BUuA3iy8.es.js";
-import { s as B } from "./index-BEgCT-l6.es.js";
+import { s as B } from "./index-D3KlpJA5.es.js";
 import { $ as C } from "./useObjectRef-CaJ5pgjX.es.js";
 import { $ as v } from "./mergeProps-Dsl8k3Ig.es.js";
 import { $ as w } from "./useButton-CiPiehgC.es.js";
@@ -62,4 +62,4 @@ const E = /* @__PURE__ */ Object.assign(c, {
 export {
   E as B
 };
-//# sourceMappingURL=button-czddlTvJ.es.js.map
+//# sourceMappingURL=button-CANeXX_D.es.js.map

package/dist/chunks/{button-czddlTvJ.es.js.map → button-CANeXX_D.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-czddlTvJ.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\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    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  const componentProps = mergeProps(contextProps, buttonProps, {\n    as,\n    asChild,\n    /**\n     * In case `slot` was null, the `useContextProps` hook already\n     * processed it at this point, so it's safe to not attach it\n     * to the DOM element\n     */\n    slot: contextProps.slot || undefined,\n  });\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx","Button"],"mappings":";;;;;;;;;;;AAMA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,kBAAkBI,GAAMC,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,aAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,IACzE;AAAA,EAAA;AAEJ,GCbMK,IAAkB,CAACC,MAAuB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAMIC,IAAcb,MAAOC,IAAU,MAAM,WAErC,EAAE,aAAAa,MAAgBC;AAAAA,IACtB;AAAA,MACE,GAAGN;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA,GAGIM,IAAiBC,EAAWR,GAAcK,GAAa;AAAA,IAC3D,IAAAd;AAAA,IACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAMQ,EAAa,QAAQ;AAAA,EAAA,CAC5B;AAED,SACE,gBAAAS;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,KAAKmB;AAAA,MACJ,GAAGM;AAAA,MACJ,iBAAeA,EAAe,cAAc;AAAA,MAC5C,iBAAeA,EAAe,cAAc;AAAA,MAE3C,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAgB,cAAc;AASvB,MAAMsB,IAcT,uBAAO,OAAOtB,GAAiB;AAAA,EACjC,SAASe;AACX,CAAC;"}
+{"version":3,"file":"button-CANeXX_D.es.js","sources":["../../src/components/button/button.slots.tsx","../../src/components/button/button.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { buttonRecipe } from \"./button.recipe\";\nimport shouldForwardProp from \"@emotion/is-prop-valid\";\nimport { system } from \"@/theme\";\nimport type { ButtonRootSlotProps } from \"./button.types\";\n\nconst { withContext } = createRecipeContext({\n  recipe: buttonRecipe,\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    /** make sure the `onPress` properties won't end up as attribute on the rendered DOM element */\n    shouldForwardProp(prop, variantKeys) {\n      const chakraSfp =\n        !variantKeys?.includes(prop) && !system.isValidProperty(prop);\n      return shouldForwardProp(prop) && chakraSfp && !prop.includes(\"onPress\");\n    },\n  }\n);\n","import { useRef } from \"react\";\nimport { useButton, useObjectRef, mergeProps } from \"react-aria\";\nimport { ButtonContext, useContextProps } from \"react-aria-components\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { ButtonRoot } from \"./button.slots.tsx\";\nimport type { ButtonProps } from \"./button.types.ts\";\n\n/**\n * # Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nconst ButtonComponent = (props: ButtonProps) => {\n  const { ref: forwardedRef, as, asChild, children, ...rest } = props;\n\n  // create a local ref (because the consumer may not provide a forwardedRef)\n  const localRef = useRef<HTMLButtonElement>(null);\n  // merge the local ref with a potentially forwarded ref\n  const baseRef = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  // Consume context props based on slot (this enables slot-aware behavior)\n  const [contextProps, contextRef] = useContextProps(\n    rest,\n    baseRef,\n    ButtonContext\n  );\n\n  // if asChild is set, for react-aria to add the button-role, the elementType\n  // has to be manually set to something else than button\n\n  const elementType = as || (asChild ? \"a\" : \"button\") || \"button\";\n\n  const { buttonProps } = useButton(\n    {\n      ...contextProps,\n      elementType,\n    },\n    contextRef\n  );\n\n  const componentProps = mergeProps(contextProps, buttonProps, {\n    as,\n    asChild,\n    /**\n     * In case `slot` was null, the `useContextProps` hook already\n     * processed it at this point, so it's safe to not attach it\n     * to the DOM element\n     */\n    slot: contextProps.slot || undefined,\n  });\n\n  return (\n    <ButtonRoot\n      ref={contextRef}\n      {...componentProps}\n      aria-disabled={componentProps.isDisabled || undefined}\n      data-disabled={componentProps.isDisabled || undefined}\n    >\n      {children}\n    </ButtonRoot>\n  );\n};\n\n// Manually assign a displayName for debugging purposes\nButtonComponent.displayName = \"Button\";\n\n/**\n * ### Button\n *\n * Displays a Button.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/inputs/button}\n */\nexport const Button: typeof ButtonComponent & {\n  // TypeScript can't properly name the internal React Aria types when inferring\n  // Button.Context, so we explicitly type it using typeof and Object.assign\n  /**\n   * ### Button.Context\n   *\n   * Re-exports React-Aria's `ButtonContext`\n   *\n   * For advanced use cases, **you generally will not need this**\n   *\n   * @see {@link https://react-spectrum.adobe.com/react-aria/advanced.html#contexts}\n   * @see {@link https://react-spectrum.adobe.com/react-aria/Button.html#contexts}\n   */\n  Context: typeof ButtonContext;\n} = Object.assign(ButtonComponent, {\n  Context: ButtonContext,\n});\n"],"names":["withContext","createRecipeContext","buttonRecipe","ButtonRoot","prop","variantKeys","chakraSfp","system","shouldForwardProp","ButtonComponent","props","forwardedRef","as","asChild","children","rest","localRef","useRef","baseRef","useObjectRef","mergeRefs","contextProps","contextRef","useContextProps","ButtonContext","elementType","buttonProps","useButton","componentProps","mergeProps","jsx","Button"],"mappings":";;;;;;;;;;;AAMA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB;AAAA,EAC1C,QAAQC;AACV,CAAC,GAMYC,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AAAA,IACE,cAAc;AAAA,MACZ,MAAM;AAAA,IAAA;AAAA;AAAA,IAGR,kBAAkBI,GAAMC,GAAa;AACnC,YAAMC,IACJ,CAACD,GAAa,SAASD,CAAI,KAAK,CAACG,EAAO,gBAAgBH,CAAI;AAC9D,aAAOI,EAAkBJ,CAAI,KAAKE,KAAa,CAACF,EAAK,SAAS,SAAS;AAAA,IACzE;AAAA,EAAA;AAEJ,GCbMK,IAAkB,CAACC,MAAuB;AAC9C,QAAM,EAAE,KAAKC,GAAc,IAAAC,GAAI,SAAAC,GAAS,UAAAC,GAAU,GAAGC,MAASL,GAGxDM,IAAWC,EAA0B,IAAI,GAEzCC,IAAUC,EAAaC,EAAUJ,GAAUL,CAAY,CAAC,GAGxD,CAACU,GAAcC,CAAU,IAAIC;AAAAA,IACjCR;AAAA,IACAG;AAAA,IACAM;AAAAA,EAAA,GAMIC,IAAcb,MAAOC,IAAU,MAAM,WAErC,EAAE,aAAAa,MAAgBC;AAAAA,IACtB;AAAA,MACE,GAAGN;AAAA,MACH,aAAAI;AAAA,IAAA;AAAA,IAEFH;AAAA,EAAA,GAGIM,IAAiBC,EAAWR,GAAcK,GAAa;AAAA,IAC3D,IAAAd;AAAA,IACA,SAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,MAAMQ,EAAa,QAAQ;AAAA,EAAA,CAC5B;AAED,SACE,gBAAAS;AAAA,IAAC3B;AAAA,IAAA;AAAA,MACC,KAAKmB;AAAA,MACJ,GAAGM;AAAA,MACJ,iBAAeA,EAAe,cAAc;AAAA,MAC5C,iBAAeA,EAAe,cAAc;AAAA,MAE3C,UAAAd;AAAA,IAAA;AAAA,EAAA;AAGP;AAGAL,EAAgB,cAAc;AASvB,MAAMsB,IAcT,uBAAO,OAAOtB,GAAiB;AAAA,EACjC,SAASe;AACX,CAAC;"}

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

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