@commercetools/nimbus 2.9.1 → 2.11.0

package/dist/chunks/collapsible-motion-AIoK9G2N.es.js

@@ -1,127 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useContext as g, createContext as h, forwardRef as c, useRef as d } from "react";
-import { Presence as R } from "@chakra-ui/react/presence";
-import { m as v } from "./merge-refs-D-zSwpoh.es.js";
-import { createSlotRecipeContext as w, chakra as y } from "@chakra-ui/react/styled-system";
-import { $ as E } from "./useObjectRef-CaJ5pgjX.es.js";
-import { $ as S, a as N } from "./Button-B_f19f6I.es.js";
-import { e as T } from "./extract-style-props-BtirWJSO.es.js";
-import { a as k } from "./mergeProps-Dg8WqJiN.es.js";
-import { $ as _, a as j } from "./useDisclosureState-D7l1lGtf.es.js";
-const f = /* @__PURE__ */ h(void 0);
-function b() {
-  const o = g(f);
-  if (o === void 0)
-    throw new Error(
-      "useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component"
-    );
-  return o;
-}
-const { withProvider: D, withContext: m } = /* @__PURE__ */ w({
-  key: "nimbusCollapsibleMotion"
-}), V = /* @__PURE__ */ D("div", "root"), q = /* @__PURE__ */ m("button", "trigger"), z = /* @__PURE__ */ m("div", "content"), C = /* @__PURE__ */ c(
-  ({
-    children: o,
-    defaultExpanded: s = !1,
-    isExpanded: i,
-    onExpandedChange: l,
-    isDisabled: t = !1,
-    ...n
-  }, r) => {
-    const a = _({
-      defaultExpanded: s,
-      isExpanded: i,
-      onExpandedChange: l
-    }), p = d(null), { buttonProps: $, panelProps: M } = j(
-      { isDisabled: t },
-      a,
-      p
-    ), P = {
-      isDisabled: t,
-      isExpanded: a.isExpanded,
-      buttonProps: $,
-      panelProps: M,
-      panelRef: p
-    };
-    return /* @__PURE__ */ e(f.Provider, { value: P, children: /* @__PURE__ */ e(V, { ref: r, ...n, children: o }) });
-  }
-);
-C.displayName = "CollapsibleMotion.Root";
-const u = /* @__PURE__ */ c(({ children: o, asChild: s, ...i }, l) => {
-  const { buttonProps: t, isDisabled: n } = b(), r = k(i, t, {
-    disabled: n
-  });
-  if (s)
-    return /* @__PURE__ */ e(S.Provider, { value: { isDisabled: n }, children: /* @__PURE__ */ e(y.button, { asChild: !0, ...r, children: o }) });
-  const [a, p] = T(r);
-  return /* @__PURE__ */ e(q, { ref: l, ...a, asChild: !0, children: /* @__PURE__ */ e(N, { ...p, children: o }) });
-});
-u.displayName = "CollapsibleMotion.Trigger";
-const x = /* @__PURE__ */ c(({ children: o, ...s }, i) => {
-  const { panelProps: l, isExpanded: t } = b(), n = d(null), r = E(v(n, i));
-  return /* @__PURE__ */ e(z, { ref: r, ...s, ...l, asChild: !0, children: /* @__PURE__ */ e(
-    R,
-    {
-      present: t,
-      animationName: {
-        _open: "slide-from-top, fade-in",
-        _closed: "slide-to-top, fade-out"
-      },
-      animationDuration: "fast",
-      children: o
-    }
-  ) });
-});
-x.displayName = "CollapsibleMotion.Content";
-const Q = {
-  /**
-   * # CollapsibleMotion.Root
-   *
-   * The root container component that manages state and provides context.
-   * Handles both controlled and uncontrolled modes for expanded/collapsed state.
-   *
-   * @example
-   * ```tsx
-   * <CollapsibleMotion.Root defaultExpanded={false}>
-   *   <CollapsibleMotion.Trigger>Toggle</CollapsibleMotion.Trigger>
-   *   <CollapsibleMotion.Content>Content here</CollapsibleMotion.Content>
-   * </CollapsibleMotion.Root>
-   * ```
-   */
-  Root: C,
-  /**
-   * # CollapsibleMotion.Trigger
-   *
-   * The trigger button that toggles the collapsible content.
-   * Handles keyboard and mouse interactions with proper ARIA attributes.
-   *
-   * @example
-   * ```tsx
-   * <CollapsibleMotion.Trigger>
-   *   Click to expand
-   * </CollapsibleMotion.Trigger>
-   * ```
-   */
-  Trigger: u,
-  /**
-   * # CollapsibleMotion.Content
-   *
-   * The collapsible content container with smooth expand/collapse animations.
-   * Automatically handles ARIA attributes for accessibility.
-   *
-   * @example
-   * ```tsx
-   * <CollapsibleMotion.Content>
-   *   <Text>Your collapsible content</Text>
-   * </CollapsibleMotion.Content>
-   * ```
-   */
-  Content: x
-};
-export {
-  Q as C,
-  x as a,
-  C as b,
-  u as c
-};
-//# sourceMappingURL=collapsible-motion-AIoK9G2N.es.js.map

package/dist/chunks/collapsible-motion-AIoK9G2N.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-motion-AIoK9G2N.es.js","sources":["../../src/components/collapsible-motion/components/collapsible-motion-context.tsx","../../src/components/collapsible-motion/collapsible-motion.slots.tsx","../../src/components/collapsible-motion/components/collapsible-motion-root.tsx","../../src/components/collapsible-motion/components/collapsible-motion-trigger.tsx","../../src/components/collapsible-motion/components/collapsible-motion-content.tsx","../../src/components/collapsible-motion/collapsible-motion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CollapsibleMotionContextValue } from \"../collapsible-motion.types\";\n\n/**\n * React Context for sharing CollapsibleMotion state between compound components\n */\nexport const CollapsibleMotionContext = createContext<\n  CollapsibleMotionContextValue | undefined\n>(undefined);\n\n/**\n * Custom hook to consume CollapsibleMotion context\n */\nexport function useCollapsibleMotionContext(): CollapsibleMotionContextValue {\n  const context = useContext(CollapsibleMotionContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component\"\n    );\n  }\n\n  return context;\n}\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCollapsibleMotion\",\n});\n\nexport const CollapsibleMotionRootSlot: SlotComponent<\n  HTMLDivElement,\n  CollapsibleMotionRootSlotProps\n> = withProvider<HTMLDivElement, CollapsibleMotionRootSlotProps>(\"div\", \"root\");\n\nexport const CollapsibleMotionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const CollapsibleMotionContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n","import { useRef, forwardRef } from \"react\";\nimport { useDisclosure } from \"react-aria\";\nimport { useDisclosureState } from \"react-stately\";\nimport { CollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionRootSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionRootProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Root - The root container component that manages state and provides context\n *\n * This component contains all the state management logic and provides context to\n * CollapsibleMotion.Trigger and CollapsibleMotion.Content components.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionRoot: React.ForwardRefExoticComponent<\n  CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CollapsibleMotionRootProps>(\n  (\n    {\n      children,\n      defaultExpanded = false,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    // Use React Aria's disclosure state management\n    const disclosureState = useDisclosureState({\n      defaultExpanded,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Use React Aria's disclosure hook for ARIA props\n    const { buttonProps, panelProps } = useDisclosure(\n      { isDisabled },\n      disclosureState,\n      panelRef\n    );\n\n    // Context value to provide to child components\n    const contextValue = {\n      isDisabled,\n      isExpanded: disclosureState.isExpanded,\n      buttonProps,\n      panelProps,\n      panelRef,\n    };\n\n    return (\n      <CollapsibleMotionContext.Provider value={contextValue}>\n        <CollapsibleMotionRootSlot ref={forwardedRef} {...props}>\n          {children}\n        </CollapsibleMotionRootSlot>\n      </CollapsibleMotionContext.Provider>\n    );\n  }\n);\n\nCollapsibleMotionRoot.displayName = \"CollapsibleMotion.Root\";\n","import { forwardRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionTriggerSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionTriggerProps } from \"../collapsible-motion.types\";\nimport { Button as RaButton, ButtonContext } from \"react-aria-components\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content\n *\n * This component renders a button with proper ARIA attributes for accessibility.\n * It automatically handles the toggle functionality when clicked.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleMotionTriggerProps\n>(({ children, asChild, ...props }, forwardedRef) => {\n  const { buttonProps, isDisabled } = useCollapsibleMotionContext();\n\n  // Use mergeProps to properly compose event handlers like React Aria does\n  const componentProps = mergeProps(props, buttonProps, {\n    disabled: isDisabled,\n  });\n\n  // If asChild is true, wrap children directly in a button with asChild.\n  // ButtonContext.Provider passes isDisabled through React Aria's context so\n  // Nimbus Button's useButton receives it (the native `disabled` HTML attribute\n  // alone is overwritten by useButton's output in the JSX spread).\n  if (asChild) {\n    return (\n      <ButtonContext.Provider value={{ isDisabled }}>\n        <chakra.button asChild {...componentProps}>\n          {children}\n        </chakra.button>\n      </ButtonContext.Provider>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(componentProps);\n\n  // Otherwise, wrap with both CollapsibleMotionTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <CollapsibleMotionTriggerSlot ref={forwardedRef} {...styleProps} asChild>\n      <RaButton {...restProps}>{children}</RaButton>\n    </CollapsibleMotionTriggerSlot>\n  );\n});\n\nCollapsibleMotionTrigger.displayName = \"CollapsibleMotion.Trigger\";\n","import { forwardRef, useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { Presence } from \"@chakra-ui/react/presence\";\nimport { mergeRefs } from \"@/utils\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionContentSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionContentProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Content - The collapsible content container\n *\n * This component renders the content that will expand and collapse.\n * It handles accessibility attributes through React Aria.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleMotionContentProps\n>(({ children, ...props }, forwardedRef) => {\n  const { panelProps, isExpanded } = useCollapsibleMotionContext();\n\n  // Create a local ref and merge with forwardedRef (for user)\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <CollapsibleMotionContentSlot ref={ref} {...props} {...panelProps} asChild>\n      <Presence\n        present={isExpanded}\n        animationName={{\n          _open: \"slide-from-top, fade-in\",\n          _closed: \"slide-to-top, fade-out\",\n        }}\n        animationDuration=\"fast\"\n      >\n        {children}\n      </Presence>\n    </CollapsibleMotionContentSlot>\n  );\n});\n\nCollapsibleMotionContent.displayName = \"CollapsibleMotion.Content\";\n","import {\n  CollapsibleMotionRoot,\n  CollapsibleMotionTrigger,\n  CollapsibleMotionContent,\n} from \"./components\";\n\n// Exports for internal use by react-docgen\nexport {\n  CollapsibleMotionRoot as _CollapsibleMotionRoot,\n  CollapsibleMotionTrigger as _CollapsibleMotionTrigger,\n  CollapsibleMotionContent as _CollapsibleMotionContent,\n};\n\ntype CollapsibleMotionNamespace = {\n  Root: typeof CollapsibleMotionRoot;\n  Trigger: typeof CollapsibleMotionTrigger;\n  Content: typeof CollapsibleMotionContent;\n};\n\nexport const CollapsibleMotion: CollapsibleMotionNamespace = {\n  /**\n   * # CollapsibleMotion.Root\n   *\n   * The root container component that manages state and provides context.\n   * Handles both controlled and uncontrolled modes for expanded/collapsed state.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Root defaultExpanded={false}>\n   *   <CollapsibleMotion.Trigger>Toggle</CollapsibleMotion.Trigger>\n   *   <CollapsibleMotion.Content>Content here</CollapsibleMotion.Content>\n   * </CollapsibleMotion.Root>\n   * ```\n   */\n  Root: CollapsibleMotionRoot,\n\n  /**\n   * # CollapsibleMotion.Trigger\n   *\n   * The trigger button that toggles the collapsible content.\n   * Handles keyboard and mouse interactions with proper ARIA attributes.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Trigger>\n   *   Click to expand\n   * </CollapsibleMotion.Trigger>\n   * ```\n   */\n  Trigger: CollapsibleMotionTrigger,\n\n  /**\n   * # CollapsibleMotion.Content\n   *\n   * The collapsible content container with smooth expand/collapse animations.\n   * Automatically handles ARIA attributes for accessibility.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Content>\n   *   <Text>Your collapsible content</Text>\n   * </CollapsibleMotion.Content>\n   * ```\n   */\n  Content: CollapsibleMotionContent,\n};\n"],"names":["CollapsibleMotionContext","createContext","useCollapsibleMotionContext","context","useContext","withProvider","withContext","createSlotRecipeContext","CollapsibleMotionRootSlot","CollapsibleMotionTriggerSlot","CollapsibleMotionContentSlot","CollapsibleMotionRoot","forwardRef","children","defaultExpanded","controlledExpanded","onExpandedChange","isDisabled","props","forwardedRef","disclosureState","useDisclosureState","panelRef","useRef","buttonProps","panelProps","useDisclosure","contextValue","jsx","CollapsibleMotionTrigger","asChild","componentProps","mergeProps","ButtonContext","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":"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"}

package/dist/chunks/collapsible-motion-D2LhZm44.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const o=require("react/jsx-runtime"),t=require("react"),h=require("@chakra-ui/react/presence"),j=require("./merge-refs-D8liJcZz.cjs.js"),x=require("@chakra-ui/react/styled-system"),q=require("./useObjectRef-4v2MxSjQ.cjs.js"),f=require("./Button-Cd6tzMBr.cjs.js"),S=require("./extract-style-props-CidMHCzx.cjs.js"),v=require("./mergeProps-BAXAqyMT.cjs.js"),C=require("./useDisclosureState-D6YWKxa1.cjs.js"),$=t.createContext(void 0);function M(){const e=t.useContext($);if(e===void 0)throw new Error("useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component");return e}const{withProvider:y,withContext:R}=x.createSlotRecipeContext({key:"nimbusCollapsibleMotion"}),w=y("div","root"),E=R("button","trigger"),T=R("div","content"),d=t.forwardRef(({children:e,defaultExpanded:i=!1,isExpanded:l,onExpandedChange:a,isDisabled:n=!1,...s},r)=>{const c=C.$bf996d45f4a36925$export$3fcbf6e4407997e0({defaultExpanded:i,isExpanded:l,onExpandedChange:a}),p=t.useRef(null),{buttonProps:m,panelProps:g}=C.$5e910fae8e128ead$export$6e3e27031a30522f({isDisabled:n},c,p),P={isDisabled:n,isExpanded:c.isExpanded,buttonProps:m,panelProps:g,panelRef:p};return o.jsx($.Provider,{value:P,children:o.jsx(w,{ref:r,...s,children:e})})});d.displayName="CollapsibleMotion.Root";const u=t.forwardRef(({children:e,asChild:i,...l},a)=>{const{buttonProps:n,isDisabled:s}=M(),r=v.$3ef42575df84b30b$export$9d1611c77c2fe928(l,n,{disabled:s});if(i)return o.jsx(f.$d2b4bc8c273e7be6$export$24d547caef80ccd1.Provider,{value:{isDisabled:s},children:o.jsx(x.chakra.button,{asChild:!0,...r,children:e})});const[c,p]=S.extractStyleProps(r);return o.jsx(E,{ref:a,...c,asChild:!0,children:o.jsx(f.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{...p,children:e})})});u.displayName="CollapsibleMotion.Trigger";const b=t.forwardRef(({children:e,...i},l)=>{const{panelProps:a,isExpanded:n}=M(),s=t.useRef(null),r=q.$df56164dff5785e2$export$4338b53315abf666(j.mergeRefs(s,l));return o.jsx(T,{ref:r,...i,...a,asChild:!0,children:o.jsx(h.Presence,{present:n,animationName:{_open:"slide-from-top, fade-in",_closed:"slide-to-top, fade-out"},animationDuration:"fast",children:e})})});b.displayName="CollapsibleMotion.Content";const N={Root:d,Trigger:u,Content:b};exports.CollapsibleMotion=N;exports.CollapsibleMotionContent=b;exports.CollapsibleMotionRoot=d;exports.CollapsibleMotionTrigger=u;
-//# sourceMappingURL=collapsible-motion-D2LhZm44.cjs.js.map

package/dist/chunks/collapsible-motion-D2LhZm44.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collapsible-motion-D2LhZm44.cjs.js","sources":["../../src/components/collapsible-motion/components/collapsible-motion-context.tsx","../../src/components/collapsible-motion/collapsible-motion.slots.tsx","../../src/components/collapsible-motion/components/collapsible-motion-root.tsx","../../src/components/collapsible-motion/components/collapsible-motion-trigger.tsx","../../src/components/collapsible-motion/components/collapsible-motion-content.tsx","../../src/components/collapsible-motion/collapsible-motion.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CollapsibleMotionContextValue } from \"../collapsible-motion.types\";\n\n/**\n * React Context for sharing CollapsibleMotion state between compound components\n */\nexport const CollapsibleMotionContext = createContext<\n  CollapsibleMotionContextValue | undefined\n>(undefined);\n\n/**\n * Custom hook to consume CollapsibleMotion context\n */\nexport function useCollapsibleMotionContext(): CollapsibleMotionContextValue {\n  const context = useContext(CollapsibleMotionContext);\n\n  if (context === undefined) {\n    throw new Error(\n      \"useCollapsibleMotionContext must be used within a CollapsibleMotion.Root component\"\n    );\n  }\n\n  return context;\n}\n","import {\n  createSlotRecipeContext,\n  type HTMLChakraProps,\n} from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"@/type-utils\";\nimport type { CollapsibleMotionRootSlotProps } from \"./collapsible-motion.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusCollapsibleMotion\",\n});\n\nexport const CollapsibleMotionRootSlot: SlotComponent<\n  HTMLDivElement,\n  CollapsibleMotionRootSlotProps\n> = withProvider<HTMLDivElement, CollapsibleMotionRootSlotProps>(\"div\", \"root\");\n\nexport const CollapsibleMotionTriggerSlot = withContext<\n  HTMLButtonElement,\n  HTMLChakraProps<\"button\">\n>(\"button\", \"trigger\");\n\nexport const CollapsibleMotionContentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"content\");\n","import { useRef, forwardRef } from \"react\";\nimport { useDisclosure } from \"react-aria\";\nimport { useDisclosureState } from \"react-stately\";\nimport { CollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionRootSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionRootProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Root - The root container component that manages state and provides context\n *\n * This component contains all the state management logic and provides context to\n * CollapsibleMotion.Trigger and CollapsibleMotion.Content components.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionRoot: React.ForwardRefExoticComponent<\n  CollapsibleMotionRootProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CollapsibleMotionRootProps>(\n  (\n    {\n      children,\n      defaultExpanded = false,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    // Use React Aria's disclosure state management\n    const disclosureState = useDisclosureState({\n      defaultExpanded,\n      isExpanded: controlledExpanded,\n      onExpandedChange,\n    });\n\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Use React Aria's disclosure hook for ARIA props\n    const { buttonProps, panelProps } = useDisclosure(\n      { isDisabled },\n      disclosureState,\n      panelRef\n    );\n\n    // Context value to provide to child components\n    const contextValue = {\n      isDisabled,\n      isExpanded: disclosureState.isExpanded,\n      buttonProps,\n      panelProps,\n      panelRef,\n    };\n\n    return (\n      <CollapsibleMotionContext.Provider value={contextValue}>\n        <CollapsibleMotionRootSlot ref={forwardedRef} {...props}>\n          {children}\n        </CollapsibleMotionRootSlot>\n      </CollapsibleMotionContext.Provider>\n    );\n  }\n);\n\nCollapsibleMotionRoot.displayName = \"CollapsibleMotion.Root\";\n","import { forwardRef } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionTriggerSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionTriggerProps } from \"../collapsible-motion.types\";\nimport { Button as RaButton, ButtonContext } from \"react-aria-components\";\nimport { chakra } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\n/**\n * CollapsibleMotion.Trigger - The trigger button that toggles the collapsible content\n *\n * This component renders a button with proper ARIA attributes for accessibility.\n * It automatically handles the toggle functionality when clicked.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionTrigger = forwardRef<\n  HTMLButtonElement,\n  CollapsibleMotionTriggerProps\n>(({ children, asChild, ...props }, forwardedRef) => {\n  const { buttonProps, isDisabled } = useCollapsibleMotionContext();\n\n  // Use mergeProps to properly compose event handlers like React Aria does\n  const componentProps = mergeProps(props, buttonProps, {\n    disabled: isDisabled,\n  });\n\n  // If asChild is true, wrap children directly in a button with asChild.\n  // ButtonContext.Provider passes isDisabled through React Aria's context so\n  // Nimbus Button's useButton receives it (the native `disabled` HTML attribute\n  // alone is overwritten by useButton's output in the JSX spread).\n  if (asChild) {\n    return (\n      <ButtonContext.Provider value={{ isDisabled }}>\n        <chakra.button asChild {...componentProps}>\n          {children}\n        </chakra.button>\n      </ButtonContext.Provider>\n    );\n  }\n\n  const [styleProps, restProps] = extractStyleProps(componentProps);\n\n  // Otherwise, wrap with both CollapsibleMotionTriggerSlot and RaButton\n  // Only pass React Aria compatible props to avoid type conflicts\n  return (\n    <CollapsibleMotionTriggerSlot ref={forwardedRef} {...styleProps} asChild>\n      <RaButton {...restProps}>{children}</RaButton>\n    </CollapsibleMotionTriggerSlot>\n  );\n});\n\nCollapsibleMotionTrigger.displayName = \"CollapsibleMotion.Trigger\";\n","import { forwardRef, useRef } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { Presence } from \"@chakra-ui/react/presence\";\nimport { mergeRefs } from \"@/utils\";\nimport { useCollapsibleMotionContext } from \"./collapsible-motion-context\";\nimport { CollapsibleMotionContentSlot } from \"../collapsible-motion.slots\";\nimport type { CollapsibleMotionContentProps } from \"../collapsible-motion.types\";\n\n/**\n * CollapsibleMotion.Content - The collapsible content container\n *\n * This component renders the content that will expand and collapse.\n * It handles accessibility attributes through React Aria.\n *\n * @supportsStyleProps\n */\nexport const CollapsibleMotionContent = forwardRef<\n  HTMLDivElement,\n  CollapsibleMotionContentProps\n>(({ children, ...props }, forwardedRef) => {\n  const { panelProps, isExpanded } = useCollapsibleMotionContext();\n\n  // Create a local ref and merge with forwardedRef (for user)\n  const localRef = useRef<HTMLDivElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n\n  return (\n    <CollapsibleMotionContentSlot ref={ref} {...props} {...panelProps} asChild>\n      <Presence\n        present={isExpanded}\n        animationName={{\n          _open: \"slide-from-top, fade-in\",\n          _closed: \"slide-to-top, fade-out\",\n        }}\n        animationDuration=\"fast\"\n      >\n        {children}\n      </Presence>\n    </CollapsibleMotionContentSlot>\n  );\n});\n\nCollapsibleMotionContent.displayName = \"CollapsibleMotion.Content\";\n","import {\n  CollapsibleMotionRoot,\n  CollapsibleMotionTrigger,\n  CollapsibleMotionContent,\n} from \"./components\";\n\n// Exports for internal use by react-docgen\nexport {\n  CollapsibleMotionRoot as _CollapsibleMotionRoot,\n  CollapsibleMotionTrigger as _CollapsibleMotionTrigger,\n  CollapsibleMotionContent as _CollapsibleMotionContent,\n};\n\ntype CollapsibleMotionNamespace = {\n  Root: typeof CollapsibleMotionRoot;\n  Trigger: typeof CollapsibleMotionTrigger;\n  Content: typeof CollapsibleMotionContent;\n};\n\nexport const CollapsibleMotion: CollapsibleMotionNamespace = {\n  /**\n   * # CollapsibleMotion.Root\n   *\n   * The root container component that manages state and provides context.\n   * Handles both controlled and uncontrolled modes for expanded/collapsed state.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Root defaultExpanded={false}>\n   *   <CollapsibleMotion.Trigger>Toggle</CollapsibleMotion.Trigger>\n   *   <CollapsibleMotion.Content>Content here</CollapsibleMotion.Content>\n   * </CollapsibleMotion.Root>\n   * ```\n   */\n  Root: CollapsibleMotionRoot,\n\n  /**\n   * # CollapsibleMotion.Trigger\n   *\n   * The trigger button that toggles the collapsible content.\n   * Handles keyboard and mouse interactions with proper ARIA attributes.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Trigger>\n   *   Click to expand\n   * </CollapsibleMotion.Trigger>\n   * ```\n   */\n  Trigger: CollapsibleMotionTrigger,\n\n  /**\n   * # CollapsibleMotion.Content\n   *\n   * The collapsible content container with smooth expand/collapse animations.\n   * Automatically handles ARIA attributes for accessibility.\n   *\n   * @example\n   * ```tsx\n   * <CollapsibleMotion.Content>\n   *   <Text>Your collapsible content</Text>\n   * </CollapsibleMotion.Content>\n   * ```\n   */\n  Content: CollapsibleMotionContent,\n};\n"],"names":["CollapsibleMotionContext","createContext","useCollapsibleMotionContext","context","useContext","withProvider","withContext","createSlotRecipeContext","CollapsibleMotionRootSlot","CollapsibleMotionTriggerSlot","CollapsibleMotionContentSlot","CollapsibleMotionRoot","forwardRef","children","defaultExpanded","controlledExpanded","onExpandedChange","isDisabled","props","forwardedRef","disclosureState","useDisclosureState","panelRef","useRef","buttonProps","panelProps","useDisclosure","contextValue","jsx","CollapsibleMotionTrigger","asChild","componentProps","mergeProps","ButtonContext","chakra","styleProps","restProps","extractStyleProps","RaButton","CollapsibleMotionContent","isExpanded","localRef","ref","useObjectRef","mergeRefs","Presence","CollapsibleMotion"],"mappings":"maAMaA,EAA2BC,EAAAA,cAEtC,MAAS,EAKJ,SAASC,GAA6D,CAC3E,MAAMC,EAAUC,EAAAA,WAAWJ,CAAwB,EAEnD,GAAIG,IAAY,OACd,MAAM,IAAI,MACR,oFAAA,EAIJ,OAAOA,CACT,CChBA,KAAM,CAAE,aAAAE,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,IAAK,yBACP,CAAC,EAEYC,EAGTH,EAA6D,MAAO,MAAM,EAEjEI,EAA+BH,EAG1C,SAAU,SAAS,EAERI,EAA+BJ,EAG1C,MAAO,SAAS,ECTLK,EAETC,EAAAA,WACF,CACE,CACE,SAAAC,EACA,gBAAAC,EAAkB,GAClB,WAAYC,EACZ,iBAAAC,EACA,WAAAC,EAAa,GACb,GAAGC,CAAA,EAELC,IACG,CAEH,MAAMC,EAAkBC,EAAAA,0CAAmB,CACzC,gBAAAP,EACA,WAAYC,EACZ,iBAAAC,CAAA,CACD,EAEKM,EAAWC,EAAAA,OAAuB,IAAI,EAGtC,CAAE,YAAAC,EAAa,WAAAC,CAAA,EAAeC,EAAAA,0CAClC,CAAE,WAAAT,CAAA,EACFG,EACAE,CAAA,EAIIK,EAAe,CACnB,WAAAV,EACA,WAAYG,EAAgB,WAC5B,YAAAI,EACA,WAAAC,EACA,SAAAH,CAAA,EAGF,OACEM,EAAAA,IAAC5B,EAAyB,SAAzB,CAAkC,MAAO2B,EACxC,SAAAC,EAAAA,IAACpB,EAAA,CAA0B,IAAKW,EAAe,GAAGD,EAC/C,SAAAL,EACH,EACF,CAEJ,CACF,EAEAF,EAAsB,YAAc,yBChD7B,MAAMkB,EAA2BjB,EAAAA,WAGtC,CAAC,CAAE,SAAAC,EAAU,QAAAiB,EAAS,GAAGZ,CAAA,EAASC,IAAiB,CACnD,KAAM,CAAE,YAAAK,EAAa,WAAAP,CAAA,EAAef,EAAA,EAG9B6B,EAAiBC,EAAAA,0CAAWd,EAAOM,EAAa,CACpD,SAAUP,CAAA,CACX,EAMD,GAAIa,EACF,aACGG,EAAAA,0CAAc,SAAd,CAAuB,MAAO,CAAE,WAAAhB,CAAA,EAC/B,SAAAW,EAAAA,IAACM,EAAAA,OAAO,OAAP,CAAc,QAAO,GAAE,GAAGH,EACxB,SAAAlB,EACH,EACF,EAIJ,KAAM,CAACsB,EAAYC,CAAS,EAAIC,EAAAA,kBAAkBN,CAAc,EAIhE,OACEH,EAAAA,IAACnB,EAAA,CAA6B,IAAKU,EAAe,GAAGgB,EAAY,QAAO,GACtE,SAAAP,EAAAA,IAACU,4CAAA,CAAU,GAAGF,EAAY,SAAAvB,EAAS,EACrC,CAEJ,CAAC,EAEDgB,EAAyB,YAAc,4BCpChC,MAAMU,EAA2B3B,EAAAA,WAGtC,CAAC,CAAE,SAAAC,EAAU,GAAGK,CAAA,EAASC,IAAiB,CAC1C,KAAM,CAAE,WAAAM,EAAY,WAAAe,CAAA,EAAetC,EAAA,EAG7BuC,EAAWlB,EAAAA,OAAuB,IAAI,EACtCmB,EAAMC,EAAAA,0CAAaC,EAAAA,UAAUH,EAAUtB,CAAY,CAAC,EAE1D,OACES,MAAClB,GAA6B,IAAAgC,EAAW,GAAGxB,EAAQ,GAAGO,EAAY,QAAO,GACxE,SAAAG,EAAAA,IAACiB,EAAAA,SAAA,CACC,QAASL,EACT,cAAe,CACb,MAAO,0BACP,QAAS,wBAAA,EAEX,kBAAkB,OAEjB,SAAA3B,CAAA,CAAA,EAEL,CAEJ,CAAC,EAED0B,EAAyB,YAAc,4BCvBhC,MAAMO,EAAgD,CAe3D,KAAMnC,EAeN,QAASkB,EAeT,QAASU,CACX"}