@commercetools/nimbus 2.4.0 → 2.5.0

package/README.md

@@ -12,6 +12,12 @@ To build:
 pnpm run build
 ```
 
+> **Important:** This package includes generated i18n files (`*.messages.ts` and
+> `intl/*.ts`) that are **not tracked in git**. After cloning or switching
+> branches, you must run `pnpm build` or `pnpm extract-intl` from the repository
+> root to generate these files. Without them, TypeScript compilation and
+> Storybook will fail.
+
 ## Internationalization (i18n) Development
 
 ### Workflow
@@ -29,11 +35,11 @@ pnpm run build
    - Import the compiled message strings and the hook:
      ```typescript
      import { useLocalizedStringFormatter } from "@/hooks";
-     import { componentMessagesStrings } from "./component.messages";
+     import { {componentName}MessagesStrings } from "./{component-name}.messages";
      ```
    - Use the hook in your component:
      ```typescript
-     const msg = useLocalizedStringFormatter(componentMessagesStrings);
+     const msg = useLocalizedStringFormatter({componentName}MessagesStrings);
      ```
    - Call `msg.format("key")` for simple strings
    - Call `msg.format("key", { variableName: value })` for variable messages
@@ -56,17 +62,13 @@ pnpm run build
 
 ### Dependencies
 
-**`react-intl` is a dev dependency only** - it is not required at runtime:
+**Message extraction and runtime:**
 
-- **In `devDependencies`**: Needed for `.i18n.ts` source files which use
-  `defineMessages` from `react-intl`. The `@formatjs/cli extract` tool expects
-  this format to extract messages.
-- **Not in `peerDependencies`**: Consumers do not need to install `react-intl`.
-  Components use compiled `.messages.ts` dictionaries at runtime, not the
-  `.i18n.ts` source files.
-- **Runtime**: Components use `LocalizedStringDictionary` from
-  `@internationalized/string` and `react-aria-components` for message retrieval,
-  not `react-intl`.
+- **Extraction**: `.i18n.ts` source files are plain TypeScript objects extracted
+  by a custom script (`packages/i18n/scripts/extract-messages.ts`).
+- **Runtime**: Components use compiled `.messages.ts` dictionaries with
+  `LocalizedStringDictionary` from `@internationalized/string` and
+  `react-aria-components` for message retrieval.
 
 ### Quick Reference
 
@@ -91,6 +93,9 @@ pnpm run build
 
 **Troubleshooting:**
 
+- **Module not found errors after clone/branch switch?** Generated i18n files
+  are not tracked in git. Run `pnpm build` or `pnpm extract-intl` from the
+  repository root to regenerate them.
 - **Empty string returned?** Check that message key matches the ID (not the
   object key from `.i18n.ts`)
   - Example: `id: "Nimbus.Alert.dismiss"` → use `msg.format("dismiss")`, not the

package/dist/chunks/accordion-6JxQb_15.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const o=require("./accordion.content-DWXekiUB.cjs.js"),c={Root:o.AccordionRoot,Item:o.AccordionItem,Header:o.AccordionHeader,Content:o.AccordionContent,HeaderRightContent:o.AccordionHeaderRightContent};exports.Accordion=c;
+//# sourceMappingURL=accordion-6JxQb_15.cjs.js.map

package/dist/chunks/accordion-6JxQb_15.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-6JxQb_15.cjs.js","sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  AccordionRoot,\n  AccordionHeader,\n  AccordionContent,\n  AccordionItem,\n  AccordionHeaderRightContent,\n} from \"./components\";\n\n/**\n * # Accordion\n *\n * An interactive component that allows users to show and hide sections of content.\n * Supports single or multiple item expansion, and provides keyboard navigation and WCAG 2.1 AA accessibility.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}\n *\n * @example\n * ```tsx\n * <Accordion.Root>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Header>First Section</Accordion.Header>\n *     <Accordion.Content>Content for first section</Accordion.Content>\n *   </Accordion.Item>\n *   <Accordion.Item value=\"item-2\">\n *     <Accordion.Header>Second Section</Accordion.Header>\n *     <Accordion.Content>Content for second section</Accordion.Content>\n *   </Accordion.Item>\n * </Accordion.Root>\n * ```\n */\nexport const Accordion = {\n  /**\n   * # Accordion.Root\n   *\n   * The root container for the accordion component.\n   * Provides context and configuration for all accordion items.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Root>\n   *   <Accordion.Item>\n   *     <Accordion.Header>Title</Accordion.Header>\n   *     <Accordion.Content>Content</Accordion.Content>\n   *   </Accordion.Item>\n   * </Accordion.Root>\n   * ```\n   */\n  Root: AccordionRoot,\n\n  /**\n   * # Accordion.Item\n   *\n   * An individual accordion item containing a header and collapsible content.\n   * Multiple items can be placed within an Accordion.Root.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Item value=\"item-1\">\n   *   <Accordion.Header>Title</Accordion.Header>\n   *   <Accordion.Content>Content</Accordion.Content>\n   * </Accordion.Item>\n   * ```\n   */\n  Item: AccordionItem,\n\n  /**\n   * # Accordion.Header\n   *\n   * The clickable header that expands/collapses the accordion content.\n   * Handles keyboard and mouse interactions for accordion activation.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Header>\n   *   Click to expand\n   * </Accordion.Header>\n   * ```\n   */\n  Header: AccordionHeader,\n\n  /**\n   * # Accordion.Content\n   *\n   * The collapsible content area that is shown/hidden when the header is activated.\n   * Contains the main content of the accordion item.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Content>\n   *   <p>This content will be shown when expanded.</p>\n   * </Accordion.Content>\n   * ```\n   */\n  Content: AccordionContent,\n\n  /**\n   * # Accordion.HeaderRightContent\n   *\n   * Optional content that appears on the right side of the accordion header.\n   * Useful for adding actions, badges, or additional information.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Header>\n   *   Title\n   *   <Accordion.HeaderRightContent>\n   *     <Button>Action</Button>\n   *   </Accordion.HeaderRightContent>\n   * </Accordion.Header>\n   * ```\n   */\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":["Accordion","AccordionRoot","AccordionItem","AccordionHeader","AccordionContent","AccordionHeaderRightContent"],"mappings":"oEA8BaA,EAAY,CAiBvB,KAAMC,EAAAA,cAgBN,KAAMC,EAAAA,cAeN,OAAQC,EAAAA,gBAeR,QAASC,EAAAA,iBAkBT,mBAAoBC,EAAAA,2BACtB"}

package/dist/chunks/accordion-KXi53sSd.es.js

@@ -0,0 +1,84 @@
+import { b as o, A as t, a as e, c as n, d as c } from "./accordion.content-I6FlZR6t.es.js";
+const a = {
+  /**
+   * # Accordion.Root
+   *
+   * The root container for the accordion component.
+   * Provides context and configuration for all accordion items.
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Root>
+   *   <Accordion.Item>
+   *     <Accordion.Header>Title</Accordion.Header>
+   *     <Accordion.Content>Content</Accordion.Content>
+   *   </Accordion.Item>
+   * </Accordion.Root>
+   * ```
+   */
+  Root: c,
+  /**
+   * # Accordion.Item
+   *
+   * An individual accordion item containing a header and collapsible content.
+   * Multiple items can be placed within an Accordion.Root.
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Item value="item-1">
+   *   <Accordion.Header>Title</Accordion.Header>
+   *   <Accordion.Content>Content</Accordion.Content>
+   * </Accordion.Item>
+   * ```
+   */
+  Item: n,
+  /**
+   * # Accordion.Header
+   *
+   * The clickable header that expands/collapses the accordion content.
+   * Handles keyboard and mouse interactions for accordion activation.
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Header>
+   *   Click to expand
+   * </Accordion.Header>
+   * ```
+   */
+  Header: e,
+  /**
+   * # Accordion.Content
+   *
+   * The collapsible content area that is shown/hidden when the header is activated.
+   * Contains the main content of the accordion item.
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Content>
+   *   <p>This content will be shown when expanded.</p>
+   * </Accordion.Content>
+   * ```
+   */
+  Content: t,
+  /**
+   * # Accordion.HeaderRightContent
+   *
+   * Optional content that appears on the right side of the accordion header.
+   * Useful for adding actions, badges, or additional information.
+   *
+   * @example
+   * ```tsx
+   * <Accordion.Header>
+   *   Title
+   *   <Accordion.HeaderRightContent>
+   *     <Button>Action</Button>
+   *   </Accordion.HeaderRightContent>
+   * </Accordion.Header>
+   * ```
+   */
+  HeaderRightContent: o
+};
+export {
+  a as A
+};
+//# sourceMappingURL=accordion-KXi53sSd.es.js.map

package/dist/chunks/accordion-KXi53sSd.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion-KXi53sSd.es.js","sources":["../../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  AccordionRoot,\n  AccordionHeader,\n  AccordionContent,\n  AccordionItem,\n  AccordionHeaderRightContent,\n} from \"./components\";\n\n/**\n * # Accordion\n *\n * An interactive component that allows users to show and hide sections of content.\n * Supports single or multiple item expansion, and provides keyboard navigation and WCAG 2.1 AA accessibility.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/navigation/accordion}\n *\n * @example\n * ```tsx\n * <Accordion.Root>\n *   <Accordion.Item value=\"item-1\">\n *     <Accordion.Header>First Section</Accordion.Header>\n *     <Accordion.Content>Content for first section</Accordion.Content>\n *   </Accordion.Item>\n *   <Accordion.Item value=\"item-2\">\n *     <Accordion.Header>Second Section</Accordion.Header>\n *     <Accordion.Content>Content for second section</Accordion.Content>\n *   </Accordion.Item>\n * </Accordion.Root>\n * ```\n */\nexport const Accordion = {\n  /**\n   * # Accordion.Root\n   *\n   * The root container for the accordion component.\n   * Provides context and configuration for all accordion items.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Root>\n   *   <Accordion.Item>\n   *     <Accordion.Header>Title</Accordion.Header>\n   *     <Accordion.Content>Content</Accordion.Content>\n   *   </Accordion.Item>\n   * </Accordion.Root>\n   * ```\n   */\n  Root: AccordionRoot,\n\n  /**\n   * # Accordion.Item\n   *\n   * An individual accordion item containing a header and collapsible content.\n   * Multiple items can be placed within an Accordion.Root.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Item value=\"item-1\">\n   *   <Accordion.Header>Title</Accordion.Header>\n   *   <Accordion.Content>Content</Accordion.Content>\n   * </Accordion.Item>\n   * ```\n   */\n  Item: AccordionItem,\n\n  /**\n   * # Accordion.Header\n   *\n   * The clickable header that expands/collapses the accordion content.\n   * Handles keyboard and mouse interactions for accordion activation.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Header>\n   *   Click to expand\n   * </Accordion.Header>\n   * ```\n   */\n  Header: AccordionHeader,\n\n  /**\n   * # Accordion.Content\n   *\n   * The collapsible content area that is shown/hidden when the header is activated.\n   * Contains the main content of the accordion item.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Content>\n   *   <p>This content will be shown when expanded.</p>\n   * </Accordion.Content>\n   * ```\n   */\n  Content: AccordionContent,\n\n  /**\n   * # Accordion.HeaderRightContent\n   *\n   * Optional content that appears on the right side of the accordion header.\n   * Useful for adding actions, badges, or additional information.\n   *\n   * @example\n   * ```tsx\n   * <Accordion.Header>\n   *   Title\n   *   <Accordion.HeaderRightContent>\n   *     <Button>Action</Button>\n   *   </Accordion.HeaderRightContent>\n   * </Accordion.Header>\n   * ```\n   */\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":["Accordion","AccordionRoot","AccordionItem","AccordionHeader","AccordionContent","AccordionHeaderRightContent"],"mappings":";AA8BO,MAAMA,IAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBvB,MAAMC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBN,MAAMC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeN,QAAQC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeR,SAASC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,oBAAoBC;AACtB;"}

package/dist/chunks/accordion.content-DWXekiUB.cjs.js

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),H=require("@chakra-ui/react/styled-system"),x=require("./extract-style-props-DVhOcGEi.cjs.js"),n=require("react"),I=require("@commercetools/nimbus-icons"),C=require("./Button-C92vyQPT.cjs.js"),W=require("./flex-DwGL6TCj.cjs.js"),T=require("@chakra-ui/react"),f=require("./utils-BNYGVv6l.cjs.js"),h=require("./mergeProps-DD8aR8go.cjs.js"),g=require("./filterDOMProps-AbzzCIX-.cjs.js"),A=require("./useFocusRing-DScmIOhv.cjs.js"),v=require("./useDisclosureState-DXwEPD8Y.cjs.js"),B=require("./useControlledState-DLAEsTLd.cjs.js");function G(o){let{allowsMultipleExpanded:e=!1,isDisabled:r=!1}=o,[t,s]=B.$458b0a5536c1a7cf$export$40bfa8c7b0832715(n.useMemo(()=>o.expandedKeys?new Set(o.expandedKeys):void 0,[o.expandedKeys]),n.useMemo(()=>o.defaultExpandedKeys?new Set(o.defaultExpandedKeys):new Set,[o.defaultExpandedKeys]),o.onExpandedChange);return n.useEffect(()=>{if(!e&&t.size>1){let d=t.values().next().value;d!=null&&s(new Set([d]))}}),{allowsMultipleExpanded:e,isDisabled:r,expandedKeys:t,setExpandedKeys:s,toggleKey(d){let a;e?(a=new Set(t),a.has(d)?a.delete(d):a.add(d)):a=new Set(t.has(d)?[]:[d]),s(a)}}}const R=n.createContext(null),O=n.forwardRef(function(e,r){let t=G(e),s=f.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:t.isDisabled,state:t}}),d=g.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return n.createElement("div",{...d,...s,ref:r,"data-disabled":e.isDisabled||void 0},n.createElement(R.Provider,{value:t},s.children))}),_=n.createContext(null),z=n.createContext(null),S=n.createContext(null),J=n.forwardRef(function(e,r){[e,r]=f.$64fa3d84918910a7$export$29f1550f4b0d4415(e,r,_);let t=n.useContext(R),{id:s,...d}=e,a=h.$bdb11010cef70236$export$f680877a34711e37();s||(s=a);let l=t?t.expandedKeys.has(s):e.isExpanded,i=v.$bf996d45f4a36925$export$3fcbf6e4407997e0({...e,isExpanded:l,onExpandedChange(V){var b;t&&t.toggleKey(s),(b=e.onExpandedChange)===null||b===void 0||b.call(e,V)}}),$=n.useRef(null),p=e.isDisabled||t?.isDisabled||!1,{buttonProps:q,panelProps:F}=v.$5e910fae8e128ead$export$6e3e27031a30522f({...e,isExpanded:l,isDisabled:p},i,$),{isFocusVisible:y,focusProps:M}=A.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),E=f.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:i.isExpanded,isDisabled:p,isFocusVisibleWithin:y,state:i}}),N=g.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(d,{global:!0});return n.createElement(f.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[C.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[f.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:q}}],[S,{panelProps:F,panelRef:$}],[z,i]]},n.createElement("div",{...h.$3ef42575df84b30b$export$9d1611c77c2fe928(N,E,M),ref:r,"data-expanded":i.isExpanded||void 0,"data-disabled":p||void 0,"data-focus-visible-within":y||void 0},E.children))}),L=n.forwardRef(function(e,r){let{role:t="group"}=e,{panelProps:s,panelRef:d}=n.useContext(S),{isFocusVisible:a,focusProps:l}=A.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),i=f.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:a}}),$=g.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0,labelable:!0});return n.createElement("div",{...h.$3ef42575df84b30b$export$9d1611c77c2fe928($,i,s,l),ref:f.$5dc95899b306f630$export$c9058316764c140e(r,d),role:t,"data-focus-visible-within":a||void 0},n.createElement(f.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[C.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),{withProvider:Q,withContext:u}=T.createSlotRecipeContext({key:"nimbusAccordion"}),U=Q("div","root"),X=u("div","disclosure"),Y=u("button","trigger"),Z=u("div","panel"),k=u("div","accordionTitle"),P=u("div","headerContentRight"),D=o=>{const{ref:e,...r}=o,t=H.useSlotRecipe({key:"nimbusAccordion"}),[s,d]=t.splitVariantProps(r),[a,l]=x.extractStyleProps(d);return c.jsx(U,{ref:e,...s,...a,asChild:!0,children:c.jsx(O,{...l})})};D.displayName="Accordion.Root";const w=({children:o,value:e,ref:r,...t})=>{const[s,d]=x.extractStyleProps(t),a={...d,id:e};return c.jsx(X,{"data-value":e,ref:r,...s,asChild:!0,children:c.jsx(J,{...a,children:o})})};w.displayName="Accordion.Item";const m=({children:o,ref:e,...r})=>c.jsx(P,{ref:e,...r,children:o});m.displayName="Accordion.HeaderRightContent";const j=({children:o,ref:e,...r})=>{const[t,s]=x.extractStyleProps(r),d=n.useMemo(()=>{const a=[],l=[];return n.Children.forEach(o,i=>{n.isValidElement(i)&&(i.type===m||i.type===P)?l.push(i):a.push(i)}),{main:a,rightContent:l}},[o]);return c.jsxs(W.Flex,{justifyContent:"space-between",alignItems:"center",borderBottom:"solid-25",borderColor:"neutral.4",...t,children:[c.jsx(Y,{ref:e,slot:"trigger",asChild:!0,children:c.jsxs(C.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{...s,children:[c.jsx(I.KeyboardArrowRight,{}),c.jsx(k,{children:d.main})]})}),d.rightContent.length>0&&c.jsx(P,{children:d.rightContent})]})};j.displayName="Accordion.Header";const K=({children:o,ref:e,...r})=>{const[t,s]=x.extractStyleProps(r);return c.jsx(Z,{ref:e,...t,asChild:!0,children:c.jsx(L,{...s,children:o})})};K.displayName="Accordion.Content";exports.AccordionContent=K;exports.AccordionHeader=j;exports.AccordionHeaderRightContent=m;exports.AccordionItem=w;exports.AccordionRoot=D;
+//# sourceMappingURL=accordion.content-DWXekiUB.cjs.js.map

package/dist/chunks/accordion.content-DWXekiUB.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.content-DWXekiUB.cjs.js","sources":["../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.9_react@19.2.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Disclosure.mjs","../../src/components/accordion/accordion.slots.tsx","../../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 {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n    let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n        props.expandedKeys\n    ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n        props.defaultExpandedKeys\n    ]), props.onExpandedChange);\n    (0, $j4gLc$useEffect)(()=>{\n        // Ensure only one item is expanded if allowsMultipleExpanded is false.\n        if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n            let firstKey = expandedKeys.values().next().value;\n            if (firstKey != null) setExpandedKeys(new Set([\n                firstKey\n            ]));\n        }\n    });\n    return {\n        allowsMultipleExpanded: allowsMultipleExpanded,\n        isDisabled: isDisabled,\n        expandedKeys: expandedKeys,\n        setExpandedKeys: setExpandedKeys,\n        toggleKey (key) {\n            let keys;\n            if (allowsMultipleExpanded) {\n                keys = new Set(expandedKeys);\n                if (keys.has(key)) keys.delete(key);\n                else keys.add(key);\n            } else keys = new Set(expandedKeys.has(key) ? [] : [\n                key\n            ]);\n            setExpandedKeys(keys);\n        }\n    };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n    let state = (0, $hI1OT$useDisclosureGroupState)(props);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosureGroup',\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...domProps,\n        ...renderProps,\n        ref: ref,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n        value: state\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n    let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n    let { id: id, ...otherProps } = props;\n    // Generate an id if one wasn't provided.\n    // (can't pass id into useId since it can also be a number)\n    let defaultId = (0, $hI1OT$useId)();\n    id || (id = defaultId);\n    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n    let state = (0, $hI1OT$useDisclosureState)({\n        ...props,\n        isExpanded: isExpanded,\n        onExpandedChange (isExpanded) {\n            var _props_onExpandedChange;\n            if (groupState) groupState.toggleKey(id);\n            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n        }\n    });\n    let panelRef = (0, $hI1OT$react).useRef(null);\n    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n        ...props,\n        isExpanded: isExpanded,\n        isDisabled: isDisabled\n    }, state, panelRef);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        id: undefined,\n        defaultClassName: 'react-aria-Disclosure',\n        values: {\n            isExpanded: state.isExpanded,\n            isDisabled: isDisabled,\n            isFocusVisibleWithin: isFocusVisibleWithin,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                {\n                    slots: {\n                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n                        trigger: buttonProps\n                    }\n                }\n            ],\n            [\n                $28f4fd908f0de97f$var$InternalDisclosureContext,\n                {\n                    panelProps: panelProps,\n                    panelRef: panelRef\n                }\n            ],\n            [\n                $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n                state\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n        ref: ref,\n        \"data-expanded\": state.isExpanded || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n    let { role: role = 'group' } = props;\n    let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosurePanel',\n        values: {\n            isFocusVisibleWithin: isFocusVisibleWithin\n        }\n    });\n    let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true,\n        labelable: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n        ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n        role: role,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                null\n            ]\n        ]\n    }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"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 { 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":["$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","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":[0,1]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.content-I6FlZR6t.es.js","sources":["../../../../node_modules/.pnpm/@react-stately+disclosure@3.0.9_react@19.2.0/node_modules/@react-stately/disclosure/dist/useDisclosureGroupState.mjs","../../../../node_modules/.pnpm/react-aria-components@1.14.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/Disclosure.mjs","../../src/components/accordion/accordion.slots.tsx","../../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 {useControlledState as $j4gLc$useControlledState} from \"@react-stately/utils\";\nimport {useMemo as $j4gLc$useMemo, useEffect as $j4gLc$useEffect} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\nfunction $9385b3affbdec831$export$f36461af0ef4707d(props) {\n    let { allowsMultipleExpanded: allowsMultipleExpanded = false, isDisabled: isDisabled = false } = props;\n    let [expandedKeys, setExpandedKeys] = (0, $j4gLc$useControlledState)((0, $j4gLc$useMemo)(()=>props.expandedKeys ? new Set(props.expandedKeys) : undefined, [\n        props.expandedKeys\n    ]), (0, $j4gLc$useMemo)(()=>props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : new Set(), [\n        props.defaultExpandedKeys\n    ]), props.onExpandedChange);\n    (0, $j4gLc$useEffect)(()=>{\n        // Ensure only one item is expanded if allowsMultipleExpanded is false.\n        if (!allowsMultipleExpanded && expandedKeys.size > 1) {\n            let firstKey = expandedKeys.values().next().value;\n            if (firstKey != null) setExpandedKeys(new Set([\n                firstKey\n            ]));\n        }\n    });\n    return {\n        allowsMultipleExpanded: allowsMultipleExpanded,\n        isDisabled: isDisabled,\n        expandedKeys: expandedKeys,\n        setExpandedKeys: setExpandedKeys,\n        toggleKey (key) {\n            let keys;\n            if (allowsMultipleExpanded) {\n                keys = new Set(expandedKeys);\n                if (keys.has(key)) keys.delete(key);\n                else keys.add(key);\n            } else keys = new Set(expandedKeys.has(key) ? [] : [\n                key\n            ]);\n            setExpandedKeys(keys);\n        }\n    };\n}\n\n\nexport {$9385b3affbdec831$export$f36461af0ef4707d as useDisclosureGroupState};\n//# sourceMappingURL=useDisclosureGroupState.module.js.map\n","import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from \"./Button.mjs\";\nimport {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from \"./utils.mjs\";\nimport {useDisclosure as $hI1OT$useDisclosure, useFocusRing as $hI1OT$useFocusRing} from \"react-aria\";\nimport {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from \"react-stately\";\nimport {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeProps as $hI1OT$mergeProps, mergeRefs as $hI1OT$mergeRefs} from \"@react-aria/utils\";\nimport $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from \"react\";\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \n\n\n\n\n\nconst $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosureGroup(props, ref) {\n    let state = (0, $hI1OT$useDisclosureGroupState)(props);\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosureGroup',\n        values: {\n            isDisabled: state.isDisabled,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...domProps,\n        ...renderProps,\n        ref: ref,\n        \"data-disabled\": props.isDisabled || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {\n        value: state\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);\nconst $28f4fd908f0de97f$export$74a362b31437ec83 = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function Disclosure(props, ref) {\n    [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);\n    let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);\n    let { id: id, ...otherProps } = props;\n    // Generate an id if one wasn't provided.\n    // (can't pass id into useId since it can also be a number)\n    let defaultId = (0, $hI1OT$useId)();\n    id || (id = defaultId);\n    let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;\n    let state = (0, $hI1OT$useDisclosureState)({\n        ...props,\n        isExpanded: isExpanded,\n        onExpandedChange (isExpanded) {\n            var _props_onExpandedChange;\n            if (groupState) groupState.toggleKey(id);\n            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);\n        }\n    });\n    let panelRef = (0, $hI1OT$react).useRef(null);\n    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;\n    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({\n        ...props,\n        isExpanded: isExpanded,\n        isDisabled: isDisabled\n    }, state, panelRef);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        id: undefined,\n        defaultClassName: 'react-aria-Disclosure',\n        values: {\n            isExpanded: state.isExpanded,\n            isDisabled: isDisabled,\n            isFocusVisibleWithin: isFocusVisibleWithin,\n            state: state\n        }\n    });\n    let domProps = (0, $hI1OT$filterDOMProps)(otherProps, {\n        global: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                {\n                    slots: {\n                        [(0, $64fa3d84918910a7$export$c62b8e45d58ddad9)]: {},\n                        trigger: buttonProps\n                    }\n                }\n            ],\n            [\n                $28f4fd908f0de97f$var$InternalDisclosureContext,\n                {\n                    panelProps: panelProps,\n                    panelRef: panelRef\n                }\n            ],\n            [\n                $28f4fd908f0de97f$export$dab3ea4a6ef094da,\n                state\n            ]\n        ]\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...(0, $hI1OT$mergeProps)(domProps, renderProps, focusWithinProps),\n        ref: ref,\n        \"data-expanded\": state.isExpanded || undefined,\n        \"data-disabled\": isDisabled || undefined,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, renderProps.children));\n});\nconst $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)(function DisclosurePanel(props, ref) {\n    let { role: role = 'group' } = props;\n    let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);\n    let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({\n        within: true\n    });\n    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({\n        ...props,\n        defaultClassName: 'react-aria-DisclosurePanel',\n        values: {\n            isFocusVisibleWithin: isFocusVisibleWithin\n        }\n    });\n    let DOMProps = (0, $hI1OT$filterDOMProps)(props, {\n        global: true,\n        labelable: true\n    });\n    return /*#__PURE__*/ (0, $hI1OT$react).createElement(\"div\", {\n        ...(0, $hI1OT$mergeProps)(DOMProps, renderProps, panelProps, focusWithinProps),\n        ref: (0, $hI1OT$mergeRefs)(ref, panelRef),\n        role: role,\n        \"data-focus-visible-within\": isFocusVisibleWithin || undefined\n    }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {\n        values: [\n            [\n                (0, $d2b4bc8c273e7be6$export$24d547caef80ccd1),\n                null\n            ]\n        ]\n    }, props.children));\n});\n\n\nexport {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};\n//# sourceMappingURL=Disclosure.module.js.map\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { AccordionRootSlotProps } from \"./accordion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"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 { 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":["$9385b3affbdec831$export$f36461af0ef4707d","props","allowsMultipleExpanded","isDisabled","expandedKeys","setExpandedKeys","$j4gLc$useControlledState","$j4gLc$useMemo","$j4gLc$useEffect","firstKey","key","keys","$28f4fd908f0de97f$export$1d40e3e0cc4d5de","$hI1OT$createContext","$28f4fd908f0de97f$export$944aceb4f8c89f10","$hI1OT$forwardRef","ref","state","$hI1OT$useDisclosureGroupState","renderProps","$64fa3d84918910a7$export$4d86445c2cf5e3","domProps","$hI1OT$filterDOMProps","$hI1OT$react","$28f4fd908f0de97f$export$d665dd135a51b28a","$28f4fd908f0de97f$export$dab3ea4a6ef094da","$28f4fd908f0de97f$var$InternalDisclosureContext","$28f4fd908f0de97f$export$74a362b31437ec83","$64fa3d84918910a7$export$29f1550f4b0d4415","groupState","$hI1OT$useContext","id","otherProps","defaultId","$hI1OT$useId","isExpanded","$hI1OT$useDisclosureState","_props_onExpandedChange","panelRef","buttonProps","panelProps","$hI1OT$useDisclosure","isFocusVisibleWithin","focusWithinProps","$hI1OT$useFocusRing","$64fa3d84918910a7$export$2881499e37b75b9a","$d2b4bc8c273e7be6$export$24d547caef80ccd1","$64fa3d84918910a7$export$c62b8e45d58ddad9","$hI1OT$mergeProps","$28f4fd908f0de97f$export$feabaa331e1d464c","role","DOMProps","$hI1OT$mergeRefs","withProvider","withContext","createSlotRecipeContext","AccordionRootSlot","AccordionDisclosureSlot","AccordionTriggerSlot","AccordionPanelSlot","AccordionTitleSlot","AccordionHeaderRightContentSlot","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":[0,1]}

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

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),d=require("@chakra-ui/react"),i=require("@commercetools/nimbus-icons"),g=require("./icon-button-CVdz2C9L.cjs.js"),r=require("./normalize-messages-DtVffO09.cjs.js"),{withProvider:p,withContext:n}=d.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:A,...u}=e;return s.jsxs(x,{ref:t,...u,role:"alert",children:[s.jsx(h,{alignItems:"flex-start",children:v(u.colorPalette)}),A]})};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"},z={dismiss:"Desechar"},y={dismiss:"Fermer"},C={dismiss:"Dispensar"},I={en:r.normalizeMessages(B),de:r.normalizeMessages(R),es:r.normalizeMessages(z),"fr-FR":r.normalizeMessages(y),"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-BYLSKkn9.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-BYLSKkn9.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\";\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":"sNAUM,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"}