@commercetools/nimbus 2.9.1 → 2.10.0

package/dist/chunks/accordion.content-aStf2M-n.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.content-aStf2M-n.cjs.js","sources":["../../src/components/accordion/accordion.slots.tsx","../../../../node_modules/.pnpm/react-stately@3.46.0_react@19.2.0/node_modules/react-stately/dist/private/disclosure/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.17.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Disclosure.mjs","../../src/components/accordion/components/accordion.root.tsx","../../src/components/accordion/components/accordion.item.tsx","../../src/components/accordion/components/accordion.header-right-content.tsx","../../src/components/accordion/components/accordion.header.tsx","../../src/components/accordion/components/accordion.content.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAccordion\",\n});\n\nexport const AccordionRootSlot: SlotComponent<\n  HTMLDivElement,\n  AccordionRootSlotProps\n> = withProvider<HTMLDivElement, AccordionRootSlotProps>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import {useControlledState as $3e6197669829fe11$export$40bfa8c7b0832715} from \"../utils/useControlledState.mjs\";\nimport {useMemo as $ilT6J$useMemo, useEffect as $ilT6J$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 $29a18fa139197b5c$export$f36461af0ef4707d(props) {\n    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n    let [expandedKeys, setExpandedKeys] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)((0, $ilT6J$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n        props.expandedKeys\n    ]), (0, $ilT6J$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n        props.defaultExpandedKeys\n    ]), props.onExpandedChange);\n    (0, $ilT6J$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 {$29a18fa139197b5c$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.mjs.map\n","import {ButtonContext as $7705c033048f6da7$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $7230ffa83bc0c2cf$export$c62b8e45d58ddad9, dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $evqUs$useDisclosure} from \"react-aria/useDisclosure\";\nimport {useDisclosureGroupState as $evqUs$useDisclosureGroupState} from \"react-stately/useDisclosureGroupState\";\nimport {useDisclosureState as $evqUs$useDisclosureState} from \"react-stately/useDisclosureState\";\nimport {filterDOMProps as $evqUs$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $evqUs$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $evqUs$mergeRefs} from \"react-aria/mergeRefs\";\nimport $evqUs$react, {createContext as $evqUs$createContext, forwardRef as $evqUs$forwardRef, useContext as $evqUs$useContext} from \"react\";\nimport {useFocusRing as $evqUs$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useId as $evqUs$useId} from \"react-aria/useId\";\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\n\n\n\n\n\nconst $a3e16eab0ea4036c$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $evqUs$forwardRef)(function DisclosureGroup(props, ref) {\n    let state = (0, $evqUs$useDisclosureGroupState)(props);\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosureGroup',\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        }\n    });\n    let domProps = (0, $evqUs$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...domProps,\n        ...renderProps,\n        ref: ref,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement($a3e16eab0ea4036c$export$1d40e3e0cc4d5de.Provider, {\n        value: state\n    }, renderProps.children));\n});\nconst $a3e16eab0ea4036c$export$d665dd135a51b28a = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$var$InternalDisclosureContext = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$74a362b31437ec83 = /*#__PURE__*/ (0, $evqUs$forwardRef)(function Disclosure(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $a3e16eab0ea4036c$export$d665dd135a51b28a);\n    let groupState = (0, $evqUs$useContext)($a3e16eab0ea4036c$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, $evqUs$useId)();\n    id ||= defaultId;\n    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n    let state = (0, $evqUs$useDisclosureState)({\n        ...props,\n        isExpanded: isExpanded,\n        onExpandedChange (isExpanded) {\n            if (groupState) groupState.toggleKey(id);\n            props.onExpandedChange?.(isExpanded);\n        }\n    });\n    let panelRef = (0, $evqUs$react).useRef(null);\n    let isDisabled = props.isDisabled || groupState?.isDisabled || false;\n    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $evqUs$useDisclosure)({\n        ...props,\n        isExpanded: isExpanded,\n        isDisabled: isDisabled\n    }, state, panelRef);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $evqUs$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$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, $evqUs$filterDOMProps)(otherProps, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $7705c033048f6da7$export$24d547caef80ccd1),\n                {\n                    slots: {\n                        [(0, $7230ffa83bc0c2cf$export$c62b8e45d58ddad9)]: {},\n                        trigger: buttonProps\n                    }\n                }\n            ],\n            [\n                $a3e16eab0ea4036c$var$InternalDisclosureContext,\n                {\n                    panelProps: panelProps,\n                    panelRef: panelRef\n                }\n            ],\n            [\n                $a3e16eab0ea4036c$export$dab3ea4a6ef094da,\n                state\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $evqUs$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 $a3e16eab0ea4036c$export$feabaa331e1d464c = /*#__PURE__*/ (0, $evqUs$forwardRef)(function DisclosurePanel(props, ref) {\n    let { role: role = 'group' } = props;\n    let { panelProps: panelProps, panelRef: panelRef } = (0, $evqUs$useContext)($a3e16eab0ea4036c$var$InternalDisclosureContext);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $evqUs$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosurePanel',\n        values: {\n            isFocusVisibleWithin: isFocusVisibleWithin\n        }\n    });\n    let DOMProps = (0, $evqUs$filterDOMProps)(props, {\n        global: true,\n        labelable: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $evqUs$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n        ref: (0, $evqUs$mergeRefs)(ref, panelRef),\n        role: role,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $7705c033048f6da7$export$24d547caef80ccd1),\n                null\n            ]\n        ]\n    }, props.children));\n});\n\n\nexport {$a3e16eab0ea4036c$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $a3e16eab0ea4036c$export$944aceb4f8c89f10 as DisclosureGroup, $a3e16eab0ea4036c$export$d665dd135a51b28a as DisclosureContext, $a3e16eab0ea4036c$export$dab3ea4a6ef094da as DisclosureStateContext, $a3e16eab0ea4036c$export$74a362b31437ec83 as Disclosure, $a3e16eab0ea4036c$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.mjs.map\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Root\n *\n * Provides context and configuration for all accordion items.\n *\n * @supportsStyleProps\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusAccordion\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n      <RaDisclosureGroup {...raProps} />\n    </AccordionRootSlot>\n  );\n};\n\nAccordionRoot.displayName = \"Accordion.Root\";\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Item - An individual accordion item\n *\n * Contains a header and collapsible content.\n * Multiple items can be placed within an Accordion.Root.\n *\n * @supportsStyleProps\n */\nexport const AccordionItem = ({\n  children,\n  value,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  const disclosureProps = {\n    ...restProps,\n    id: value, // React Aria uses id for the key\n  };\n\n  return (\n    <AccordionDisclosureSlot\n      data-value={value}\n      ref={ref}\n      {...styleProps}\n      asChild\n    >\n      <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n    </AccordionDisclosureSlot>\n  );\n};\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { AccordionHeaderRightContentSlot } from \"../accordion.slots\";\nimport type { AccordionHeaderRightContentProps } from \"../accordion.types\";\n\n/**\n * Accordion.HeaderRightContent - Content displayed on the right side of the accordion header\n *\n * Used to add actions, badges, or additional information to the header.\n * Positioned to the right of the header title.\n *\n * @supportsStyleProps\n */\nexport const AccordionHeaderRightContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderRightContentProps) => {\n  return (\n    <AccordionHeaderRightContentSlot ref={ref} {...props}>\n      {children}\n    </AccordionHeaderRightContentSlot>\n  );\n};\n\nAccordionHeaderRightContent.displayName = \"Accordion.HeaderRightContent\";\n","import React, { useMemo } from \"react\";\nimport {\n  AccordionTriggerSlot,\n  AccordionTitleSlot,\n  AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { AccordionHeaderRightContent } from \"./accordion.header-right-content\";\n\n/**\n * Accordion.Header - The clickable header for accordion items\n *\n * Expands/collapses the accordion content when activated.\n * Handles keyboard and mouse interactions.\n *\n * @supportsStyleProps\n */\nexport const AccordionHeader = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  // Extract HeaderRightContent if present\n  const headerContent = useMemo(() => {\n    const main: React.ReactNode[] = [];\n    const rightContent: React.ReactNode[] = [];\n\n    React.Children.forEach(children, (child) => {\n      if (\n        React.isValidElement(child) &&\n        (child.type === AccordionHeaderRightContent ||\n          child.type === AccordionHeaderRightContentSlot)\n      ) {\n        rightContent.push(child);\n      } else {\n        main.push(child);\n      }\n    });\n\n    return { main, rightContent };\n  }, [children]);\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderBottom=\"solid-25\"\n      borderColor=\"neutral.4\"\n      {...styleProps}\n    >\n      <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n        <RaButton {...restProps}>\n          <KeyboardArrowRight />\n          <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n        </RaButton>\n      </AccordionTriggerSlot>\n      {headerContent.rightContent.length > 0 && (\n        <AccordionHeaderRightContentSlot>\n          {headerContent.rightContent}\n        </AccordionHeaderRightContentSlot>\n      )}\n    </Flex>\n  );\n};\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Content - The collapsible content area\n *\n * Contains the main content that is shown/hidden when the header is activated.\n *\n * @supportsStyleProps\n */\nexport const AccordionContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n      <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n    </AccordionPanelSlot>\n  );\n};\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","$29a18fa139197b5c$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$3e6197669829fe11$export$40bfa8c7b0832715","$ilT6J$useMemo","$ilT6J$useEffect","firstKey","key","keys","$a3e16eab0ea4036c$export$1d40e3e0cc4d5de","$evqUs$createContext","$a3e16eab0ea4036c$export$944aceb4f8c89f10","$evqUs$forwardRef","ref","state","$evqUs$useDisclosureGroupState","renderProps","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","domProps","$evqUs$filterDOMProps","$evqUs$react","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$a3e16eab0ea4036c$export$d665dd135a51b28a","$a3e16eab0ea4036c$export$dab3ea4a6ef094da","$a3e16eab0ea4036c$var$InternalDisclosureContext","$a3e16eab0ea4036c$export$74a362b31437ec83","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","groupState","$evqUs$useContext","id","otherProps","defaultId","$evqUs$useId","isExpanded","$evqUs$useDisclosureState","panelRef","buttonProps","panelProps","$evqUs$useDisclosure","isFocusVisibleWithin","focusWithinProps","$evqUs$useFocusRing","$7230ffa83bc0c2cf$export$2881499e37b75b9a","$7705c033048f6da7$export$24d547caef80ccd1","$7230ffa83bc0c2cf$export$c62b8e45d58ddad9","$evqUs$mergeProps","$a3e16eab0ea4036c$export$feabaa331e1d464c","role","DOMProps","$evqUs$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/accordion.content-cNB-_UJh.es.js

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

package/dist/chunks/accordion.content-cNB-_UJh.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.content-cNB-_UJh.es.js","sources":["../../src/components/accordion/accordion.slots.tsx","../../../../node_modules/.pnpm/react-stately@3.46.0_react@19.2.0/node_modules/react-stately/dist/private/disclosure/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.17.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Disclosure.mjs","../../src/components/accordion/components/accordion.root.tsx","../../src/components/accordion/components/accordion.item.tsx","../../src/components/accordion/components/accordion.header-right-content.tsx","../../src/components/accordion/components/accordion.header.tsx","../../src/components/accordion/components/accordion.content.tsx"],"sourcesContent":["import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusAccordion\",\n});\n\nexport const AccordionRootSlot: SlotComponent<\n  HTMLDivElement,\n  AccordionRootSlotProps\n> = withProvider<HTMLDivElement, AccordionRootSlotProps>(\"div\", \"root\");\n\nexport const AccordionDisclosureSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"disclosure\");\n\nexport const AccordionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const AccordionPanelSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"panel\");\n\nexport const AccordionTitleSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"accordionTitle\");\n\nexport const AccordionHeaderRightContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"headerContentRight\");\n","import {useControlledState as $3e6197669829fe11$export$40bfa8c7b0832715} from \"../utils/useControlledState.mjs\";\nimport {useMemo as $ilT6J$useMemo, useEffect as $ilT6J$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 $29a18fa139197b5c$export$f36461af0ef4707d(props) {\n    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n    let [expandedKeys, setExpandedKeys] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)((0, $ilT6J$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n        props.expandedKeys\n    ]), (0, $ilT6J$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n        props.defaultExpandedKeys\n    ]), props.onExpandedChange);\n    (0, $ilT6J$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 {$29a18fa139197b5c$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.mjs.map\n","import {ButtonContext as $7705c033048f6da7$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $7230ffa83bc0c2cf$export$c62b8e45d58ddad9, dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $evqUs$useDisclosure} from \"react-aria/useDisclosure\";\nimport {useDisclosureGroupState as $evqUs$useDisclosureGroupState} from \"react-stately/useDisclosureGroupState\";\nimport {useDisclosureState as $evqUs$useDisclosureState} from \"react-stately/useDisclosureState\";\nimport {filterDOMProps as $evqUs$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $evqUs$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $evqUs$mergeRefs} from \"react-aria/mergeRefs\";\nimport $evqUs$react, {createContext as $evqUs$createContext, forwardRef as $evqUs$forwardRef, useContext as $evqUs$useContext} from \"react\";\nimport {useFocusRing as $evqUs$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useId as $evqUs$useId} from \"react-aria/useId\";\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\n\n\n\n\n\nconst $a3e16eab0ea4036c$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $evqUs$forwardRef)(function DisclosureGroup(props, ref) {\n    let state = (0, $evqUs$useDisclosureGroupState)(props);\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosureGroup',\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        }\n    });\n    let domProps = (0, $evqUs$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...domProps,\n        ...renderProps,\n        ref: ref,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement($a3e16eab0ea4036c$export$1d40e3e0cc4d5de.Provider, {\n        value: state\n    }, renderProps.children));\n});\nconst $a3e16eab0ea4036c$export$d665dd135a51b28a = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$var$InternalDisclosureContext = /*#__PURE__*/ (0, $evqUs$createContext)(null);\nconst $a3e16eab0ea4036c$export$74a362b31437ec83 = /*#__PURE__*/ (0, $evqUs$forwardRef)(function Disclosure(props, ref) {\n    [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $a3e16eab0ea4036c$export$d665dd135a51b28a);\n    let groupState = (0, $evqUs$useContext)($a3e16eab0ea4036c$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, $evqUs$useId)();\n    id ||= defaultId;\n    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n    let state = (0, $evqUs$useDisclosureState)({\n        ...props,\n        isExpanded: isExpanded,\n        onExpandedChange (isExpanded) {\n            if (groupState) groupState.toggleKey(id);\n            props.onExpandedChange?.(isExpanded);\n        }\n    });\n    let panelRef = (0, $evqUs$react).useRef(null);\n    let isDisabled = props.isDisabled || groupState?.isDisabled || false;\n    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $evqUs$useDisclosure)({\n        ...props,\n        isExpanded: isExpanded,\n        isDisabled: isDisabled\n    }, state, panelRef);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $evqUs$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$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, $evqUs$filterDOMProps)(otherProps, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $7705c033048f6da7$export$24d547caef80ccd1),\n                {\n                    slots: {\n                        [(0, $7230ffa83bc0c2cf$export$c62b8e45d58ddad9)]: {},\n                        trigger: buttonProps\n                    }\n                }\n            ],\n            [\n                $a3e16eab0ea4036c$var$InternalDisclosureContext,\n                {\n                    panelProps: panelProps,\n                    panelRef: panelRef\n                }\n            ],\n            [\n                $a3e16eab0ea4036c$export$dab3ea4a6ef094da,\n                state\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $evqUs$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 $a3e16eab0ea4036c$export$feabaa331e1d464c = /*#__PURE__*/ (0, $evqUs$forwardRef)(function DisclosurePanel(props, ref) {\n    let { role: role = 'group' } = props;\n    let { panelProps: panelProps, panelRef: panelRef } = (0, $evqUs$useContext)($a3e16eab0ea4036c$var$InternalDisclosureContext);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $evqUs$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosurePanel',\n        values: {\n            isFocusVisibleWithin: isFocusVisibleWithin\n        }\n    });\n    let DOMProps = (0, $evqUs$filterDOMProps)(props, {\n        global: true,\n        labelable: true\n    });\n    return /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n        ...(0, $evqUs$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n        ref: (0, $evqUs$mergeRefs)(ref, panelRef),\n        role: role,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, /*#__PURE__*/ (0, $evqUs$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $7705c033048f6da7$export$24d547caef80ccd1),\n                null\n            ]\n        ]\n    }, props.children));\n});\n\n\nexport {$a3e16eab0ea4036c$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $a3e16eab0ea4036c$export$944aceb4f8c89f10 as DisclosureGroup, $a3e16eab0ea4036c$export$d665dd135a51b28a as DisclosureContext, $a3e16eab0ea4036c$export$dab3ea4a6ef094da as DisclosureStateContext, $a3e16eab0ea4036c$export$74a362b31437ec83 as Disclosure, $a3e16eab0ea4036c$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.mjs.map\n","import { AccordionRootSlot } from \"../accordion.slots\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { DisclosureGroup as RaDisclosureGroup } from \"react-aria-components\";\nimport type { AccordionRootProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Root\n *\n * Provides context and configuration for all accordion items.\n *\n * @supportsStyleProps\n */\nexport const AccordionRoot = (props: AccordionRootProps) => {\n  const { ref, ...restProps } = props;\n  const recipe = useSlotRecipe({ key: \"nimbusAccordion\" });\n  const [recipeProps, restRecipeProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, raProps] = extractStyleProps(restRecipeProps);\n\n  return (\n    <AccordionRootSlot ref={ref} {...recipeProps} {...styleProps} asChild>\n      <RaDisclosureGroup {...raProps} />\n    </AccordionRootSlot>\n  );\n};\n\nAccordionRoot.displayName = \"Accordion.Root\";\n","import { AccordionDisclosureSlot } from \"../accordion.slots\";\nimport { Disclosure as RaDisclosure } from \"react-aria-components\";\nimport type { AccordionItemProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Item - An individual accordion item\n *\n * Contains a header and collapsible content.\n * Multiple items can be placed within an Accordion.Root.\n *\n * @supportsStyleProps\n */\nexport const AccordionItem = ({\n  children,\n  value,\n  ref,\n  ...props\n}: AccordionItemProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  const disclosureProps = {\n    ...restProps,\n    id: value, // React Aria uses id for the key\n  };\n\n  return (\n    <AccordionDisclosureSlot\n      data-value={value}\n      ref={ref}\n      {...styleProps}\n      asChild\n    >\n      <RaDisclosure {...disclosureProps}>{children}</RaDisclosure>\n    </AccordionDisclosureSlot>\n  );\n};\n\nAccordionItem.displayName = \"Accordion.Item\";\n","import { AccordionHeaderRightContentSlot } from \"../accordion.slots\";\nimport type { AccordionHeaderRightContentProps } from \"../accordion.types\";\n\n/**\n * Accordion.HeaderRightContent - Content displayed on the right side of the accordion header\n *\n * Used to add actions, badges, or additional information to the header.\n * Positioned to the right of the header title.\n *\n * @supportsStyleProps\n */\nexport const AccordionHeaderRightContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderRightContentProps) => {\n  return (\n    <AccordionHeaderRightContentSlot ref={ref} {...props}>\n      {children}\n    </AccordionHeaderRightContentSlot>\n  );\n};\n\nAccordionHeaderRightContent.displayName = \"Accordion.HeaderRightContent\";\n","import React, { useMemo } from \"react\";\nimport {\n  AccordionTriggerSlot,\n  AccordionTitleSlot,\n  AccordionHeaderRightContentSlot,\n} from \"../accordion.slots\";\nimport { Flex } from \"@/components\";\nimport { KeyboardArrowRight } from \"@commercetools/nimbus-icons\";\nimport { Button as RaButton } from \"react-aria-components\";\nimport type { AccordionHeaderProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\nimport { AccordionHeaderRightContent } from \"./accordion.header-right-content\";\n\n/**\n * Accordion.Header - The clickable header for accordion items\n *\n * Expands/collapses the accordion content when activated.\n * Handles keyboard and mouse interactions.\n *\n * @supportsStyleProps\n */\nexport const AccordionHeader = ({\n  children,\n  ref,\n  ...props\n}: AccordionHeaderProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n  // Extract HeaderRightContent if present\n  const headerContent = useMemo(() => {\n    const main: React.ReactNode[] = [];\n    const rightContent: React.ReactNode[] = [];\n\n    React.Children.forEach(children, (child) => {\n      if (\n        React.isValidElement(child) &&\n        (child.type === AccordionHeaderRightContent ||\n          child.type === AccordionHeaderRightContentSlot)\n      ) {\n        rightContent.push(child);\n      } else {\n        main.push(child);\n      }\n    });\n\n    return { main, rightContent };\n  }, [children]);\n\n  return (\n    <Flex\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      borderBottom=\"solid-25\"\n      borderColor=\"neutral.4\"\n      {...styleProps}\n    >\n      <AccordionTriggerSlot ref={ref} slot=\"trigger\" asChild>\n        <RaButton {...restProps}>\n          <KeyboardArrowRight />\n          <AccordionTitleSlot>{headerContent.main}</AccordionTitleSlot>\n        </RaButton>\n      </AccordionTriggerSlot>\n      {headerContent.rightContent.length > 0 && (\n        <AccordionHeaderRightContentSlot>\n          {headerContent.rightContent}\n        </AccordionHeaderRightContentSlot>\n      )}\n    </Flex>\n  );\n};\n\nAccordionHeader.displayName = \"Accordion.Header\";\n","import { AccordionPanelSlot } from \"../accordion.slots\";\nimport { DisclosurePanel as RaDisclosurePanel } from \"react-aria-components\";\nimport type { AccordionContentProps } from \"../accordion.types\";\nimport { extractStyleProps } from \"@/utils\";\n\n/**\n * Accordion.Content - The collapsible content area\n *\n * Contains the main content that is shown/hidden when the header is activated.\n *\n * @supportsStyleProps\n */\nexport const AccordionContent = ({\n  children,\n  ref,\n  ...props\n}: AccordionContentProps) => {\n  const [styleProps, restProps] = extractStyleProps(props);\n\n  return (\n    <AccordionPanelSlot ref={ref} {...styleProps} asChild>\n      <RaDisclosurePanel {...restProps}>{children}</RaDisclosurePanel>\n    </AccordionPanelSlot>\n  );\n};\n\nAccordionContent.displayName = \"Accordion.Content\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","$29a18fa139197b5c$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$3e6197669829fe11$export$40bfa8c7b0832715","$ilT6J$useMemo","$ilT6J$useEffect","firstKey","key","keys","$a3e16eab0ea4036c$export$1d40e3e0cc4d5de","$evqUs$createContext","$a3e16eab0ea4036c$export$944aceb4f8c89f10","$evqUs$forwardRef","ref","state","$evqUs$useDisclosureGroupState","renderProps","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","domProps","$evqUs$filterDOMProps","$evqUs$react","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$a3e16eab0ea4036c$export$d665dd135a51b28a","$a3e16eab0ea4036c$export$dab3ea4a6ef094da","$a3e16eab0ea4036c$var$InternalDisclosureContext","$a3e16eab0ea4036c$export$74a362b31437ec83","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","groupState","$evqUs$useContext","id","otherProps","defaultId","$evqUs$useId","isExpanded","$evqUs$useDisclosureState","panelRef","buttonProps","panelProps","$evqUs$useDisclosure","isFocusVisibleWithin","focusWithinProps","$evqUs$useFocusRing","$7230ffa83bc0c2cf$export$2881499e37b75b9a","$7705c033048f6da7$export$24d547caef80ccd1","$7230ffa83bc0c2cf$export$c62b8e45d58ddad9","$evqUs$mergeProps","$a3e16eab0ea4036c$export$feabaa331e1d464c","role","DOMProps","$evqUs$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-B0Bwo4-D.es.js

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

package/dist/chunks/alert-B0Bwo4-D.es.js.map

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

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

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

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

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

package/dist/chunks/animation-Ct3Waitb.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("./mergeProps-D1Fp1oji.cjs.js"),o=require("react-dom"),a=require("react");function u(e,i=!0){let[c,n]=a.useState(!0),t=c&&i;return s.$c4867b2f328c2698$export$e5c5a5f917a5871c(()=>{if(t&&e.current&&"getAnimations"in e.current)for(let r of e.current.getAnimations())r instanceof CSSTransition&&r.cancel()},[e,t]),f(e,t,a.useCallback(()=>n(!1),[])),t}function $(e,i){let[c,n]=a.useState(i?"open":"closed");switch(c){case"open":i||n("exiting");break;case"closed":case"exiting":i&&n("open");break}let t=c==="exiting";return f(e,t,a.useCallback(()=>{n(r=>r==="exiting"?"closed":r)},[])),t}function f(e,i,c){s.$c4867b2f328c2698$export$e5c5a5f917a5871c(()=>{if(i&&e.current){if(!("getAnimations"in e.current)){c();return}let n=e.current.getAnimations();if(n.length===0){c();return}let t=!1;return Promise.allSettled(n.map(r=>r.finished)).then(()=>{t||o.flushSync(()=>{c()})}),()=>{t=!0}}},[e,i,c])}exports.$fcc7165e876206c6$export$45fda7c47f93fd48=$;exports.$fcc7165e876206c6$export$6d3443f2c48bfc20=u;
+//# sourceMappingURL=animation-Ct3Waitb.cjs.js.map

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

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