npm - @commercetools/nimbus - Versions diffs - 0.0.0-canary-20251031122555 → 0.0.0-canary-20251031185705 - Mend

@commercetools/nimbus 0.0.0-canary-20251031122555 → 0.0.0-canary-20251031185705

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (740) hide show

package/dist/chunks/accordion.content-Dv8UBvRU.es.js ADDED Viewed

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

package/dist/chunks/accordion.content-Dv8UBvRU.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"accordion.content-Dv8UBvRU.es.js","sources":["../../src/components/accordion/accordion.slots.tsx","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.8_react@19.2.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.13.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/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\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"accordion\",\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, 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(\"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(\"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 });\n return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"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: \"accordion\" });\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","$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-CVXQqjXr.es.js → alert-BvJRfwDx.es.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 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 { B as E } from "./box-DuBoAZvq.es.js";
-import { S as P } from "./stack-CoNreM7B.es.js";
-import { CheckCircleOutline as R, WarningAmber as $, Info as w, ErrorOutline as M, Clear as S } from "@commercetools/nimbus-icons";
-import { I as k } from "./icon-button-XkzBkGuJ.es.js";
+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-CfN4QLes.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"
@@ -23,13 +23,13 @@ const { withProvider: W, withContext: n } = /* @__PURE__ */ y({
 ), H = /* @__PURE__ */ n("div", "dismissButton"), J = (e) => {
   switch (e) {
     case "critical":
-      return /* @__PURE__ */ i(M, {});
+      return /* @__PURE__ */ i($, {});
     case "info":
-      return /* @__PURE__ */ i(w, {});
+      return /* @__PURE__ */ i(R, {});
     case "warning":
-      return /* @__PURE__ */ i($, {});
+      return /* @__PURE__ */ i(P, {});
     case "positive":
-      return /* @__PURE__ */ i(R, {});
+      return /* @__PURE__ */ i(E, {});
     default:
       return null;
   }
@@ -47,8 +47,8 @@ const { withProvider: W, withContext: n } = /* @__PURE__ */ y({
   );
   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(P, { flex: "1", gap: "200", children: [
-      /* @__PURE__ */ u(E, { children: [
+    /* @__PURE__ */ u(k, { flex: "1", gap: "200", children: [
+      /* @__PURE__ */ u(S, { children: [
         m,
         N
       ] }),
@@ -106,13 +106,13 @@ const K = /* @__PURE__ */ j({
   return a(() => {
     if (t) {
       const m = /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(
-        k,
+        M,
         {
           "aria-label": o.formatMessage(K.dismiss),
           ...s,
           variant: "ghost",
           size: "2xs",
-          children: /* @__PURE__ */ i(S, { role: "img" })
+          children: /* @__PURE__ */ i(w, { role: "img" })
         }
       ) });
       return t.setDismiss(m), () => t.setDismiss(null);
@@ -121,10 +121,83 @@ const K = /* @__PURE__ */ j({
 };
 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 {
@@ -135,4 +208,4 @@ export {
   h as d,
   v as e
 };
-//# sourceMappingURL=alert-CVXQqjXr.es.js.map
+//# sourceMappingURL=alert-BvJRfwDx.es.js.map

package/dist/chunks/alert-BvJRfwDx.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"alert-BvJRfwDx.es.js","sources":["../../src/components/alert/alert.slots.tsx","../../src/components/alert/components/alert.root.tsx","../../src/components/alert/components/alert.title.tsx","../../src/components/alert/components/alert.description.tsx","../../src/components/alert/components/alert.actions.tsx","../../src/components/alert/alert.i18n.ts","../../src/components/alert/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport type {\n AlertActionsSlotProps,\n AlertDescriptionProps,\n AlertDismissButtonProps,\n AlertIconSlotProps,\n AlertRootSlotProps,\n AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"alert\",\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootSlotProps>(\n \"div\",\n \"root\"\n);\n\nexport const AlertTitle = withContext<HTMLDivElement, AlertTitleProps>(\n \"div\",\n \"title\"\n);\n\nexport const AlertDescription = withContext<\n HTMLDivElement,\n AlertDescriptionProps\n>(\"div\", \"description\");\n\nexport const AlertIcon = withContext<HTMLDivElement, AlertIconSlotProps>(\n \"div\",\n \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsSlotProps>(\n \"div\",\n \"actions\"\n);\n\n// This is a div wrapper for layout placement - note that we expect it to receive `IconButton` props, but we use a `div`.\n// We then forward the consumer props to the interior `IconButton` component.\nexport const AlertDismissButton = withContext<\n HTMLDivElement,\n AlertDismissButtonProps\n>(\"div\", \"dismissButton\");\n","import { createContext, useMemo, useState, type ReactNode } from \"react\";\nimport { AlertRoot as AlertRootSlot, AlertIcon } from \"../alert.slots\";\nimport type { AlertProps, AlertRootComponent } from \"../alert.types\";\nimport { Box } from \"../../box\";\nimport { Stack } from \"../../stack\";\nimport {\n CheckCircleOutline,\n ErrorOutline,\n Info,\n WarningAmber,\n} from \"@commercetools/nimbus-icons\";\n\nconst getIconFromColorPalette = (colorPalette: AlertProps[\"colorPalette\"]) => {\n switch (colorPalette) {\n case \"critical\":\n return <ErrorOutline />;\n case \"info\":\n return <Info />;\n case \"warning\":\n return <WarningAmber />;\n case \"positive\":\n return <CheckCircleOutline />;\n default:\n return null;\n }\n};\n\ntype AlertContextValue = {\n setTitle: (title: ReactNode) => void;\n setDescription: (description: ReactNode) => void;\n setActions: (actions: ReactNode) => void;\n setDismiss: (dismiss: ReactNode) => void;\n};\n\nexport const AlertContext = createContext<AlertContextValue | undefined>(\n undefined\n);\n\n/**\n * Alert.Root - Provides feedback to the user about the status of an action or system event\n *\n * @supportsStyleProps\n */\nexport const AlertRoot: AlertRootComponent = (props) => {\n const { ref, children, ...restProps } = props;\n const [titleNode, setTitle] = useState<ReactNode>(null);\n const [descriptionNode, setDescription] = useState<ReactNode>(null);\n const [actionsNode, setActions] = useState<ReactNode>(null);\n const [dismissNode, setDismiss] = useState<ReactNode>(null);\n\n // Memoize the context value so we don't cause unnecessary re-renders\n const contextValue = useMemo(\n () => ({\n setTitle,\n setDescription,\n setActions,\n setDismiss,\n }),\n [setTitle, setDescription, setActions, setDismiss]\n );\n\n return (\n <AlertContext.Provider value={contextValue}>\n <AlertRootSlot ref={ref} {...restProps} role=\"alert\">\n <AlertIcon alignItems=\"flex-start\">\n {getIconFromColorPalette(restProps.colorPalette)}\n </AlertIcon>\n <Stack flex=\"1\" gap=\"200\">\n <Box>\n {titleNode}\n {descriptionNode}\n </Box>\n {actionsNode}\n </Stack>\n {dismissNode}\n\n {children}\n </AlertRootSlot>\n </AlertContext.Provider>\n );\n};\n\nAlertRoot.displayName = \"Alert.Root\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertTitle as AlertTitleSlot } from \"../alert.slots\";\nimport type { AlertTitleProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\n/**\n * Alert.Title - Displays the title text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertTitle = ({ children, ...props }: AlertTitleProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertTitleSlot {...props} fontWeight=\"600\">\n {children}\n </AlertTitleSlot>\n );\n // Register it with the parent\n context.setTitle(slotElement);\n\n // On unmount, remove it\n return () => context.setTitle(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertTitle.displayName = \"Alert.Title\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertDescription as AlertDescriptionSlot } from \"../alert.slots\";\nimport type { AlertDescriptionProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\n/**\n * Alert.Description - Displays the description text for the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDescription = ({\n children,\n ...props\n}: AlertDescriptionProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDescriptionSlot {...props}>{children}</AlertDescriptionSlot>\n );\n // Register it with the parent\n context.setDescription(slotElement);\n\n // On unmount, remove it\n return () => context.setDescription(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDescription.displayName = \"Alert.Description\";\n","import { useContext, useEffect } from \"react\";\nimport { AlertActions as AlertActionsSlot } from \"../alert.slots\";\nimport type { AlertActionsProps } from \"../alert.types\";\nimport { AlertContext } from \"./alert.root\";\n\n/**\n * Alert.Actions - Container for action buttons within the alert\n *\n * @supportsStyleProps\n */\nexport const AlertActions = ({ children, ...props }: AlertActionsProps) => {\n const context = useContext(AlertContext);\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertActionsSlot {...props}>{children}</AlertActionsSlot>\n );\n // Register it with the parent\n context.setActions(slotElement);\n\n // On unmount, remove it\n return () => context.setActions(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertActions.displayName = \"Alert.Actions\";\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n dismiss: {\n id: \"Nimbus.Alert.dismiss\",\n description: \"aria-label for the dismiss button in an alert\",\n defaultMessage: \"Dismiss\",\n },\n});\n","import { useContext, useEffect } from \"react\";\nimport { AlertDismissButton as AlertDismissButtonSlot } from \"../alert.slots\";\nimport type { AlertDismissButtonProps } from \"../alert.types\";\nimport { Clear } from \"@commercetools/nimbus-icons\";\nimport { IconButton } from \"../../icon-button\";\nimport { AlertContext } from \"./alert.root\";\nimport { useIntl } from \"react-intl\";\nimport { messages } from \"../alert.i18n\";\n\n/**\n * Alert.DismissButton - Button to dismiss or close the alert\n *\n * @supportsStyleProps\n */\nexport const AlertDismissButton = ({\n children,\n ...props\n}: AlertDismissButtonProps) => {\n const context = useContext(AlertContext);\n const intl = useIntl();\n\n useEffect(() => {\n if (context) {\n const slotElement = (\n <AlertDismissButtonSlot>\n <IconButton\n aria-label={intl.formatMessage(messages.dismiss)}\n {...props}\n variant=\"ghost\"\n size=\"2xs\"\n >\n <Clear role=\"img\" />\n </IconButton>\n </AlertDismissButtonSlot>\n );\n // Register it with the parent\n context.setDismiss(slotElement);\n\n // On unmount, remove it\n return () => context.setDismiss(null);\n }\n }, [children, props]);\n\n return null;\n};\n\nAlertDismissButton.displayName = \"Alert.DismissButton\";\n","import {\n AlertTitle,\n AlertDescription,\n AlertActions,\n AlertDismissButton,\n AlertRoot,\n} from \"./components\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/alert}\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n * <Alert.Title>Information</Alert.Title>\n * <Alert.Description>This is an informational alert message.</Alert.Description>\n * </Alert.Root>\n * ```\n */\nexport const Alert = {\n /**\n * # Alert.Root\n *\n * The root component that provides context and configuration for the alert.\n * Must wrap all alert parts (Title, Description, Actions, DismissButton) to coordinate their behavior.\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\" variant=\"outlined\">\n * <Alert.Title>Title</Alert.Title>\n * <Alert.Description>Description</Alert.Description>\n * </Alert.Root>\n * ```\n */\n Root: AlertRoot,\n /**\n * # Alert.Title\n *\n * Displays the title text for the alert.\n * Typically shown in bold to provide a clear heading for the alert message.\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"critical\">\n * <Alert.Title>Error Occurred</Alert.Title>\n * </Alert.Root>\n * ```\n */\n Title: AlertTitle,\n /**\n * # Alert.Description\n *\n * Displays the descriptive text for the alert.\n * Provides detailed information about the alert's purpose or the action required.\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"warning\">\n * <Alert.Title>Warning</Alert.Title>\n * <Alert.Description>Please review the following items before proceeding.</Alert.Description>\n * </Alert.Root>\n * ```\n */\n Description: AlertDescription,\n /**\n * # Alert.Actions\n *\n * Container for action buttons within the alert.\n * Allows users to take actions directly from the alert message.\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"positive\">\n * <Alert.Title>Success</Alert.Title>\n * <Alert.Description>Your changes have been saved.</Alert.Description>\n * <Alert.Actions>\n * <Button>View Details</Button>\n * </Alert.Actions>\n * </Alert.Root>\n * ```\n */\n Actions: AlertActions,\n /**\n * # Alert.DismissButton\n *\n * Button to dismiss or close the alert.\n * Provides users with the ability to manually remove the alert from view.\n *\n * @example\n * ```tsx\n * <Alert.Root tone=\"info\">\n * <Alert.Title>Notification</Alert.Title>\n * <Alert.Description>You have new messages.</Alert.Description>\n * <Alert.DismissButton onClick={() => console.log('Dismissed')} />\n * </Alert.Root>\n * ```\n */\n DismissButton: AlertDismissButton,\n};\n\n// exports for internal use by react-docgen\nexport {\n AlertRoot as _AlertRoot,\n AlertTitle as _AlertTitle,\n AlertDescription as _AlertDescription,\n AlertActions as _AlertActions,\n AlertDismissButton as _AlertDismissButton,\n};\n"],"names":["withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromColorPalette","colorPalette","ErrorOutline","Info","WarningAmber","CheckCircleOutline","AlertContext","createContext","props","ref","children","restProps","titleNode","setTitle","useState","descriptionNode","setDescription","actionsNode","setActions","dismissNode","setDismiss","contextValue","useMemo","jsx","jsxs","AlertRootSlot","Stack","Box","context","useContext","useEffect","slotElement","AlertTitleSlot","AlertDescriptionSlot","AlertActionsSlot","messages","defineMessages","intl","useIntl","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

package/dist/chunks/{alert-BlkniDy9.cjs.js → alert-DKsg4e2z.cjs.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),n=require("react"),B=require("@chakra-ui/react"),E=require("./box-CWni3A32.cjs.js"),b=require("./stack-CIN13EDn.cjs.js"),r=require("@commercetools/nimbus-icons"),q=require("./icon-button-C_itb6iA.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(b.Stack,{flex:"1",gap:"200",children:[e.jsxs(E.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(q.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-BlkniDy9.cjs.js.map
+"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-acD2PKxb.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-DKsg4e2z.cjs.js.map

package/dist/chunks/alert-DKsg4e2z.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"alert-DKsg4e2z.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/{avatar-DFibCsCs.es.js → avatar-Dx_Cda2J.es.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { jsxs as h, jsx as I } from "react/jsx-runtime";
 import { useState as c } from "react";
 import { defineMessages as b, useIntl as A } from "react-intl";
 import { createRecipeContext as L } from "@chakra-ui/react";
-import { a as N } from "./avatar.recipe-DfyPWbFZ.es.js";
+import { a as N } from "./avatar.recipe-BEdxgo-r.es.js";
 import { I as x } from "./image-DRigLU80.es.js";
 const { withContext: w } = /* @__PURE__ */ L({ recipe: N }), C = /* @__PURE__ */ w(
   "figure"
@@ -44,4 +44,4 @@ R.displayName = "Avatar";
 export {
   R as A
 };
-//# sourceMappingURL=avatar-DFibCsCs.es.js.map
+//# sourceMappingURL=avatar-Dx_Cda2J.es.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar-Dx_Cda2J.es.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.i18n.ts","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n \"figure\"\n);\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n avatarLabel: {\n id: \"Nimbus.Avatar.avatarLabel\",\n description: \"aria-label for avatar component with user's full name\",\n defaultMessage: \"Avatar image for {fullName}\",\n },\n});\n","import { useState } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport { Image } from \"@/components\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { messages } from \"./avatar.i18n\";\n\nfunction getInitials(firstName: string, lastName: string) {\n return (\n firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n );\n}\n\n/**\n * Avatar\n * ============================================================\n * A small image or icon that identifies and personalizes the user within the interface.\n * Displays user images or automatically generates initials from first and last names.\n * Falls back to initials if image fails to load.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/avatar}\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <Avatar firstName=\"John\" lastName=\"Doe\" src=\"https://example.com/avatar.jpg\" />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar firstName=\"Jane\" lastName=\"Smith\" />\n * ```\n */\nexport const Avatar = (props: AvatarProps) => {\n const intl = useIntl();\n const { ref, firstName, lastName, src, alt, ...rest } = props;\n const [imageLoaded, setImageLoaded] = useState(false);\n const [imageError, setImageError] = useState(false);\n\n const fullName = `${firstName} ${lastName}`;\n\n const sharedProps = {\n \"aria-label\": intl.formatMessage(messages.avatarLabel, { fullName }),\n ref,\n ...rest,\n };\n\n const onLoad = () => {\n setImageLoaded(true);\n setImageError(false);\n };\n\n const onError = () => {\n setImageLoaded(false);\n setImageError(true);\n };\n\n // Show initials if no src provided, image hasn't loaded yet, or image failed\n const shouldShowInitials = !src || !imageLoaded || imageError;\n\n return (\n <AvatarRoot {...sharedProps}>\n {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n {src && (\n <Image\n src={src}\n alt={alt || fullName}\n onLoad={onLoad}\n onError={onError}\n display={imageLoaded && !imageError ? \"block\" : \"none\"}\n />\n )}\n </AvatarRoot>\n );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","avatarRecipe","AvatarRoot","messages","defineMessages","getInitials","firstName","lastName","Avatar","props","intl","useIntl","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","jsxs","jsx","Image"],"mappings":";;;;;;AAIA,MAAM,EAAE,aAAAA,EAAA,IAAgB,gBAAAC,EAAoB,EAAE,QAAQC,GAAc,GAEvDC,IAAa,gBAAAH;AAAA,EACxB;AACF,GCNaI,IAAW,gBAAAC,EAAe;AAAA,EACrC,aAAa;AAAA,IACX,IAAI;AAAA,IACJ,aAAa;AAAA,IACb,gBAAgB;AAAA,EAAA;AAEpB,CAAC;ACDD,SAASC,EAAYC,GAAmBC,GAAkB;AACxD,SACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,gBAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA;AAEjE;AAwBO,MAAMC,IAAS,CAACC,MAAuB;AAC5C,QAAMC,IAAOC,EAAA,GACP,EAAE,KAAAC,GAAK,WAAAN,GAAW,UAAAC,GAAU,KAAAM,GAAK,KAAAC,GAAK,GAAGC,MAASN,GAClD,CAACO,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAC9C,CAACC,GAAYC,CAAa,IAAIF,EAAS,EAAK,GAE5CG,IAAW,GAAGf,CAAS,IAAIC,CAAQ,IAEnCe,IAAc;AAAA,IAClB,cAAcZ,EAAK,cAAcP,EAAS,aAAa,EAAE,UAAAkB,GAAU;AAAA,IACnE,KAAAT;AAAA,IACA,GAAGG;AAAA,EAAA,GAGCQ,IAAS,MAAM;AACnB,IAAAN,EAAe,EAAI,GACnBG,EAAc,EAAK;AAAA,EACrB,GAEMI,IAAU,MAAM;AACpB,IAAAP,EAAe,EAAK,GACpBG,EAAc,EAAI;AAAA,EACpB;AAKA,SACE,gBAAAK,EAACvB,GAAA,EAAY,GAAGoB,GACb,UAAA;AAAA,IAJsB,CAACT,KAAO,CAACG,KAAeG,IAIzBd,EAAYC,GAAWC,CAAQ,IAAI;AAAA,IAExDM,KACC,gBAAAa;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,KAAAd;AAAA,QACA,KAAKC,KAAOO;AAAA,QACZ,QAAAE;AAAA,QACA,SAAAC;AAAA,QACA,SAASR,KAAe,CAACG,IAAa,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;AAEAX,EAAO,cAAc;"}

package/dist/chunks/{avatar-BNhECwD5.cjs.js → avatar-wRR1leVi.cjs.js} RENAMED Viewed

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

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

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar-wRR1leVi.cjs.js","sources":["../../src/components/avatar/avatar.slots.tsx","../../src/components/avatar/avatar.i18n.ts","../../src/components/avatar/avatar.tsx"],"sourcesContent":["import { createRecipeContext } from \"@chakra-ui/react\";\nimport { avatarRecipe } from \"./avatar.recipe\";\nimport type { AvatarRootSlotProps } from \"./avatar.types\";\n\nconst { withContext } = createRecipeContext({ recipe: avatarRecipe });\n\nexport const AvatarRoot = withContext<HTMLElement, AvatarRootSlotProps>(\n \"figure\"\n);\n","import { defineMessages } from \"react-intl\";\n\nexport const messages = defineMessages({\n avatarLabel: {\n id: \"Nimbus.Avatar.avatarLabel\",\n description: \"aria-label for avatar component with user's full name\",\n defaultMessage: \"Avatar image for {fullName}\",\n },\n});\n","import { useState } from \"react\";\nimport { useIntl } from \"react-intl\";\nimport { Image } from \"@/components\";\nimport { type AvatarProps } from \"./avatar.types\";\nimport { AvatarRoot } from \"./avatar.slots\";\nimport { messages } from \"./avatar.i18n\";\n\nfunction getInitials(firstName: string, lastName: string) {\n return (\n firstName.split(\"\")[0].toUpperCase() + lastName.split(\"\")[0].toUpperCase()\n );\n}\n\n/**\n * Avatar\n * ============================================================\n * A small image or icon that identifies and personalizes the user within the interface.\n * Displays user images or automatically generates initials from first and last names.\n * Falls back to initials if image fails to load.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/media/avatar}\n *\n * @supportsStyleProps\n *\n * @example\n * ```tsx\n * <Avatar firstName=\"John\" lastName=\"Doe\" src=\"https://example.com/avatar.jpg\" />\n * ```\n *\n * @example\n * ```tsx\n * // With initials fallback\n * <Avatar firstName=\"Jane\" lastName=\"Smith\" />\n * ```\n */\nexport const Avatar = (props: AvatarProps) => {\n const intl = useIntl();\n const { ref, firstName, lastName, src, alt, ...rest } = props;\n const [imageLoaded, setImageLoaded] = useState(false);\n const [imageError, setImageError] = useState(false);\n\n const fullName = `${firstName} ${lastName}`;\n\n const sharedProps = {\n \"aria-label\": intl.formatMessage(messages.avatarLabel, { fullName }),\n ref,\n ...rest,\n };\n\n const onLoad = () => {\n setImageLoaded(true);\n setImageError(false);\n };\n\n const onError = () => {\n setImageLoaded(false);\n setImageError(true);\n };\n\n // Show initials if no src provided, image hasn't loaded yet, or image failed\n const shouldShowInitials = !src || !imageLoaded || imageError;\n\n return (\n <AvatarRoot {...sharedProps}>\n {shouldShowInitials ? getInitials(firstName, lastName) : null}\n\n {src && (\n <Image\n src={src}\n alt={alt || fullName}\n onLoad={onLoad}\n onError={onError}\n display={imageLoaded && !imageError ? \"block\" : \"none\"}\n />\n )}\n </AvatarRoot>\n );\n};\n\nAvatar.displayName = \"Avatar\";\n"],"names":["withContext","createRecipeContext","avatarRecipe","AvatarRoot","messages","defineMessages","getInitials","firstName","lastName","Avatar","props","intl","useIntl","ref","src","alt","rest","imageLoaded","setImageLoaded","useState","imageError","setImageError","fullName","sharedProps","onLoad","onError","shouldShowInitials","jsxs","jsx","Image"],"mappings":"6MAIM,CAAE,YAAAA,CAAA,EAAgBC,EAAAA,oBAAoB,CAAE,OAAQC,EAAAA,aAAc,EAEvDC,EAAaH,EACxB,QACF,ECNaI,EAAWC,EAAAA,eAAe,CACrC,YAAa,CACX,GAAI,4BACJ,YAAa,wDACb,eAAgB,6BAAA,CAEpB,CAAC,ECDD,SAASC,EAAYC,EAAmBC,EAAkB,CACxD,OACED,EAAU,MAAM,EAAE,EAAE,CAAC,EAAE,cAAgBC,EAAS,MAAM,EAAE,EAAE,CAAC,EAAE,YAAA,CAEjE,CAwBO,MAAMC,EAAUC,GAAuB,CAC5C,MAAMC,EAAOC,EAAAA,QAAA,EACP,CAAE,IAAAC,EAAK,UAAAN,EAAW,SAAAC,EAAU,IAAAM,EAAK,IAAAC,EAAK,GAAGC,GAASN,EAClD,CAACO,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAK,EAC9C,CAACC,EAAYC,CAAa,EAAIF,EAAAA,SAAS,EAAK,EAE5CG,EAAW,GAAGf,CAAS,IAAIC,CAAQ,GAEnCe,EAAc,CAClB,aAAcZ,EAAK,cAAcP,EAAS,YAAa,CAAE,SAAAkB,EAAU,EACnE,IAAAT,EACA,GAAGG,CAAA,EAGCQ,EAAS,IAAM,CACnBN,EAAe,EAAI,EACnBG,EAAc,EAAK,CACrB,EAEMI,EAAU,IAAM,CACpBP,EAAe,EAAK,EACpBG,EAAc,EAAI,CACpB,EAGMK,EAAqB,CAACZ,GAAO,CAACG,GAAeG,EAEnD,OACEO,EAAAA,KAACxB,EAAA,CAAY,GAAGoB,EACb,SAAA,CAAAG,EAAqBpB,EAAYC,EAAWC,CAAQ,EAAI,KAExDM,GACCc,EAAAA,IAACC,EAAAA,MAAA,CACC,IAAAf,EACA,IAAKC,GAAOO,EACZ,OAAAE,EACA,QAAAC,EACA,QAASR,GAAe,CAACG,EAAa,QAAU,MAAA,CAAA,CAClD,EAEJ,CAEJ,EAEAX,EAAO,YAAc"}

package/dist/chunks/{avatar.recipe-DfyPWbFZ.es.js → avatar.recipe-BEdxgo-r.es.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { defineRecipe as e } from "@chakra-ui/react/styled-system";
 const i = /* @__PURE__ */ e({
-  className: "avatar",
+  className: "nimbus-avatar",
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -36,4 +36,4 @@ const i = /* @__PURE__ */ e({
 export {
   i as a
 };
-//# sourceMappingURL=avatar.recipe-DfyPWbFZ.es.js.map
+//# sourceMappingURL=avatar.recipe-BEdxgo-r.es.js.map

package/dist/chunks/avatar.recipe-BEdxgo-r.es.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.recipe-BEdxgo-r.es.js","sources":["../../src/components/avatar/avatar.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const avatarRecipe = defineRecipe({\n className: \"nimbus-avatar\",\n base: {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n verticalAlign: \"middle\",\n overflow: \"hidden\",\n userSelect: \"none\",\n borderRadius: \"full\",\n flexShrink: 0,\n fontWeight: \"600\",\n backgroundColor: \"colorPalette.3\",\n colorPalette: \"primary\",\n color: \"colorPalette.11\",\n focusVisibleRing: \"outside\",\n \"button&\": {\n cursor: \"button\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n variants: {\n size: {\n md: { width: 1000, height: 1000, textStyle: \"sm\" },\n xs: { width: 800, height: 800, textStyle: \"xs\" },\n \"2xs\": { width: 600, height: 600, textStyle: \"xs\" },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n"],"names":["avatarRecipe","defineRecipe"],"mappings":";AAEO,MAAMA,IAAe,gBAAAC,EAAa;AAAA,EACvC,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,cAAc;AAAA,IACd,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,WAAW;AAAA,MACT,QAAQ;AAAA,IAAA;AAAA,IAEV,WAAW;AAAA,MACT,YAAY;AAAA,IAAA;AAAA,EACd;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,OAAO,KAAM,QAAQ,KAAM,WAAW,KAAA;AAAA,MAC5C,IAAI,EAAE,OAAO,KAAK,QAAQ,KAAK,WAAW,KAAA;AAAA,MAC1C,OAAO,EAAE,OAAO,KAAK,QAAQ,KAAK,WAAW,KAAA;AAAA,IAAK;AAAA,EACpD;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;"}

package/dist/chunks/avatar.recipe-XvknqPJq.cjs.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";const e=require("@chakra-ui/react/styled-system"),t=e.defineRecipe({className:"nimbus-avatar",base:{display:"inline-flex",alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",borderRadius:"full",flexShrink:0,fontWeight:"600",backgroundColor:"colorPalette.3",colorPalette:"primary",color:"colorPalette.11",focusVisibleRing:"outside","button&":{cursor:"button"},_disabled:{layerStyle:"disabled"}},variants:{size:{md:{width:1e3,height:1e3,textStyle:"sm"},xs:{width:800,height:800,textStyle:"xs"},"2xs":{width:600,height:600,textStyle:"xs"}}},defaultVariants:{size:"md"}});exports.avatarRecipe=t;
2	+ //# sourceMappingURL=avatar.recipe-XvknqPJq.cjs.js.map

package/dist/chunks/avatar.recipe-XvknqPJq.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"avatar.recipe-XvknqPJq.cjs.js","sources":["../../src/components/avatar/avatar.recipe.ts"],"sourcesContent":["import { defineRecipe } from \"@chakra-ui/react/styled-system\";\n\nexport const avatarRecipe = defineRecipe({\n className: \"nimbus-avatar\",\n base: {\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n verticalAlign: \"middle\",\n overflow: \"hidden\",\n userSelect: \"none\",\n borderRadius: \"full\",\n flexShrink: 0,\n fontWeight: \"600\",\n backgroundColor: \"colorPalette.3\",\n colorPalette: \"primary\",\n color: \"colorPalette.11\",\n focusVisibleRing: \"outside\",\n \"button&\": {\n cursor: \"button\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n variants: {\n size: {\n md: { width: 1000, height: 1000, textStyle: \"sm\" },\n xs: { width: 800, height: 800, textStyle: \"xs\" },\n \"2xs\": { width: 600, height: 600, textStyle: \"xs\" },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n});\n"],"names":["avatarRecipe","defineRecipe"],"mappings":"+DAEaA,EAAeC,EAAAA,aAAa,CACvC,UAAW,gBACX,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,cAAe,SACf,SAAU,SACV,WAAY,OACZ,aAAc,OACd,WAAY,EACZ,WAAY,MACZ,gBAAiB,iBACjB,aAAc,UACd,MAAO,kBACP,iBAAkB,UAClB,UAAW,CACT,OAAQ,QAAA,EAEV,UAAW,CACT,WAAY,UAAA,CACd,EAEF,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,IAAM,OAAQ,IAAM,UAAW,IAAA,EAC5C,GAAI,CAAE,MAAO,IAAK,OAAQ,IAAK,UAAW,IAAA,EAC1C,MAAO,CAAE,MAAO,IAAK,OAAQ,IAAK,UAAW,IAAA,CAAK,CACpD,EAEF,gBAAiB,CACf,KAAM,IAAA,CAEV,CAAC"}