@commercetools/nimbus 2.6.0 → 2.8.0

package/dist/chunks/accordion.content-DfOG_PZm.es.js

@@ -0,0 +1,228 @@
+import { jsx as i, jsxs as A } from "react/jsx-runtime";
+import { createSlotRecipeContext as j, useSlotRecipe as T } from "@chakra-ui/react/styled-system";
+import { e as p } from "./extract-style-props-DuSHABTl.es.js";
+import c, { useMemo as m, useEffect as G, forwardRef as P, useContext as D, createContext as $ } from "react";
+import { KeyboardArrowRight as z } from "@commercetools/nimbus-icons";
+import { $ as w, a as B } from "./Button-B_f19f6I.es.js";
+import { F as O } from "./flex-BqxAMF-7.es.js";
+import { a as g, b as C, e as R, $ as q, g as J } from "./utils-CiIOoh_a.es.js";
+import { b as L, a as S, $ as Q } from "./mergeProps-Dg8WqJiN.es.js";
+import { $ as E } from "./filterDOMProps-Cxz9cAAv.es.js";
+import { $ as K } from "./useFocusRing-BUzNZISS.es.js";
+import { $ as U, a as X } from "./useDisclosureState-D7l1lGtf.es.js";
+import { $ as Y } from "./useControlledState-3TGZUXux.es.js";
+const { withProvider: Z, withContext: f } = /* @__PURE__ */ j({
+  key: "nimbusAccordion"
+}), k = /* @__PURE__ */ Z("div", "root"), ee = /* @__PURE__ */ f("div", "disclosure"), te = /* @__PURE__ */ f("button", "trigger"), ae = /* @__PURE__ */ f("div", "panel"), oe = /* @__PURE__ */ f("div", "accordionTitle"), h = /* @__PURE__ */ f("div", "headerContentRight");
+function de(a) {
+  let { allowsMultipleExpanded: e = !1, isDisabled: s = !1 } = a, [t, d] = Y(m(() => a.expandedKeys ? new Set(a.expandedKeys) : void 0, [
+    a.expandedKeys
+  ]), m(() => a.defaultExpandedKeys ? new Set(a.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+    a.defaultExpandedKeys
+  ]), a.onExpandedChange);
+  return G(() => {
+    if (!e && t.size > 1) {
+      let o = t.values().next().value;
+      o != null && d(/* @__PURE__ */ new Set([
+        o
+      ]));
+    }
+  }), {
+    allowsMultipleExpanded: e,
+    isDisabled: s,
+    expandedKeys: t,
+    setExpandedKeys: d,
+    toggleKey(o) {
+      let n;
+      e ? (n = new Set(t), n.has(o) ? n.delete(o) : n.add(o)) : n = new Set(t.has(o) ? [] : [
+        o
+      ]), d(n);
+    }
+  };
+}
+const F = /* @__PURE__ */ $(null), se = /* @__PURE__ */ P(function(e, s) {
+  let t = de(e), d = g({
+    ...e,
+    defaultClassName: "react-aria-DisclosureGroup",
+    values: {
+      isDisabled: t.isDisabled,
+      state: t
+    }
+  }), o = E(e, {
+    global: !0
+  });
+  return /* @__PURE__ */ c.createElement(C.div, {
+    ...o,
+    ...d,
+    ref: s,
+    "data-disabled": e.isDisabled || void 0
+  }, /* @__PURE__ */ c.createElement(F.Provider, {
+    value: t
+  }, d.children));
+}), ne = /* @__PURE__ */ $(null), re = /* @__PURE__ */ $(null), N = /* @__PURE__ */ $(null), ie = /* @__PURE__ */ P(function(e, s) {
+  [e, s] = q(e, s, ne);
+  let t = D(F), { id: d, ...o } = e, n = Q();
+  d || (d = n);
+  let l = t ? t.expandedKeys.has(d) : e.isExpanded, r = U({
+    ...e,
+    isExpanded: l,
+    onExpandedChange(_) {
+      var x;
+      t && t.toggleKey(d), (x = e.onExpandedChange) === null || x === void 0 || x.call(e, _);
+    }
+  }), u = c.useRef(null), b = e.isDisabled || t?.isDisabled || !1, { buttonProps: W, panelProps: H } = X({
+    ...e,
+    isExpanded: l,
+    isDisabled: b
+  }, r, u), { isFocusVisible: y, focusProps: I } = K({
+    within: !0
+  }), v = g({
+    ...e,
+    id: void 0,
+    defaultClassName: "react-aria-Disclosure",
+    values: {
+      isExpanded: r.isExpanded,
+      isDisabled: b,
+      isFocusVisibleWithin: y,
+      state: r
+    }
+  }), M = E(o, {
+    global: !0
+  });
+  return /* @__PURE__ */ c.createElement(R, {
+    values: [
+      [
+        w,
+        {
+          slots: {
+            [J]: {},
+            trigger: W
+          }
+        }
+      ],
+      [
+        N,
+        {
+          panelProps: H,
+          panelRef: u
+        }
+      ],
+      [
+        re,
+        r
+      ]
+    ]
+  }, /* @__PURE__ */ c.createElement(C.div, {
+    ...S(M, v, I),
+    ref: s,
+    "data-expanded": r.isExpanded || void 0,
+    "data-disabled": b || void 0,
+    "data-focus-visible-within": y || void 0
+  }, v.children));
+}), le = /* @__PURE__ */ P(function(e, s) {
+  let { role: t = "group" } = e, { panelProps: d, panelRef: o } = D(N), { isFocusVisible: n, focusProps: l } = K({
+    within: !0
+  }), r = g({
+    ...e,
+    defaultClassName: "react-aria-DisclosurePanel",
+    values: {
+      isFocusVisibleWithin: n
+    }
+  }), u = E(e, {
+    global: !0,
+    labelable: !0
+  });
+  return /* @__PURE__ */ c.createElement(C.div, {
+    ...S(u, r, d, l),
+    ref: L(s, o),
+    role: t,
+    "data-focus-visible-within": n || void 0
+  }, /* @__PURE__ */ c.createElement(R, {
+    values: [
+      [
+        w,
+        null
+      ]
+    ]
+  }, e.children));
+}), ce = (a) => {
+  const { ref: e, ...s } = a, t = T({ key: "nimbusAccordion" }), [d, o] = t.splitVariantProps(s), [n, l] = p(o);
+  return /* @__PURE__ */ i(k, { ref: e, ...d, ...n, asChild: !0, children: /* @__PURE__ */ i(se, { ...l }) });
+};
+ce.displayName = "Accordion.Root";
+const fe = ({
+  children: a,
+  value: e,
+  ref: s,
+  ...t
+}) => {
+  const [d, o] = p(t), n = {
+    ...o,
+    id: e
+    // React Aria uses id for the key
+  };
+  return /* @__PURE__ */ i(
+    ee,
+    {
+      "data-value": e,
+      ref: s,
+      ...d,
+      asChild: !0,
+      children: /* @__PURE__ */ i(ie, { ...n, children: a })
+    }
+  );
+};
+fe.displayName = "Accordion.Item";
+const V = ({
+  children: a,
+  ref: e,
+  ...s
+}) => /* @__PURE__ */ i(h, { ref: e, ...s, children: a });
+V.displayName = "Accordion.HeaderRightContent";
+const ue = ({
+  children: a,
+  ref: e,
+  ...s
+}) => {
+  const [t, d] = p(s), o = m(() => {
+    const n = [], l = [];
+    return c.Children.forEach(a, (r) => {
+      c.isValidElement(r) && (r.type === V || r.type === h) ? l.push(r) : n.push(r);
+    }), { main: n, rightContent: l };
+  }, [a]);
+  return /* @__PURE__ */ A(
+    O,
+    {
+      justifyContent: "space-between",
+      alignItems: "center",
+      borderBottom: "solid-25",
+      borderColor: "neutral.4",
+      ...t,
+      children: [
+        /* @__PURE__ */ i(te, { ref: e, slot: "trigger", asChild: !0, children: /* @__PURE__ */ A(B, { ...d, children: [
+          /* @__PURE__ */ i(z, {}),
+          /* @__PURE__ */ i(oe, { children: o.main })
+        ] }) }),
+        o.rightContent.length > 0 && /* @__PURE__ */ i(h, { children: o.rightContent })
+      ]
+    }
+  );
+};
+ue.displayName = "Accordion.Header";
+const pe = ({
+  children: a,
+  ref: e,
+  ...s
+}) => {
+  const [t, d] = p(s);
+  return /* @__PURE__ */ i(ae, { ref: e, ...t, asChild: !0, children: /* @__PURE__ */ i(le, { ...d, children: a }) });
+};
+pe.displayName = "Accordion.Content";
+export {
+  pe as A,
+  ue as a,
+  V as b,
+  fe as c,
+  ce as d
+};
+//# sourceMappingURL=accordion.content-DfOG_PZm.es.js.map

package/dist/chunks/accordion.content-DfOG_PZm.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.content-DfOG_PZm.es.js","sources":["../../src/components/accordion/accordion.slots.tsx","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.11_react@19.2.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.16.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Disclosure.mjs","../../src/components/accordion/components/accordion.root.tsx","../../src/components/accordion/components/accordion.item.tsx","../../src/components/accordion/components/accordion.header-right-content.tsx","../../src/components/accordion/components/accordion.header.tsx","../../src/components/accordion/components/accordion.content.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAccordion\",\n});\n\nexport const AccordionRootSlot: SlotComponent<\n  HTMLDivElement,\n  AccordionRootSlotProps\n> = withProvider<HTMLDivElement, AccordionRootSlotProps>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n    let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n        props.expandedKeys\n    ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n        props.defaultExpandedKeys\n    ]), props.onExpandedChange);\n    (0, $j4gLc$useEffect)(()=>{\n        // Ensure only one item is expanded if allowsMultipleExpanded is false.\n        if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n            let firstKey = expandedKeys.values().next().value;\n            if (firstKey != null) setExpandedKeys(new Set([\n                firstKey\n            ]));\n        }\n    });\n    return {\n        allowsMultipleExpanded: allowsMultipleExpanded,\n        isDisabled: isDisabled,\n        expandedKeys: expandedKeys,\n        setExpandedKeys: setExpandedKeys,\n        toggleKey (key) {\n            let keys;\n            if (allowsMultipleExpanded) {\n                keys = new Set(expandedKeys);\n                if (keys.has(key)) keys.delete(key);\n                else keys.add(key);\n            } else keys = new Set(expandedKeys.has(key) ? [] : [\n                key\n            ]);\n            setExpandedKeys(keys);\n        }\n    };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, dom as $64fa3d84918910a7$export$df3a06d6289f983e, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n    let state = (0, $hI1OT$useDisclosureGroupState)(props);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosureGroup',\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {\n        ...domProps,\n        ...renderProps,\n        ref: ref,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n        value: state\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n    let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n    let { id: id, ...otherProps } = props;\n    // Generate an id if one wasn't provided.\n    // (can't pass id into useId since it can also be a number)\n    let defaultId = (0, $hI1OT$useId)();\n    id || (id = defaultId);\n    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n    let state = (0, $hI1OT$useDisclosureState)({\n        ...props,\n        isExpanded: isExpanded,\n        onExpandedChange (isExpanded) {\n            var _props_onExpandedChange;\n            if (groupState) groupState.toggleKey(id);\n            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n        }\n    });\n    let panelRef = (0, $hI1OT$react).useRef(null);\n    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n        ...props,\n        isExpanded: isExpanded,\n        isDisabled: isDisabled\n    }, state, panelRef);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        id: undefined,\n        defaultClassName: 'react-aria-Disclosure',\n        values: {\n            isExpanded: state.isExpanded,\n            isDisabled: isDisabled,\n            isFocusVisibleWithin: isFocusVisibleWithin,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                {\n                    slots: {\n                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n                        trigger: buttonProps\n                    }\n                }\n            ],\n            [\n                $28f4fd908f0de97f$var$InternalDisclosureContext,\n                {\n                    panelProps: panelProps,\n                    panelRef: panelRef\n                }\n            ],\n            [\n                $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n                state\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {\n        ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n        ref: ref,\n        \"data-expanded\": state.isExpanded || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n    let { role: role = 'group' } = props;\n    let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosurePanel',\n        values: {\n            isFocusVisibleWithin: isFocusVisibleWithin\n        }\n    });\n    let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true,\n        labelable: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$df3a06d6289f983e).div, {\n        ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n        ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n        role: role,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                null\n            ]\n        ]\n    }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Root\n *\n * Provides context and configuration for all accordion items.\n *\n * @supportsStyleProps\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusAccordion\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n      <RaDisclosureGroup {...raProps} />\n    </AccordionRootSlot>\n  );\n};\n\nAccordionRoot.displayName = \"Accordion.Root\";\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Item - An individual accordion item\n *\n * Contains a header and collapsible content.\n * Multiple items can be placed within an Accordion.Root.\n *\n * @supportsStyleProps\n */\nexport const AccordionItem = ({\n  children,\n  value,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  const disclosureProps = {\n    ...restProps,\n    id: value, // React Aria uses id for the key\n  };\n\n  return (\n    <AccordionDisclosureSlot\n      data-value={value}\n      ref={ref}\n      {...styleProps}\n      asChild\n    >\n      <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n    </AccordionDisclosureSlot>\n  );\n};\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { AccordionHeaderRightContentSlot } from \"../accordion.slots\";\nimport type { AccordionHeaderRightContentProps } from \"../accordion.types\";\n\n/**\n * Accordion.HeaderRightContent - Content displayed on the right side of the accordion header\n *\n * Used to add actions, badges, or additional information to the header.\n * Positioned to the right of the header title.\n *\n * @supportsStyleProps\n */\nexport const AccordionHeaderRightContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderRightContentProps) => {\n  return (\n    <AccordionHeaderRightContentSlot ref={ref} {...props}>\n      {children}\n    </AccordionHeaderRightContentSlot>\n  );\n};\n\nAccordionHeaderRightContent.displayName = \"Accordion.HeaderRightContent\";\n","import React, { useMemo } from \"react\";\nimport {\n  AccordionTriggerSlot,\n  AccordionTitleSlot,\n  AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { AccordionHeaderRightContent } from \"./accordion.header-right-content\";\n\n/**\n * Accordion.Header - The clickable header for accordion items\n *\n * Expands/collapses the accordion content when activated.\n * Handles keyboard and mouse interactions.\n *\n * @supportsStyleProps\n */\nexport const AccordionHeader = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  // Extract HeaderRightContent if present\n  const headerContent = useMemo(() => {\n    const main: React.ReactNode[] = [];\n    const rightContent: React.ReactNode[] = [];\n\n    React.Children.forEach(children, (child) => {\n      if (\n        React.isValidElement(child) &&\n        (child.type === AccordionHeaderRightContent ||\n          child.type === AccordionHeaderRightContentSlot)\n      ) {\n        rightContent.push(child);\n      } else {\n        main.push(child);\n      }\n    });\n\n    return { main, rightContent };\n  }, [children]);\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderBottom=\"solid-25\"\n      borderColor=\"neutral.4\"\n      {...styleProps}\n    >\n      <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n        <RaButton {...restProps}>\n          <KeyboardArrowRight />\n          <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n        </RaButton>\n      </AccordionTriggerSlot>\n      {headerContent.rightContent.length > 0 && (\n        <AccordionHeaderRightContentSlot>\n          {headerContent.rightContent}\n        </AccordionHeaderRightContentSlot>\n      )}\n    </Flex>\n  );\n};\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Content - The collapsible content area\n *\n * Contains the main content that is shown/hidden when the header is activated.\n *\n * @supportsStyleProps\n */\nexport const AccordionContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n      <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n    </AccordionPanelSlot>\n  );\n};\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$64fa3d84918910a7$export$df3a06d6289f983e","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","AccordionRoot","restProps","recipe","useSlotRecipe","recipeProps","restRecipeProps","styleProps","raProps","extractStyleProps","jsx","RaDisclosureGroup","AccordionItem","children","value","disclosureProps","RaDisclosure","AccordionHeaderRightContent","AccordionHeader","headerContent","useMemo","main","rightContent","React","child","jsxs","Flex","RaButton","KeyboardArrowRight","AccordionContent","RaDisclosurePanel"],"mappings":"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","x_google_ignoreList":[1,2]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-BdHXhgWQ.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/intl/en.ts","../../src/components/alert/intl/de.ts","../../src/components/alert/intl/es.ts","../../src/components/alert/intl/fr-FR.ts","../../src/components/alert/intl/pt-BR.ts","../../src/components/alert/alert.messages.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\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: \"nimbusAlert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n  switch (colorPalette) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n\n  return (\n    <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n      <AlertIcon alignItems=\"flex-start\">\n        {getIconFromColorPalette(restProps.colorPalette)}\n      </AlertIcon>\n      {children}\n    </AlertRootSlot>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  return (\n    <AlertTitleSlot {...props} fontWeight=\"600\">\n      {children}\n    </AlertTitleSlot>\n  );\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  return <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  return <AlertActionsSlot {...props}>{children}</AlertActionsSlot>;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","/**\n * Pre-compiled en messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dismiss` };\n","/**\n * Pre-compiled de messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Verwerfen` };\n","/**\n * Pre-compiled es messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Desechar` };\n","/**\n * Pre-compiled fr-FR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Fermer` };\n","/**\n * Pre-compiled pt-BR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dispensar` };\n","/**\n * Pre-compiled localized messages for Alert component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport alertMessages_en from \"./intl/en\";\nimport alertMessages_de from \"./intl/de\";\nimport alertMessages_es from \"./intl/es\";\nimport alertMessages_fr from \"./intl/fr-FR\";\nimport alertMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const alertMessagesStrings: LocalizedStrings<string, LocalizedString> = {\n  en: normalizeMessages(alertMessages_en),\n  de: normalizeMessages(alertMessages_de),\n  es: normalizeMessages(alertMessages_es),\n  \"fr-FR\": normalizeMessages(alertMessages_fr),\n  \"pt-BR\": normalizeMessages(alertMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Alert component\n */\nexport type AlertMessageKey = \"dismiss\";\n","import { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { alertMessagesStrings } from \"../alert.messages\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({ ...props }: AlertDismissButtonProps) => {\n  const msg = useLocalizedStringFormatter(alertMessagesStrings);\n\n  return (\n    <AlertDismissButtonSlot>\n      <IconButton\n        aria-label={msg.format(\"dismiss\")}\n        {...props}\n        variant=\"ghost\"\n        size=\"2xs\"\n      >\n        <Clear role=\"img\" />\n      </IconButton>\n    </AlertDismissButtonSlot>\n  );\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertDismissButton,\n  AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n *   <Alert.Title>Information</Alert.Title>\n *   <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n  /**\n   * # Alert.Root\n   *\n   * The root component that provides context and configuration for the alert.\n   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\" variant=\"outlined\">\n   *   <Alert.Title>Title</Alert.Title>\n   *   <Alert.Description>Description</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Root: AlertRoot,\n  /**\n   * # Alert.Title\n   *\n   * Displays the title text for the alert.\n   * Typically shown in bold to provide a clear heading for the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"critical\">\n   *   <Alert.Title>Error Occurred</Alert.Title>\n   * </Alert.Root>\n   * ```\n   */\n  Title: AlertTitle,\n  /**\n   * # Alert.Description\n   *\n   * Displays the descriptive text for the alert.\n   * Provides detailed information about the alert's purpose or the action required.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"warning\">\n   *   <Alert.Title>Warning</Alert.Title>\n   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Description: AlertDescription,\n  /**\n   * # Alert.Actions\n   *\n   * Container for action buttons within the alert.\n   * Allows users to take actions directly from the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"positive\">\n   *   <Alert.Title>Success</Alert.Title>\n   *   <Alert.Description>Your changes have been saved.</Alert.Description>\n   *   <Alert.Actions>\n   *     <Button>View Details</Button>\n   *   </Alert.Actions>\n   * </Alert.Root>\n   * ```\n   */\n  Actions: AlertActions,\n  /**\n   * # Alert.DismissButton\n   *\n   * Button to dismiss or close the alert.\n   * Provides users with the ability to manually remove the alert from view.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\">\n   *   <Alert.Title>Notification</Alert.Title>\n   *   <Alert.Description>You have new messages.</Alert.Description>\n   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n   * </Alert.Root>\n   * ```\n   */\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","props","ref","children","restProps","AlertRootSlot","jsx","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","alertMessages_en","alertMessages_de","alertMessages_es","alertMessages_fr","alertMessages_pt","alertMessagesStrings","normalizeMessages","msg","useLocalizedStringFormatter","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-Bk6m8bhe.cjs.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/intl/en.ts","../../src/components/alert/intl/de.ts","../../src/components/alert/intl/es.ts","../../src/components/alert/intl/fr-FR.ts","../../src/components/alert/intl/pt-BR.ts","../../src/components/alert/alert.messages.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\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: \"nimbusAlert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n  \"div\",\n  \"title\"\n);\n\nexport const AlertDescription = withContext<\n  HTMLDivElement,\n  AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n  \"div\",\n  \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n  HTMLDivElement,\n  AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport {\n  CheckCircleOutline,\n  ErrorOutline,\n  Info,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n  switch (colorPalette) {\n    case \"critical\":\n      return <ErrorOutline />;\n    case \"info\":\n      return <Info />;\n    case \"warning\":\n      return <WarningAmber />;\n    case \"positive\":\n      return <CheckCircleOutline />;\n    default:\n      return null;\n  }\n};\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n  const { ref, children, ...restProps } = props;\n\n  return (\n    <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n      <AlertIcon alignItems=\"flex-start\">\n        {getIconFromColorPalette(restProps.colorPalette)}\n      </AlertIcon>\n      {children}\n    </AlertRootSlot>\n  );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n  return (\n    <AlertTitleSlot {...props} fontWeight=\"600\">\n      {children}\n    </AlertTitleSlot>\n  );\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n  children,\n  ...props\n}: AlertDescriptionProps) => {\n  return <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n  return <AlertActionsSlot {...props}>{children}</AlertActionsSlot>;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","/**\n * Pre-compiled en messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dismiss` };\n","/**\n * Pre-compiled de messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Verwerfen` };\n","/**\n * Pre-compiled es messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Desechar` };\n","/**\n * Pre-compiled fr-FR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Fermer` };\n","/**\n * Pre-compiled pt-BR messages for Alert\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default { dismiss: `Dispensar` };\n","/**\n * Pre-compiled localized messages for Alert component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport alertMessages_en from \"./intl/en\";\nimport alertMessages_de from \"./intl/de\";\nimport alertMessages_es from \"./intl/es\";\nimport alertMessages_fr from \"./intl/fr-FR\";\nimport alertMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const alertMessagesStrings: LocalizedStrings<string, LocalizedString> = {\n  en: normalizeMessages(alertMessages_en),\n  de: normalizeMessages(alertMessages_de),\n  es: normalizeMessages(alertMessages_es),\n  \"fr-FR\": normalizeMessages(alertMessages_fr),\n  \"pt-BR\": normalizeMessages(alertMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for Alert component\n */\nexport type AlertMessageKey = \"dismiss\";\n","import { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { alertMessagesStrings } from \"../alert.messages\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({ ...props }: AlertDismissButtonProps) => {\n  const msg = useLocalizedStringFormatter(alertMessagesStrings);\n\n  return (\n    <AlertDismissButtonSlot>\n      <IconButton\n        aria-label={msg.format(\"dismiss\")}\n        {...props}\n        variant=\"ghost\"\n        size=\"2xs\"\n      >\n        <Clear role=\"img\" />\n      </IconButton>\n    </AlertDismissButtonSlot>\n  );\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n  AlertTitle,\n  AlertDescription,\n  AlertActions,\n  AlertDismissButton,\n  AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n *   <Alert.Title>Information</Alert.Title>\n *   <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n  /**\n   * # Alert.Root\n   *\n   * The root component that provides context and configuration for the alert.\n   * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\" variant=\"outlined\">\n   *   <Alert.Title>Title</Alert.Title>\n   *   <Alert.Description>Description</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Root: AlertRoot,\n  /**\n   * # Alert.Title\n   *\n   * Displays the title text for the alert.\n   * Typically shown in bold to provide a clear heading for the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"critical\">\n   *   <Alert.Title>Error Occurred</Alert.Title>\n   * </Alert.Root>\n   * ```\n   */\n  Title: AlertTitle,\n  /**\n   * # Alert.Description\n   *\n   * Displays the descriptive text for the alert.\n   * Provides detailed information about the alert's purpose or the action required.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"warning\">\n   *   <Alert.Title>Warning</Alert.Title>\n   *   <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n   * </Alert.Root>\n   * ```\n   */\n  Description: AlertDescription,\n  /**\n   * # Alert.Actions\n   *\n   * Container for action buttons within the alert.\n   * Allows users to take actions directly from the alert message.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"positive\">\n   *   <Alert.Title>Success</Alert.Title>\n   *   <Alert.Description>Your changes have been saved.</Alert.Description>\n   *   <Alert.Actions>\n   *     <Button>View Details</Button>\n   *   </Alert.Actions>\n   * </Alert.Root>\n   * ```\n   */\n  Actions: AlertActions,\n  /**\n   * # Alert.DismissButton\n   *\n   * Button to dismiss or close the alert.\n   * Provides users with the ability to manually remove the alert from view.\n   *\n   * @example\n   * ```tsx\n   * <Alert.Root tone=\"info\">\n   *   <Alert.Title>Notification</Alert.Title>\n   *   <Alert.Description>You have new messages.</Alert.Description>\n   *   <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n   * </Alert.Root>\n   * ```\n   */\n  DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n  AlertRoot as _AlertRoot,\n  AlertTitle as _AlertTitle,\n  AlertDescription as _AlertDescription,\n  AlertActions as _AlertActions,\n  AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","props","ref","children","restProps","AlertRootSlot","jsx","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","alertMessages_en","alertMessages_de","alertMessages_es","alertMessages_fr","alertMessages_pt","alertMessagesStrings","normalizeMessages","msg","useLocalizedStringFormatter","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"oOAUM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,aACP,CAAC,EAEYC,EAAYH,EACvB,MACA,MACF,EAEaI,EAAaH,EACxB,MACA,OACF,EAEaI,EAAmBJ,EAG9B,MAAO,aAAa,EAETK,EAAYL,EACvB,MACA,MACF,EAEaM,EAAeN,EAC1B,MACA,SACF,EAIaO,EAAqBP,EAGhC,MAAO,eAAe,ECnClBQ,EAA2BC,GAA6C,CAC5E,OAAQA,EAAA,CACN,IAAK,WACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,OACH,aAAQC,EAAAA,KAAA,EAAK,EACf,IAAK,UACH,aAAQC,EAAAA,aAAA,EAAa,EACvB,IAAK,WACH,aAAQC,EAAAA,mBAAA,EAAmB,EAC7B,QACE,OAAO,IAAA,CAEb,EAOaX,EAAiCY,GAAU,CACtD,KAAM,CAAE,IAAAC,EAAK,SAAAC,EAAU,GAAGC,GAAcH,EAExC,cACGI,EAAA,CAAc,IAAAH,EAAW,GAAGE,EAAW,KAAK,QAC3C,SAAA,CAAAE,MAACd,GAAU,WAAW,aACnB,SAAAG,EAAwBS,EAAU,YAAY,EACjD,EACCD,CAAA,EACH,CAEJ,EAEAd,EAAU,YAAc,aClCjB,MAAMC,EAAa,CAAC,CAAE,SAAAa,EAAU,GAAGF,WAErCM,EAAA,CAAgB,GAAGN,EAAO,WAAW,MACnC,SAAAE,EACH,EAIJb,EAAW,YAAc,cCRlB,MAAMC,EAAmB,CAAC,CAC/B,SAAAY,EACA,GAAGF,CACL,IACSK,EAAAA,IAACE,EAAA,CAAsB,GAAGP,EAAQ,SAAAE,CAAA,CAAS,EAGpDZ,EAAiB,YAAc,oBCPxB,MAAME,EAAe,CAAC,CAAE,SAAAU,EAAU,GAAGF,KACnCK,EAAAA,IAACG,EAAA,CAAkB,GAAGR,EAAQ,SAAAE,CAAA,CAAS,EAGhDV,EAAa,YAAc,gBCN3B,MAAAiB,EAAe,CAAE,QAAS,SAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECA1BC,EAAe,CAAE,QAAS,UAAA,ECA1BC,EAAe,CAAE,QAAS,QAAA,ECA1BC,EAAe,CAAE,QAAS,WAAA,ECiBbC,EAAkE,CAC7E,GAAIC,EAAAA,kBAAkBN,CAAgB,EACtC,GAAIM,EAAAA,kBAAkBL,CAAgB,EACtC,GAAIK,EAAAA,kBAAkBJ,CAAgB,EACtC,QAASI,EAAAA,kBAAkBH,CAAgB,EAC3C,QAASG,EAAAA,kBAAkBF,CAAgB,CAC7C,ECjBapB,EAAqB,CAAC,CAAE,GAAGO,KAAqC,CAC3E,MAAMgB,EAAMC,EAAAA,4BAA4BH,CAAoB,EAE5D,aACGI,EAAA,CACC,SAAAb,EAAAA,IAACc,EAAAA,WAAA,CACC,aAAYH,EAAI,OAAO,SAAS,EAC/B,GAAGhB,EACJ,QAAQ,QACR,KAAK,MAEL,SAAAK,EAAAA,IAACe,EAAAA,MAAA,CAAM,KAAK,KAAA,CAAM,CAAA,CAAA,EAEtB,CAEJ,EAEA3B,EAAmB,YAAc,sBCN1B,MAAM4B,EAAQ,CAenB,KAAMjC,EAcN,MAAOC,EAeP,YAAaC,EAkBb,QAASE,EAgBT,cAAeC,CACjB"}

package/dist/chunks/animation-BmCHvba5.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation-BmCHvba5.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.33.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/utils/dist/animation.mjs"],"sourcesContent":["import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {flushSync as $jJMAe$flushSync} from \"react-dom\";\nimport {useState as $jJMAe$useState, useCallback as $jJMAe$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {\n    let [isEntering, setEntering] = (0, $jJMAe$useState)(true);\n    let isAnimationReady = isEntering && isReady;\n    // There are two cases for entry animations:\n    // 1. CSS @keyframes. The `animation` property is set during the isEntering state, and it is removed after the animation finishes.\n    // 2. CSS transitions. The initial styles are applied during the isEntering state, and removed immediately, causing the transition to occur.\n    //\n    // In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).\n    // This can happen when isReady starts as false (e.g. popovers prior to placement calculation).\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {\n            for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();\n        }\n    }, [\n        ref,\n        isAnimationReady\n    ]);\n    $d3f049242431219c$var$useAnimation(ref, isAnimationReady, (0, $jJMAe$useCallback)(()=>setEntering(false), []));\n    return isAnimationReady;\n}\nfunction $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {\n    let [exitState, setExitState] = (0, $jJMAe$useState)(isOpen ? 'open' : 'closed');\n    switch(exitState){\n        case 'open':\n            // If isOpen becomes false, set the state to exiting.\n            if (!isOpen) setExitState('exiting');\n            break;\n        case 'closed':\n        case 'exiting':\n            // If we are exiting and isOpen becomes true, the animation was interrupted.\n            // Reset the state to open.\n            if (isOpen) setExitState('open');\n            break;\n    }\n    let isExiting = exitState === 'exiting';\n    $d3f049242431219c$var$useAnimation(ref, isExiting, (0, $jJMAe$useCallback)(()=>{\n        // Set the state to closed, which will cause the element to be unmounted.\n        setExitState((state)=>state === 'exiting' ? 'closed' : state);\n    }, []));\n    return isExiting;\n}\nfunction $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isActive && ref.current) {\n            if (!('getAnimations' in ref.current)) {\n                // JSDOM\n                onEnd();\n                return;\n            }\n            let animations = ref.current.getAnimations();\n            if (animations.length === 0) {\n                onEnd();\n                return;\n            }\n            let canceled = false;\n            Promise.all(animations.map((a)=>a.finished)).then(()=>{\n                if (!canceled) (0, $jJMAe$flushSync)(()=>{\n                    onEnd();\n                });\n            }).catch(()=>{});\n            return ()=>{\n                canceled = true;\n            };\n        }\n    }, [\n        ref,\n        isActive,\n        onEnd\n    ]);\n}\n\n\nexport {$d3f049242431219c$export$6d3443f2c48bfc20 as useEnterAnimation, $d3f049242431219c$export$45fda7c47f93fd48 as useExitAnimation};\n//# sourceMappingURL=animation.module.js.map\n"],"names":["$d3f049242431219c$export$6d3443f2c48bfc20","ref","isReady","isEntering","setEntering","$jJMAe$useState","isAnimationReady","$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c","animation","$d3f049242431219c$var$useAnimation","$jJMAe$useCallback","$d3f049242431219c$export$45fda7c47f93fd48","isOpen","exitState","setExitState","isExiting","state","isActive","onEnd","animations","canceled","$jJMAe$flushSync"],"mappings":"uGAiBA,SAASA,EAA0CC,EAAKC,EAAU,GAAM,CACpE,GAAI,CAACC,EAAYC,CAAW,EAAQC,EAAAA,SAAiB,EAAI,EACrDC,EAAmBH,GAAcD,EAOrC,OAAIK,EAAAA,0CAA2C,IAAI,CAC/C,GAAID,GAAoBL,EAAI,SAAW,kBAAmBA,EAAI,QAC1D,QAASO,KAAaP,EAAI,QAAQ,gBAAoBO,aAAqB,eAAeA,EAAU,OAAM,CAElH,EAAG,CACCP,EACAK,CACR,CAAK,EACDG,EAAmCR,EAAKK,EAAsBI,EAAAA,YAAoB,IAAIN,EAAY,EAAK,EAAG,CAAA,CAAE,CAAC,EACtGE,CACX,CACA,SAASK,EAA0CV,EAAKW,EAAQ,CAC5D,GAAI,CAACC,EAAWC,CAAY,EAAQT,EAAAA,SAAiBO,EAAS,OAAS,QAAQ,EAC/E,OAAOC,EAAS,CACZ,IAAK,OAEID,GAAQE,EAAa,SAAS,EACnC,MACJ,IAAK,SACL,IAAK,UAGGF,GAAQE,EAAa,MAAM,EAC/B,KACZ,CACI,IAAIC,EAAYF,IAAc,UAC9B,OAAAJ,EAAmCR,EAAKc,EAAeL,EAAAA,YAAoB,IAAI,CAE3EI,EAAcE,GAAQA,IAAU,UAAY,SAAWA,CAAK,CAChE,EAAG,CAAA,CAAE,CAAC,EACCD,CACX,CACA,SAASN,EAAmCR,EAAKgB,EAAUC,EAAO,CAC1DX,EAAAA,0CAA2C,IAAI,CAC/C,GAAIU,GAAYhB,EAAI,QAAS,CACzB,GAAI,EAAE,kBAAmBA,EAAI,SAAU,CAEnCiB,EAAK,EACL,MACJ,CACA,IAAIC,EAAalB,EAAI,QAAQ,cAAa,EAC1C,GAAIkB,EAAW,SAAW,EAAG,CACzBD,EAAK,EACL,MACJ,CACA,IAAIE,EAAW,GACf,eAAQ,IAAID,EAAW,IAAK,GAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,IAAI,CAC7CC,GAAcC,EAAAA,UAAkB,IAAI,CACrCH,EAAK,CACT,CAAC,CACL,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,EACR,IAAI,CACPE,EAAW,EACf,CACJ,CACJ,EAAG,CACCnB,EACAgB,EACAC,CACR,CAAK,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"animation-BmCHvba5.cjs.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.33.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/utils/dist/animation.mjs"],"sourcesContent":["import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {flushSync as $jJMAe$flushSync} from \"react-dom\";\nimport {useState as $jJMAe$useState, useCallback as $jJMAe$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {\n    let [isEntering, setEntering] = (0, $jJMAe$useState)(true);\n    let isAnimationReady = isEntering && isReady;\n    // There are two cases for entry animations:\n    // 1. CSS @keyframes. The `animation` property is set during the isEntering state, and it is removed after the animation finishes.\n    // 2. CSS transitions. The initial styles are applied during the isEntering state, and removed immediately, causing the transition to occur.\n    //\n    // In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).\n    // This can happen when isReady starts as false (e.g. popovers prior to placement calculation).\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {\n            for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();\n        }\n    }, [\n        ref,\n        isAnimationReady\n    ]);\n    $d3f049242431219c$var$useAnimation(ref, isAnimationReady, (0, $jJMAe$useCallback)(()=>setEntering(false), []));\n    return isAnimationReady;\n}\nfunction $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {\n    let [exitState, setExitState] = (0, $jJMAe$useState)(isOpen ? 'open' : 'closed');\n    switch(exitState){\n        case 'open':\n            // If isOpen becomes false, set the state to exiting.\n            if (!isOpen) setExitState('exiting');\n            break;\n        case 'closed':\n        case 'exiting':\n            // If we are exiting and isOpen becomes true, the animation was interrupted.\n            // Reset the state to open.\n            if (isOpen) setExitState('open');\n            break;\n    }\n    let isExiting = exitState === 'exiting';\n    $d3f049242431219c$var$useAnimation(ref, isExiting, (0, $jJMAe$useCallback)(()=>{\n        // Set the state to closed, which will cause the element to be unmounted.\n        setExitState((state)=>state === 'exiting' ? 'closed' : state);\n    }, []));\n    return isExiting;\n}\nfunction $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isActive && ref.current) {\n            if (!('getAnimations' in ref.current)) {\n                // JSDOM\n                onEnd();\n                return;\n            }\n            let animations = ref.current.getAnimations();\n            if (animations.length === 0) {\n                onEnd();\n                return;\n            }\n            let canceled = false;\n            Promise.all(animations.map((a)=>a.finished)).then(()=>{\n                if (!canceled) (0, $jJMAe$flushSync)(()=>{\n                    onEnd();\n                });\n            }).catch(()=>{});\n            return ()=>{\n                canceled = true;\n            };\n        }\n    }, [\n        ref,\n        isActive,\n        onEnd\n    ]);\n}\n\n\nexport {$d3f049242431219c$export$6d3443f2c48bfc20 as useEnterAnimation, $d3f049242431219c$export$45fda7c47f93fd48 as useExitAnimation};\n//# sourceMappingURL=animation.module.js.map\n"],"names":["$d3f049242431219c$export$6d3443f2c48bfc20","ref","isReady","isEntering","setEntering","$jJMAe$useState","isAnimationReady","$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c","animation","$d3f049242431219c$var$useAnimation","$jJMAe$useCallback","$d3f049242431219c$export$45fda7c47f93fd48","isOpen","exitState","setExitState","isExiting","state","isActive","onEnd","animations","canceled","$jJMAe$flushSync"],"mappings":"uGAiBA,SAASA,EAA0CC,EAAKC,EAAU,GAAM,CACpE,GAAI,CAACC,EAAYC,CAAW,EAAQC,EAAAA,SAAiB,EAAI,EACrDC,EAAmBH,GAAcD,EAOrC,OAAIK,EAAAA,0CAA2C,IAAI,CAC/C,GAAID,GAAoBL,EAAI,SAAW,kBAAmBA,EAAI,QAC1D,QAASO,KAAaP,EAAI,QAAQ,gBAAoBO,aAAqB,eAAeA,EAAU,OAAM,CAElH,EAAG,CACCP,EACAK,CACR,CAAK,EACDG,EAAmCR,EAAKK,EAAsBI,EAAAA,YAAoB,IAAIN,EAAY,EAAK,EAAG,CAAA,CAAE,CAAC,EACtGE,CACX,CACA,SAASK,EAA0CV,EAAKW,EAAQ,CAC5D,GAAI,CAACC,EAAWC,CAAY,EAAQT,EAAAA,SAAiBO,EAAS,OAAS,QAAQ,EAC/E,OAAOC,EAAS,CACZ,IAAK,OAEID,GAAQE,EAAa,SAAS,EACnC,MACJ,IAAK,SACL,IAAK,UAGGF,GAAQE,EAAa,MAAM,EAC/B,KACZ,CACI,IAAIC,EAAYF,IAAc,UAC9B,OAAAJ,EAAmCR,EAAKc,EAAeL,EAAAA,YAAoB,IAAI,CAE3EI,EAAcE,GAAQA,IAAU,UAAY,SAAWA,CAAK,CAChE,EAAG,CAAA,CAAE,CAAC,EACCD,CACX,CACA,SAASN,EAAmCR,EAAKgB,EAAUC,EAAO,CAC1DX,EAAAA,0CAA2C,IAAI,CAC/C,GAAIU,GAAYhB,EAAI,QAAS,CACzB,GAAI,EAAE,kBAAmBA,EAAI,SAAU,CAEnCiB,EAAK,EACL,MACJ,CACA,IAAIC,EAAalB,EAAI,QAAQ,cAAa,EAC1C,GAAIkB,EAAW,SAAW,EAAG,CACzBD,EAAK,EACL,MACJ,CACA,IAAIE,EAAW,GACf,eAAQ,IAAID,EAAW,IAAK,GAAI,EAAE,QAAQ,CAAC,EAAE,KAAK,IAAI,CAC7CC,GAAcC,EAAAA,UAAkB,IAAI,CACrCH,EAAK,CACT,CAAC,CACL,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,EACR,IAAI,CACPE,EAAW,EACf,CACJ,CACJ,EAAG,CACCnB,EACAgB,EACAC,CACR,CAAK,CACL","x_google_ignoreList":[0]}

package/dist/chunks/animation-sblr3yZx.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"animation-sblr3yZx.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.33.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/utils/dist/animation.mjs"],"sourcesContent":["import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {flushSync as $jJMAe$flushSync} from \"react-dom\";\nimport {useState as $jJMAe$useState, useCallback as $jJMAe$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {\n    let [isEntering, setEntering] = (0, $jJMAe$useState)(true);\n    let isAnimationReady = isEntering && isReady;\n    // There are two cases for entry animations:\n    // 1. CSS @keyframes. The `animation` property is set during the isEntering state, and it is removed after the animation finishes.\n    // 2. CSS transitions. The initial styles are applied during the isEntering state, and removed immediately, causing the transition to occur.\n    //\n    // In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).\n    // This can happen when isReady starts as false (e.g. popovers prior to placement calculation).\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {\n            for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();\n        }\n    }, [\n        ref,\n        isAnimationReady\n    ]);\n    $d3f049242431219c$var$useAnimation(ref, isAnimationReady, (0, $jJMAe$useCallback)(()=>setEntering(false), []));\n    return isAnimationReady;\n}\nfunction $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {\n    let [exitState, setExitState] = (0, $jJMAe$useState)(isOpen ? 'open' : 'closed');\n    switch(exitState){\n        case 'open':\n            // If isOpen becomes false, set the state to exiting.\n            if (!isOpen) setExitState('exiting');\n            break;\n        case 'closed':\n        case 'exiting':\n            // If we are exiting and isOpen becomes true, the animation was interrupted.\n            // Reset the state to open.\n            if (isOpen) setExitState('open');\n            break;\n    }\n    let isExiting = exitState === 'exiting';\n    $d3f049242431219c$var$useAnimation(ref, isExiting, (0, $jJMAe$useCallback)(()=>{\n        // Set the state to closed, which will cause the element to be unmounted.\n        setExitState((state)=>state === 'exiting' ? 'closed' : state);\n    }, []));\n    return isExiting;\n}\nfunction $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isActive && ref.current) {\n            if (!('getAnimations' in ref.current)) {\n                // JSDOM\n                onEnd();\n                return;\n            }\n            let animations = ref.current.getAnimations();\n            if (animations.length === 0) {\n                onEnd();\n                return;\n            }\n            let canceled = false;\n            Promise.all(animations.map((a)=>a.finished)).then(()=>{\n                if (!canceled) (0, $jJMAe$flushSync)(()=>{\n                    onEnd();\n                });\n            }).catch(()=>{});\n            return ()=>{\n                canceled = true;\n            };\n        }\n    }, [\n        ref,\n        isActive,\n        onEnd\n    ]);\n}\n\n\nexport {$d3f049242431219c$export$6d3443f2c48bfc20 as useEnterAnimation, $d3f049242431219c$export$45fda7c47f93fd48 as useExitAnimation};\n//# sourceMappingURL=animation.module.js.map\n"],"names":["$d3f049242431219c$export$6d3443f2c48bfc20","ref","isReady","isEntering","setEntering","$jJMAe$useState","isAnimationReady","$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c","animation","$d3f049242431219c$var$useAnimation","$jJMAe$useCallback","$d3f049242431219c$export$45fda7c47f93fd48","isOpen","exitState","setExitState","isExiting","state","isActive","onEnd","animations","canceled","a","$jJMAe$flushSync"],"mappings":";;;AAiBA,SAASA,EAA0CC,GAAKC,IAAU,IAAM;AACpE,MAAI,CAACC,GAAYC,CAAW,IAAQC,EAAiB,EAAI,GACrDC,IAAmBH,KAAcD;AAOrC,SAAIK,EAA2C,MAAI;AAC/C,QAAID,KAAoBL,EAAI,WAAW,mBAAmBA,EAAI;AAC1D,eAASO,KAAaP,EAAI,QAAQ,gBAAgB,CAAIO,aAAqB,iBAAeA,EAAU,OAAM;AAAA,EAElH,GAAG;AAAA,IACCP;AAAA,IACAK;AAAA,EACR,CAAK,GACDG,EAAmCR,GAAKK,GAAsBI,EAAoB,MAAIN,EAAY,EAAK,GAAG,CAAA,CAAE,CAAC,GACtGE;AACX;AACA,SAASK,EAA0CV,GAAKW,GAAQ;AAC5D,MAAI,CAACC,GAAWC,CAAY,IAAQT,EAAiBO,IAAS,SAAS,QAAQ;AAC/E,UAAOC,GAAS;AAAA,IACZ,KAAK;AAED,MAAKD,KAAQE,EAAa,SAAS;AACnC;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAGD,MAAIF,KAAQE,EAAa,MAAM;AAC/B;AAAA,EACZ;AACI,MAAIC,IAAYF,MAAc;AAC9B,SAAAJ,EAAmCR,GAAKc,GAAeL,EAAoB,MAAI;AAE3E,IAAAI,EAAa,CAACE,MAAQA,MAAU,YAAY,WAAWA,CAAK;AAAA,EAChE,GAAG,CAAA,CAAE,CAAC,GACCD;AACX;AACA,SAASN,EAAmCR,GAAKgB,GAAUC,GAAO;AAC9D,EAAIX,EAA2C,MAAI;AAC/C,QAAIU,KAAYhB,EAAI,SAAS;AACzB,UAAI,EAAE,mBAAmBA,EAAI,UAAU;AAEnC,QAAAiB,EAAK;AACL;AAAA,MACJ;AACA,UAAIC,IAAalB,EAAI,QAAQ,cAAa;AAC1C,UAAIkB,EAAW,WAAW,GAAG;AACzB,QAAAD,EAAK;AACL;AAAA,MACJ;AACA,UAAIE,IAAW;AACf,qBAAQ,IAAID,EAAW,IAAI,CAACE,MAAIA,EAAE,QAAQ,CAAC,EAAE,KAAK,MAAI;AAClD,QAAKD,KAAcE,EAAkB,MAAI;AACrC,UAAAJ,EAAK;AAAA,QACT,CAAC;AAAA,MACL,CAAC,EAAE,MAAM,MAAI;AAAA,MAAC,CAAC,GACR,MAAI;AACP,QAAAE,IAAW;AAAA,MACf;AAAA,IACJ;AAAA,EACJ,GAAG;AAAA,IACCnB;AAAA,IACAgB;AAAA,IACAC;AAAA,EACR,CAAK;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"animation-sblr3yZx.es.js","sources":["../../../../node_modules/.pnpm/@react-aria+utils@3.33.1_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/@react-aria/utils/dist/animation.mjs"],"sourcesContent":["import {useLayoutEffect as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c} from \"./useLayoutEffect.mjs\";\nimport {flushSync as $jJMAe$flushSync} from \"react-dom\";\nimport {useState as $jJMAe$useState, useCallback as $jJMAe$useCallback} from \"react\";\n\n/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\nfunction $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {\n    let [isEntering, setEntering] = (0, $jJMAe$useState)(true);\n    let isAnimationReady = isEntering && isReady;\n    // There are two cases for entry animations:\n    // 1. CSS @keyframes. The `animation` property is set during the isEntering state, and it is removed after the animation finishes.\n    // 2. CSS transitions. The initial styles are applied during the isEntering state, and removed immediately, causing the transition to occur.\n    //\n    // In the second case, cancel any transitions that were triggered prior to the isEntering = false state (when the transition is supposed to start).\n    // This can happen when isReady starts as false (e.g. popovers prior to placement calculation).\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isAnimationReady && ref.current && 'getAnimations' in ref.current) {\n            for (let animation of ref.current.getAnimations())if (animation instanceof CSSTransition) animation.cancel();\n        }\n    }, [\n        ref,\n        isAnimationReady\n    ]);\n    $d3f049242431219c$var$useAnimation(ref, isAnimationReady, (0, $jJMAe$useCallback)(()=>setEntering(false), []));\n    return isAnimationReady;\n}\nfunction $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {\n    let [exitState, setExitState] = (0, $jJMAe$useState)(isOpen ? 'open' : 'closed');\n    switch(exitState){\n        case 'open':\n            // If isOpen becomes false, set the state to exiting.\n            if (!isOpen) setExitState('exiting');\n            break;\n        case 'closed':\n        case 'exiting':\n            // If we are exiting and isOpen becomes true, the animation was interrupted.\n            // Reset the state to open.\n            if (isOpen) setExitState('open');\n            break;\n    }\n    let isExiting = exitState === 'exiting';\n    $d3f049242431219c$var$useAnimation(ref, isExiting, (0, $jJMAe$useCallback)(()=>{\n        // Set the state to closed, which will cause the element to be unmounted.\n        setExitState((state)=>state === 'exiting' ? 'closed' : state);\n    }, []));\n    return isExiting;\n}\nfunction $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {\n    (0, $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{\n        if (isActive && ref.current) {\n            if (!('getAnimations' in ref.current)) {\n                // JSDOM\n                onEnd();\n                return;\n            }\n            let animations = ref.current.getAnimations();\n            if (animations.length === 0) {\n                onEnd();\n                return;\n            }\n            let canceled = false;\n            Promise.all(animations.map((a)=>a.finished)).then(()=>{\n                if (!canceled) (0, $jJMAe$flushSync)(()=>{\n                    onEnd();\n                });\n            }).catch(()=>{});\n            return ()=>{\n                canceled = true;\n            };\n        }\n    }, [\n        ref,\n        isActive,\n        onEnd\n    ]);\n}\n\n\nexport {$d3f049242431219c$export$6d3443f2c48bfc20 as useEnterAnimation, $d3f049242431219c$export$45fda7c47f93fd48 as useExitAnimation};\n//# sourceMappingURL=animation.module.js.map\n"],"names":["$d3f049242431219c$export$6d3443f2c48bfc20","ref","isReady","isEntering","setEntering","$jJMAe$useState","isAnimationReady","$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c","animation","$d3f049242431219c$var$useAnimation","$jJMAe$useCallback","$d3f049242431219c$export$45fda7c47f93fd48","isOpen","exitState","setExitState","isExiting","state","isActive","onEnd","animations","canceled","a","$jJMAe$flushSync"],"mappings":";;;AAiBA,SAASA,EAA0CC,GAAKC,IAAU,IAAM;AACpE,MAAI,CAACC,GAAYC,CAAW,IAAQC,EAAiB,EAAI,GACrDC,IAAmBH,KAAcD;AAOrC,SAAIK,EAA2C,MAAI;AAC/C,QAAID,KAAoBL,EAAI,WAAW,mBAAmBA,EAAI;AAC1D,eAASO,KAAaP,EAAI,QAAQ,gBAAgB,CAAIO,aAAqB,iBAAeA,EAAU,OAAM;AAAA,EAElH,GAAG;AAAA,IACCP;AAAA,IACAK;AAAA,EACR,CAAK,GACDG,EAAmCR,GAAKK,GAAsBI,EAAoB,MAAIN,EAAY,EAAK,GAAG,CAAA,CAAE,CAAC,GACtGE;AACX;AACA,SAASK,EAA0CV,GAAKW,GAAQ;AAC5D,MAAI,CAACC,GAAWC,CAAY,IAAQT,EAAiBO,IAAS,SAAS,QAAQ;AAC/E,UAAOC,GAAS;AAAA,IACZ,KAAK;AAED,MAAKD,KAAQE,EAAa,SAAS;AACnC;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAGD,MAAIF,KAAQE,EAAa,MAAM;AAC/B;AAAA,EACZ;AACI,MAAIC,IAAYF,MAAc;AAC9B,SAAAJ,EAAmCR,GAAKc,GAAeL,EAAoB,MAAI;AAE3E,IAAAI,EAAa,CAACE,MAAQA,MAAU,YAAY,WAAWA,CAAK;AAAA,EAChE,GAAG,CAAA,CAAE,CAAC,GACCD;AACX;AACA,SAASN,EAAmCR,GAAKgB,GAAUC,GAAO;AAC9D,EAAIX,EAA2C,MAAI;AAC/C,QAAIU,KAAYhB,EAAI,SAAS;AACzB,UAAI,EAAE,mBAAmBA,EAAI,UAAU;AAEnC,QAAAiB,EAAK;AACL;AAAA,MACJ;AACA,UAAIC,IAAalB,EAAI,QAAQ,cAAa;AAC1C,UAAIkB,EAAW,WAAW,GAAG;AACzB,QAAAD,EAAK;AACL;AAAA,MACJ;AACA,UAAIE,IAAW;AACf,qBAAQ,IAAID,EAAW,IAAI,CAACE,MAAIA,EAAE,QAAQ,CAAC,EAAE,KAAK,MAAI;AAClD,QAAKD,KAAcE,EAAkB,MAAI;AACrC,UAAAJ,EAAK;AAAA,QACT,CAAC;AAAA,MACL,CAAC,EAAE,MAAM,MAAI;AAAA,MAAC,CAAC,GACR,MAAI;AACP,QAAAE,IAAW;AAAA,MACf;AAAA,IACJ;AAAA,EACJ,GAAG;AAAA,IACCnB;AAAA,IACAgB;AAAA,IACAC;AAAA,EACR,CAAK;AACL;","x_google_ignoreList":[0]}

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

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

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

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