@commercetools/nimbus 0.0.9-rc6 → 0.0.9-rc8

package/dist/chunks/accordion-D4Qqg89m.js

@@ -0,0 +1,221 @@
+import { createSlotRecipeContext as z, useSlotRecipe as _, Flex as q, mergeRefs as C, mergeProps as G } from "@chakra-ui/react";
+import { jsx as c, jsxs as R } from "react/jsx-runtime";
+import P, { useRef as m, useCallback as b, useEffect as v, useMemo as w, createContext as K, forwardRef as x, useContext as h } from "react";
+import { $ as S } from "./useControlledState-u436Wbp1.js";
+import { KeyboardArrowRight as J } from "@commercetools/nimbus-icons";
+import { $ as L } from "./useObjectRef-CaJ5pgjX.js";
+import { c as $, d as N, $ as O } from "./mergeProps-tCFA9wZ1.js";
+import { flushSync as Q } from "react-dom";
+import { $ as U } from "./useEvent-COOhq9E7.js";
+import { $ as W } from "./SSRProvider-eIEwc-2s.js";
+import { $ as X } from "./useButton-C5ATfvOf.js";
+import { $ as Y } from "./useFocusRing-DNviWqC5.js";
+function Z(n, t, e) {
+  let { isDisabled: o } = n, d = $(), r = $(), s = !W() && "onbeforematch" in document.body, l = m(null), f = b(() => {
+    l.current = requestAnimationFrame(() => {
+      e.current && e.current.setAttribute("hidden", "until-found");
+    }), Q(() => {
+      t.toggle();
+    });
+  }, [
+    e,
+    t
+  ]);
+  return U(e, "beforematch", s ? f : null), N(() => {
+    l.current && cancelAnimationFrame(l.current), s && e.current && !o && (t.isExpanded ? e.current.removeAttribute("hidden") : e.current.setAttribute("hidden", "until-found"));
+  }, [
+    o,
+    e,
+    t.isExpanded,
+    s
+  ]), v(() => () => {
+    l.current && cancelAnimationFrame(l.current);
+  }, []), {
+    buttonProps: {
+      id: d,
+      "aria-expanded": t.isExpanded,
+      "aria-controls": r,
+      onPress: (i) => {
+        !o && i.pointerType !== "keyboard" && t.toggle();
+      },
+      isDisabled: o,
+      onPressStart(i) {
+        i.pointerType === "keyboard" && !o && t.toggle();
+      }
+    },
+    panelProps: {
+      id: r,
+      // This can be overridden at the panel element level.
+      role: "group",
+      "aria-labelledby": d,
+      "aria-hidden": !t.isExpanded,
+      hidden: s ? !0 : !t.isExpanded
+    }
+  };
+}
+function ee(n) {
+  let [t, e] = S(n.isExpanded, n.defaultExpanded || !1, n.onExpandedChange);
+  const o = b(() => {
+    e(!0);
+  }, [
+    e
+  ]), d = b(() => {
+    e(!1);
+  }, [
+    e
+  ]), r = b(() => {
+    e(!t);
+  }, [
+    e,
+    t
+  ]);
+  return {
+    isExpanded: t,
+    setExpanded: e,
+    expand: o,
+    collapse: d,
+    toggle: r
+  };
+}
+function te(n) {
+  let { allowsMultipleExpanded: t = !1, isDisabled: e = !1 } = n, [o, d] = S(w(() => n.expandedKeys ? new Set(n.expandedKeys) : void 0, [
+    n.expandedKeys
+  ]), w(() => n.defaultExpandedKeys ? new Set(n.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
+    n.defaultExpandedKeys
+  ]), n.onExpandedChange);
+  return v(() => {
+    if (!t && o.size > 1) {
+      let r = o.values().next().value;
+      r != null && d(/* @__PURE__ */ new Set([
+        r
+      ]));
+    }
+  }), {
+    allowsMultipleExpanded: t,
+    isDisabled: e,
+    expandedKeys: o,
+    setExpandedKeys: d,
+    toggleKey(r) {
+      let a;
+      t ? (a = new Set(o), a.has(r) ? a.delete(r) : a.add(r)) : a = new Set(o.has(r) ? [] : [
+        r
+      ]), d(a);
+    }
+  };
+}
+const { withProvider: ne, withContext: u } = /* @__PURE__ */ z({
+  key: "accordion"
+}), oe = /* @__PURE__ */ ne(
+  "div",
+  "root"
+), re = /* @__PURE__ */ u("div", "disclosure"), de = /* @__PURE__ */ u("button", "trigger"), ae = /* @__PURE__ */ u("div", "panel"), ie = /* @__PURE__ */ u("div", "accordionTitle"), g = /* @__PURE__ */ u("div", "headerContentRight"), y = /* @__PURE__ */ K(null), D = /* @__PURE__ */ K(null), se = /* @__PURE__ */ x(
+  ({ children: n, onExpandedChange: t, ...e }, o) => {
+    const d = te({
+      ...e,
+      onExpandedChange: (s) => {
+        t == null || t(s.size > 0);
+      }
+    }), r = _({ key: "accordion" }), [a] = r.splitVariantProps(e);
+    return /* @__PURE__ */ c(D.Provider, { value: d, children: /* @__PURE__ */ c(oe, { "data-slot": "root", ref: o, ...a, children: n }) });
+  }
+), ce = /* @__PURE__ */ x(({ children: n }, t) => {
+  const e = h(y);
+  if (!e)
+    throw new Error("Accordion.Header must be used within Accordion.Item");
+  const o = P.Children.toArray(n).reduce(
+    (d, r) => (P.isValidElement(r) && r.type === g ? d.rightContent.push(r) : d.main.push(r), d),
+    { main: [], rightContent: [] }
+  );
+  return /* @__PURE__ */ R(
+    q,
+    {
+      justifyContent: "space-between",
+      alignItems: "center",
+      borderBottom: "solid-25",
+      borderColor: "neutral.4",
+      children: [
+        /* @__PURE__ */ R(
+          de,
+          {
+            ref: C(e.triggerRef, t),
+            ...e.buttonProps,
+            "data-slot": "trigger",
+            outline: e.isFocusVisible ? void 0 : "none",
+            children: [
+              /* @__PURE__ */ c(J, {}),
+              /* @__PURE__ */ c(ie, { "data-slot": "accordionTitle", children: o.main })
+            ]
+          }
+        ),
+        o.rightContent.length > 0 && /* @__PURE__ */ c(g, { "data-slot": "headerContentRight", children: o.rightContent })
+      ]
+    }
+  );
+}), le = /* @__PURE__ */ x((n, t) => {
+  const e = h(y), o = L(
+    C(e == null ? void 0 : e.panelRef, t)
+  );
+  return (
+    // @ts-expect-error TODO - fix prop types merging conflict
+    /* @__PURE__ */ c(
+      ae,
+      {
+        ref: o,
+        ...G({ ...e == null ? void 0 : e.panelProps, ...n }),
+        "data-slot": "panel",
+        children: n.children
+      }
+    )
+  );
+}), fe = /* @__PURE__ */ x(
+  ({ children: n, id: t, isDisabled: e, isExpanded: o, onExpandedChange: d, value: r }, a) => {
+    const s = $(), f = r || (t || s), i = h(D), I = i ? i.expandedKeys.has(f) : o, p = ee({
+      isExpanded: I,
+      onExpandedChange: (k) => {
+        i && i.toggleKey(f), d == null || d(k);
+      }
+    }), E = m(null), A = m(null), F = e || (i == null ? void 0 : i.isDisabled) || !1, { buttonProps: M, panelProps: T } = Z(
+      {
+        isExpanded: p.isExpanded,
+        isDisabled: F
+      },
+      p,
+      E
+    ), { buttonProps: V } = X(
+      M,
+      A
+    ), { focusProps: H, isFocusVisible: B } = Y(), j = {
+      isExpanded: p.isExpanded,
+      triggerRef: A,
+      panelRef: E,
+      buttonProps: O(V, H),
+      panelProps: T,
+      isFocusVisible: B
+    };
+    return /* @__PURE__ */ c(y.Provider, { value: j, children: /* @__PURE__ */ c(
+      re,
+      {
+        "data-slot": "disclosure",
+        "data-value": f,
+        "data-expanded": p.isExpanded,
+        ref: a,
+        children: n
+      }
+    ) });
+  }
+), Pe = {
+  Root: se,
+  Item: fe,
+  Header: ce,
+  Content: le,
+  HeaderRightContent: g
+};
+export {
+  Pe as A,
+  se as a,
+  fe as b,
+  ce as c,
+  le as d,
+  g as e
+};
+//# sourceMappingURL=accordion-D4Qqg89m.js.map

package/dist/chunks/accordion-D4Qqg89m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-D4Qqg89m.js","sources":["../../../../node_modules/.pnpm/@react-aria+disclosure@3.0.6_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/disclosure/dist/useDisclosure.mjs","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.5_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureState.mjs","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.5_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/accordion-context.tsx","../../src/components/accordion/components/accordion-root.tsx","../../src/components/accordion/components/accordion-header.tsx","../../src/components/accordion/components/accordion-content.tsx","../../src/components/accordion/components/accordion-item.tsx","../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {flushSync as $6wN6e$flushSync} from \"react-dom\";\nimport {useRef as $6wN6e$useRef, useCallback as $6wN6e$useCallback, useEffect as $6wN6e$useEffect} from \"react\";\nimport {useId as $6wN6e$useId, useEvent as $6wN6e$useEvent, useLayoutEffect as $6wN6e$useLayoutEffect} from \"@react-aria/utils\";\nimport {useIsSSR as $6wN6e$useIsSSR} from \"@react-aria/ssr\";\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\nfunction $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {\n    let { isDisabled: isDisabled } = props;\n    let triggerId = (0, $6wN6e$useId)();\n    let panelId = (0, $6wN6e$useId)();\n    let isSSR = (0, $6wN6e$useIsSSR)();\n    let supportsBeforeMatch = !isSSR && 'onbeforematch' in document.body;\n    let raf = (0, $6wN6e$useRef)(null);\n    let handleBeforeMatch = (0, $6wN6e$useCallback)(()=>{\n        // Wait a frame to revert browser's removal of hidden attribute\n        raf.current = requestAnimationFrame(()=>{\n            if (ref.current) ref.current.setAttribute('hidden', 'until-found');\n        });\n        // Force sync state update\n        (0, $6wN6e$flushSync)(()=>{\n            state.toggle();\n        });\n    }, [\n        ref,\n        state\n    ]);\n    // @ts-ignore https://github.com/facebook/react/pull/24741\n    (0, $6wN6e$useEvent)(ref, 'beforematch', supportsBeforeMatch ? handleBeforeMatch : null);\n    (0, $6wN6e$useLayoutEffect)(()=>{\n        // Cancel any pending RAF to prevent stale updates\n        if (raf.current) cancelAnimationFrame(raf.current);\n        // Until React supports hidden=\"until-found\": https://github.com/facebook/react/pull/24741\n        if (supportsBeforeMatch && ref.current && !isDisabled) {\n            if (state.isExpanded) ref.current.removeAttribute('hidden');\n            else ref.current.setAttribute('hidden', 'until-found');\n        }\n    }, [\n        isDisabled,\n        ref,\n        state.isExpanded,\n        supportsBeforeMatch\n    ]);\n    (0, $6wN6e$useEffect)(()=>{\n        return ()=>{\n            if (raf.current) cancelAnimationFrame(raf.current);\n        };\n    }, []);\n    return {\n        buttonProps: {\n            id: triggerId,\n            'aria-expanded': state.isExpanded,\n            'aria-controls': panelId,\n            onPress: (e)=>{\n                if (!isDisabled && e.pointerType !== 'keyboard') state.toggle();\n            },\n            isDisabled: isDisabled,\n            onPressStart (e) {\n                if (e.pointerType === 'keyboard' && !isDisabled) state.toggle();\n            }\n        },\n        panelProps: {\n            id: panelId,\n            // This can be overridden at the panel element level.\n            role: 'group',\n            'aria-labelledby': triggerId,\n            'aria-hidden': !state.isExpanded,\n            hidden: supportsBeforeMatch ? true : !state.isExpanded\n        }\n    };\n}\n\n\nexport {$5e910fae8e128ead$export$6e3e27031a30522f as useDisclosure};\n//# sourceMappingURL=useDisclosure.module.js.map\n","import {useCallback as $acGV5$useCallback} from \"react\";\nimport {useControlledState as $acGV5$useControlledState} from \"@react-stately/utils\";\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 $bf996d45f4a36925$export$3fcbf6e4407997e0(props) {\n    let [isExpanded, setExpanded] = (0, $acGV5$useControlledState)(props.isExpanded, props.defaultExpanded || false, props.onExpandedChange);\n    const expand = (0, $acGV5$useCallback)(()=>{\n        setExpanded(true);\n    }, [\n        setExpanded\n    ]);\n    const collapse = (0, $acGV5$useCallback)(()=>{\n        setExpanded(false);\n    }, [\n        setExpanded\n    ]);\n    const toggle = (0, $acGV5$useCallback)(()=>{\n        setExpanded(!isExpanded);\n    }, [\n        setExpanded,\n        isExpanded\n    ]);\n    return {\n        isExpanded: isExpanded,\n        setExpanded: setExpanded,\n        expand: expand,\n        collapse: collapse,\n        toggle: toggle\n    };\n}\n\n\nexport {$bf996d45f4a36925$export$3fcbf6e4407997e0 as useDisclosureState};\n//# sourceMappingURL=useDisclosureState.module.js.map\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 {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { AccordionRootProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"accordion\",\n});\n\nexport const AccordionRoot = withProvider<HTMLDivElement, AccordionRootProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AccordionDisclosure = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTrigger = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanel = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitle = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContent = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import React, { createContext } from \"react\";\nimport type { DisclosureGroupState } from \"react-stately\";\n\n// Define types for the item context\nexport interface ItemContextType {\n  isExpanded: boolean;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  panelRef: React.RefObject<HTMLDivElement | null>;\n  buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  panelProps: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  isFocusVisible: boolean;\n}\n\n// Create and export the contexts\nexport const ItemContext = createContext<ItemContextType | null>(null);\nexport const DisclosureGroupStateContext =\n  createContext<DisclosureGroupState | null>(null);\n","import React, { forwardRef, type Key } from \"react\";\nimport { AccordionRoot as AccordionRootSlot } from \"../accordion.slots\";\nimport { useDisclosureGroupState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport type { DisclosureGroupProps } from \"../accordion.types\";\nimport { DisclosureGroupStateContext } from \"../accordion-context\";\n\nexport const AccordionRoot = forwardRef<HTMLDivElement, DisclosureGroupProps>(\n  ({ children, onExpandedChange, ...props }, forwardedRef) => {\n    const state = useDisclosureGroupState({\n      ...props,\n      onExpandedChange: (keys: Set<Key>) => {\n        onExpandedChange?.(keys.size > 0);\n      },\n    });\n    const recipe = useSlotRecipe({ key: \"accordion\" });\n    const [recipeProps] = recipe.splitVariantProps(props);\n\n    return (\n      <DisclosureGroupStateContext.Provider value={state}>\n        <AccordionRootSlot data-slot=\"root\" ref={forwardedRef} {...recipeProps}>\n          {children}\n        </AccordionRootSlot>\n      </DisclosureGroupStateContext.Provider>\n    );\n  }\n);\n","import React, { forwardRef, useContext, type ReactNode } from \"react\";\nimport {\n  AccordionTrigger,\n  AccordionTitle,\n  AccordionHeaderRightContent,\n} from \"../accordion.slots\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { ItemContext } from \"../accordion-context\";\n\ntype AccordionHeaderProps = {\n  /**\n   * The text / content to display in the Header\n   */\n  children: ReactNode;\n};\n\nexport const AccordionHeader = forwardRef<\n  HTMLButtonElement,\n  AccordionHeaderProps\n>(({ children }, ref) => {\n  const context = useContext(ItemContext);\n  if (!context) {\n    throw new Error(\"Accordion.Header must be used within Accordion.Item\");\n  }\n\n  // Extract HeaderRightContent if present\n  const headerContent = React.Children.toArray(children).reduce<{\n    main: React.ReactNode[];\n    rightContent: React.ReactNode[];\n  }>(\n    (acc, child) => {\n      if (\n        React.isValidElement(child) &&\n        child.type === AccordionHeaderRightContent\n      ) {\n        acc.rightContent.push(child);\n      } else {\n        acc.main.push(child);\n      }\n      return acc;\n    },\n    { main: [], rightContent: [] }\n  );\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderBottom=\"solid-25\"\n      borderColor=\"neutral.4\"\n    >\n      <AccordionTrigger\n        ref={mergeRefs(context.triggerRef, ref)}\n        {...context.buttonProps}\n        data-slot=\"trigger\"\n        outline={context.isFocusVisible ? undefined : \"none\"}\n      >\n        <KeyboardArrowRight />\n        <AccordionTitle data-slot=\"accordionTitle\">\n          {headerContent.main}\n        </AccordionTitle>\n      </AccordionTrigger>\n      {headerContent.rightContent.length > 0 && (\n        <AccordionHeaderRightContent data-slot=\"headerContentRight\">\n          {headerContent.rightContent}\n        </AccordionHeaderRightContent>\n      )}\n    </Flex>\n  );\n});\n","import React, {\n  forwardRef,\n  useContext,\n  type ComponentProps,\n  type ReactNode,\n} from \"react\";\nimport { AccordionPanel } from \"../accordion.slots\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeProps, mergeRefs } from \"@chakra-ui/react\";\nimport { ItemContext } from \"../accordion-context\";\n\ntype AccordionContentProps = {\n  /**\n   * The content to display\n   */\n  children: ReactNode;\n} & ComponentProps<typeof AccordionPanel>;\n\n// Create Content component\nexport const AccordionContent = forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>((props, forwardedRef) => {\n  const context = useContext(ItemContext);\n  const ref = useObjectRef<HTMLDivElement>(\n    mergeRefs(context?.panelRef, forwardedRef)\n  );\n\n  return (\n    // @ts-expect-error TODO - fix prop types merging conflict\n    <AccordionPanel\n      ref={ref}\n      {...mergeProps({ ...context?.panelProps, ...props })}\n      data-slot=\"panel\"\n    >\n      {props.children}\n    </AccordionPanel>\n  );\n});\n","import React, { forwardRef, useContext, useRef } from \"react\";\nimport { AccordionDisclosure } from \"../accordion.slots\";\nimport { useDisclosureState } from \"react-stately\";\nimport {\n  useDisclosure,\n  mergeProps,\n  useButton,\n  useFocusRing,\n  useId,\n} from \"react-aria\";\nimport type { DisclosureItemProps } from \"../accordion.types\";\n// Import the contexts from the shared file\nimport { ItemContext, DisclosureGroupStateContext } from \"../accordion-context\";\n\nexport const AccordionItem = forwardRef<HTMLDivElement, DisclosureItemProps>(\n  (\n    { children, id, isDisabled, isExpanded, onExpandedChange, value },\n    forwardedRef\n  ) => {\n    const defaultId = useId();\n    const itemId = id || defaultId;\n    const itemValue = value || itemId;\n\n    // Get group state from context\n    const groupState = useContext(DisclosureGroupStateContext);\n\n    // Determine if expanded based on group state or prop\n    const expanded = groupState\n      ? groupState.expandedKeys.has(itemValue)\n      : isExpanded;\n\n    // Create disclosure state\n    const state = useDisclosureState({\n      isExpanded: expanded,\n      onExpandedChange: (isExpanded) => {\n        if (groupState) {\n          groupState.toggleKey(itemValue);\n        }\n        onExpandedChange?.(isExpanded);\n      },\n    });\n\n    // Create refs and get props\n    const panelRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const disabled = isDisabled || groupState?.isDisabled || false;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded: state.isExpanded,\n        isDisabled: disabled,\n      },\n      state,\n      panelRef\n    );\n\n    const { buttonProps: finalButtonProps } = useButton(\n      buttonProps,\n      triggerRef\n    );\n    const { focusProps, isFocusVisible } = useFocusRing();\n\n    // Create context value for Header and Content\n    const contextValue = {\n      isExpanded: state.isExpanded,\n      triggerRef,\n      panelRef,\n      buttonProps: mergeProps(finalButtonProps, focusProps),\n      panelProps,\n      isFocusVisible,\n    };\n\n    // Using the imported ItemContext\n    return (\n      <ItemContext.Provider value={contextValue}>\n        <AccordionDisclosure\n          data-slot=\"disclosure\"\n          data-value={itemValue}\n          data-expanded={state.isExpanded}\n          ref={forwardedRef}\n        >\n          {children}\n        </AccordionDisclosure>\n      </ItemContext.Provider>\n    );\n  }\n);\n","import { AccordionHeaderRightContent } from \"./accordion.slots\";\nimport { AccordionRoot } from \"./components/accordion-root\";\nimport { AccordionHeader } from \"./components/accordion-header\";\nimport { AccordionContent } from \"./components/accordion-content\";\nimport { AccordionItem } from \"./components/accordion-item\";\n\n// Create the Accordion namespace object as an object literal\nexport const Accordion = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  Header: AccordionHeader,\n  Content: AccordionContent,\n  HeaderRightContent: AccordionHeaderRightContent,\n};\n\nexport {\n  AccordionRoot as _AccordionRoot,\n  AccordionItem as _AccordionItem,\n  AccordionHeader as _AccordionHeader,\n  AccordionContent as _AccordionContent,\n  AccordionHeaderRightContent as _AccordionHeaderRightContent,\n};\n"],"names":["$5e910fae8e128ead$export$6e3e27031a30522f","props","state","ref","isDisabled","triggerId","$6wN6e$useId","panelId","supportsBeforeMatch","$6wN6e$useIsSSR","raf","$6wN6e$useRef","handleBeforeMatch","$6wN6e$useCallback","$6wN6e$flushSync","$6wN6e$useEvent","$6wN6e$useLayoutEffect","$6wN6e$useEffect","e","$bf996d45f4a36925$export$3fcbf6e4407997e0","isExpanded","setExpanded","$acGV5$useControlledState","expand","$acGV5$useCallback","collapse","toggle","$9385b3affbdec831$export$f36461af0ef4707d","allowsMultipleExpanded","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","withProvider","withContext","createSlotRecipeContext","AccordionRoot","AccordionDisclosure","AccordionTrigger","AccordionPanel","AccordionTitle","AccordionHeaderRightContent","ItemContext","createContext","DisclosureGroupStateContext","forwardRef","children","onExpandedChange","forwardedRef","useDisclosureGroupState","recipe","useSlotRecipe","recipeProps","jsx","AccordionRootSlot","AccordionHeader","context","useContext","headerContent","React","acc","child","jsxs","Flex","mergeRefs","KeyboardArrowRight","AccordionContent","useObjectRef","mergeProps","AccordionItem","id","value","defaultId","useId","itemValue","groupState","expanded","useDisclosureState","panelRef","useRef","triggerRef","disabled","buttonProps","panelProps","useDisclosure","finalButtonProps","useButton","focusProps","isFocusVisible","useFocusRing","contextValue","Accordion"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/chunks/accordion-vrKLW-re.js

@@ -0,0 +1,2 @@
+"use strict";const f=require("@chakra-ui/react"),c=require("react/jsx-runtime"),d=require("react"),A=require("./useControlledState-D0L6S_5r.js"),M=require("@commercetools/nimbus-icons"),T=require("./useObjectRef-4v2MxSjQ.js"),x=require("./mergeProps-BeIu4MsM.js"),V=require("react-dom"),k=require("./useEvent-DCXRKhH2.js"),B=require("./SSRProvider-DZRLwxPS.js"),z=require("./useButton-BZrUUsJ0.js"),O=require("./useFocusRing-CYHdvund.js");function G(n,t,e){let{isDisabled:o}=n,s=x.$bdb11010cef70236$export$f680877a34711e37(),r=x.$bdb11010cef70236$export$f680877a34711e37(),l=!B.$b5e257d569688ac6$export$535bd6ca7f90a273()&&"onbeforematch"in document.body,u=d.useRef(null),p=d.useCallback(()=>{u.current=requestAnimationFrame(()=>{e.current&&e.current.setAttribute("hidden","until-found")}),V.flushSync(()=>{t.toggle()})},[e,t]);return k.$e9faafb641e167db$export$90fc3a17d93f704c(e,"beforematch",l?p:null),x.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{u.current&&cancelAnimationFrame(u.current),l&&e.current&&!o&&(t.isExpanded?e.current.removeAttribute("hidden"):e.current.setAttribute("hidden","until-found"))},[o,e,t.isExpanded,l]),d.useEffect(()=>()=>{u.current&&cancelAnimationFrame(u.current)},[]),{buttonProps:{id:s,"aria-expanded":t.isExpanded,"aria-controls":r,onPress:a=>{!o&&a.pointerType!=="keyboard"&&t.toggle()},isDisabled:o,onPressStart(a){a.pointerType==="keyboard"&&!o&&t.toggle()}},panelProps:{id:r,role:"group","aria-labelledby":s,"aria-hidden":!t.isExpanded,hidden:l?!0:!t.isExpanded}}}function J(n){let[t,e]=A.$458b0a5536c1a7cf$export$40bfa8c7b0832715(n.isExpanded,n.defaultExpanded||!1,n.onExpandedChange);const o=d.useCallback(()=>{e(!0)},[e]),s=d.useCallback(()=>{e(!1)},[e]),r=d.useCallback(()=>{e(!t)},[e,t]);return{isExpanded:t,setExpanded:e,expand:o,collapse:s,toggle:r}}function L(n){let{allowsMultipleExpanded:t=!1,isDisabled:e=!1}=n,[o,s]=A.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>n.expandedKeys?new Set(n.expandedKeys):void 0,[n.expandedKeys]),d.useMemo(()=>n.defaultExpandedKeys?new Set(n.defaultExpandedKeys):new Set,[n.defaultExpandedKeys]),n.onExpandedChange);return d.useEffect(()=>{if(!t&&o.size>1){let r=o.values().next().value;r!=null&&s(new Set([r]))}}),{allowsMultipleExpanded:t,isDisabled:e,expandedKeys:o,setExpandedKeys:s,toggleKey(r){let i;t?(i=new Set(o),i.has(r)?i.delete(r):i.add(r)):i=new Set(o.has(r)?[]:[r]),s(i)}}}const{withProvider:N,withContext:b}=f.createSlotRecipeContext({key:"accordion"}),Q=N("div","root"),U=b("div","disclosure"),W=b("button","trigger"),X=b("div","panel"),Y=b("div","accordionTitle"),g=b("div","headerContentRight"),h=d.createContext(null),C=d.createContext(null),E=d.forwardRef(({children:n,onExpandedChange:t,...e},o)=>{const s=L({...e,onExpandedChange:l=>{t==null||t(l.size>0)}}),r=f.useSlotRecipe({key:"accordion"}),[i]=r.splitVariantProps(e);return c.jsx(C.Provider,{value:s,children:c.jsx(Q,{"data-slot":"root",ref:o,...i,children:n})})}),y=d.forwardRef(({children:n},t)=>{const e=d.useContext(h);if(!e)throw new Error("Accordion.Header must be used within Accordion.Item");const o=d.Children.toArray(n).reduce((s,r)=>(d.isValidElement(r)&&r.type===g?s.rightContent.push(r):s.main.push(r),s),{main:[],rightContent:[]});return c.jsxs(f.Flex,{justifyContent:"space-between",alignItems:"center",borderBottom:"solid-25",borderColor:"neutral.4",children:[c.jsxs(W,{ref:f.mergeRefs(e.triggerRef,t),...e.buttonProps,"data-slot":"trigger",outline:e.isFocusVisible?void 0:"none",children:[c.jsx(M.KeyboardArrowRight,{}),c.jsx(Y,{"data-slot":"accordionTitle",children:o.main})]}),o.rightContent.length>0&&c.jsx(g,{"data-slot":"headerContentRight",children:o.rightContent})]})}),P=d.forwardRef((n,t)=>{const e=d.useContext(h),o=T.$df56164dff5785e2$export$4338b53315abf666(f.mergeRefs(e==null?void 0:e.panelRef,t));return c.jsx(X,{ref:o,...f.mergeProps({...e==null?void 0:e.panelProps,...n}),"data-slot":"panel",children:n.children})}),w=d.forwardRef(({children:n,id:t,isDisabled:e,isExpanded:o,onExpandedChange:s,value:r},i)=>{const l=x.$bdb11010cef70236$export$f680877a34711e37(),p=r||(t||l),a=d.useContext(C),S=a?a.expandedKeys.has(p):o,$=J({isExpanded:S,onExpandedChange:H=>{a&&a.toggleKey(p),s==null||s(H)}}),m=d.useRef(null),R=d.useRef(null),v=e||(a==null?void 0:a.isDisabled)||!1,{buttonProps:K,panelProps:j}=G({isExpanded:$.isExpanded,isDisabled:v},$,m),{buttonProps:q}=z.$701a24aa0da5b062$export$ea18c227d4417cc3(K,R),{focusProps:I,isFocusVisible:D}=O.$f7dceffc5ad7768b$export$4e328f61c538687f(),F={isExpanded:$.isExpanded,triggerRef:R,panelRef:m,buttonProps:x.$3ef42575df84b30b$export$9d1611c77c2fe928(q,I),panelProps:j,isFocusVisible:D};return c.jsx(h.Provider,{value:F,children:c.jsx(U,{"data-slot":"disclosure","data-value":p,"data-expanded":$.isExpanded,ref:i,children:n})})}),Z={Root:E,Item:w,Header:y,Content:P,HeaderRightContent:g};exports.Accordion=Z;exports.AccordionContent=P;exports.AccordionHeader=y;exports.AccordionHeaderRightContent=g;exports.AccordionItem=w;exports.AccordionRoot=E;
+//# sourceMappingURL=accordion-vrKLW-re.js.map

package/dist/chunks/accordion-vrKLW-re.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-vrKLW-re.js","sources":["../../../../node_modules/.pnpm/@react-aria+disclosure@3.0.6_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@react-aria/disclosure/dist/useDisclosure.mjs","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.5_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureState.mjs","../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.5_react@19.1.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../src/components/accordion/accordion.slots.tsx","../../src/components/accordion/accordion-context.tsx","../../src/components/accordion/components/accordion-root.tsx","../../src/components/accordion/components/accordion-header.tsx","../../src/components/accordion/components/accordion-content.tsx","../../src/components/accordion/components/accordion-item.tsx","../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {flushSync as $6wN6e$flushSync} from \"react-dom\";\nimport {useRef as $6wN6e$useRef, useCallback as $6wN6e$useCallback, useEffect as $6wN6e$useEffect} from \"react\";\nimport {useId as $6wN6e$useId, useEvent as $6wN6e$useEvent, useLayoutEffect as $6wN6e$useLayoutEffect} from \"@react-aria/utils\";\nimport {useIsSSR as $6wN6e$useIsSSR} from \"@react-aria/ssr\";\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\nfunction $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {\n    let { isDisabled: isDisabled } = props;\n    let triggerId = (0, $6wN6e$useId)();\n    let panelId = (0, $6wN6e$useId)();\n    let isSSR = (0, $6wN6e$useIsSSR)();\n    let supportsBeforeMatch = !isSSR && 'onbeforematch' in document.body;\n    let raf = (0, $6wN6e$useRef)(null);\n    let handleBeforeMatch = (0, $6wN6e$useCallback)(()=>{\n        // Wait a frame to revert browser's removal of hidden attribute\n        raf.current = requestAnimationFrame(()=>{\n            if (ref.current) ref.current.setAttribute('hidden', 'until-found');\n        });\n        // Force sync state update\n        (0, $6wN6e$flushSync)(()=>{\n            state.toggle();\n        });\n    }, [\n        ref,\n        state\n    ]);\n    // @ts-ignore https://github.com/facebook/react/pull/24741\n    (0, $6wN6e$useEvent)(ref, 'beforematch', supportsBeforeMatch ? handleBeforeMatch : null);\n    (0, $6wN6e$useLayoutEffect)(()=>{\n        // Cancel any pending RAF to prevent stale updates\n        if (raf.current) cancelAnimationFrame(raf.current);\n        // Until React supports hidden=\"until-found\": https://github.com/facebook/react/pull/24741\n        if (supportsBeforeMatch && ref.current && !isDisabled) {\n            if (state.isExpanded) ref.current.removeAttribute('hidden');\n            else ref.current.setAttribute('hidden', 'until-found');\n        }\n    }, [\n        isDisabled,\n        ref,\n        state.isExpanded,\n        supportsBeforeMatch\n    ]);\n    (0, $6wN6e$useEffect)(()=>{\n        return ()=>{\n            if (raf.current) cancelAnimationFrame(raf.current);\n        };\n    }, []);\n    return {\n        buttonProps: {\n            id: triggerId,\n            'aria-expanded': state.isExpanded,\n            'aria-controls': panelId,\n            onPress: (e)=>{\n                if (!isDisabled && e.pointerType !== 'keyboard') state.toggle();\n            },\n            isDisabled: isDisabled,\n            onPressStart (e) {\n                if (e.pointerType === 'keyboard' && !isDisabled) state.toggle();\n            }\n        },\n        panelProps: {\n            id: panelId,\n            // This can be overridden at the panel element level.\n            role: 'group',\n            'aria-labelledby': triggerId,\n            'aria-hidden': !state.isExpanded,\n            hidden: supportsBeforeMatch ? true : !state.isExpanded\n        }\n    };\n}\n\n\nexport {$5e910fae8e128ead$export$6e3e27031a30522f as useDisclosure};\n//# sourceMappingURL=useDisclosure.module.js.map\n","import {useCallback as $acGV5$useCallback} from \"react\";\nimport {useControlledState as $acGV5$useControlledState} from \"@react-stately/utils\";\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 $bf996d45f4a36925$export$3fcbf6e4407997e0(props) {\n    let [isExpanded, setExpanded] = (0, $acGV5$useControlledState)(props.isExpanded, props.defaultExpanded || false, props.onExpandedChange);\n    const expand = (0, $acGV5$useCallback)(()=>{\n        setExpanded(true);\n    }, [\n        setExpanded\n    ]);\n    const collapse = (0, $acGV5$useCallback)(()=>{\n        setExpanded(false);\n    }, [\n        setExpanded\n    ]);\n    const toggle = (0, $acGV5$useCallback)(()=>{\n        setExpanded(!isExpanded);\n    }, [\n        setExpanded,\n        isExpanded\n    ]);\n    return {\n        isExpanded: isExpanded,\n        setExpanded: setExpanded,\n        expand: expand,\n        collapse: collapse,\n        toggle: toggle\n    };\n}\n\n\nexport {$bf996d45f4a36925$export$3fcbf6e4407997e0 as useDisclosureState};\n//# sourceMappingURL=useDisclosureState.module.js.map\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 {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { AccordionRootProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"accordion\",\n});\n\nexport const AccordionRoot = withProvider<HTMLDivElement, AccordionRootProps>(\n  \"div\",\n  \"root\"\n);\n\nexport const AccordionDisclosure = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTrigger = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanel = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitle = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContent = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import React, { createContext } from \"react\";\nimport type { DisclosureGroupState } from \"react-stately\";\n\n// Define types for the item context\nexport interface ItemContextType {\n  isExpanded: boolean;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  panelRef: React.RefObject<HTMLDivElement | null>;\n  buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  panelProps: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  isFocusVisible: boolean;\n}\n\n// Create and export the contexts\nexport const ItemContext = createContext<ItemContextType | null>(null);\nexport const DisclosureGroupStateContext =\n  createContext<DisclosureGroupState | null>(null);\n","import React, { forwardRef, type Key } from \"react\";\nimport { AccordionRoot as AccordionRootSlot } from \"../accordion.slots\";\nimport { useDisclosureGroupState } from \"react-stately\";\nimport { useSlotRecipe } from \"@chakra-ui/react\";\nimport type { DisclosureGroupProps } from \"../accordion.types\";\nimport { DisclosureGroupStateContext } from \"../accordion-context\";\n\nexport const AccordionRoot = forwardRef<HTMLDivElement, DisclosureGroupProps>(\n  ({ children, onExpandedChange, ...props }, forwardedRef) => {\n    const state = useDisclosureGroupState({\n      ...props,\n      onExpandedChange: (keys: Set<Key>) => {\n        onExpandedChange?.(keys.size > 0);\n      },\n    });\n    const recipe = useSlotRecipe({ key: \"accordion\" });\n    const [recipeProps] = recipe.splitVariantProps(props);\n\n    return (\n      <DisclosureGroupStateContext.Provider value={state}>\n        <AccordionRootSlot data-slot=\"root\" ref={forwardedRef} {...recipeProps}>\n          {children}\n        </AccordionRootSlot>\n      </DisclosureGroupStateContext.Provider>\n    );\n  }\n);\n","import React, { forwardRef, useContext, type ReactNode } from \"react\";\nimport {\n  AccordionTrigger,\n  AccordionTitle,\n  AccordionHeaderRightContent,\n} from \"../accordion.slots\";\nimport { mergeRefs } from \"@chakra-ui/react\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { ItemContext } from \"../accordion-context\";\n\ntype AccordionHeaderProps = {\n  /**\n   * The text / content to display in the Header\n   */\n  children: ReactNode;\n};\n\nexport const AccordionHeader = forwardRef<\n  HTMLButtonElement,\n  AccordionHeaderProps\n>(({ children }, ref) => {\n  const context = useContext(ItemContext);\n  if (!context) {\n    throw new Error(\"Accordion.Header must be used within Accordion.Item\");\n  }\n\n  // Extract HeaderRightContent if present\n  const headerContent = React.Children.toArray(children).reduce<{\n    main: React.ReactNode[];\n    rightContent: React.ReactNode[];\n  }>(\n    (acc, child) => {\n      if (\n        React.isValidElement(child) &&\n        child.type === AccordionHeaderRightContent\n      ) {\n        acc.rightContent.push(child);\n      } else {\n        acc.main.push(child);\n      }\n      return acc;\n    },\n    { main: [], rightContent: [] }\n  );\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderBottom=\"solid-25\"\n      borderColor=\"neutral.4\"\n    >\n      <AccordionTrigger\n        ref={mergeRefs(context.triggerRef, ref)}\n        {...context.buttonProps}\n        data-slot=\"trigger\"\n        outline={context.isFocusVisible ? undefined : \"none\"}\n      >\n        <KeyboardArrowRight />\n        <AccordionTitle data-slot=\"accordionTitle\">\n          {headerContent.main}\n        </AccordionTitle>\n      </AccordionTrigger>\n      {headerContent.rightContent.length > 0 && (\n        <AccordionHeaderRightContent data-slot=\"headerContentRight\">\n          {headerContent.rightContent}\n        </AccordionHeaderRightContent>\n      )}\n    </Flex>\n  );\n});\n","import React, {\n  forwardRef,\n  useContext,\n  type ComponentProps,\n  type ReactNode,\n} from \"react\";\nimport { AccordionPanel } from \"../accordion.slots\";\nimport { useObjectRef } from \"react-aria\";\nimport { mergeProps, mergeRefs } from \"@chakra-ui/react\";\nimport { ItemContext } from \"../accordion-context\";\n\ntype AccordionContentProps = {\n  /**\n   * The content to display\n   */\n  children: ReactNode;\n} & ComponentProps<typeof AccordionPanel>;\n\n// Create Content component\nexport const AccordionContent = forwardRef<\n  HTMLDivElement,\n  AccordionContentProps\n>((props, forwardedRef) => {\n  const context = useContext(ItemContext);\n  const ref = useObjectRef<HTMLDivElement>(\n    mergeRefs(context?.panelRef, forwardedRef)\n  );\n\n  return (\n    // @ts-expect-error TODO - fix prop types merging conflict\n    <AccordionPanel\n      ref={ref}\n      {...mergeProps({ ...context?.panelProps, ...props })}\n      data-slot=\"panel\"\n    >\n      {props.children}\n    </AccordionPanel>\n  );\n});\n","import React, { forwardRef, useContext, useRef } from \"react\";\nimport { AccordionDisclosure } from \"../accordion.slots\";\nimport { useDisclosureState } from \"react-stately\";\nimport {\n  useDisclosure,\n  mergeProps,\n  useButton,\n  useFocusRing,\n  useId,\n} from \"react-aria\";\nimport type { DisclosureItemProps } from \"../accordion.types\";\n// Import the contexts from the shared file\nimport { ItemContext, DisclosureGroupStateContext } from \"../accordion-context\";\n\nexport const AccordionItem = forwardRef<HTMLDivElement, DisclosureItemProps>(\n  (\n    { children, id, isDisabled, isExpanded, onExpandedChange, value },\n    forwardedRef\n  ) => {\n    const defaultId = useId();\n    const itemId = id || defaultId;\n    const itemValue = value || itemId;\n\n    // Get group state from context\n    const groupState = useContext(DisclosureGroupStateContext);\n\n    // Determine if expanded based on group state or prop\n    const expanded = groupState\n      ? groupState.expandedKeys.has(itemValue)\n      : isExpanded;\n\n    // Create disclosure state\n    const state = useDisclosureState({\n      isExpanded: expanded,\n      onExpandedChange: (isExpanded) => {\n        if (groupState) {\n          groupState.toggleKey(itemValue);\n        }\n        onExpandedChange?.(isExpanded);\n      },\n    });\n\n    // Create refs and get props\n    const panelRef = useRef<HTMLDivElement>(null);\n    const triggerRef = useRef<HTMLButtonElement>(null);\n    const disabled = isDisabled || groupState?.isDisabled || false;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded: state.isExpanded,\n        isDisabled: disabled,\n      },\n      state,\n      panelRef\n    );\n\n    const { buttonProps: finalButtonProps } = useButton(\n      buttonProps,\n      triggerRef\n    );\n    const { focusProps, isFocusVisible } = useFocusRing();\n\n    // Create context value for Header and Content\n    const contextValue = {\n      isExpanded: state.isExpanded,\n      triggerRef,\n      panelRef,\n      buttonProps: mergeProps(finalButtonProps, focusProps),\n      panelProps,\n      isFocusVisible,\n    };\n\n    // Using the imported ItemContext\n    return (\n      <ItemContext.Provider value={contextValue}>\n        <AccordionDisclosure\n          data-slot=\"disclosure\"\n          data-value={itemValue}\n          data-expanded={state.isExpanded}\n          ref={forwardedRef}\n        >\n          {children}\n        </AccordionDisclosure>\n      </ItemContext.Provider>\n    );\n  }\n);\n","import { AccordionHeaderRightContent } from \"./accordion.slots\";\nimport { AccordionRoot } from \"./components/accordion-root\";\nimport { AccordionHeader } from \"./components/accordion-header\";\nimport { AccordionContent } from \"./components/accordion-content\";\nimport { AccordionItem } from \"./components/accordion-item\";\n\n// Create the Accordion namespace object as an object literal\nexport const Accordion = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  Header: AccordionHeader,\n  Content: AccordionContent,\n  HeaderRightContent: AccordionHeaderRightContent,\n};\n\nexport {\n  AccordionRoot as _AccordionRoot,\n  AccordionItem as _AccordionItem,\n  AccordionHeader as _AccordionHeader,\n  AccordionContent as _AccordionContent,\n  AccordionHeaderRightContent as _AccordionHeaderRightContent,\n};\n"],"names":["$5e910fae8e128ead$export$6e3e27031a30522f","props","state","ref","isDisabled","triggerId","$6wN6e$useId","panelId","supportsBeforeMatch","$6wN6e$useIsSSR","raf","$6wN6e$useRef","handleBeforeMatch","$6wN6e$useCallback","$6wN6e$flushSync","$6wN6e$useEvent","$6wN6e$useLayoutEffect","$6wN6e$useEffect","e","$bf996d45f4a36925$export$3fcbf6e4407997e0","isExpanded","setExpanded","$acGV5$useControlledState","expand","$acGV5$useCallback","collapse","toggle","$9385b3affbdec831$export$f36461af0ef4707d","allowsMultipleExpanded","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","withProvider","withContext","createSlotRecipeContext","AccordionRoot","AccordionDisclosure","AccordionTrigger","AccordionPanel","AccordionTitle","AccordionHeaderRightContent","ItemContext","createContext","DisclosureGroupStateContext","forwardRef","children","onExpandedChange","forwardedRef","useDisclosureGroupState","recipe","useSlotRecipe","recipeProps","jsx","AccordionRootSlot","AccordionHeader","context","useContext","headerContent","React","acc","child","jsxs","Flex","mergeRefs","KeyboardArrowRight","AccordionContent","useObjectRef","mergeProps","AccordionItem","id","value","defaultId","useId","itemValue","groupState","expanded","useDisclosureState","panelRef","useRef","triggerRef","disabled","buttonProps","panelProps","useDisclosure","finalButtonProps","useButton","focusProps","isFocusVisible","useFocusRing","contextValue","Accordion"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/chunks/alert-B738R1TJ.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),s=require("react"),v=require("@chakra-ui/react"),P=require("./box-FU6tRPFs.js"),R=require("./stack-wFUhYQQb.js"),r=require("@commercetools/nimbus-icons"),B=require("./icon-button-Ds1Wzyc1.js"),N=v.defineSlotRecipe({slots:["root","title","description","icon","actions","dismissButton"],className:"nimbus-alert",base:{root:{display:"inline-flex",flexDirection:"row",gap:"200",width:"100%"},icon:{marginTop:"50","& svg":{width:"500",height:"500",color:"colorPalette.11"}},title:{color:"colorPalette.11"},description:{color:"colorPalette.11"}},variants:{tone:{critical:{root:{colorPalette:"critical"}},info:{root:{colorPalette:"info"}},warning:{root:{colorPalette:"amber"}},positive:{root:{colorPalette:"positive"}}},variant:{flat:{},outlined:{root:{border:"solid-25",borderColor:"colorPalette.5",backgroundColor:"colorPalette.2",padding:"200",borderRadius:"200"}}}}}),{withProvider:T,withContext:l}=v.createSlotRecipeContext({recipe:N}),E=T("div","root"),w=l("div","title"),S=l("div","description"),q=l("div","icon"),$=l("div","actions"),y=l("div","dismissButton"),I=o=>{switch(o){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=s.createContext(void 0),a=o=>{const{ref:i,children:t,...n}=o,[j,m]=s.useState(null),[g,f]=s.useState(null),[h,p]=s.useState(null),[C,D]=s.useState(null),b=s.useMemo(()=>({setTitle:m,setDescription:f,setActions:p,setDismiss:D}),[m,f,p,D]);return e.jsx(c.Provider,{value:b,children:e.jsxs(E,{ref:i,...n,role:"alert",children:[e.jsx(q,{alignItems:"flex-start",children:I(n.tone)}),e.jsxs(R.Stack,{flex:"1",gap:"200",children:[e.jsxs(P.Box,{children:[j,g]}),h]}),C,t]})})};a.displayName="Alert.Root";const u=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx(w,{...i,fontWeight:"600",children:o});return t.setTitle(n),()=>t.setTitle(null)}},[o,i]),null};u.displayName="Alert.Title";const d=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx(S,{...i,children:o});return t.setDescription(n),()=>t.setDescription(null)}},[o,i]),null};d.displayName="Alert.Description";const x=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx($,{...i,children:o});return t.setActions(n),()=>t.setActions(null)}},[o,i]),null};x.displayName="Alert.Actions";const A=({children:o,...i})=>{const t=s.useContext(c);return s.useEffect(()=>{if(t){const n=e.jsx(y,{children:e.jsx(B.IconButton,{"aria-label":"Dismiss",...i,variant:"ghost",size:"2xs",children:e.jsx(r.Clear,{role:"img"})})});return t.setDismiss(n),()=>t.setDismiss(null)}},[o,i]),null};A.displayName="Alert.DismissButton";const k={Root:a,Title:u,Description:d,Actions:x,DismissButton:A};exports.Alert=k;exports.AlertActions=x;exports.AlertDescription=d;exports.AlertDismissButton=A;exports.AlertRoot=a;exports.AlertTitle=u;
+//# sourceMappingURL=alert-B738R1TJ.js.map

package/dist/chunks/alert-B738R1TJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-B738R1TJ.js","sources":["../../src/components/alert/alert.recipe.tsx","../../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/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Alert component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const alertRecipe = defineSlotRecipe({\n  slots: [\"root\", \"title\", \"description\", \"icon\", \"actions\", \"dismissButton\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-alert\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n      flexDirection: \"row\",\n      gap: \"200\",\n      width: \"100%\",\n    },\n    icon: {\n      marginTop: \"50\",\n      \"& svg\": {\n        width: \"500\",\n        height: \"500\",\n        color: \"colorPalette.11\",\n      },\n    },\n    title: {\n      color: \"colorPalette.11\",\n    },\n    description: {\n      color: \"colorPalette.11\",\n    },\n  },\n\n  variants: {\n    tone: {\n      critical: {\n        root: { colorPalette: \"critical\" },\n      },\n      info: {\n        root: { colorPalette: \"info\" },\n      },\n      warning: {\n        root: { colorPalette: \"amber\" },\n      },\n      positive: {\n        root: { colorPalette: \"positive\" },\n      },\n    },\n\n    variant: {\n      flat: {},\n      outlined: {\n        root: {\n          border: \"solid-25\",\n          borderColor: \"colorPalette.5\",\n          backgroundColor: \"colorPalette.2\",\n          padding: \"200\",\n          borderRadius: \"200\",\n        },\n      },\n    },\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport { alertRecipe } from \"./alert.recipe\";\nimport type {\n  AlertActionsProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconProps,\n  AlertRootProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: alertRecipe,\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootProps>(\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, AlertIconProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsProps>(\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 getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n  switch (tone) {\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\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\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          {getIconFromTone(restProps.tone)}\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\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\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\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 { 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\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label=\"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 { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n  Root: AlertRoot,\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Actions: AlertActions,\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":["alertRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","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","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}

package/dist/chunks/alert-BX5IPnc_.js

@@ -0,0 +1,186 @@
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { createContext as B, useState as l, useMemo as T, useContext as c, useEffect as a } from "react";
+import { defineSlotRecipe as w, createSlotRecipeContext as R } from "@chakra-ui/react";
+import { B as y } from "./box-DD4jYgS7.js";
+import { S as E } from "./stack-__ugxVHD.js";
+import { CheckCircleOutline as I, WarningAmber as S, Info as $, ErrorOutline as k, Clear as j } from "@commercetools/nimbus-icons";
+import { I as O } from "./icon-button-DVBfoOHT.js";
+const W = /* @__PURE__ */ w({
+  slots: ["root", "title", "description", "icon", "actions", "dismissButton"],
+  // Unique class name prefix for the component
+  className: "nimbus-alert",
+  // Base styles applied to all instances of the component
+  base: {
+    root: {
+      display: "inline-flex",
+      flexDirection: "row",
+      gap: "200",
+      width: "100%"
+    },
+    icon: {
+      marginTop: "50",
+      "& svg": {
+        width: "500",
+        height: "500",
+        color: "colorPalette.11"
+      }
+    },
+    title: {
+      color: "colorPalette.11"
+    },
+    description: {
+      color: "colorPalette.11"
+    }
+  },
+  variants: {
+    tone: {
+      critical: {
+        root: { colorPalette: "critical" }
+      },
+      info: {
+        root: { colorPalette: "info" }
+      },
+      warning: {
+        root: { colorPalette: "amber" }
+      },
+      positive: {
+        root: { colorPalette: "positive" }
+      }
+    },
+    variant: {
+      flat: {},
+      outlined: {
+        root: {
+          border: "solid-25",
+          borderColor: "colorPalette.5",
+          backgroundColor: "colorPalette.2",
+          padding: "200",
+          borderRadius: "200"
+        }
+      }
+    }
+  }
+}), { withProvider: z, withContext: n } = /* @__PURE__ */ R({
+  recipe: W
+}), F = /* @__PURE__ */ z(
+  "div",
+  "root"
+), M = /* @__PURE__ */ n(
+  "div",
+  "title"
+), V = /* @__PURE__ */ n("div", "description"), q = /* @__PURE__ */ n(
+  "div",
+  "icon"
+), G = /* @__PURE__ */ n(
+  "div",
+  "actions"
+), H = /* @__PURE__ */ n("div", "dismissButton"), J = (e) => {
+  switch (e) {
+    case "critical":
+      return /* @__PURE__ */ i(k, {});
+    case "info":
+      return /* @__PURE__ */ i($, {});
+    case "warning":
+      return /* @__PURE__ */ i(S, {});
+    case "positive":
+      return /* @__PURE__ */ i(I, {});
+    default:
+      return null;
+  }
+}, r = /* @__PURE__ */ B(
+  void 0
+), f = (e) => {
+  const { ref: o, children: t, ...s } = e, [h, d] = l(null), [P, m] = l(null), [b, p] = l(null), [C, A] = l(null), N = T(
+    () => ({
+      setTitle: d,
+      setDescription: m,
+      setActions: p,
+      setDismiss: A
+    }),
+    [d, m, p, A]
+  );
+  return /* @__PURE__ */ i(r.Provider, { value: N, children: /* @__PURE__ */ u(F, { ref: o, ...s, role: "alert", children: [
+    /* @__PURE__ */ i(q, { alignItems: "flex-start", children: J(s.tone) }),
+    /* @__PURE__ */ u(E, { flex: "1", gap: "200", children: [
+      /* @__PURE__ */ u(y, { children: [
+        h,
+        P
+      ] }),
+      b
+    ] }),
+    C,
+    t
+  ] }) });
+};
+f.displayName = "Alert.Root";
+const x = ({ children: e, ...o }) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(M, { ...o, fontWeight: "600", children: e });
+      return t.setTitle(s), () => t.setTitle(null);
+    }
+  }, [e, o]), null;
+};
+x.displayName = "Alert.Title";
+const v = ({
+  children: e,
+  ...o
+}) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(V, { ...o, children: e });
+      return t.setDescription(s), () => t.setDescription(null);
+    }
+  }, [e, o]), null;
+};
+v.displayName = "Alert.Description";
+const D = ({ children: e, ...o }) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(G, { ...o, children: e });
+      return t.setActions(s), () => t.setActions(null);
+    }
+  }, [e, o]), null;
+};
+D.displayName = "Alert.Actions";
+const g = ({
+  children: e,
+  ...o
+}) => {
+  const t = c(r);
+  return a(() => {
+    if (t) {
+      const s = /* @__PURE__ */ i(H, { children: /* @__PURE__ */ i(
+        O,
+        {
+          "aria-label": "Dismiss",
+          ...o,
+          variant: "ghost",
+          size: "2xs",
+          children: /* @__PURE__ */ i(j, { role: "img" })
+        }
+      ) });
+      return t.setDismiss(s), () => t.setDismiss(null);
+    }
+  }, [e, o]), null;
+};
+g.displayName = "Alert.DismissButton";
+const _ = {
+  Root: f,
+  Title: x,
+  Description: v,
+  Actions: D,
+  DismissButton: g
+};
+export {
+  _ as A,
+  f as a,
+  x as b,
+  v as c,
+  D as d,
+  g as e
+};
+//# sourceMappingURL=alert-BX5IPnc_.js.map

package/dist/chunks/alert-BX5IPnc_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-BX5IPnc_.js","sources":["../../src/components/alert/alert.recipe.tsx","../../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/components/alert.dismiss-button.tsx","../../src/components/alert/alert.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Alert component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const alertRecipe = defineSlotRecipe({\n  slots: [\"root\", \"title\", \"description\", \"icon\", \"actions\", \"dismissButton\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-alert\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-flex\",\n      flexDirection: \"row\",\n      gap: \"200\",\n      width: \"100%\",\n    },\n    icon: {\n      marginTop: \"50\",\n      \"& svg\": {\n        width: \"500\",\n        height: \"500\",\n        color: \"colorPalette.11\",\n      },\n    },\n    title: {\n      color: \"colorPalette.11\",\n    },\n    description: {\n      color: \"colorPalette.11\",\n    },\n  },\n\n  variants: {\n    tone: {\n      critical: {\n        root: { colorPalette: \"critical\" },\n      },\n      info: {\n        root: { colorPalette: \"info\" },\n      },\n      warning: {\n        root: { colorPalette: \"amber\" },\n      },\n      positive: {\n        root: { colorPalette: \"positive\" },\n      },\n    },\n\n    variant: {\n      flat: {},\n      outlined: {\n        root: {\n          border: \"solid-25\",\n          borderColor: \"colorPalette.5\",\n          backgroundColor: \"colorPalette.2\",\n          padding: \"200\",\n          borderRadius: \"200\",\n        },\n      },\n    },\n  },\n});\n","import { createSlotRecipeContext } from \"@chakra-ui/react\";\nimport { alertRecipe } from \"./alert.recipe\";\nimport type {\n  AlertActionsProps,\n  AlertDescriptionProps,\n  AlertDismissButtonProps,\n  AlertIconProps,\n  AlertRootProps,\n  AlertTitleProps,\n} from \"./alert.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: alertRecipe,\n});\n\nexport const AlertRoot = withProvider<HTMLDivElement, AlertRootProps>(\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, AlertIconProps>(\n  \"div\",\n  \"icon\"\n);\n\nexport const AlertActions = withContext<HTMLDivElement, AlertActionsProps>(\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 getIconFromTone = (tone: AlertProps[\"tone\"]) => {\n  switch (tone) {\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\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\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          {getIconFromTone(restProps.tone)}\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\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\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\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 { 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\";\n\nexport const AlertDismissButton = ({\n  children,\n  ...props\n}: AlertDismissButtonProps) => {\n  const context = useContext(AlertContext);\n\n  useEffect(() => {\n    if (context) {\n      const slotElement = (\n        <AlertDismissButtonSlot>\n          <IconButton\n            aria-label=\"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 { AlertTitle } from \"./components/alert.title\";\nimport { AlertDescription } from \"./components/alert.description\";\nimport { AlertActions } from \"./components/alert.actions\";\nimport { AlertDismissButton } from \"./components/alert.dismiss-button\";\nimport { AlertRoot } from \"./components/alert.root\";\n\n/**\n * Alert\n * ============================================================\n * Provides feedback to the user about the status of an action or system event\n */\nexport const Alert = {\n  Root: AlertRoot,\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Actions: AlertActions,\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":["alertRecipe","defineSlotRecipe","withProvider","withContext","createSlotRecipeContext","AlertRoot","AlertTitle","AlertDescription","AlertIcon","AlertActions","AlertDismissButton","getIconFromTone","tone","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","AlertDismissButtonSlot","IconButton","Clear","Alert"],"mappings":"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"}