@commercetools/nimbus 0.0.0-canary-20251119195710 → 0.0.0-canary-20251119201319

package/dist/index.es.js

@@ -1,81 +1,81 @@
-import { D as Le } from "./chunks/date-range-picker-field-DqeCSG-K.es.js";
-import { M as Ae } from "./chunks/money-input-field-Dny3Zs5t.es.js";
-import { N as Me } from "./chunks/number-input-field-C3q6JG4C.es.js";
-import { T as Pe } from "./chunks/text-input-field-JMCGnalG.es.js";
-import { s as Ne } from "./chunks/index-GtJPgmcq.es.js";
-import { g as z } from "./chunks/rich-text-input-_JzfQXxk.es.js";
-import { R as Oe } from "./chunks/rich-text-input-_JzfQXxk.es.js";
+import { D as Le } from "./chunks/date-range-picker-field-L56QHJs-.es.js";
+import { M as Ae } from "./chunks/money-input-field-Dec63VQv.es.js";
+import { N as Me } from "./chunks/number-input-field-D7aLGfzZ.es.js";
+import { T as Pe } from "./chunks/text-input-field-CNXk82pQ.es.js";
+import { s as Ne } from "./chunks/index-BA58iOLX.es.js";
+import { g as z } from "./chunks/rich-text-input-DAc5Qrg9.es.js";
+import { R as Oe } from "./chunks/rich-text-input-DAc5Qrg9.es.js";
 import { useRef as T, useCallback as D, useContext as B, useLayoutEffect as $, useEffect as I, createContext as O, useState as H } from "react";
 import { A as Ue } from "./chunks/avatar-Dx_Cda2J.es.js";
 import { B as je } from "./chunks/box-DuBoAZvq.es.js";
-import { B as Ve } from "./chunks/button-DNnMesnW.es.js";
+import { B as Ve } from "./chunks/button-WbcOHikD.es.js";
 import { C as $e } from "./chunks/code-Dl7u63Zn.es.js";
-import { C as Xe } from "./chunks/combobox-MBi6Qtoz.es.js";
-import { D as Ye } from "./chunks/dialog-3NBQ0jW1.es.js";
+import { C as Xe } from "./chunks/combobox-D-sXUVsS.es.js";
+import { D as Ye } from "./chunks/dialog-DGko_UBT.es.js";
 import { a as Je, F as et } from "./chunks/field-errors-ClQprmQz.es.js";
 import { Flex as rt } from "@chakra-ui/react/flex";
 import { G as at } from "./chunks/group-CCBgdph2.es.js";
 import { H as st } from "./chunks/heading-nfjoR4vL.es.js";
 import { N as ct } from "./chunks/nimbus-i18n-provider-CZh1r8F5.es.js";
-import { I as ut } from "./chunks/icon-button-DcBreh2S.es.js";
-import { I as dt } from "./chunks/icon-toggle-button-B762TOKa.es.js";
+import { I as ut } from "./chunks/icon-button-1gt1BCJ2.es.js";
+import { I as dt } from "./chunks/icon-toggle-button-C4ISptbh.es.js";
 import { I as mt } from "./chunks/image-DRigLU80.es.js";
 import { K as yt } from "./chunks/kbd-Bl5Ncm2d.es.js";
 import { L as xt } from "./chunks/link-BMUyXcmC.es.js";
 import { L as vt, c as ht, b as Tt, a as wt } from "./chunks/list-Nz5KjWzs.es.js";
-import { D as _t, c as St, b as kt, a as Et } from "./chunks/draggable-list-C7marUxx.es.js";
+import { D as _t, c as St, b as kt, a as Et } from "./chunks/draggable-list-Dk7BxgW-.es.js";
 import { S as It } from "./chunks/simple-grid-DU5v66TG.es.js";
 import { Table as Rt } from "@chakra-ui/react/table";
 import { T as Ft } from "./chunks/text-CIb_VDvO.es.js";
 import { T as Kt } from "./chunks/tooltip-D3QrrizN.es.js";
 import { M as Bt } from "./chunks/make-element-focusable-7-aXFtDJ.es.js";
 import { IntlProvider as Ht } from "react-intl";
-import { z as W } from "./chunks/nimbus-provider-qxlBdPaV.es.js";
-import { N as qt } from "./chunks/nimbus-provider-qxlBdPaV.es.js";
-import { C as Gt } from "./chunks/checkbox-N_ykJSJV.es.js";
-import { c as zt, b as $t, C as Wt, a as Xt } from "./chunks/collapsible-motion-BDLpKW8q.es.js";
+import { z as W } from "./chunks/nimbus-provider-DnYwOsgB.es.js";
+import { N as qt } from "./chunks/nimbus-provider-DnYwOsgB.es.js";
+import { C as Gt } from "./chunks/checkbox-CTtcL9PS.es.js";
+import { c as zt, b as $t, C as Wt, a as Xt } from "./chunks/collapsible-motion-Cs_MJ84K.es.js";
 import { S as Yt } from "./chunks/stack-CoNreM7B.es.js";
 import { V as Jt } from "./chunks/visually-hidden-Dj5CT-u_.es.js";
-import { T as tr } from "./chunks/text-input-Nyoma10w.es.js";
-import { N as or } from "./chunks/number-input-QKQNMdjA.es.js";
+import { T as tr } from "./chunks/text-input-BsC8K75b.es.js";
+import { N as or } from "./chunks/number-input-Dtu6vHfl.es.js";
 import { G as nr } from "./chunks/grid-De8qjf98.es.js";
-import { S as ir } from "./chunks/select-k8bs40hC.es.js";
-import { S as lr } from "./chunks/separator-hmR3p1yn.es.js";
+import { S as ir } from "./chunks/select-CQwpSckj.es.js";
+import { S as lr } from "./chunks/separator-CxPOiV-V.es.js";
 import { S as fr } from "./chunks/spacer-pHklG6Ri.es.js";
-import { A as pr } from "./chunks/accordion-Dgumal3x.es.js";
-import { c as gr, b as yr, d as br, a as xr, A as Cr } from "./chunks/accordion.content-BBfehrgZ.es.js";
-import { A as hr, d as Tr, c as wr, e as Dr, a as _r, b as Sr } from "./chunks/alert-CHelUUKJ.es.js";
+import { A as pr } from "./chunks/accordion-CDPW4YqE.es.js";
+import { c as gr, b as yr, d as br, a as xr, A as Cr } from "./chunks/accordion.content-y0RnNj9Z.es.js";
+import { A as hr, d as Tr, c as wr, e as Dr, a as _r, b as Sr } from "./chunks/alert-DD1hd-Va.es.js";
 import { B as Er } from "./chunks/badge-CgYpum7D.es.js";
-import { C as Ir, c as Ar, b as Rr, a as Mr } from "./chunks/card-CwXif_Sl.es.js";
-import { F as Pr, d as Kr, e as Nr, f as Br, c as Or, b as Hr, a as Ur } from "./chunks/form-field-CsRv0AFz.es.js";
+import { C as Ir, c as Ar, b as Rr, a as Mr } from "./chunks/card-CYYspg3V.es.js";
+import { F as Pr, d as Kr, e as Nr, f as Br, c as Or, b as Hr, a as Ur } from "./chunks/form-field-CGjPf6rA.es.js";
 import { I as jr } from "./chunks/icon-CenxuChf.es.js";
 import { I as Vr } from "./chunks/inline-svg-CbSC6O5X.es.js";
 import { L as $r } from "./chunks/loading-spinner-DF6c3rBM.es.js";
-import { P as Xr } from "./chunks/password-input-D0N_UVhB.es.js";
-import { S as Yr } from "./chunks/search-input-Bcmga7Cw.es.js";
-import { S as Jr } from "./chunks/scoped-search-input-DDdbMyiM.es.js";
-import { S as to } from "./chunks/split-button-BnArCjhx.es.js";
-import { T as oo } from "./chunks/time-input-CyiC6ME0.es.js";
-import { M as no } from "./chunks/multiline-text-input-BUcgL9JD.es.js";
-import { M as io } from "./chunks/money-input-BxlHQho5.es.js";
-import { R as lo } from "./chunks/radio-input-CrEOnYa0.es.js";
-import { S as fo } from "./chunks/switch-CRUwwDMH.es.js";
-import { T as mo } from "./chunks/tag-group-9ad6p_4X.es.js";
-import { T as yo } from "./chunks/toggle-button-ilM1Z4j9.es.js";
+import { P as Xr } from "./chunks/password-input-BWdVEHir.es.js";
+import { S as Yr } from "./chunks/search-input-CyKGVTq3.es.js";
+import { S as Jr } from "./chunks/scoped-search-input-D5GJjsyF.es.js";
+import { S as to } from "./chunks/split-button-Dtp64tp3.es.js";
+import { T as oo } from "./chunks/time-input-2Dsps1zh.es.js";
+import { M as no } from "./chunks/multiline-text-input-CjtXIsaQ.es.js";
+import { M as io } from "./chunks/money-input-BmRHEzuc.es.js";
+import { R as lo } from "./chunks/radio-input-B1krp3Lh.es.js";
+import { S as fo } from "./chunks/switch-bQf5AhI3.es.js";
+import { T as mo } from "./chunks/tag-group-CaQdCaEc.es.js";
+import { T as yo } from "./chunks/toggle-button-DnznFtWJ.es.js";
 import { T as xo, b as Co, a as vo } from "./chunks/toggle-button-group-BWpmMkEz.es.js";
-import { D as To } from "./chunks/date-input-Dlumd921.es.js";
-import { C as Do } from "./chunks/calendar-vjx6_S-P.es.js";
-import { D as So } from "./chunks/date-picker-BU35i_kc.es.js";
-import { P as Eo } from "./chunks/progress-bar-DknuaSHj.es.js";
-import { R as Io } from "./chunks/range-calendar-fvekZzen.es.js";
-import { M as Ro, c as Mo, d as Fo, a as Po, e as Ko, g as No, f as Bo, b as Oo } from "./chunks/menu-TmTFubBx.es.js";
-import { D as Uo } from "./chunks/date-range-picker-CTHXfNFr.es.js";
-import { T as jo } from "./chunks/toolbar-DIHsP28I.es.js";
-import { D as Vo, U as zo, e as $o, g as Wo, d as Xo, j as Qo, h as Yo, c as Zo, i as Jo, k as ea, a as ta, f as ra, l as oa, b as aa } from "./chunks/data-table-1IrX3AIs.es.js";
-import { P as sa } from "./chunks/pagination-CdGUZ4m6.es.js";
-import { D as ca, e as la, h as ua, c as fa, f as da, d as pa, a as ma, g as ga, b as ya } from "./chunks/drawer-CtLkos4t.es.js";
-import { T as xa, b as Ca, e as va, d as ha, a as Ta, c as wa } from "./chunks/tabs-CyjH1V_G.es.js";
-import { L as _a } from "./chunks/localized-field-Bljs9CAV.es.js";
+import { D as To } from "./chunks/date-input-B8MeBGZ1.es.js";
+import { C as Do } from "./chunks/calendar-CrDQ41NO.es.js";
+import { D as So } from "./chunks/date-picker-CRo_w6Jz.es.js";
+import { P as Eo } from "./chunks/progress-bar-CLTFIeJQ.es.js";
+import { R as Io } from "./chunks/range-calendar-Q0QKtRQY.es.js";
+import { M as Ro, c as Mo, d as Fo, a as Po, e as Ko, g as No, f as Bo, b as Oo } from "./chunks/menu-hZacrl0C.es.js";
+import { D as Uo } from "./chunks/date-range-picker-CrFq736s.es.js";
+import { T as jo } from "./chunks/toolbar-DE2w5rxi.es.js";
+import { D as Vo, U as zo, e as $o, g as Wo, d as Xo, j as Qo, h as Yo, c as Zo, i as Jo, k as ea, a as ta, f as ra, l as oa, b as aa } from "./chunks/data-table-VGdNqVuy.es.js";
+import { P as sa } from "./chunks/pagination-DPEQK0Xq.es.js";
+import { D as ca, e as la, h as ua, c as fa, f as da, d as pa, a as ma, g as ga, b as ya } from "./chunks/drawer-BUiIQ9L5.es.js";
+import { T as xa, b as Ca, e as va, d as ha, a as Ta, c as wa } from "./chunks/tabs-DfNhZz7h.es.js";
+import { L as _a } from "./chunks/localized-field-DFQ6Knzt.es.js";
 import "react/jsx-runtime";
 const U = ["shift", "alt", "meta", "mod", "ctrl", "control"], X = {
   esc: "escape",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools/nimbus",
-  "version": "0.0.0-canary-20251119195710",
+  "version": "0.0.0-canary-20251119201319",
   "main": "./dist/index.cjs",
   "module": "./dist/index.es.js",
   "type": "module",
@@ -102,8 +102,8 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.2.4",
-    "@commercetools/nimbus-icons": "^0.0.0-canary-20251119195710",
-    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251119195710"
+    "@commercetools/nimbus-icons": "^0.0.0-canary-20251119201319",
+    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251119201319"
   },
   "peerDependencies": {
     "@chakra-ui/react": "^3.27.1",
@@ -113,8 +113,8 @@
     "slate-history": "^0.113.1",
     "slate-hyperscript": "^0.77.0",
     "slate-react": "^0.75.0",
-    "@commercetools/nimbus-icons": "^0.0.0-canary-20251119195710",
-    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251119195710"
+    "@commercetools/nimbus-icons": "^0.0.0-canary-20251119201319",
+    "@commercetools/nimbus-tokens": "^0.0.0-canary-20251119201319"
   },
   "scripts": {
     "build": "pnpm run build-theme-typings && pnpm run build:lib",

package/dist/chunks/alert-BCYCzZHo.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-BbLd8BSj.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-BCYCzZHo.cjs.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert-BCYCzZHo.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-CHelUUKJ.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-DcBreh2S.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-CHelUUKJ.es.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"alert-CHelUUKJ.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":";;;;;;;;AAUA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,KAAK;AACP,CAAC,GAEYC,IAAY,gBAAAH;AAAA,EACvB;AAAA,EACA;AACF,GAEaI,IAAa,gBAAAH;AAAA,EACxB;AAAA,EACA;AACF,GAEaI,IAAmB,gBAAAJ,EAG9B,OAAO,aAAa,GAETK,IAAY,gBAAAL;AAAA,EACvB;AAAA,EACA;AACF,GAEaM,IAAe,gBAAAN;AAAA,EAC1B;AAAA,EACA;AACF,GAIaO,IAAqB,gBAAAP,EAGhC,OAAO,eAAe,GChClBQ,IAA0B,CAACC,MAA6C;AAC5E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAK;AAAA,IACf,KAAK;AACH,+BAAQC,GAAA,EAAa;AAAA,IACvB,KAAK;AACH,+BAAQC,GAAA,EAAmB;AAAA,IAC7B;AACE,aAAO;AAAA,EAAA;AAEb,GASaC,IAAe,gBAAAC;AAAA,EAC1B;AACF,GAOab,IAAgC,CAACc,MAAU;AACtD,QAAM,EAAE,KAAAC,GAAK,UAAAC,GAAU,GAAGC,MAAcH,GAClC,CAACI,GAAWC,CAAQ,IAAIC,EAAoB,IAAI,GAChD,CAACC,GAAiBC,CAAc,IAAIF,EAAoB,IAAI,GAC5D,CAACG,GAAaC,CAAU,IAAIJ,EAAoB,IAAI,GACpD,CAACK,GAAaC,CAAU,IAAIN,EAAoB,IAAI,GAGpDO,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,UAAAT;AAAA,MACA,gBAAAG;AAAA,MACA,YAAAE;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,IAEF,CAACP,GAAUG,GAAgBE,GAAYE,CAAU;AAAA,EAAA;AAGnD,SACE,gBAAAG,EAACjB,EAAa,UAAb,EAAsB,OAAOe,GAC5B,UAAA,gBAAAG,EAACC,GAAA,EAAc,KAAAhB,GAAW,GAAGE,GAAW,MAAK,SAC3C,UAAA;AAAA,IAAA,gBAAAY,EAAC1B,KAAU,YAAW,cACnB,UAAAG,EAAwBW,EAAU,YAAY,GACjD;AAAA,IACA,gBAAAa,EAACE,GAAA,EAAM,MAAK,KAAI,KAAI,OAClB,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EACE,UAAA;AAAA,QAAAf;AAAA,QACAG;AAAA,MAAA,GACH;AAAA,MACCE;AAAA,IAAA,GACH;AAAA,IACCE;AAAA,IAEAT;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;AAEAhB,EAAU,cAAc;ACxEjB,MAAMC,IAAa,CAAC,EAAE,UAAAe,GAAU,GAAGF,QAA6B;AACrE,QAAMoB,IAAUC,EAAWvB,CAAY;AAEvC,SAAAwB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACS,GAAA,EAAgB,GAAGxB,GAAO,YAAW,OACnC,UAAAE,GACH;AAGF,aAAAkB,EAAQ,SAASG,CAAW,GAGrB,MAAMH,EAAQ,SAAS,IAAI;AAAA,IACpC;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAb,EAAW,cAAc;ACrBlB,MAAMC,IAAmB,CAAC;AAAA,EAC/B,UAAAc;AAAA,EACA,GAAGF;AACL,MAA6B;AAC3B,QAAMoB,IAAUC,EAAWvB,CAAY;AAEvC,SAAAwB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACU,GAAA,EAAsB,GAAGzB,GAAQ,UAAAE,GAAS;AAG7C,aAAAkB,EAAQ,eAAeG,CAAW,GAG3B,MAAMH,EAAQ,eAAe,IAAI;AAAA,IAC1C;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAZ,EAAiB,cAAc;ACtBxB,MAAME,IAAe,CAAC,EAAE,UAAAY,GAAU,GAAGF,QAA+B;AACzE,QAAMoB,IAAUC,EAAWvB,CAAY;AAEvC,SAAAwB,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,IACJ,gBAAAR,EAACW,GAAA,EAAkB,GAAG1B,GAAQ,UAAAE,GAAS;AAGzC,aAAAkB,EAAQ,WAAWG,CAAW,GAGvB,MAAMH,EAAQ,WAAW,IAAI;AAAA,IACtC;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAV,EAAa,cAAc;AC3BpB,MAAMqC,IAAW,gBAAAC,EAAe;AAAA,EACrC,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC,GCMYrC,IAAqB,CAAC;AAAA,EACjC,UAAAW;AAAA,EACA,GAAGF;AACL,MAA+B;AAC7B,QAAMoB,IAAUC,EAAWvB,CAAY,GACjC+B,IAAOC,EAAA;AAEb,SAAAR,EAAU,MAAM;AACd,QAAIF,GAAS;AACX,YAAMG,sBACHQ,GAAA,EACC,UAAA,gBAAAhB;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,cAAYH,EAAK,cAAcF,EAAS,OAAO;AAAA,UAC9C,GAAG3B;AAAA,UACJ,SAAQ;AAAA,UACR,MAAK;AAAA,UAEL,UAAA,gBAAAe,EAACkB,GAAA,EAAM,MAAK,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA,GAEtB;AAGF,aAAAb,EAAQ,WAAWG,CAAW,GAGvB,MAAMH,EAAQ,WAAW,IAAI;AAAA,IACtC;AAAA,EACF,GAAG,CAAClB,GAAUF,CAAK,CAAC,GAEb;AACT;AAEAT,EAAmB,cAAc;ACvB1B,MAAM2C,KAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAenB,MAAMhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcN,OAAOC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeP,aAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBb,SAASE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBT,eAAeC;AACjB;"}