@commercetools/nimbus 2.1.0 → 2.2.0

package/dist/chunks/alert-DCgWOaY2.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-CosIm3oY.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-DCgWOaY2.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-DCgWOaY2.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":"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"}

package/dist/chunks/alert-pPmN9CXZ.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),A=require("@chakra-ui/react"),i=require("@commercetools/nimbus-icons"),g=require("./icon-button-CeB8_Yyr.cjs.js"),r=require("./normalize-messages-CaDzkuUm.cjs.js"),{withProvider:p,withContext:n}=A.createSlotRecipeContext({key:"alert"}),x=p("div","root"),j=n("div","title"),D=n("div","description"),h=n("div","icon"),M=n("div","actions"),f=n("div","dismissButton"),v=e=>{switch(e){case"critical":return s.jsx(i.ErrorOutline,{});case"info":return s.jsx(i.Info,{});case"warning":return s.jsx(i.WarningAmber,{});case"positive":return s.jsx(i.CheckCircleOutline,{});default:return null}},o=e=>{const{ref:t,children:d,...u}=e;return s.jsxs(x,{ref:t,...u,role:"alert",children:[s.jsx(h,{alignItems:"flex-start",children:v(u.colorPalette)}),d]})};o.displayName="Alert.Root";const l=({children:e,...t})=>s.jsx(j,{...t,fontWeight:"600",children:e});l.displayName="Alert.Title";const c=({children:e,...t})=>s.jsx(D,{...t,children:e});c.displayName="Alert.Description";const a=({children:e,...t})=>s.jsx(M,{...t,children:e});a.displayName="Alert.Actions";const B={dismiss:"Dismiss"},R={dismiss:"Verwerfen"},z={dismiss:"Desechar"},y={dismiss:"Fermer"},C={dismiss:"Dispensar"},I={en:r.normalizeMessages(B),de:r.normalizeMessages(R),es:r.normalizeMessages(z),"fr-FR":r.normalizeMessages(y),"pt-BR":r.normalizeMessages(C)},m=({...e})=>{const t=r.useLocalizedStringFormatter(I);return s.jsx(f,{children:s.jsx(g.IconButton,{"aria-label":t.format("dismiss"),...e,variant:"ghost",size:"2xs",children:s.jsx(i.Clear,{role:"img"})})})};m.displayName="Alert.DismissButton";const q={Root:o,Title:l,Description:c,Actions:a,DismissButton:m};exports.Alert=q;exports.AlertActions=a;exports.AlertDescription=c;exports.AlertDismissButton=m;exports.AlertRoot=o;exports.AlertTitle=l;
+//# sourceMappingURL=alert-pPmN9CXZ.cjs.js.map

package/dist/chunks/alert-pPmN9CXZ.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-pPmN9CXZ.cjs.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":"sNAUM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,OACP,CAAC,EAEYC,EAAYH,EACvB,MACA,MACF,EAEaI,EAAaH,EACxB,MACA,OACF,EAEaI,EAAmBJ,EAG9B,MAAO,aAAa,EAETK,EAAYL,EACvB,MACA,MACF,EAEaM,EAAeN,EAC1B,MACA,SACF,EAIaO,EAAqBP,EAGhC,MAAO,eAAe,ECnClBQ,EAA2BC,GAA6C,CAC5E,OAAQA,EAAA,CACN,IAAK,WACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,OACH,aAAQC,EAAAA,KAAA,EAAK,EACf,IAAK,UACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,WACH,aAAQC,EAAAA,mBAAA,EAAmB,EAC7B,QACE,OAAO,IAAA,CAEb,EAOaX,EAAiCY,GAAU,CACtD,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAAcH,EAExC,cACGI,EAAA,CAAc,IAAAH,EAAW,GAAGE,EAAW,KAAK,QAC3C,SAAA,CAAAE,MAACd,GAAU,WAAW,aACnB,SAAAG,EAAwBS,EAAU,YAAY,EACjD,EACCD,CAAA,EACH,CAEJ,EAEAd,EAAU,YAAc,aClCjB,MAAMC,EAAa,CAAC,CAAE,SAAAa,EAAU,GAAGF,WAErCM,EAAA,CAAgB,GAAGN,EAAO,WAAW,MACnC,SAAAE,EACH,EAIJb,EAAW,YAAc,cCRlB,MAAMC,EAAmB,CAAC,CAC/B,SAAAY,EACA,GAAGF,CACL,IACSK,EAAAA,IAACE,EAAA,CAAsB,GAAGP,EAAQ,SAAAE,CAAA,CAAS,EAGpDZ,EAAiB,YAAc,oBCPxB,MAAME,EAAe,CAAC,CAAE,SAAAU,EAAU,GAAGF,KACnCK,EAAAA,IAACG,EAAA,CAAkB,GAAGR,EAAQ,SAAAE,CAAA,CAAS,EAGhDV,EAAa,YAAc,gBCN3B,MAAAiB,EAAe,CAAE,QAAS,SAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECA1BC,EAAe,CAAE,QAAS,UAAA,ECA1BC,EAAe,CAAE,QAAS,QAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECiBbC,EAAkE,CAC7E,GAAIC,EAAAA,kBAAkBN,CAAgB,EACtC,GAAIM,EAAAA,kBAAkBL,CAAgB,EACtC,GAAIK,EAAAA,kBAAkBJ,CAAgB,EACtC,QAASI,EAAAA,kBAAkBH,CAAgB,EAC3C,QAASG,EAAAA,kBAAkBF,CAAgB,CAC7C,ECjBapB,EAAqB,CAAC,CAAE,GAAGO,KAAqC,CAC3E,MAAMgB,EAAMC,EAAAA,4BAA4BH,CAAoB,EAE5D,aACGI,EAAA,CACC,SAAAb,EAAAA,IAACc,EAAAA,WAAA,CACC,aAAYH,EAAI,OAAO,SAAS,EAC/B,GAAGhB,EACJ,QAAQ,QACR,KAAK,MAEL,SAAAK,EAAAA,IAACe,EAAAA,MAAA,CAAM,KAAK,KAAA,CAAM,CAAA,CAAA,EAEtB,CAEJ,EAEA3B,EAAmB,YAAc,sBCN1B,MAAM4B,EAAQ,CAenB,KAAMjC,EAcN,MAAOC,EAeP,YAAaC,EAkBb,QAASE,EAgBT,cAAeC,CACjB"}

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-czddlTvJ.es.js → button-BEJnxXsL.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-C2qW4ynb.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-BEJnxXsL.es.js.map

package/dist/chunks/{button-czddlTvJ.es.js.map → button-BEJnxXsL.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-BEJnxXsL.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/{button-DF_RV6pd.cjs.js → button-BR4fvcmi.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-CVXB9mwf.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-BR4fvcmi.cjs.js.map

package/dist/chunks/{button-DF_RV6pd.cjs.js.map → button-BR4fvcmi.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-BR4fvcmi.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/calendar-B01Vti5k.cjs.js

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

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

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