@commercetools/nimbus 2.1.0 → 2.2.0

package/dist/chunks/TextArea-2QJpeMJq.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const n=require("./utils-DVb3jcp5.cjs.js"),r=require("react"),l=require("./useHover-xrdh1GG9.cjs.js"),v=require("./useFocusRing-B7_ogYbr.cjs.js"),b=require("./mergeProps-CxnHrnow.cjs.js"),f=r.createContext({});let x=t=>{let{onHoverStart:e,onHoverChange:d,onHoverEnd:o,...a}=t;return a};const H=r.forwardRef(function(e,d){[e,d]=n.$64fa3d84918910a7$export$29f1550f4b0d4415(e,d,f);let{hoverProps:o,isHovered:a}=l.$6179b936705e76d3$export$ae780daf29e6d456(e),{isFocused:i,isFocusVisible:s,focusProps:u}=v.$f7dceffc5ad7768b$export$4e328f61c538687f({isTextInput:!0,autoFocus:e.autoFocus}),c=!!e["aria-invalid"]&&e["aria-invalid"]!=="false",$=n.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:{isHovered:a,isFocused:i,isFocusVisible:s,isDisabled:e.disabled||!1,isInvalid:c},defaultClassName:"react-aria-TextArea"});return r.createElement("textarea",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(x(e),u,o),...$,ref:d,"data-focused":i||void 0,"data-disabled":e.disabled||void 0,"data-hovered":a||void 0,"data-focus-visible":s||void 0,"data-invalid":c||void 0})});exports.$216918bed6669f72$export$2dc6166a7e65358c=f;exports.$216918bed6669f72$export$f5c9f3c2c4054eec=H;
-//# sourceMappingURL=TextArea-2QJpeMJq.cjs.js.map

package/dist/chunks/TextArea-2QJpeMJq.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea-2QJpeMJq.cjs.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/TextArea.mjs"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useHover as $9Usiy$useHover, useFocusRing as $9Usiy$useFocusRing, mergeProps as $9Usiy$mergeProps} from \"react-aria\";\nimport $9Usiy$react, {createContext as $9Usiy$createContext, forwardRef as $9Usiy$forwardRef} from \"react\";\n\n\n\n\nconst $216918bed6669f72$export$2dc6166a7e65358c = /*#__PURE__*/ (0, $9Usiy$createContext)({});\nlet $216918bed6669f72$var$filterHoverProps = (props)=>{\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;\n    return otherProps;\n};\nconst $216918bed6669f72$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $9Usiy$forwardRef)(function TextArea(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $216918bed6669f72$export$2dc6166a7e65358c);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $9Usiy$useHover)(props);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $9Usiy$useFocusRing)({\n        isTextInput: true,\n        autoFocus: props.autoFocus\n    });\n    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: props.disabled || false,\n            isInvalid: isInvalid\n        },\n        defaultClassName: 'react-aria-TextArea'\n    });\n    return /*#__PURE__*/ (0, $9Usiy$react).createElement(\"textarea\", {\n        ...(0, $9Usiy$mergeProps)($216918bed6669f72$var$filterHoverProps(props), focusProps, hoverProps),\n        ...renderProps,\n        ref: ref,\n        \"data-focused\": isFocused || undefined,\n        \"data-disabled\": props.disabled || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-invalid\": isInvalid || undefined\n    });\n});\n\n\nexport {$216918bed6669f72$export$2dc6166a7e65358c as TextAreaContext, $216918bed6669f72$export$f5c9f3c2c4054eec as TextArea};\n//# sourceMappingURL=TextArea.module.js.map\n"],"names":["$216918bed6669f72$export$2dc6166a7e65358c","$9Usiy$createContext","$216918bed6669f72$var$filterHoverProps","props","onHoverStart","onHoverChange","onHoverEnd","otherProps","$216918bed6669f72$export$f5c9f3c2c4054eec","$9Usiy$forwardRef","ref","$64fa3d84918910a7$export$29f1550f4b0d4415","hoverProps","isHovered","$9Usiy$useHover","isFocused","isFocusVisible","focusProps","$9Usiy$useFocusRing","isInvalid","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","$9Usiy$react","$9Usiy$mergeProps"],"mappings":"yMAOMA,EAA8DC,EAAAA,cAAsB,CAAA,CAAE,EAC5F,IAAIC,EAA0CC,GAAQ,CAElD,GAAI,CAAE,aAAcC,EAAc,cAAeC,EAAe,WAAYC,EAAY,GAAGC,CAAU,EAAKJ,EAC1G,OAAOI,CACX,EACK,MAACC,EAA8DC,EAAAA,WAAmB,SAAkBN,EAAOO,EAAK,CACjH,CAACP,EAAOO,CAAG,EAAQC,EAAAA,0CAA2CR,EAAOO,EAAKV,CAAyC,EACnH,GAAI,CAAE,WAAYY,EAAY,UAAWC,GAAkBC,EAAAA,0CAAiBX,CAAK,EAC7E,CAAE,UAAWY,EAAW,eAAgBC,EAAgB,WAAYC,GAAmBC,4CAAqB,CAC5G,YAAa,GACb,UAAWf,EAAM,SACzB,CAAK,EACGgB,EAAY,CAAC,CAAChB,EAAM,cAAc,GAAKA,EAAM,cAAc,IAAM,QACjEiB,EAAkBC,0CAAyC,CAC3D,GAAGlB,EACH,OAAQ,CACJ,UAAWU,EACX,UAAWE,EACX,eAAgBC,EAChB,WAAYb,EAAM,UAAY,GAC9B,UAAWgB,CACvB,EACQ,iBAAkB,qBAC1B,CAAK,EACD,OAAyBG,EAAc,cAAc,WAAY,CAC7D,GAAOC,EAAAA,0CAAmBrB,EAAuCC,CAAK,EAAGc,EAAYL,CAAU,EAC/F,GAAGQ,EACH,IAAKV,EACL,eAAgBK,GAAa,OAC7B,gBAAiBZ,EAAM,UAAY,OACnC,eAAgBU,GAAa,OAC7B,qBAAsBG,GAAkB,OACxC,eAAgBG,GAAa,MACrC,CAAK,CACL,CAAC","x_google_ignoreList":[0]}

package/dist/chunks/TextArea-CXEdUjgW.es.js

@@ -1,42 +0,0 @@
-import { $ as c, a as $ } from "./utils-B6pV5ewr.es.js";
-import l, { forwardRef as u, createContext as v } from "react";
-import { $ as b } from "./useHover-BQRSM3qT.es.js";
-import { $ as x } from "./useFocusRing-FPt2Rwil.es.js";
-import { $ as m } from "./mergeProps-Dsl8k3Ig.es.js";
-const H = /* @__PURE__ */ v({});
-let F = (o) => {
-  let { onHoverStart: e, onHoverChange: a, onHoverEnd: t, ...d } = o;
-  return d;
-};
-const I = /* @__PURE__ */ u(function(e, a) {
-  [e, a] = c(e, a, H);
-  let { hoverProps: t, isHovered: d } = b(e), { isFocused: r, isFocusVisible: i, focusProps: f } = x({
-    isTextInput: !0,
-    autoFocus: e.autoFocus
-  }), s = !!e["aria-invalid"] && e["aria-invalid"] !== "false", n = $({
-    ...e,
-    values: {
-      isHovered: d,
-      isFocused: r,
-      isFocusVisible: i,
-      isDisabled: e.disabled || !1,
-      isInvalid: s
-    },
-    defaultClassName: "react-aria-TextArea"
-  });
-  return /* @__PURE__ */ l.createElement("textarea", {
-    ...m(F(e), f, t),
-    ...n,
-    ref: a,
-    "data-focused": r || void 0,
-    "data-disabled": e.disabled || void 0,
-    "data-hovered": d || void 0,
-    "data-focus-visible": i || void 0,
-    "data-invalid": s || void 0
-  });
-});
-export {
-  I as $,
-  H as a
-};
-//# sourceMappingURL=TextArea-CXEdUjgW.es.js.map

package/dist/chunks/TextArea-CXEdUjgW.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea-CXEdUjgW.es.js","sources":["../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/TextArea.mjs"],"sourcesContent":["import {useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useHover as $9Usiy$useHover, useFocusRing as $9Usiy$useFocusRing, mergeProps as $9Usiy$mergeProps} from \"react-aria\";\nimport $9Usiy$react, {createContext as $9Usiy$createContext, forwardRef as $9Usiy$forwardRef} from \"react\";\n\n\n\n\nconst $216918bed6669f72$export$2dc6166a7e65358c = /*#__PURE__*/ (0, $9Usiy$createContext)({});\nlet $216918bed6669f72$var$filterHoverProps = (props)=>{\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;\n    return otherProps;\n};\nconst $216918bed6669f72$export$f5c9f3c2c4054eec = /*#__PURE__*/ (0, $9Usiy$forwardRef)(function TextArea(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $216918bed6669f72$export$2dc6166a7e65358c);\n    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $9Usiy$useHover)(props);\n    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $9Usiy$useFocusRing)({\n        isTextInput: true,\n        autoFocus: props.autoFocus\n    });\n    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        values: {\n            isHovered: isHovered,\n            isFocused: isFocused,\n            isFocusVisible: isFocusVisible,\n            isDisabled: props.disabled || false,\n            isInvalid: isInvalid\n        },\n        defaultClassName: 'react-aria-TextArea'\n    });\n    return /*#__PURE__*/ (0, $9Usiy$react).createElement(\"textarea\", {\n        ...(0, $9Usiy$mergeProps)($216918bed6669f72$var$filterHoverProps(props), focusProps, hoverProps),\n        ...renderProps,\n        ref: ref,\n        \"data-focused\": isFocused || undefined,\n        \"data-disabled\": props.disabled || undefined,\n        \"data-hovered\": isHovered || undefined,\n        \"data-focus-visible\": isFocusVisible || undefined,\n        \"data-invalid\": isInvalid || undefined\n    });\n});\n\n\nexport {$216918bed6669f72$export$2dc6166a7e65358c as TextAreaContext, $216918bed6669f72$export$f5c9f3c2c4054eec as TextArea};\n//# sourceMappingURL=TextArea.module.js.map\n"],"names":["$216918bed6669f72$export$2dc6166a7e65358c","$9Usiy$createContext","$216918bed6669f72$var$filterHoverProps","props","onHoverStart","onHoverChange","onHoverEnd","otherProps","$216918bed6669f72$export$f5c9f3c2c4054eec","$9Usiy$forwardRef","ref","$64fa3d84918910a7$export$29f1550f4b0d4415","hoverProps","isHovered","$9Usiy$useHover","isFocused","isFocusVisible","focusProps","$9Usiy$useFocusRing","isInvalid","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","$9Usiy$react","$9Usiy$mergeProps"],"mappings":";;;;;AAOK,MAACA,IAA8DC,gBAAAA,EAAsB,CAAA,CAAE;AAC5F,IAAIC,IAAyC,CAACC,MAAQ;AAElD,MAAI,EAAE,cAAcC,GAAc,eAAeC,GAAe,YAAYC,GAAY,GAAGC,EAAU,IAAKJ;AAC1G,SAAOI;AACX;AACK,MAACC,IAA8DC,gBAAAA,EAAmB,SAAkBN,GAAOO,GAAK;AACjH,GAACP,GAAOO,CAAG,IAAQC,EAA2CR,GAAOO,GAAKV,CAAyC;AACnH,MAAI,EAAE,YAAYY,GAAY,WAAWC,MAAkBC,EAAiBX,CAAK,GAC7E,EAAE,WAAWY,GAAW,gBAAgBC,GAAgB,YAAYC,MAAmBC,EAAqB;AAAA,IAC5G,aAAa;AAAA,IACb,WAAWf,EAAM;AAAA,EACzB,CAAK,GACGgB,IAAY,CAAC,CAAChB,EAAM,cAAc,KAAKA,EAAM,cAAc,MAAM,SACjEiB,IAAkBC,EAAyC;AAAA,IAC3D,GAAGlB;AAAA,IACH,QAAQ;AAAA,MACJ,WAAWU;AAAA,MACX,WAAWE;AAAA,MACX,gBAAgBC;AAAA,MAChB,YAAYb,EAAM,YAAY;AAAA,MAC9B,WAAWgB;AAAA,IACvB;AAAA,IACQ,kBAAkB;AAAA,EAC1B,CAAK;AACD,SAAyBG,gBAAAA,EAAc,cAAc,YAAY;AAAA,IAC7D,GAAOC,EAAmBrB,EAAuCC,CAAK,GAAGc,GAAYL,CAAU;AAAA,IAC/F,GAAGQ;AAAA,IACH,KAAKV;AAAA,IACL,gBAAgBK,KAAa;AAAA,IAC7B,iBAAiBZ,EAAM,YAAY;AAAA,IACnC,gBAAgBU,KAAa;AAAA,IAC7B,sBAAsBG,KAAkB;AAAA,IACxC,gBAAgBG,KAAa;AAAA,EACrC,CAAK;AACL,CAAC;","x_google_ignoreList":[0]}

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

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),B=require("@chakra-ui/react"),r=require("@commercetools/nimbus-icons"),E=require("./icon-button-BUmqYcIF.cjs.js"),b=require("./box-CWni3A32.cjs.js"),q=require("./stack-CIN13EDn.cjs.js"),h=require("react-intl"),{withProvider:I,withContext:l}=B.createSlotRecipeContext({key:"alert"}),R=I("div","root"),T=l("div","title"),S=l("div","description"),$=l("div","icon"),y=l("div","actions"),P=l("div","dismissButton"),k=s=>{switch(s){case"critical":return e.jsx(r.ErrorOutline,{});case"info":return e.jsx(r.Info,{});case"warning":return e.jsx(r.WarningAmber,{});case"positive":return e.jsx(r.CheckCircleOutline,{});default:return null}},c=n.createContext(void 0),a=s=>{const{ref:i,children:t,...o}=s,[u,f]=n.useState(null),[p,D]=n.useState(null),[v,j]=n.useState(null),[C,g]=n.useState(null),N=n.useMemo(()=>({setTitle:f,setDescription:D,setActions:j,setDismiss:g}),[f,D,j,g]);return e.jsx(c.Provider,{value:N,children:e.jsxs(R,{ref:i,...o,role:"alert",children:[e.jsx($,{alignItems:"flex-start",children:k(o.colorPalette)}),e.jsxs(q.Stack,{flex:"1",gap:"200",children:[e.jsxs(b.Box,{children:[u,p]}),v]}),C,t]})})};a.displayName="Alert.Root";const d=({children:s,...i})=>{const t=n.useContext(c);return n.useEffect(()=>{if(t){const o=e.jsx(T,{...i,fontWeight:"600",children:s});return t.setTitle(o),()=>t.setTitle(null)}},[s,i]),null};d.displayName="Alert.Title";const m=({children:s,...i})=>{const t=n.useContext(c);return n.useEffect(()=>{if(t){const o=e.jsx(S,{...i,children:s});return t.setDescription(o),()=>t.setDescription(null)}},[s,i]),null};m.displayName="Alert.Description";const x=({children:s,...i})=>{const t=n.useContext(c);return n.useEffect(()=>{if(t){const o=e.jsx(y,{...i,children:s});return t.setActions(o),()=>t.setActions(null)}},[s,i]),null};x.displayName="Alert.Actions";const w=h.defineMessages({dismiss:{id:"Nimbus.Alert.dismiss",description:"aria-label for the dismiss button in an alert",defaultMessage:"Dismiss"}}),A=({children:s,...i})=>{const t=n.useContext(c),o=h.useIntl();return n.useEffect(()=>{if(t){const u=e.jsx(P,{children:e.jsx(E.IconButton,{"aria-label":o.formatMessage(w.dismiss),...i,variant:"ghost",size:"2xs",children:e.jsx(r.Clear,{role:"img"})})});return t.setDismiss(u),()=>t.setDismiss(null)}},[s,i]),null};A.displayName="Alert.DismissButton";const M={Root:a,Title:d,Description:m,Actions:x,DismissButton:A};exports.Alert=M;exports.AlertActions=x;exports.AlertDescription=m;exports.AlertDismissButton=A;exports.AlertRoot=a;exports.AlertTitle=d;
-//# sourceMappingURL=alert-ByKnzJtr.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert-ByKnzJtr.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/alert.i18n.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 { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\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\ntype AlertContextValue = {\n  setTitle: (title: ReactNode) => void;\n  setDescription: (description: ReactNode) => void;\n  setActions: (actions: ReactNode) => void;\n  setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n  undefined\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  const [titleNode, setTitle] = useState<ReactNode>(null);\n  const [descriptionNode, setDescription] = useState<ReactNode>(null);\n  const [actionsNode, setActions] = useState<ReactNode>(null);\n  const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setTitle,\n      setDescription,\n      setActions,\n      setDismiss,\n    }),\n    [setTitle, setDescription, setActions, setDismiss]\n  );\n\n  return (\n    <AlertContext.Provider value={contextValue}>\n      <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n        <AlertIcon alignItems=\"flex-start\">\n          {getIconFromColorPalette(restProps.colorPalette)}\n        </AlertIcon>\n        <Stack flex=\"1\" gap=\"200\">\n          <Box>\n            {titleNode}\n            {descriptionNode}\n          </Box>\n          {actionsNode}\n        </Stack>\n        {dismissNode}\n\n        {children}\n      </AlertRootSlot>\n    </AlertContext.Provider>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertTitleSlot {...props} fontWeight=\"600\">\n          {children}\n        </AlertTitleSlot>\n      );\n      // Register it with the parent\n      context.setTitle(slotElement);\n\n      // On unmount, remove it\n      return () => context.setTitle(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\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  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n      );\n      // Register it with the parent\n      context.setDescription(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDescription(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n      );\n      // Register it with the parent\n      context.setActions(slotElement);\n\n      // On unmount, remove it\n      return () => context.setActions(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  dismiss: {\n    id: \"Nimbus.Alert.dismiss\",\n    description: \"aria-label for the dismiss button in an alert\",\n    defaultMessage: \"Dismiss\",\n  },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label={intl.formatMessage(messages.dismiss)}\n            {...props}\n            variant=\"ghost\"\n            size=\"2xs\"\n          >\n            <Clear role=\"img\" />\n          </IconButton>\n        </AlertDismissButtonSlot>\n      );\n      // Register it with the parent\n      context.setDismiss(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDismiss(null);\n    }\n  }, [children, props]);\n\n  return null;\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","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

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

@@ -1,211 +0,0 @@
-import { jsx as i, jsxs as u } from "react/jsx-runtime";
-import { createContext as T, useState as l, useMemo as b, useContext as c, useEffect as a } from "react";
-import { createSlotRecipeContext as y } from "@chakra-ui/react";
-import { CheckCircleOutline as E, WarningAmber as P, Info as R, ErrorOutline as $, Clear as w } from "@commercetools/nimbus-icons";
-import { I as M } from "./icon-button-DgL7XNUZ.es.js";
-import { B as S } from "./box-DuBoAZvq.es.js";
-import { S as k } from "./stack-CoNreM7B.es.js";
-import { defineMessages as j, useIntl as O } from "react-intl";
-const { withProvider: W, withContext: n } = /* @__PURE__ */ y({
-  key: "alert"
-}), z = /* @__PURE__ */ W(
-  "div",
-  "root"
-), F = /* @__PURE__ */ n(
-  "div",
-  "title"
-), V = /* @__PURE__ */ n("div", "description"), q = /* @__PURE__ */ n(
-  "div",
-  "icon"
-), G = /* @__PURE__ */ n(
-  "div",
-  "actions"
-), H = /* @__PURE__ */ n("div", "dismissButton"), J = (e) => {
-  switch (e) {
-    case "critical":
-      return /* @__PURE__ */ i($, {});
-    case "info":
-      return /* @__PURE__ */ i(R, {});
-    case "warning":
-      return /* @__PURE__ */ i(P, {});
-    case "positive":
-      return /* @__PURE__ */ i(E, {});
-    default:
-      return null;
-  }
-}, r = /* @__PURE__ */ T(
-  void 0
-), x = (e) => {
-  const { ref: s, children: t, ...o } = e, [m, d] = l(null), [N, A] = l(null), [C, f] = l(null), [B, p] = l(null), I = b(
-    () => ({
-      setTitle: d,
-      setDescription: A,
-      setActions: f,
-      setDismiss: p
-    }),
-    [d, A, f, p]
-  );
-  return /* @__PURE__ */ i(r.Provider, { value: I, children: /* @__PURE__ */ u(z, { ref: s, ...o, role: "alert", children: [
-    /* @__PURE__ */ i(q, { alignItems: "flex-start", children: J(o.colorPalette) }),
-    /* @__PURE__ */ u(k, { flex: "1", gap: "200", children: [
-      /* @__PURE__ */ u(S, { children: [
-        m,
-        N
-      ] }),
-      C
-    ] }),
-    B,
-    t
-  ] }) });
-};
-x.displayName = "Alert.Root";
-const D = ({ children: e, ...s }) => {
-  const t = c(r);
-  return a(() => {
-    if (t) {
-      const o = /* @__PURE__ */ i(F, { ...s, fontWeight: "600", children: e });
-      return t.setTitle(o), () => t.setTitle(null);
-    }
-  }, [e, s]), null;
-};
-D.displayName = "Alert.Title";
-const g = ({
-  children: e,
-  ...s
-}) => {
-  const t = c(r);
-  return a(() => {
-    if (t) {
-      const o = /* @__PURE__ */ i(V, { ...s, children: e });
-      return t.setDescription(o), () => t.setDescription(null);
-    }
-  }, [e, s]), null;
-};
-g.displayName = "Alert.Description";
-const h = ({ children: e, ...s }) => {
-  const t = c(r);
-  return a(() => {
-    if (t) {
-      const o = /* @__PURE__ */ i(G, { ...s, children: e });
-      return t.setActions(o), () => t.setActions(null);
-    }
-  }, [e, s]), null;
-};
-h.displayName = "Alert.Actions";
-const K = /* @__PURE__ */ j({
-  dismiss: {
-    id: "Nimbus.Alert.dismiss",
-    description: "aria-label for the dismiss button in an alert",
-    defaultMessage: "Dismiss"
-  }
-}), v = ({
-  children: e,
-  ...s
-}) => {
-  const t = c(r), o = O();
-  return a(() => {
-    if (t) {
-      const m = /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(
-        M,
-        {
-          "aria-label": o.formatMessage(K.dismiss),
-          ...s,
-          variant: "ghost",
-          size: "2xs",
-          children: /* @__PURE__ */ i(w, { role: "img" })
-        }
-      ) });
-      return t.setDismiss(m), () => t.setDismiss(null);
-    }
-  }, [e, s]), null;
-};
-v.displayName = "Alert.DismissButton";
-const et = {
-  /**
-   * # 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: x,
-  /**
-   * # 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: D,
-  /**
-   * # 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: g,
-  /**
-   * # 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: h,
-  /**
-   * # 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: v
-};
-export {
-  et as A,
-  x as a,
-  D as b,
-  g as c,
-  h as d,
-  v as e
-};
-//# sourceMappingURL=alert-Cb8WoJYV.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert-Cb8WoJYV.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/alert.i18n.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 { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\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\ntype AlertContextValue = {\n  setTitle: (title: ReactNode) => void;\n  setDescription: (description: ReactNode) => void;\n  setActions: (actions: ReactNode) => void;\n  setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n  undefined\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  const [titleNode, setTitle] = useState<ReactNode>(null);\n  const [descriptionNode, setDescription] = useState<ReactNode>(null);\n  const [actionsNode, setActions] = useState<ReactNode>(null);\n  const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n  // Memoize the context value so we don't cause unnecessary re-renders\n  const contextValue = useMemo(\n    () => ({\n      setTitle,\n      setDescription,\n      setActions,\n      setDismiss,\n    }),\n    [setTitle, setDescription, setActions, setDismiss]\n  );\n\n  return (\n    <AlertContext.Provider value={contextValue}>\n      <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n        <AlertIcon alignItems=\"flex-start\">\n          {getIconFromColorPalette(restProps.colorPalette)}\n        </AlertIcon>\n        <Stack flex=\"1\" gap=\"200\">\n          <Box>\n            {titleNode}\n            {descriptionNode}\n          </Box>\n          {actionsNode}\n        </Stack>\n        {dismissNode}\n\n        {children}\n      </AlertRootSlot>\n    </AlertContext.Provider>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertTitleSlot {...props} fontWeight=\"600\">\n          {children}\n        </AlertTitleSlot>\n      );\n      // Register it with the parent\n      context.setTitle(slotElement);\n\n      // On unmount, remove it\n      return () => context.setTitle(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\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  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n      );\n      // Register it with the parent\n      context.setDescription(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDescription(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n      );\n      // Register it with the parent\n      context.setActions(slotElement);\n\n      // On unmount, remove it\n      return () => context.setActions(null);\n    }\n  }, [children, props]);\n\n  return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  dismiss: {\n    id: \"Nimbus.Alert.dismiss\",\n    description: \"aria-label for the dismiss button in an alert\",\n    defaultMessage: \"Dismiss\",\n  },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label={intl.formatMessage(messages.dismiss)}\n            {...props}\n            variant=\"ghost\"\n            size=\"2xs\"\n          >\n            <Clear role=\"img\" />\n          </IconButton>\n        </AlertDismissButtonSlot>\n      );\n      // Register it with the parent\n      context.setDismiss(slotElement);\n\n      // On unmount, remove it\n      return () => context.setDismiss(null);\n    }\n  }, [children, props]);\n\n  return null;\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","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

package/dist/chunks/avatar-Dx_Cda2J.es.js

@@ -1,47 +0,0 @@
-import { jsxs as h, jsx as I } from "react/jsx-runtime";
-import { useState as c } from "react";
-import { defineMessages as b, useIntl as A } from "react-intl";
-import { createRecipeContext as L } from "@chakra-ui/react";
-import { a as N } from "./avatar.recipe-BEdxgo-r.es.js";
-import { I as x } from "./image-DRigLU80.es.js";
-const { withContext: w } = /* @__PURE__ */ L({ recipe: N }), C = /* @__PURE__ */ w(
-  "figure"
-), E = /* @__PURE__ */ b({
-  avatarLabel: {
-    id: "Nimbus.Avatar.avatarLabel",
-    description: "aria-label for avatar component with user's full name",
-    defaultMessage: "Avatar image for {fullName}"
-  }
-});
-function M(a, e) {
-  return a.split("")[0].toUpperCase() + e.split("")[0].toUpperCase();
-}
-const R = (a) => {
-  const e = A(), { ref: f, firstName: s, lastName: r, src: t, alt: p, ...u } = a, [o, i] = c(!1), [l, n] = c(!1), m = `${s} ${r}`, d = {
-    "aria-label": e.formatMessage(E.avatarLabel, { fullName: m }),
-    ref: f,
-    ...u
-  }, g = () => {
-    i(!0), n(!1);
-  }, v = () => {
-    i(!1), n(!0);
-  };
-  return /* @__PURE__ */ h(C, { ...d, children: [
-    !t || !o || l ? M(s, r) : null,
-    t && /* @__PURE__ */ I(
-      x,
-      {
-        src: t,
-        alt: p || m,
-        onLoad: g,
-        onError: v,
-        display: o && !l ? "block" : "none"
-      }
-    )
-  ] });
-};
-R.displayName = "Avatar";
-export {
-  R as A
-};
-//# sourceMappingURL=avatar-Dx_Cda2J.es.js.map

package/dist/chunks/avatar-Dx_Cda2J.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-Dx_Cda2J.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.i18n.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","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  avatarLabel: {\n    id: \"Nimbus.Avatar.avatarLabel\",\n    description: \"aria-label for avatar component with user's full name\",\n    defaultMessage: \"Avatar image for {fullName}\",\n  },\n});\n","import { useState } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport { Image } from \"@/components\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { messages } from \"./avatar.i18n\";\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 intl = useIntl();\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 sharedProps = {\n    \"aria-label\": intl.formatMessage(messages.avatarLabel, { fullName }),\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","messages","defineMessages","getInitials","firstName","lastName","Avatar","props","intl","useIntl","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,GCNaI,IAAW,gBAAAC,EAAe;AAAA,EACrC,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC;ACDD,SAASC,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,IAAOC,EAAA,GACP,EAAE,KAAAC,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,IAEnCe,IAAc;AAAA,IAClB,cAAcZ,EAAK,cAAcP,EAAS,aAAa,EAAE,UAAAkB,GAAU;AAAA,IACnE,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,EAACvB,GAAA,EAAY,GAAGoB,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-wRR1leVi.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),m=require("react"),f=require("react-intl"),A=require("@chakra-ui/react"),L=require("./avatar.recipe-XvknqPJq.cjs.js"),N=require("./image-CGOYoc2s.cjs.js"),{withContext:x}=A.createRecipeContext({recipe:L.avatarRecipe}),R=x("figure"),C=f.defineMessages({avatarLabel:{id:"Nimbus.Avatar.avatarLabel",description:"aria-label for avatar component with user's full name",defaultMessage:"Avatar image for {fullName}"}});function S(e,a){return e.split("")[0].toUpperCase()+a.split("")[0].toUpperCase()}const d=e=>{const a=f.useIntl(),{ref:p,firstName:r,lastName:s,src:t,alt:g,...v}=e,[o,n]=m.useState(!1),[i,l]=m.useState(!1),c=`${r} ${s}`,b={"aria-label":a.formatMessage(C.avatarLabel,{fullName:c}),ref:p,...v},I=()=>{n(!0),l(!1)},h=()=>{n(!1),l(!0)},q=!t||!o||i;return u.jsxs(R,{...b,children:[q?S(r,s):null,t&&u.jsx(N.Image,{src:t,alt:g||c,onLoad:I,onError:h,display:o&&!i?"block":"none"})]})};d.displayName="Avatar";exports.Avatar=d;
-//# sourceMappingURL=avatar-wRR1leVi.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-wRR1leVi.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.i18n.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","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n  avatarLabel: {\n    id: \"Nimbus.Avatar.avatarLabel\",\n    description: \"aria-label for avatar component with user's full name\",\n    defaultMessage: \"Avatar image for {fullName}\",\n  },\n});\n","import { useState } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport { Image } from \"@/components\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { messages } from \"./avatar.i18n\";\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 intl = useIntl();\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 sharedProps = {\n    \"aria-label\": intl.formatMessage(messages.avatarLabel, { fullName }),\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","messages","defineMessages","getInitials","firstName","lastName","Avatar","props","intl","useIntl","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","shouldShowInitials","jsxs","jsx","Image"],"mappings":"6MAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,aAAc,EAEvDC,EAAaH,EACxB,QACF,ECNaI,EAAWC,EAAAA,eAAe,CACrC,YAAa,CACX,GAAI,4BACJ,YAAa,wDACb,eAAgB,6BAAA,CAEpB,CAAC,ECDD,SAASC,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,EAAOC,EAAAA,QAAA,EACP,CAAE,IAAAC,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,GAEnCe,EAAc,CAClB,aAAcZ,EAAK,cAAcP,EAAS,YAAa,CAAE,SAAAkB,EAAU,EACnE,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,KAACxB,EAAA,CAAY,GAAGoB,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"}