@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/module/styles/variables.css

@@ -0,0 +1,113 @@
+@theme {
+  /* Primitive Colors (Do not change between light and dark) */
+  --white: oklch(100% 0 0);
+  --black: oklch(0% 0 0);
+  --snow: oklch(0.9911 0 0);
+  --eclipse: oklch(0.2103 0.0059 285.89);
+
+  /* Base radius */
+  --radius: 0.5rem;
+
+  /* Opacity */
+  --opacity-disabled: 0.5;
+}
+
+@layer theme {
+  :root {
+    @variant light {
+      /* Base Colors */
+      --background: oklch(0.9702 0 0);
+      --foreground: var(--eclipse);
+
+      /* Surface: Used for non-overlay components (cards, accordions, disclosure groups) */
+      --surface: var(--white);
+      --surface-foreground: var(--foreground);
+
+      /* Overlay: Used for floating/overlay components (dialogs, popovers, modals, menus) */
+      --overlay: var(--white);
+      --overlay-foreground: var(--foreground);
+
+      --muted: oklch(55.2% 0.016 285.938);
+
+      --default: oklch(94% 0.001 286.375);
+      --default-foreground: var(--eclipse);
+
+      --accent: oklch(0.6204 0.195 253.83);
+      --accent-foreground: var(--snow);
+
+      /* Form Field Defaults - Colors */
+      --field-background: var(--white);
+      --field-foreground: oklch(0.2103 0.0059 285.89);
+      --field-placeholder: var(--muted);
+      --field-border: transparent; /* no border by default on form fields */
+
+      /* Status Colors */
+      --success: oklch(0.7329 0.1935 150.81);
+      --success-foreground: var(--eclipse);
+
+      --warning: oklch(0.7819 0.1585 72.33);
+      --warning-foreground: var(--eclipse);
+
+      --danger: oklch(0.6532 0.2328 25.74);
+      --danger-foreground: var(--snow);
+
+      /* Component Colors */
+      --segment: var(--white);
+      --segment-foreground: var(--eclipse);
+
+      /* Misc Colors */
+      --border: oklch(0 0 0 / 0%);
+      --divider: oklch(72% 0.004 286.32);
+      --link: var(--foreground);
+    }
+
+    @variant dark {
+      /* Base Colors */
+      --background: var(--black);
+      --foreground: var(--snow);
+
+      /* Surface: Used for non-overlay components (cards, accordions, disclosure groups) */
+      --surface: oklch(0.2103 0.0059 285.89);
+      --surface-foreground: var(--foreground);
+
+      /* Overlay: Used for floating/overlay components (dialogs, popovers, modals, menus) - lighter for contrast */
+      --overlay: oklch(
+        0.2563 0.0058 271.19
+      ); /* Lighter than surface for visibility in dark mode */
+      --overlay-foreground: var(--foreground);
+
+      --muted: oklch(70.5% 0.015 286.067);
+
+      --default: oklch(27.4% 0.006 286.033);
+      --default-foreground: var(--snow);
+
+      --accent: oklch(0.6204 0.195 253.83);
+      --accent-foreground: var(--snow);
+
+      /* Form Field Defaults - Colors (only the ones that are different from light theme) */
+      --field-background: var(--default);
+      --field-foreground: var(--foreground);
+      --field-placeholder: var(--muted);
+      --field-border: transparent; /* no border by default on form fields */
+
+      /* Status Colors */
+      --success: oklch(0.7329 0.1935 150.81);
+      --success-foreground: var(--eclipse);
+
+      --warning: oklch(0.8203 0.1388 76.34);
+      --warning-foreground: var(--eclipse);
+
+      --danger: oklch(0.594 0.1967 24.63);
+      --danger-foreground: var(--snow);
+
+      /* Component Colors */
+      --segment: oklch(0.3964 0.01 285.93);
+      --segment-foreground: var(--foreground);
+
+      /* Misc Colors */
+      --border: oklch(1 0 0 / 0%);
+      --divider: oklch(38% 0.006 286.033);
+      --link: var(--foreground);
+    }
+  }
+}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/components/accordion/accordion.animation.d.ts

@@ -0,0 +1,38 @@
+import type { AccordionAnimationContextValue, AccordionContentAnimation, AccordionIndicatorAnimation, AccordionRootAnimation } from './accordion.types';
+declare const AccordionAnimationProvider: import("react").Provider<AccordionAnimationContextValue>, useAccordionAnimation: () => AccordionAnimationContextValue;
+export { AccordionAnimationProvider, useAccordionAnimation };
+/**
+ * Animation hook for Accordion root component
+ * Handles layout transition configuration and provides context for child components
+ */
+export declare function useAccordionRootAnimation(options: {
+    animation: AccordionRootAnimation | undefined;
+}): {
+    layoutTransition: NonNullable<import("../../helpers/types").LayoutTransition> | undefined;
+    isAllAnimationsDisabled: boolean;
+};
+/**
+ * Animation hook for Accordion Indicator component
+ * Handles rotation animation for the chevron icon
+ */
+export declare function useAccordionIndicatorAnimation(options: {
+    animation: AccordionIndicatorAnimation | undefined;
+    isExpanded: boolean;
+}): {
+    rContainerStyle: {
+        transform: {
+            rotate: string;
+        }[];
+    };
+};
+/**
+ * Animation hook for Accordion Content component
+ * Handles entering and exiting animations
+ */
+export declare function useAccordionContentAnimation(options: {
+    animation: AccordionContentAnimation | undefined;
+}): {
+    entering: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+    exiting: import("react-native-reanimated").BaseAnimationBuilder | ((targetValues: import("react-native-reanimated").EntryAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | ((targetValues: import("react-native-reanimated").ExitAnimationsValues) => import("react-native-reanimated").LayoutAnimation) | import("react-native-reanimated").ReanimatedKeyframe | undefined;
+};
+//# sourceMappingURL=accordion.animation.d.ts.map

package/lib/typescript/src/components/accordion/accordion.animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.animation.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/accordion.animation.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EACV,8BAA8B,EAC9B,yBAAyB,EACzB,2BAA2B,EAC3B,sBAAsB,EACvB,MAAM,mBAAmB,CAAC;AAE3B,QAAA,MAAO,0BAA0B,4DAAE,qBAAqB,sCAGpD,CAAC;AAEL,OAAO,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,CAAC;AAI7D;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,OAAO,EAAE;IACjD,SAAS,EAAE,sBAAsB,GAAG,SAAS,CAAC;CAC/C;;;EA0BA;AAID;;;GAGG;AACH,wBAAgB,8BAA8B,CAAC,OAAO,EAAE;IACtD,SAAS,EAAE,2BAA2B,GAAG,SAAS,CAAC;IACnD,UAAU,EAAE,OAAO,CAAC;CACrB;;;;;;EAsDA;AAID;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,OAAO,EAAE;IACpD,SAAS,EAAE,yBAAyB,GAAG,SAAS,CAAC;CAClD;;;EA+BA"}

package/lib/typescript/src/components/accordion/accordion.constants.d.ts

@@ -0,0 +1,44 @@
+import { FadeIn, FadeOut } from 'react-native-reanimated';
+/**
+ * Display names for Accordion components
+ */
+export declare const DISPLAY_NAME: {
+    readonly ROOT: "HeroUINative.Accordion.Root";
+    readonly ITEM: "HeroUINative.Accordion.Item";
+    readonly TRIGGER: "HeroUINative.Accordion.Trigger";
+    readonly INDICATOR: "HeroUINative.Accordion.Indicator";
+    readonly CONTENT: "HeroUINative.Accordion.Content";
+    readonly CHEVRON_DOWN_ICON: "HeroUINative.Accordion.ChevronDownIcon";
+};
+/**
+ * Default layout transition for accordion animations
+ */
+export declare const ACCORDION_LAYOUT_TRANSITION: import("react-native-reanimated").ComplexAnimationBuilder;
+/**
+ * Default icon size for the indicator
+ */
+export declare const DEFAULT_ICON_SIZE = 16;
+/**
+ * Rotation values for indicator animation
+ */
+export declare const INDICATOR_ROTATION: {
+    COLLAPSED: string;
+    EXPANDED: string;
+};
+/**
+ * Spring configuration for indicator animation
+ */
+export declare const INDICATOR_SPRING_CONFIG: {
+    damping: number;
+    stiffness: number;
+    mass: number;
+};
+/**
+ * Default entering animation for accordion content
+ */
+export declare const DEFAULT_CONTENT_ENTERING: FadeIn;
+/**
+ * Default exiting animation for accordion content
+ */
+export declare const DEFAULT_CONTENT_EXITING: FadeOut;
+//# sourceMappingURL=accordion.constants.d.ts.map

package/lib/typescript/src/components/accordion/accordion.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/accordion.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,OAAO,EAER,MAAM,yBAAyB,CAAC;AAEjC;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;CAOf,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,2BAA2B,2DAG9B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;;CAInC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,QAEpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,SAEnC,CAAC"}

package/lib/typescript/src/components/accordion/accordion.d.ts

@@ -0,0 +1,53 @@
+import { View } from 'react-native';
+import * as AccordionPrimitive from '../../primitives/accordion';
+import type { AccordionContentProps, AccordionIndicatorProps, AccordionItemProps, AccordionTriggerProps } from './accordion.types';
+declare const useAccordion: typeof AccordionPrimitive.useRootContext;
+declare const useAccordionItem: typeof AccordionPrimitive.useItemContext;
+/**
+ * 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
+ */
+declare const CompoundAccordion: import("react").ForwardRefExoticComponent<Omit<import("react-native-reanimated").AnimatedProps<AccordionPrimitive.RootProps>, "layout"> & {
+    children?: React.ReactNode;
+    variant?: import("./accordion.types").AccordionVariant;
+    isDividerVisible?: boolean;
+    className?: string;
+    classNames?: import("../../helpers/theme/types").ElementSlots<import("./accordion.styles").RootSlots>;
+    animation?: import("./accordion.types").AccordionRootAnimation;
+} & import("react").RefAttributes<View>> & {
+    /** @required Container for individual accordion items */
+    Item: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<View>>;
+    /** @required Interactive trigger element */
+    Trigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<View>>;
+    /** @optional Visual indicator showing expansion state (defaults to chevron) */
+    Indicator: import("react").ForwardRefExoticComponent<AccordionIndicatorProps & import("react").RefAttributes<View>>;
+    /** @required Container for expandable content with animations */
+    Content: import("react").ForwardRefExoticComponent<AccordionContentProps & import("react").RefAttributes<View>>;
+};
+export default CompoundAccordion;
+export { useAccordion, useAccordionItem };
+//# sourceMappingURL=accordion.d.ts.map

package/lib/typescript/src/components/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAUjE,OAAO,KAAK,EACV,qBAAqB,EAErB,uBAAuB,EACvB,kBAAkB,EAGlB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAsB3B,QAAA,MAAM,YAAY,0CAAoC,CAAC;AACvD,QAAA,MAAM,gBAAgB,0CAAoC,CAAC;AAiP3D;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;IACrB,yDAAyD;;IAEzD,4CAA4C;;IAE5C,+EAA+E;;IAE/E,iEAAiE;;CAEjE,CAAC;AAEH,eAAe,iBAAiB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/lib/typescript/src/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,130 @@
+declare const root: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            container: string;
+            divider: string;
+        };
+        surface: {
+            container: string;
+            divider: string;
+        };
+    };
+}, {
+    container: string;
+    divider: string;
+}, undefined, {
+    variant: {
+        default: {
+            container: string;
+            divider: string;
+        };
+        surface: {
+            container: string;
+            divider: string;
+        };
+    };
+}, {
+    container: string;
+    divider: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {
+            container: string;
+            divider: string;
+        };
+        surface: {
+            container: string;
+            divider: string;
+        };
+    };
+}, {
+    container: string;
+    divider: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const styleSheet: {
+    root: {
+        borderCurve: "continuous";
+    };
+};
+declare const accordionStyles: import("../../helpers/theme/types").CombinedStyles<{
+    root: import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: {
+                container: string;
+                divider: string;
+            };
+            surface: {
+                container: string;
+                divider: string;
+            };
+        };
+    }, {
+        container: string;
+        divider: string;
+    }, undefined, {
+        variant: {
+            default: {
+                container: string;
+                divider: string;
+            };
+            surface: {
+                container: string;
+                divider: string;
+            };
+        };
+    }, {
+        container: string;
+        divider: string;
+    }, import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: {
+                container: string;
+                divider: string;
+            };
+            surface: {
+                container: string;
+                divider: string;
+            };
+        };
+    }, {
+        container: string;
+        divider: string;
+    }, undefined, unknown, unknown, undefined>>;
+    item: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex-col overflow-hidden", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex-col overflow-hidden", unknown, unknown, undefined>>;
+    trigger: import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            surface: string;
+        };
+    }, undefined, "flex-row items-center justify-between py-4 px-3 gap-4 bg-transparent z-10", {
+        variant: {
+            default: string;
+            surface: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            surface: string;
+        };
+    }, undefined, "flex-row items-center justify-between py-4 px-3 gap-4 bg-transparent z-10", unknown, unknown, undefined>>;
+    indicator: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "items-center justify-center", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "items-center justify-center", unknown, unknown, undefined>>;
+    content: import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            surface: string;
+        };
+    }, undefined, "px-3 pb-4 bg-transparent", {
+        variant: {
+            default: string;
+            surface: string;
+        };
+    }, undefined, import("tailwind-variants").TVReturnType<{
+        variant: {
+            default: string;
+            surface: string;
+        };
+    }, undefined, "px-3 pb-4 bg-transparent", unknown, unknown, undefined>>;
+}>;
+export type RootSlots = keyof ReturnType<typeof root>;
+export default accordionStyles;
+//# sourceMappingURL=accordion.styles.d.ts.map

package/lib/typescript/src/components/accordion/accordion.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/accordion.styles.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAoBR,CAAC;AAuDH,eAAO,MAAM,UAAU;;;;CAIrB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMnB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACtD,eAAe,eAAe,CAAC"}

package/lib/typescript/src/components/accordion/accordion.types.d.ts

@@ -0,0 +1,228 @@
+import type { AnimatedProps, EntryOrExitLayoutType, WithSpringConfig } from 'react-native-reanimated';
+import type { ElementSlots } from '../../helpers/theme/types';
+import type { Animation, AnimationRoot, AnimationValue, LayoutTransition } from '../../helpers/types/animation';
+import type { ContentProps as PrimitiveContentProps, IndicatorProps as PrimitiveIndicatorProps, ItemProps as PrimitiveItemProps, RootProps as PrimitiveRootProps, TriggerProps as PrimitiveTriggerProps } from '../../primitives/accordion';
+import type { RootSlots } from './accordion.styles';
+/**
+ * Variant types for the Accordion component
+ */
+export type AccordionVariant = 'default' | 'surface';
+/**
+ * Icon props for the Accordion.Indicator component
+ */
+export interface AccordionIndicatorIconProps {
+    /**
+     * Size of the icon
+     * @default 16
+     */
+    size?: number;
+    /**
+     * Color of the icon
+     * @default foreground
+     */
+    color?: string;
+}
+/**
+ * Animation configuration for accordion root component
+ */
+export type AccordionRootAnimation = AnimationRoot<{
+    layout?: AnimationValue<{
+        /**
+         * Custom layout animation for accordion transitions
+         * @default LinearTransition.springify().damping(140).stiffness(1600).mass(4)
+         */
+        value?: LayoutTransition;
+    }>;
+}>;
+/**
+ * Props for the Accordion root component
+ */
+export type AccordionRootProps = Omit<AnimatedProps<PrimitiveRootProps>, 'layout'> & {
+    /**
+     * Children elements to be rendered inside the accordion
+     */
+    children?: React.ReactNode;
+    /**
+     * Visual variant of the accordion
+     * @default 'default'
+     */
+    variant?: AccordionVariant;
+    /**
+     * Whether to display a divider at the bottom of each accordion item
+     * @default true
+     */
+    isDividerVisible?: boolean;
+    /**
+     * Additional CSS classes for the container
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the slots
+     */
+    classNames?: ElementSlots<RootSlots>;
+    /**
+     * Animation configuration for accordion
+     * - `false` or `"disabled"`: Disable only root animations
+     * - `"disable-all"`: Disable all animations including children
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: AccordionRootAnimation;
+};
+/**
+ * Render function props for accordion item children
+ */
+export type AccordionItemRenderProps = {
+    /**
+     * Whether the accordion item is currently expanded
+     */
+    isExpanded: boolean;
+    /**
+     * Unique value identifier for this accordion item
+     */
+    value: string;
+};
+/**
+ * Props for the Accordion.Item component
+ */
+export interface AccordionItemProps extends Omit<AnimatedProps<PrimitiveItemProps>, 'children'> {
+    /**
+     * Children elements to be rendered inside the accordion item, or a render function
+     */
+    children?: React.ReactNode | ((props: AccordionItemRenderProps) => React.ReactNode);
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Props for the Accordion.Trigger component
+ */
+export interface AccordionTriggerProps extends PrimitiveTriggerProps {
+    /**
+     * Children elements to be rendered inside the trigger
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Animation configuration for accordion indicator component
+ */
+export type AccordionIndicatorAnimation = Animation<{
+    rotation?: AnimationValue<{
+        /**
+         * Rotation values [collapsed, expanded] in degrees
+         * @default [0, -180]
+         */
+        value?: [number, number];
+        /**
+         * Spring animation configuration for rotation
+         * @default { damping: 140, stiffness: 1000, mass: 4 }
+         */
+        springConfig?: WithSpringConfig;
+    }>;
+}>;
+/**
+ * Props for the Accordion.Indicator component
+ */
+export interface AccordionIndicatorProps extends AnimatedProps<PrimitiveIndicatorProps> {
+    /**
+     * Custom indicator content, if not provided defaults to animated chevron
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     *
+     * @note The following style properties are occupied by animations and cannot be set via className:
+     * - `transform` (specifically `rotate`) - Animated for expand/collapse rotation transitions
+     *
+     * To customize this property, use the `animation` prop:
+     * ```tsx
+     * <Accordion.Indicator
+     *   animation={{
+     *     rotation: { value: [0, -180], springConfig: { damping: 140, stiffness: 1000, mass: 4 } }
+     *   }}
+     * />
+     * ```
+     *
+     * To completely disable animated styles and use your own via className or style prop, set `isAnimatedStyleActive={false}`.
+     */
+    className?: string;
+    /**
+     * Icon configuration
+     */
+    iconProps?: AccordionIndicatorIconProps;
+    /**
+     * Animation configuration for indicator
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: AccordionIndicatorAnimation;
+    /**
+     * Whether animated styles (react-native-reanimated) are active
+     * When `false`, the animated style is removed and you can implement custom logic
+     * This prop should only be used when you want to write custom styling logic instead of the default animated styles
+     * @default true
+     */
+    isAnimatedStyleActive?: boolean;
+}
+/**
+ * Animation configuration for accordion content component
+ */
+export type AccordionContentAnimation = Animation<{
+    entering?: AnimationValue<{
+        /**
+         * Custom entering animation for content
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+    exiting?: AnimationValue<{
+        /**
+         * Custom exiting animation for content
+         */
+        value?: EntryOrExitLayoutType;
+    }>;
+}>;
+/**
+ * Props for the Accordion.Content component
+ */
+export interface AccordionContentProps extends PrimitiveContentProps {
+    /**
+     * Children elements to be rendered inside the content
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Animation configuration for content
+     * - `false` or `"disabled"`: Disable all animations
+     * - `true` or `undefined`: Use default animations
+     * - `object`: Custom animation configuration
+     */
+    animation?: AccordionContentAnimation;
+}
+/**
+ * Context values shared between Accordion components (extends primitive context)
+ */
+export interface AccordionContextValue {
+    /**
+     * Visual variant of the accordion
+     */
+    variant: AccordionVariant;
+}
+/**
+ * Context value for accordion animation state
+ */
+export interface AccordionAnimationContextValue {
+    /**
+     * Custom layout animation for accordion transitions
+     */
+    layoutTransition?: LayoutTransition;
+}
+//# sourceMappingURL=accordion.types.d.ts.map

package/lib/typescript/src/components/accordion/accordion.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/accordion.types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/accordion/chevron-down-icon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ChevronDownIconProps {
+    size?: number;
+    color?: string;
+}
+export declare const ChevronDownIcon: React.FC<ChevronDownIconProps>;
+export {};
+//# sourceMappingURL=chevron-down-icon.d.ts.map

package/lib/typescript/src/components/accordion/chevron-down-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-down-icon.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/chevron-down-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,oBAAoB;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAa1D,CAAC"}

package/lib/typescript/src/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Accordion, useAccordion, useAccordionItem, } from './accordion';
+export { ACCORDION_LAYOUT_TRANSITION as AccordionLayoutTransition } from './accordion.constants';
+export type { AccordionContentProps, AccordionContextValue, AccordionIndicatorProps, AccordionItemProps, AccordionRootProps, AccordionTriggerProps, AccordionVariant, } from './accordion.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,YAAY,EACZ,gBAAgB,GACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,2BAA2B,IAAI,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAEjG,YAAY,EACV,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC"}