@erquhart/heroui-native 1.0.0-beta.10.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 NextUI Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,109 @@
+<p align="center">
+  <a href="https://heroui.com">
+      <img width="100%" src="https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/images/heroui-native-repo-2.png" alt="heroui" />
+  </a>
+</p>
+<p align="center">
+  <a href="https://github.com/heroui-inc/heroui-native/blob/beta/LICENSE">
+    <img src="https://img.shields.io/npm/l/@heroui/react?style=flat" alt="License">
+  </a>
+  <a href="https://www.npmjs.com/package/heroui-native">
+    <img src="https://img.shields.io/npm/dm/heroui-native.svg?style=flat-round" alt="npm downloads">
+  </a>
+</p>
+
+<p align="center">
+  Beautiful, fast and modern React Native UI library
+</p>
+
+<p align="center">
+  v1.0.0-beta.10
+</p>
+
+## Getting Started
+
+Visit <a aria-label="heroui learn" href="https://v3.heroui.com/docs/native/getting-started/quick-start">https://v3.heroui.com/docs/native/getting-started/quick-start</a> to get started with HeroUI Native.
+
+## Documentation
+
+Visit [https://v3.heroui.com/docs/native/getting-started](https://v3.heroui.com/docs/native/getting-started) to view the full documentation.
+
+## Preview App
+
+Experience HeroUI Native components in action with our preview app! You can explore all components and their variants directly on your device.
+
+### Prerequisites
+
+Make sure you have the latest version of [Expo Go](https://expo.dev/go) installed on your mobile device
+
+### How to Access
+
+Choose one of the following methods to access the preview app:
+
+#### Option 1: Scan the QR Code
+
+Use your device's camera or Expo Go app to scan:
+
+<p align="center">
+  <img width="25%" src="https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/images/qr-code-native.png" alt="Expo Go QR Code" />
+</p>
+
+> **Note for Android users:** If scanning the QR code with your device's camera or other scanner apps redirects to a browser and shows a 404 error, open Expo Go first and use its built-in QR scanner instead.
+
+#### Option 2: Click the Link
+
+**[📱 Open Demo App in Expo Go](https://link.heroui.com/native-demo)**
+
+This will automatically open the app in Expo Go if it's installed on your device.
+
+## Quick Start with Example App
+
+Want to start building with HeroUI Native immediately? We provide a standalone example app that's fully configured and ready to use:
+
+**[🚀 HeroUI Native Example App](https://github.com/heroui-inc/heroui-native-example)**
+
+This repository contains a pre-configured React Native app with HeroUI Native already set up, including:
+
+- All necessary dependencies installed
+- Uniwind configuration ready
+- Example components showcasing best practices
+- Perfect for quickly prototyping or starting a new project
+
+Simply clone, install, and start building!
+
+## Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md) for a history of changes to this library.
+
+## Roadmap
+
+See [Roadmap](https://herouinative.featurebase.app/roadmap) to see what we're working on.
+
+## Community
+
+We're excited to see the community adopt HeroUI, raise issues, and provide feedback.
+Whether it's a feature request, bug report, or a project to showcase, please get involved!
+
+- [Discord](https://discord.gg/9b6yyZKmH4)
+- [X](https://x.com/hero_ui)
+- [GitHub Discussions](https://github.com/heroui-inc/heroui/discussions)
+
+## Contributing
+
+Contributions are always welcome! We appreciate your help in making HeroUI Native better.
+
+### How to Contribute
+
+- **Bug Fixes**: Check our [GitHub Issues](https://github.com/heroui-inc/heroui-native/issues) for bugs that need fixing
+- **New Components**: Only core team can add new components. Check our [Roadmap](https://herouinative.featurebase.app/roadmap) to see what's planned
+- **Feature Proposals**: Start a discussion in [GitHub Discussions](https://github.com/heroui-inc/heroui/discussions) before implementing
+
+**Important:** Please do not add new components or variants, change existing designs, or modify component behavior without prior discussion. We follow a strict design system based on our Figma designs and roadmap.
+
+For detailed guidelines, see [CONTRIBUTING.md](https://github.com/heroui-inc/heroui-native/blob/main/CONTRIBUTING.md).
+
+Please adhere to this project's [CODE_OF_CONDUCT](https://github.com/heroui-inc/heroui-native/blob/main/CODE_OF_CONDUCT.md).
+
+## License
+
+[MIT](./LICENSE)

package/lib/module/components/accordion/accordion.animation.js

@@ -0,0 +1,145 @@
+"use strict";
+
+import { useEffect } from 'react';
+import { interpolate, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { useAnimationSettings } from "../../helpers/contexts/index.js";
+import { useCombinedAnimationDisabledState } from "../../helpers/hooks/index.js";
+import { createContext } from "../../helpers/utils/index.js";
+import { getAnimationState, getAnimationValueMergedConfig, getAnimationValueProperty, getIsAnimationDisabledValue, getRootAnimationState } from "../../helpers/utils/animation.js";
+import { ACCORDION_LAYOUT_TRANSITION, DEFAULT_CONTENT_ENTERING, DEFAULT_CONTENT_EXITING, INDICATOR_SPRING_CONFIG } from "./accordion.constants.js";
+const [AccordionAnimationProvider, useAccordionAnimation] = createContext({
+  name: 'AccordionAnimationContext'
+});
+export { AccordionAnimationProvider, useAccordionAnimation };
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for Accordion root component
+ * Handles layout transition configuration and provides context for child components
+ */
+export function useAccordionRootAnimation(options) {
+  const {
+    animation
+  } = options;
+  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getRootAnimationState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Layout transition animation
+  const layoutTransitionValue = getAnimationValueProperty({
+    animationValue: animationConfig?.layout,
+    property: 'value',
+    defaultValue: ACCORDION_LAYOUT_TRANSITION
+  });
+  return {
+    layoutTransition: isAnimationDisabledValue ? undefined : layoutTransitionValue,
+    isAllAnimationsDisabled
+  };
+}
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for Accordion Indicator component
+ * Handles rotation animation for the chevron icon
+ */
+export function useAccordionIndicatorAnimation(options) {
+  const {
+    animation,
+    isExpanded
+  } = options;
+
+  // Read from global animation context (always available in compound parts)
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getAnimationState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Rotation animation values
+  const rotationValue = getAnimationValueProperty({
+    animationValue: animationConfig?.rotation,
+    property: 'value',
+    defaultValue: [0, -180]
+  });
+  const rotationSpringConfig = getAnimationValueMergedConfig({
+    animationValue: animationConfig?.rotation,
+    property: 'springConfig',
+    defaultValue: INDICATOR_SPRING_CONFIG
+  });
+  const rotation = useSharedValue(0);
+  useEffect(() => {
+    if (isAnimationDisabledValue) {
+      rotation.set(isExpanded ? 1 : 0);
+    } else {
+      rotation.set(withSpring(isExpanded ? 1 : 0, rotationSpringConfig));
+    }
+  }, [isExpanded, isAnimationDisabledValue, rotation, rotationSpringConfig]);
+  const rContainerStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        rotate: interpolate(rotation.get(), [0, 1], [rotationValue[0], rotationValue[1]]) + 'deg'
+      }]
+    };
+  });
+  return {
+    rContainerStyle
+  };
+}
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for Accordion Content component
+ * Handles entering and exiting animations
+ */
+export function useAccordionContentAnimation(options) {
+  const {
+    animation
+  } = options;
+
+  // Read from global animation context (always available in compound parts)
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getAnimationState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Entering animation
+  const enteringValue = getAnimationValueProperty({
+    animationValue: animationConfig?.entering,
+    property: 'value',
+    defaultValue: DEFAULT_CONTENT_ENTERING
+  });
+
+  // Exiting animation
+  const exitingValue = getAnimationValueProperty({
+    animationValue: animationConfig?.exiting,
+    property: 'value',
+    defaultValue: DEFAULT_CONTENT_EXITING
+  });
+  return {
+    entering: isAnimationDisabledValue ? undefined : enteringValue,
+    exiting: isAnimationDisabledValue ? undefined : exitingValue
+  };
+}
+//# sourceMappingURL=accordion.animation.js.map

package/lib/module/components/accordion/accordion.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","interpolate","useAnimatedStyle","useSharedValue","withSpring","useAnimationSettings","useCombinedAnimationDisabledState","createContext","getAnimationState","getAnimationValueMergedConfig","getAnimationValueProperty","getIsAnimationDisabledValue","getRootAnimationState","ACCORDION_LAYOUT_TRANSITION","DEFAULT_CONTENT_ENTERING","DEFAULT_CONTENT_EXITING","INDICATOR_SPRING_CONFIG","AccordionAnimationProvider","useAccordionAnimation","name","useAccordionRootAnimation","options","animation","isAllAnimationsDisabled","animationConfig","isAnimationDisabled","isAnimationDisabledValue","layoutTransitionValue","animationValue","layout","property","defaultValue","layoutTransition","undefined","useAccordionIndicatorAnimation","isExpanded","rotationValue","rotation","rotationSpringConfig","set","rContainerStyle","transform","rotate","get","useAccordionContentAnimation","enteringValue","entering","exitingValue","exiting"],"sourceRoot":"../../../../src","sources":["components/accordion/accordion.animation.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/accordion/accordion.constants.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { Easing, FadeIn, FadeOut, LinearTransition } from 'react-native-reanimated';
+
+/**
+ * Display names for Accordion components
+ */
+export const DISPLAY_NAME = {
+  ROOT: 'HeroUINative.Accordion.Root',
+  ITEM: 'HeroUINative.Accordion.Item',
+  TRIGGER: 'HeroUINative.Accordion.Trigger',
+  INDICATOR: 'HeroUINative.Accordion.Indicator',
+  CONTENT: 'HeroUINative.Accordion.Content',
+  CHEVRON_DOWN_ICON: 'HeroUINative.Accordion.ChevronDownIcon'
+};
+
+/**
+ * Default layout transition for accordion animations
+ */
+export const ACCORDION_LAYOUT_TRANSITION = LinearTransition.springify().damping(140).stiffness(1600).mass(4);
+
+/**
+ * Default icon size for the indicator
+ */
+export const DEFAULT_ICON_SIZE = 16;
+
+/**
+ * Rotation values for indicator animation
+ */
+export const INDICATOR_ROTATION = {
+  COLLAPSED: '0deg',
+  EXPANDED: '180deg'
+};
+
+/**
+ * Spring configuration for indicator animation
+ */
+export const INDICATOR_SPRING_CONFIG = {
+  damping: 140,
+  stiffness: 1000,
+  mass: 4
+};
+
+/**
+ * Default entering animation for accordion content
+ */
+export const DEFAULT_CONTENT_ENTERING = FadeIn.duration(200).easing(Easing.out(Easing.ease));
+
+/**
+ * Default exiting animation for accordion content
+ */
+export const DEFAULT_CONTENT_EXITING = FadeOut.duration(200).easing(Easing.in(Easing.ease));
+//# sourceMappingURL=accordion.constants.js.map

package/lib/module/components/accordion/accordion.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Easing","FadeIn","FadeOut","LinearTransition","DISPLAY_NAME","ROOT","ITEM","TRIGGER","INDICATOR","CONTENT","CHEVRON_DOWN_ICON","ACCORDION_LAYOUT_TRANSITION","springify","damping","stiffness","mass","DEFAULT_ICON_SIZE","INDICATOR_ROTATION","COLLAPSED","EXPANDED","INDICATOR_SPRING_CONFIG","DEFAULT_CONTENT_ENTERING","duration","easing","out","ease","DEFAULT_CONTENT_EXITING","in"],"sourceRoot":"../../../../src","sources":["components/accordion/accordion.constants.ts"],"mappings":";;AAAA,SACEA,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,gBAAgB,QACX,yBAAyB;;AAEhC;AACA;AACA;AACA,OAAO,MAAMC,YAAY,GAAG;EAC1BC,IAAI,EAAE,6BAA6B;EACnCC,IAAI,EAAE,6BAA6B;EACnCC,OAAO,EAAE,gCAAgC;EACzCC,SAAS,EAAE,kCAAkC;EAC7CC,OAAO,EAAE,gCAAgC;EACzCC,iBAAiB,EAAE;AACrB,CAAU;;AAEV;AACA;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGR,gBAAgB,CAACS,SAAS,CAAC,CAAC,CACpEC,OAAO,CAAC,GAAG,CAAC,CACZC,SAAS,CAAC,IAAI,CAAC,CACfC,IAAI,CAAC,CAAC,CAAC;;AAEV;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAG,EAAE;;AAEnC;AACA;AACA;AACA,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,SAAS,EAAE,MAAM;EACjBC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAG;EACrCP,OAAO,EAAE,GAAG;EACZC,SAAS,EAAE,IAAI;EACfC,IAAI,EAAE;AACR,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMM,wBAAwB,GAAGpB,MAAM,CAACqB,QAAQ,CAAC,GAAG,CAAC,CAACC,MAAM,CACjEvB,MAAM,CAACwB,GAAG,CAACxB,MAAM,CAACyB,IAAI,CACxB,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,uBAAuB,GAAGxB,OAAO,CAACoB,QAAQ,CAAC,GAAG,CAAC,CAACC,MAAM,CACjEvB,MAAM,CAAC2B,EAAE,CAAC3B,MAAM,CAACyB,IAAI,CACvB,CAAC","ignoreList":[]}

package/lib/module/components/accordion/accordion.js

@@ -0,0 +1,288 @@
+"use strict";
+
+import { Children, forwardRef, useMemo } from 'react';
+import Animated from 'react-native-reanimated';
+import { AnimationSettingsProvider } from "../../helpers/contexts/animation-settings-context.js";
+import { useThemeColor } from "../../helpers/theme/hooks/use-theme-color.js";
+import { createContext } from "../../helpers/utils/index.js";
+import * as AccordionPrimitive from "../../primitives/accordion/index.js";
+import { AccordionAnimationProvider, useAccordionAnimation, useAccordionContentAnimation, useAccordionIndicatorAnimation, useAccordionRootAnimation } from "./accordion.animation.js";
+import { DEFAULT_ICON_SIZE, DISPLAY_NAME } from "./accordion.constants.js";
+import accordionStyles, { styleSheet } from "./accordion.styles.js";
+import { ChevronDownIcon } from "./chevron-down-icon.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedRootView = Animated.createAnimatedComponent(AccordionPrimitive.Root);
+const AnimatedItemView = Animated.createAnimatedComponent(AccordionPrimitive.Item);
+const AnimatedIndicator = Animated.createAnimatedComponent(AccordionPrimitive.Indicator);
+
+// ------------------------------------------------------------------------------
+
+const [AccordionInnerProvider, useAccordionInnerContext] = createContext({
+  name: 'AccordionInnerContext'
+});
+const useAccordion = AccordionPrimitive.useRootContext;
+const useAccordionItem = AccordionPrimitive.useItemContext;
+
+// ------------------------------------------------------------------------------
+
+const Root = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    variant = 'default',
+    isDividerVisible = true,
+    className,
+    classNames,
+    style,
+    animation,
+    ...restProps
+  } = props;
+  const {
+    container,
+    divider
+  } = accordionStyles.root({
+    variant
+  });
+  const containerStyles = container({
+    className: [className, classNames?.container]
+  });
+  const dividerStyles = divider({
+    className: classNames?.divider
+  });
+  const {
+    layoutTransition,
+    isAllAnimationsDisabled
+  } = useAccordionRootAnimation({
+    animation
+  });
+  const contextValue = useMemo(() => ({
+    variant
+  }), [variant]);
+  const animationSettingsContextValue = useMemo(() => ({
+    isAllAnimationsDisabled
+  }), [isAllAnimationsDisabled]);
+  const animationContextValue = useMemo(() => ({
+    layoutTransition
+  }), [layoutTransition]);
+  return /*#__PURE__*/_jsx(AnimationSettingsProvider, {
+    value: animationSettingsContextValue,
+    children: /*#__PURE__*/_jsx(AccordionAnimationProvider, {
+      value: animationContextValue,
+      children: /*#__PURE__*/_jsx(AccordionInnerProvider, {
+        value: contextValue,
+        children: /*#__PURE__*/_jsx(AnimatedRootView, {
+          ref: ref,
+          className: containerStyles,
+          style: [styleSheet.root, style],
+          layout: layoutTransition,
+          ...restProps,
+          children: Children.map(children, (child, index) => /*#__PURE__*/_jsxs(_Fragment, {
+            children: [child, isDividerVisible && index < Children.count(children) - 1 && /*#__PURE__*/_jsx(Animated.View, {
+              className: dividerStyles,
+              layout: layoutTransition
+            })]
+          }))
+        })
+      })
+    })
+  });
+});
+
+// ------------------------------------------------------------------------------
+
+const Item = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    value,
+    layout: layoutProp,
+    className,
+    isDisabled: isDisabledProp,
+    ...restProps
+  } = props;
+  const tvStyles = accordionStyles.item({
+    className
+  });
+  const {
+    layoutTransition
+  } = useAccordionAnimation();
+  const {
+    value: rootValue
+  } = useAccordion();
+  const itemValue = value;
+  const isExpanded = Array.isArray(rootValue) ? rootValue.includes(itemValue) : rootValue === itemValue;
+  const renderProps = useMemo(() => ({
+    isExpanded,
+    value: itemValue
+  }), [isExpanded, itemValue]);
+  const content = typeof children === 'function' ? children(renderProps) : children;
+  return /*#__PURE__*/_jsx(AnimatedItemView, {
+    ref: ref,
+    layout: layoutProp || layoutTransition,
+    value: value,
+    className: tvStyles,
+    isDisabled: isDisabledProp,
+    ...restProps,
+    children: content
+  });
+});
+
+// ------------------------------------------------------------------------------
+
+const Trigger = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    ...restProps
+  } = props;
+  const {
+    variant
+  } = useAccordionInnerContext();
+  const tvStyles = accordionStyles.trigger({
+    variant,
+    className
+  });
+  return /*#__PURE__*/_jsx(AccordionPrimitive.Header, {
+    children: /*#__PURE__*/_jsx(AccordionPrimitive.Trigger, {
+      ref: ref,
+      className: tvStyles,
+      ...restProps,
+      children: children
+    })
+  });
+});
+
+// ------------------------------------------------------------------------------
+
+const Indicator = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    iconProps,
+    animation,
+    isAnimatedStyleActive = true,
+    style,
+    ...restProps
+  } = props;
+  const {
+    isExpanded
+  } = useAccordionItem();
+  const themeColorForeground = useThemeColor('foreground');
+  const indicatorClassName = accordionStyles.indicator({
+    className
+  });
+  const {
+    rContainerStyle
+  } = useAccordionIndicatorAnimation({
+    animation,
+    isExpanded
+  });
+  const indicatorStyle = isAnimatedStyleActive ? [rContainerStyle, style] : style;
+  if (children) {
+    return /*#__PURE__*/_jsx(AnimatedIndicator, {
+      ref: ref,
+      className: indicatorClassName,
+      style: style,
+      ...restProps,
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(AnimatedIndicator, {
+    ref: ref,
+    className: indicatorClassName,
+    style: indicatorStyle,
+    ...restProps,
+    children: /*#__PURE__*/_jsx(ChevronDownIcon, {
+      size: iconProps?.size ?? DEFAULT_ICON_SIZE,
+      color: iconProps?.color ?? themeColorForeground
+    })
+  });
+});
+
+// ------------------------------------------------------------------------------
+
+const Content = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    className,
+    animation,
+    ...restProps
+  } = props;
+  const {
+    variant
+  } = useAccordionInnerContext();
+  const {
+    isExpanded
+  } = useAccordionItem();
+  const tvStyles = accordionStyles.content({
+    variant,
+    className
+  });
+  const {
+    entering: animatedEntering,
+    exiting: animatedExiting
+  } = useAccordionContentAnimation({
+    animation
+  });
+  if (!isExpanded) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    entering: animatedEntering,
+    exiting: animatedExiting,
+    children: /*#__PURE__*/_jsx(AccordionPrimitive.Content, {
+      ref: ref,
+      className: tvStyles,
+      ...restProps,
+      children: children
+    })
+  });
+});
+
+// ------------------------------------------------------------------------------
+
+Root.displayName = DISPLAY_NAME.ROOT;
+Item.displayName = DISPLAY_NAME.ITEM;
+Trigger.displayName = DISPLAY_NAME.TRIGGER;
+Indicator.displayName = DISPLAY_NAME.INDICATOR;
+Content.displayName = DISPLAY_NAME.CONTENT;
+
+/**
+ * Compound Accordion component with sub-components
+ *
+ * @component Accordion - Main container that manages the accordion state and behavior.
+ * Controls expansion/collapse of items, supports single or multiple selection modes,
+ * and provides variant styling (default or surface).
+ *
+ * @component Accordion.Item - Container for individual accordion items.
+ * Wraps the trigger and content, managing the expanded state for each item.
+ * Supports render function children that receive expansion state.
+ *
+ * @component Accordion.Trigger - Interactive element that toggles item expansion.
+ * Built on Header and Trigger primitives.
+ *
+ * @component Accordion.Indicator - Optional visual indicator showing expansion state.
+ * Defaults to an animated chevron icon that rotates based on item state.
+ * Supports custom animation configuration.
+ *
+ * @component Accordion.Content - Container for expandable content.
+ * Animated with layout transitions for smooth expand/collapse effects.
+ * Supports custom entering and exiting animations.
+ *
+ * Props flow from Accordion to sub-components via context (variant).
+ * Animation state flows via AccordionAnimationProvider.
+ * Item expansion state is managed by the primitive accordion context.
+ *
+ * @see Full documentation: https://heroui.com/components/accordion
+ */
+const CompoundAccordion = Object.assign(Root, {
+  /** @required Container for individual accordion items */
+  Item,
+  /** @required Interactive trigger element */
+  Trigger,
+  /** @optional Visual indicator showing expansion state (defaults to chevron) */
+  Indicator,
+  /** @required Container for expandable content with animations */
+  Content
+});
+export default CompoundAccordion;
+export { useAccordion, useAccordionItem };
+//# sourceMappingURL=accordion.js.map

package/lib/module/components/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","forwardRef","useMemo","Animated","AnimationSettingsProvider","useThemeColor","createContext","AccordionPrimitive","AccordionAnimationProvider","useAccordionAnimation","useAccordionContentAnimation","useAccordionIndicatorAnimation","useAccordionRootAnimation","DEFAULT_ICON_SIZE","DISPLAY_NAME","accordionStyles","styleSheet","ChevronDownIcon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AnimatedRootView","createAnimatedComponent","Root","AnimatedItemView","Item","AnimatedIndicator","Indicator","AccordionInnerProvider","useAccordionInnerContext","name","useAccordion","useRootContext","useAccordionItem","useItemContext","props","ref","children","variant","isDividerVisible","className","classNames","style","animation","restProps","container","divider","root","containerStyles","dividerStyles","layoutTransition","isAllAnimationsDisabled","contextValue","animationSettingsContextValue","animationContextValue","value","layout","map","child","index","count","View","layoutProp","isDisabled","isDisabledProp","tvStyles","item","rootValue","itemValue","isExpanded","Array","isArray","includes","renderProps","content","Trigger","trigger","Header","iconProps","isAnimatedStyleActive","themeColorForeground","indicatorClassName","indicator","rContainerStyle","indicatorStyle","size","color","Content","entering","animatedEntering","exiting","animatedExiting","displayName","ROOT","ITEM","TRIGGER","INDICATOR","CONTENT","CompoundAccordion","Object","assign"],"sourceRoot":"../../../../src","sources":["components/accordion/accordion.tsx"],"mappings":"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","ignoreList":[]}