@impulse-ui-native/accordion 2.8.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 ImpulseUI Native contributors
+
+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,45 @@
+# @impulse-ui-native/accordion
+
+Accessible compound accordion and collapsible sections for React Native and React Native Web.
+
+## Installation
+
+```sh
+pnpm add @impulse-ui-native/accordion react-native-reanimated react-native-worklets
+```
+
+Render the component inside `ThemeProvider` from `@impulse-ui-native/theme` and configure Reanimated for your host application.
+
+## Main exports
+
+- `Accordion.Root` manages controlled or uncontrolled single/multiple expansion.
+- `Accordion.Item` provides an independently disabled disclosure item.
+- `Accordion.Trigger` exposes expanded state and keyboard navigation.
+- `Accordion.Content` animates measured height while keeping nested content mounted.
+- Public prop types are available for every compound part.
+
+## Usage
+
+```tsx
+import { Accordion } from "@impulse-ui-native/accordion";
+import { Typography } from "@impulse-ui-native/primitives";
+
+export function FrequentlyAskedQuestions() {
+  return (
+    <Accordion.Root defaultValue="shipping">
+      <Accordion.Item value="shipping">
+        <Accordion.Trigger>How long does shipping take?</Accordion.Trigger>
+        <Accordion.Content>
+          <Typography.Body>
+            Standard shipping normally arrives in three to five business days.
+          </Typography.Body>
+        </Accordion.Content>
+      </Accordion.Item>
+    </Accordion.Root>
+  );
+}
+```
+
+Set `type="multiple"` and use string arrays for `value`, `defaultValue`, and `onValueChange` when several items may be open. Single accordions collapse an open item by default; use `collapsible={false}` when one item must remain open.
+
+Triggers support Enter and Space activation through the native pressable behavior. Arrow Up/Down and Home/End move focus between enabled triggers. Content remains mounted during collapse, which preserves local and nested component state. Reduced-motion preferences disable the height and indicator duration.

package/dist/components/accordion.d.mts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AccordionContentProps, AccordionItemProps, AccordionRootProps, AccordionTriggerProps } from '../types/accordion.types.mjs';
+import 'react-native';
+
+declare const Accordion: {
+    Content: react.MemoExoticComponent<({ children, onLayout, style, ...props }: AccordionContentProps) => react_jsx_runtime.JSX.Element>;
+    Item: react.MemoExoticComponent<({ children, disabled, style, value, ...props }: AccordionItemProps) => react_jsx_runtime.JSX.Element>;
+    Root: react.MemoExoticComponent<({ children, collapsible, defaultValue, disabled, onValueChange, style, type, value, ...props }: AccordionRootProps) => react_jsx_runtime.JSX.Element>;
+    Trigger: react.MemoExoticComponent<({ accessibilityState, onBlur, children, disabled, hideIndicator, indicator, onFocus, onKeyDown, onPress, style, ...props }: AccordionTriggerProps) => react_jsx_runtime.JSX.Element>;
+};
+
+export { Accordion };

package/dist/components/accordion.js

@@ -0,0 +1,14 @@
+import { AccordionContent } from "./content";
+import { AccordionItem } from "./item";
+import { AccordionRoot } from "./root";
+import { AccordionTrigger } from "./trigger";
+const Accordion = {
+  Content: AccordionContent,
+  Item: AccordionItem,
+  Root: AccordionRoot,
+  Trigger: AccordionTrigger
+};
+export {
+  Accordion
+};
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion.ts"],"sourcesContent":["import { AccordionContent } from \"./content\";\nimport { AccordionItem } from \"./item\";\nimport { AccordionRoot } from \"./root\";\nimport { AccordionTrigger } from \"./trigger\";\n\nexport const Accordion = {\n  Content: AccordionContent,\n  Item: AccordionItem,\n  Root: AccordionRoot,\n  Trigger: AccordionTrigger,\n};\n"],"mappings":"AAAA,SAAS,wBAAwB;AACjC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AAE1B,MAAM,YAAY;AAAA,EACvB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;","names":[]}

package/dist/components/content.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AccordionContentProps } from '../types/accordion.types.mjs';
+import 'react-native';
+
+declare const AccordionContent: react.MemoExoticComponent<({ children, onLayout, style, ...props }: AccordionContentProps) => react_jsx_runtime.JSX.Element>;
+
+export { AccordionContent };

package/dist/components/content.js

@@ -0,0 +1,78 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { StyleSheet } from "react-native";
+import Animated from "react-native-reanimated";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { useAccordionItemContext } from "../contexts";
+import { useAccordionContentAnimation } from "../hooks";
+const AccordionContent = memo(function AccordionContent2({
+  children,
+  onLayout,
+  style,
+  ...props
+}) {
+  const item = useAccordionItemContext();
+  const tokens = useComponentsTokens().accordion;
+  const { contentStyle, setContentHeight } = useAccordionContentAnimation({
+    duration: tokens.animationDuration,
+    open: item.open
+  });
+  const viewportStyle = useMemo(
+    () => [styles.viewport, contentStyle],
+    [contentStyle]
+  );
+  const innerStyle = useMemo(
+    () => [
+      styles.content,
+      {
+        paddingBottom: tokens.content.paddingBottom,
+        paddingHorizontal: tokens.content.paddingHorizontal
+      },
+      style
+    ],
+    [style, tokens.content.paddingBottom, tokens.content.paddingHorizontal]
+  );
+  const handleLayout = useEventCallback((event) => {
+    setContentHeight(event.nativeEvent.layout.height);
+    onLayout?.(event);
+  });
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      "aria-hidden": !item.open,
+      accessibilityElementsHidden: !item.open,
+      importantForAccessibility: item.open ? "auto" : "no-hide-descendants",
+      pointerEvents: item.open ? "auto" : "none",
+      style: viewportStyle,
+      children: /* @__PURE__ */ jsx(
+        View,
+        {
+          ...props,
+          "aria-labelledby": item.triggerId,
+          accessibilityLabelledBy: item.triggerId,
+          nativeID: item.contentId,
+          onLayout: handleLayout,
+          style: innerStyle,
+          children
+        }
+      )
+    }
+  );
+});
+const styles = StyleSheet.create({
+  content: {
+    left: 0,
+    position: "absolute",
+    right: 0,
+    top: 0
+  },
+  viewport: {
+    overflow: "hidden"
+  }
+});
+export {
+  AccordionContent
+};
+//# sourceMappingURL=content.js.map

package/dist/components/content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/content.tsx"],"sourcesContent":["import type { LayoutChangeEvent } from \"react-native\";\nimport { memo, useMemo } from \"react\";\nimport { StyleSheet } from \"react-native\";\nimport Animated from \"react-native-reanimated\";\n\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { AccordionContentProps } from \"../types\";\nimport { useAccordionItemContext } from \"../contexts\";\nimport { useAccordionContentAnimation } from \"../hooks\";\n\nexport const AccordionContent = memo(function AccordionContent({\n  children,\n  onLayout,\n  style,\n  ...props\n}: AccordionContentProps) {\n  const item = useAccordionItemContext();\n  const tokens = useComponentsTokens().accordion;\n  const { contentStyle, setContentHeight } = useAccordionContentAnimation({\n    duration: tokens.animationDuration,\n    open: item.open,\n  });\n\n  const viewportStyle = useMemo(\n    () => [styles.viewport, contentStyle],\n    [contentStyle],\n  );\n  const innerStyle = useMemo(\n    () => [\n      styles.content,\n      {\n        paddingBottom: tokens.content.paddingBottom,\n        paddingHorizontal: tokens.content.paddingHorizontal,\n      },\n      style,\n    ],\n    [style, tokens.content.paddingBottom, tokens.content.paddingHorizontal],\n  );\n\n  const handleLayout = useEventCallback((event: LayoutChangeEvent) => {\n    setContentHeight(event.nativeEvent.layout.height);\n    onLayout?.(event);\n  });\n\n  return (\n    <Animated.View\n      aria-hidden={!item.open}\n      accessibilityElementsHidden={!item.open}\n      importantForAccessibility={item.open ? \"auto\" : \"no-hide-descendants\"}\n      pointerEvents={item.open ? \"auto\" : \"none\"}\n      style={viewportStyle}\n    >\n      <View\n        {...props}\n        aria-labelledby={item.triggerId}\n        accessibilityLabelledBy={item.triggerId}\n        nativeID={item.contentId}\n        onLayout={handleLayout}\n        style={innerStyle}\n      >\n        {children}\n      </View>\n    </Animated.View>\n  );\n});\n\nconst styles = StyleSheet.create({\n  content: {\n    left: 0,\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n  },\n  viewport: {\n    overflow: \"hidden\",\n  },\n});\n"],"mappings":"AAuDM;AAtDN,SAAS,MAAM,eAAe;AAC9B,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AAErB,SAAS,wBAAwB;AACjC,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAGpC,SAAS,+BAA+B;AACxC,SAAS,oCAAoC;AAEtC,MAAM,mBAAmB,KAAK,SAASA,kBAAiB;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,OAAO,wBAAwB;AACrC,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,EAAE,cAAc,iBAAiB,IAAI,6BAA6B;AAAA,IACtE,UAAU,OAAO;AAAA,IACjB,MAAM,KAAK;AAAA,EACb,CAAC;AAED,QAAM,gBAAgB;AAAA,IACpB,MAAM,CAAC,OAAO,UAAU,YAAY;AAAA,IACpC,CAAC,YAAY;AAAA,EACf;AACA,QAAM,aAAa;AAAA,IACjB,MAAM;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,QACE,eAAe,OAAO,QAAQ;AAAA,QAC9B,mBAAmB,OAAO,QAAQ;AAAA,MACpC;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,OAAO,OAAO,QAAQ,eAAe,OAAO,QAAQ,iBAAiB;AAAA,EACxE;AAEA,QAAM,eAAe,iBAAiB,CAAC,UAA6B;AAClE,qBAAiB,MAAM,YAAY,OAAO,MAAM;AAChD,eAAW,KAAK;AAAA,EAClB,CAAC;AAED,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC,eAAa,CAAC,KAAK;AAAA,MACnB,6BAA6B,CAAC,KAAK;AAAA,MACnC,2BAA2B,KAAK,OAAO,SAAS;AAAA,MAChD,eAAe,KAAK,OAAO,SAAS;AAAA,MACpC,OAAO;AAAA,MAEP;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,mBAAiB,KAAK;AAAA,UACtB,yBAAyB,KAAK;AAAA,UAC9B,UAAU,KAAK;AAAA,UACf,UAAU;AAAA,UACV,OAAO;AAAA,UAEN;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,MAAM,SAAS,WAAW,OAAO;AAAA,EAC/B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,IACP,KAAK;AAAA,EACP;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,EACZ;AACF,CAAC;","names":["AccordionContent"]}

package/dist/components/index.d.mts

@@ -0,0 +1,5 @@
+export { Accordion } from './accordion.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import '../types/accordion.types.mjs';
+import 'react-native';

package/dist/components/index.js

@@ -0,0 +1,5 @@
+import { Accordion } from "./accordion";
+export {
+  Accordion
+};
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { Accordion } from \"./accordion\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

package/dist/components/item.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AccordionItemProps } from '../types/accordion.types.mjs';
+import 'react-native';
+
+declare const AccordionItem: react.MemoExoticComponent<({ children, disabled, style, value, ...props }: AccordionItemProps) => react_jsx_runtime.JSX.Element>;
+
+export { AccordionItem };

package/dist/components/item.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useId, useMemo } from "react";
+import { View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { AccordionItemProvider, useAccordionContext } from "../contexts";
+const AccordionItem = memo(function AccordionItem2({
+  children,
+  disabled = false,
+  style,
+  value,
+  ...props
+}) {
+  const accordion = useAccordionContext();
+  const tokens = useComponentsTokens().accordion;
+  const reactId = useId().replaceAll(":", "");
+  const resolvedDisabled = accordion.disabled || disabled;
+  const open = accordion.expandedValues.includes(value);
+  const context = useMemo(
+    () => ({
+      contentId: `accordion-content-${reactId}`,
+      disabled: resolvedDisabled,
+      open,
+      triggerId: `accordion-trigger-${reactId}`,
+      value
+    }),
+    [open, reactId, resolvedDisabled, value]
+  );
+  const itemStyle = useMemo(
+    () => [{ backgroundColor: tokens.backgroundColor }, style],
+    [style, tokens.backgroundColor]
+  );
+  return /* @__PURE__ */ jsx(AccordionItemProvider, { value: context, children: /* @__PURE__ */ jsx(View, { ...props, style: itemStyle, children }) });
+});
+export {
+  AccordionItem
+};
+//# sourceMappingURL=item.js.map

package/dist/components/item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/item.tsx"],"sourcesContent":["import { memo, useId, useMemo } from \"react\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { AccordionItemContextData } from \"../contexts\";\nimport type { AccordionItemProps } from \"../types\";\nimport { AccordionItemProvider, useAccordionContext } from \"../contexts\";\n\nexport const AccordionItem = memo(function AccordionItem({\n  children,\n  disabled = false,\n  style,\n  value,\n  ...props\n}: AccordionItemProps) {\n  const accordion = useAccordionContext();\n  const tokens = useComponentsTokens().accordion;\n  const reactId = useId().replaceAll(\":\", \"\");\n  const resolvedDisabled = accordion.disabled || disabled;\n  const open = accordion.expandedValues.includes(value);\n\n  const context = useMemo<AccordionItemContextData>(\n    () => ({\n      contentId: `accordion-content-${reactId}`,\n      disabled: resolvedDisabled,\n      open,\n      triggerId: `accordion-trigger-${reactId}`,\n      value,\n    }),\n    [open, reactId, resolvedDisabled, value],\n  );\n  const itemStyle = useMemo(\n    () => [{ backgroundColor: tokens.backgroundColor }, style],\n    [style, tokens.backgroundColor],\n  );\n\n  return (\n    <AccordionItemProvider value={context}>\n      <View {...props} style={itemStyle}>\n        {children}\n      </View>\n    </AccordionItemProvider>\n  );\n});\n"],"mappings":"AAuCM;AAvCN,SAAS,MAAM,OAAO,eAAe;AAErC,SAAS,YAAY;AACrB,SAAS,2BAA2B;AAIpC,SAAS,uBAAuB,2BAA2B;AAEpD,MAAM,gBAAgB,KAAK,SAASA,eAAc;AAAA,EACvD;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,YAAY,oBAAoB;AACtC,QAAM,SAAS,oBAAoB,EAAE;AACrC,QAAM,UAAU,MAAM,EAAE,WAAW,KAAK,EAAE;AAC1C,QAAM,mBAAmB,UAAU,YAAY;AAC/C,QAAM,OAAO,UAAU,eAAe,SAAS,KAAK;AAEpD,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,MACL,WAAW,qBAAqB,OAAO;AAAA,MACvC,UAAU;AAAA,MACV;AAAA,MACA,WAAW,qBAAqB,OAAO;AAAA,MACvC;AAAA,IACF;AAAA,IACA,CAAC,MAAM,SAAS,kBAAkB,KAAK;AAAA,EACzC;AACA,QAAM,YAAY;AAAA,IAChB,MAAM,CAAC,EAAE,iBAAiB,OAAO,gBAAgB,GAAG,KAAK;AAAA,IACzD,CAAC,OAAO,OAAO,eAAe;AAAA,EAChC;AAEA,SACE,oBAAC,yBAAsB,OAAO,SAC5B,8BAAC,QAAM,GAAG,OAAO,OAAO,WACrB,UACH,GACF;AAEJ,CAAC;","names":["AccordionItem"]}

package/dist/components/root.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AccordionRootProps } from '../types/accordion.types.mjs';
+import 'react-native';
+
+declare const AccordionRoot: react.MemoExoticComponent<({ children, collapsible, defaultValue, disabled, onValueChange, style, type, value, ...props }: AccordionRootProps) => react_jsx_runtime.JSX.Element>;
+
+export { AccordionRoot };

package/dist/components/root.js

@@ -0,0 +1,130 @@
+import { jsx } from "react/jsx-runtime";
+import { memo, useCallback, useMemo, useRef } from "react";
+import { StyleSheet } from "react-native";
+import {
+  useControllableState,
+  useEventCallback
+} from "@impulse-ui-native/core";
+import { View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { AccordionProvider } from "../contexts";
+import { normalizeAccordionValue } from "../utils";
+const AccordionRoot = memo(function AccordionRoot2({
+  children,
+  collapsible = true,
+  defaultValue,
+  disabled = false,
+  onValueChange,
+  style,
+  type = "single",
+  value,
+  ...props
+}) {
+  const tokens = useComponentsTokens().accordion;
+  const triggerRegistry = useRef([]);
+  const notifyValueChange = useEventCallback(
+    (nextValues) => {
+      if (type === "multiple") {
+        onValueChange?.([
+          ...nextValues
+        ]);
+        return;
+      }
+      onValueChange?.(
+        nextValues[0]
+      );
+    }
+  );
+  const normalizedValue = useMemo(
+    () => value === void 0 ? void 0 : normalizeAccordionValue(value),
+    [value]
+  );
+  const normalizedDefaultValue = useMemo(
+    () => normalizeAccordionValue(defaultValue),
+    [defaultValue]
+  );
+  const [expandedValues, setExpandedValues] = useControllableState({
+    prop: normalizedValue,
+    defaultProp: normalizedDefaultValue,
+    onChange: notifyValueChange
+  });
+  const registerTrigger = useCallback((registration) => {
+    triggerRegistry.current = [...triggerRegistry.current, registration];
+    return () => {
+      triggerRegistry.current = triggerRegistry.current.filter(
+        (candidate) => candidate !== registration
+      );
+    };
+  }, []);
+  const focusTrigger = useCallback(
+    (currentValue, direction) => {
+      const enabledTriggers = triggerRegistry.current.filter(
+        (trigger) => !trigger.disabled
+      );
+      const currentIndex = enabledTriggers.findIndex(
+        (trigger) => trigger.value === currentValue
+      );
+      if (enabledTriggers.length === 0) return;
+      let nextIndex = currentIndex;
+      if (direction === "first") nextIndex = 0;
+      if (direction === "last") nextIndex = enabledTriggers.length - 1;
+      if (direction === "next") {
+        nextIndex = (currentIndex + 1) % enabledTriggers.length;
+      }
+      if (direction === "previous") {
+        nextIndex = (currentIndex - 1 + enabledTriggers.length) % enabledTriggers.length;
+      }
+      enabledTriggers[nextIndex]?.ref.current?.focus();
+    },
+    []
+  );
+  const toggleItem = useCallback(
+    (itemValue) => {
+      setExpandedValues((currentValues) => {
+        const isOpen = currentValues.includes(itemValue);
+        if (type === "multiple") {
+          return isOpen ? currentValues.filter((current) => current !== itemValue) : [...currentValues, itemValue];
+        }
+        if (isOpen) {
+          return collapsible ? [] : currentValues;
+        }
+        return [itemValue];
+      });
+    },
+    [collapsible, setExpandedValues, type]
+  );
+  const context = useMemo(
+    () => ({
+      disabled,
+      expandedValues,
+      focusTrigger,
+      registerTrigger,
+      toggleItem
+    }),
+    [disabled, expandedValues, focusTrigger, registerTrigger, toggleItem]
+  );
+  const rootStyle = useMemo(
+    () => [
+      styles.root,
+      {
+        backgroundColor: tokens.dividerColor,
+        borderColor: tokens.borderColor,
+        borderRadius: tokens.borderRadius,
+        borderWidth: tokens.borderWidth,
+        gap: tokens.dividerWidth
+      },
+      style
+    ],
+    [style, tokens]
+  );
+  return /* @__PURE__ */ jsx(AccordionProvider, { value: context, children: /* @__PURE__ */ jsx(View, { ...props, style: rootStyle, children }) });
+});
+const styles = StyleSheet.create({
+  root: {
+    overflow: "hidden"
+  }
+});
+export {
+  AccordionRoot
+};
+//# sourceMappingURL=root.js.map

package/dist/components/root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/root.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useRef } from \"react\";\nimport { StyleSheet } from \"react-native\";\n\nimport {\n  useControllableState,\n  useEventCallback,\n} from \"@impulse-ui-native/core\";\nimport { View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { AccordionContextData } from \"../contexts\";\nimport type {\n  AccordionMultipleRootProps,\n  AccordionRootProps,\n  AccordionSingleRootProps,\n} from \"../types\";\nimport { AccordionProvider } from \"../contexts\";\nimport { normalizeAccordionValue } from \"../utils\";\n\ntype TriggerRegistration = Parameters<\n  AccordionContextData[\"registerTrigger\"]\n>[0];\n\nexport const AccordionRoot = memo(function AccordionRoot({\n  children,\n  collapsible = true,\n  defaultValue,\n  disabled = false,\n  onValueChange,\n  style,\n  type = \"single\",\n  value,\n  ...props\n}: AccordionRootProps) {\n  const tokens = useComponentsTokens().accordion;\n  const triggerRegistry = useRef<TriggerRegistration[]>([]);\n\n  const notifyValueChange = useEventCallback(\n    (nextValues: readonly string[]) => {\n      if (type === \"multiple\") {\n        (onValueChange as AccordionMultipleRootProps[\"onValueChange\"])?.([\n          ...nextValues,\n        ]);\n        return;\n      }\n\n      (onValueChange as AccordionSingleRootProps[\"onValueChange\"])?.(\n        nextValues[0],\n      );\n    },\n  );\n  const normalizedValue = useMemo(\n    () => (value === undefined ? undefined : normalizeAccordionValue(value)),\n    [value],\n  );\n  const normalizedDefaultValue = useMemo(\n    () => normalizeAccordionValue(defaultValue),\n    [defaultValue],\n  );\n  const [expandedValues, setExpandedValues] = useControllableState<\n    readonly string[]\n  >({\n    prop: normalizedValue,\n    defaultProp: normalizedDefaultValue,\n    onChange: notifyValueChange,\n  });\n\n  const registerTrigger = useCallback((registration: TriggerRegistration) => {\n    triggerRegistry.current = [...triggerRegistry.current, registration];\n\n    return () => {\n      triggerRegistry.current = triggerRegistry.current.filter(\n        (candidate) => candidate !== registration,\n      );\n    };\n  }, []);\n\n  const focusTrigger = useCallback<AccordionContextData[\"focusTrigger\"]>(\n    (currentValue, direction) => {\n      const enabledTriggers = triggerRegistry.current.filter(\n        (trigger) => !trigger.disabled,\n      );\n      const currentIndex = enabledTriggers.findIndex(\n        (trigger) => trigger.value === currentValue,\n      );\n\n      if (enabledTriggers.length === 0) return;\n\n      let nextIndex = currentIndex;\n\n      if (direction === \"first\") nextIndex = 0;\n      if (direction === \"last\") nextIndex = enabledTriggers.length - 1;\n      if (direction === \"next\") {\n        nextIndex = (currentIndex + 1) % enabledTriggers.length;\n      }\n      if (direction === \"previous\") {\n        nextIndex =\n          (currentIndex - 1 + enabledTriggers.length) % enabledTriggers.length;\n      }\n\n      enabledTriggers[nextIndex]?.ref.current?.focus();\n    },\n    [],\n  );\n\n  const toggleItem = useCallback(\n    (itemValue: string) => {\n      setExpandedValues((currentValues) => {\n        const isOpen = currentValues.includes(itemValue);\n\n        if (type === \"multiple\") {\n          return isOpen\n            ? currentValues.filter((current) => current !== itemValue)\n            : [...currentValues, itemValue];\n        }\n\n        if (isOpen) {\n          return collapsible ? [] : currentValues;\n        }\n\n        return [itemValue];\n      });\n    },\n    [collapsible, setExpandedValues, type],\n  );\n\n  const context = useMemo<AccordionContextData>(\n    () => ({\n      disabled,\n      expandedValues,\n      focusTrigger,\n      registerTrigger,\n      toggleItem,\n    }),\n    [disabled, expandedValues, focusTrigger, registerTrigger, toggleItem],\n  );\n  const rootStyle = useMemo(\n    () => [\n      styles.root,\n      {\n        backgroundColor: tokens.dividerColor,\n        borderColor: tokens.borderColor,\n        borderRadius: tokens.borderRadius,\n        borderWidth: tokens.borderWidth,\n        gap: tokens.dividerWidth,\n      },\n      style,\n    ],\n    [style, tokens],\n  );\n\n  return (\n    <AccordionProvider value={context}>\n      <View {...props} style={rootStyle}>\n        {children}\n      </View>\n    </AccordionProvider>\n  );\n});\n\nconst styles = StyleSheet.create({\n  root: {\n    overflow: \"hidden\",\n  },\n});\n"],"mappings":"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","names":["AccordionRoot"]}

package/dist/components/trigger.d.mts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { AccordionTriggerProps } from '../types/accordion.types.mjs';
+import 'react-native';
+
+declare const AccordionTrigger: react.MemoExoticComponent<({ accessibilityState, onBlur, children, disabled, hideIndicator, indicator, onFocus, onKeyDown, onPress, style, ...props }: AccordionTriggerProps) => react_jsx_runtime.JSX.Element>;
+
+export { AccordionTrigger };

package/dist/components/trigger.js

@@ -0,0 +1,145 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Platform, StyleSheet } from "react-native";
+import Animated from "react-native-reanimated";
+import { useEventCallback } from "@impulse-ui-native/core";
+import { Icon } from "@impulse-ui-native/icon/components/icon";
+import { CaretDownIcon } from "@impulse-ui-native/icon/icons/caret-down";
+import { Pressable, Typography, View } from "@impulse-ui-native/primitives";
+import { useComponentsTokens } from "@impulse-ui-native/theme";
+import { useAccordionContext, useAccordionItemContext } from "../contexts";
+import { useAccordionIndicatorAnimation } from "../hooks";
+import { getAccordionFocusDirection } from "../utils";
+const AccordionTrigger = memo(function AccordionTrigger2({
+  accessibilityState,
+  onBlur,
+  children,
+  disabled,
+  hideIndicator = false,
+  indicator,
+  onFocus,
+  onKeyDown,
+  onPress,
+  style,
+  ...props
+}) {
+  const { focusTrigger, registerTrigger, toggleItem } = useAccordionContext();
+  const item = useAccordionItemContext();
+  const tokens = useComponentsTokens().accordion;
+  const [focused, setFocused] = useState(false);
+  const triggerRef = useRef(null);
+  const resolvedDisabled = item.disabled || disabled === true;
+  const indicatorStyle = useAccordionIndicatorAnimation({
+    duration: tokens.animationDuration,
+    open: item.open
+  });
+  const resolvedAccessibilityState = useMemo(
+    () => ({
+      ...accessibilityState,
+      disabled: resolvedDisabled,
+      expanded: item.open
+    }),
+    [accessibilityState, item.open, resolvedDisabled]
+  );
+  const titleStyle = useMemo(
+    () => ({
+      color: resolvedDisabled ? tokens.disabledColor : tokens.titleColor
+    }),
+    [resolvedDisabled, tokens.disabledColor, tokens.titleColor]
+  );
+  const triggerStyle = useCallback(
+    ({ pressed }) => [
+      styles.trigger,
+      {
+        backgroundColor: focused ? tokens.focusBackgroundColor : "transparent",
+        gap: tokens.trigger.gap,
+        minHeight: tokens.trigger.minHeight,
+        opacity: resolvedDisabled ? tokens.disabledOpacity : pressed ? tokens.pressedOpacity : 1,
+        paddingHorizontal: tokens.trigger.paddingHorizontal,
+        paddingVertical: tokens.trigger.paddingVertical
+      },
+      typeof style === "function" ? style({ pressed }) : style
+    ],
+    [focused, resolvedDisabled, style, tokens]
+  );
+  const handleBlur = useEventCallback(
+    (event) => {
+      setFocused(false);
+      onBlur?.(event);
+    }
+  );
+  const handleFocus = useEventCallback(
+    (event) => {
+      setFocused(true);
+      onFocus?.(event);
+    }
+  );
+  const handlePress = useEventCallback((event) => {
+    toggleItem(item.value);
+    onPress?.(event);
+  });
+  const handleKeyDown = useEventCallback((event) => {
+    onKeyDown?.(event);
+    if (event.isDefaultPrevented()) return;
+    const direction = getAccordionFocusDirection(event.nativeEvent.key);
+    if (direction) {
+      event.preventDefault();
+      focusTrigger(item.value, direction);
+    }
+  });
+  const webInteractionProps = useMemo(
+    () => Platform.OS === "web" ? {
+      "aria-controls": item.contentId,
+      onKeyDown: handleKeyDown
+    } : void 0,
+    [handleKeyDown, item.contentId]
+  );
+  useEffect(
+    () => registerTrigger({
+      disabled: resolvedDisabled,
+      ref: triggerRef,
+      value: item.value
+    }),
+    [item.value, registerTrigger, resolvedDisabled]
+  );
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      ...props,
+      ...webInteractionProps,
+      ref: triggerRef,
+      "aria-expanded": item.open,
+      accessibilityRole: "button",
+      accessibilityState: resolvedAccessibilityState,
+      disabled: resolvedDisabled,
+      focusable: !resolvedDisabled,
+      nativeID: item.triggerId,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
+      onPress: handlePress,
+      style: triggerStyle,
+      children: [
+        /* @__PURE__ */ jsx(View, { flex: 1, pointerEvents: "none", children: typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx(Typography.Label, { style: titleStyle, children }) : children }),
+        hideIndicator ? null : /* @__PURE__ */ jsx(Animated.View, { pointerEvents: "none", style: indicatorStyle, children: indicator ?? /* @__PURE__ */ jsx(
+          Icon,
+          {
+            color: resolvedDisabled ? tokens.disabledColor : tokens.iconColor,
+            icon: CaretDownIcon,
+            size: tokens.iconSize
+          }
+        ) })
+      ]
+    }
+  );
+});
+const styles = StyleSheet.create({
+  trigger: {
+    alignItems: "center",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  }
+});
+export {
+  AccordionTrigger
+};
+//# sourceMappingURL=trigger.js.map

package/dist/components/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/trigger.tsx"],"sourcesContent":["import type { ComponentRef } from \"react\";\nimport type {\n  GestureResponderEvent,\n  PressableProps,\n  PressableStateCallbackType,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { memo, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Platform, StyleSheet } from \"react-native\";\nimport Animated from \"react-native-reanimated\";\n\nimport { useEventCallback } from \"@impulse-ui-native/core\";\nimport { Icon } from \"@impulse-ui-native/icon/components/icon\";\nimport { CaretDownIcon } from \"@impulse-ui-native/icon/icons/caret-down\";\nimport { Pressable, Typography, View } from \"@impulse-ui-native/primitives\";\nimport { useComponentsTokens } from \"@impulse-ui-native/theme\";\n\nimport type { AccordionKeyDownEvent, AccordionTriggerProps } from \"../types\";\nimport { useAccordionContext, useAccordionItemContext } from \"../contexts\";\nimport { useAccordionIndicatorAnimation } from \"../hooks\";\nimport { getAccordionFocusDirection } from \"../utils\";\n\nexport const AccordionTrigger = memo(function AccordionTrigger({\n  accessibilityState,\n  onBlur,\n  children,\n  disabled,\n  hideIndicator = false,\n  indicator,\n  onFocus,\n  onKeyDown,\n  onPress,\n  style,\n  ...props\n}: AccordionTriggerProps) {\n  const { focusTrigger, registerTrigger, toggleItem } = useAccordionContext();\n  const item = useAccordionItemContext();\n  const tokens = useComponentsTokens().accordion;\n  const [focused, setFocused] = useState(false);\n  // The host ref is required for roving keyboard focus between triggers.\n  const triggerRef = useRef<ComponentRef<typeof Pressable>>(null);\n  const resolvedDisabled = item.disabled || disabled === true;\n  const indicatorStyle = useAccordionIndicatorAnimation({\n    duration: tokens.animationDuration,\n    open: item.open,\n  });\n\n  const resolvedAccessibilityState = useMemo(\n    () => ({\n      ...accessibilityState,\n      disabled: resolvedDisabled,\n      expanded: item.open,\n    }),\n    [accessibilityState, item.open, resolvedDisabled],\n  );\n  const titleStyle = useMemo(\n    () => ({\n      color: resolvedDisabled ? tokens.disabledColor : tokens.titleColor,\n    }),\n    [resolvedDisabled, tokens.disabledColor, tokens.titleColor],\n  );\n\n  const triggerStyle = useCallback(\n    ({ pressed }: PressableStateCallbackType): StyleProp<ViewStyle> => [\n      styles.trigger,\n      {\n        backgroundColor: focused ? tokens.focusBackgroundColor : \"transparent\",\n        gap: tokens.trigger.gap,\n        minHeight: tokens.trigger.minHeight,\n        opacity: resolvedDisabled\n          ? tokens.disabledOpacity\n          : pressed\n            ? tokens.pressedOpacity\n            : 1,\n        paddingHorizontal: tokens.trigger.paddingHorizontal,\n        paddingVertical: tokens.trigger.paddingVertical,\n      },\n      typeof style === \"function\" ? style({ pressed }) : style,\n    ],\n    [focused, resolvedDisabled, style, tokens],\n  );\n\n  const handleBlur = useEventCallback<NonNullable<PressableProps[\"onBlur\"]>>(\n    (event) => {\n      setFocused(false);\n      onBlur?.(event);\n    },\n  );\n\n  const handleFocus = useEventCallback<NonNullable<PressableProps[\"onFocus\"]>>(\n    (event) => {\n      setFocused(true);\n      onFocus?.(event);\n    },\n  );\n\n  const handlePress = useEventCallback((event: GestureResponderEvent) => {\n    toggleItem(item.value);\n    onPress?.(event);\n  });\n\n  const handleKeyDown = useEventCallback((event: AccordionKeyDownEvent) => {\n    onKeyDown?.(event);\n\n    if (event.isDefaultPrevented()) return;\n\n    const direction = getAccordionFocusDirection(event.nativeEvent.key);\n\n    if (direction) {\n      event.preventDefault();\n      focusTrigger(item.value, direction);\n    }\n  });\n\n  const webInteractionProps = useMemo(\n    () =>\n      Platform.OS === \"web\"\n        ? ({\n            \"aria-controls\": item.contentId,\n            onKeyDown: handleKeyDown,\n          } as PressableProps)\n        : undefined,\n    [handleKeyDown, item.contentId],\n  );\n\n  useEffect(\n    () =>\n      registerTrigger({\n        disabled: resolvedDisabled,\n        ref: triggerRef,\n        value: item.value,\n      }),\n    [item.value, registerTrigger, resolvedDisabled],\n  );\n\n  return (\n    <Pressable\n      {...props}\n      {...webInteractionProps}\n      ref={triggerRef}\n      aria-expanded={item.open}\n      accessibilityRole=\"button\"\n      accessibilityState={resolvedAccessibilityState}\n      disabled={resolvedDisabled}\n      focusable={!resolvedDisabled}\n      nativeID={item.triggerId}\n      onBlur={handleBlur}\n      onFocus={handleFocus}\n      onPress={handlePress}\n      style={triggerStyle}\n    >\n      <View flex={1} pointerEvents=\"none\">\n        {typeof children === \"string\" || typeof children === \"number\" ? (\n          <Typography.Label style={titleStyle}>{children}</Typography.Label>\n        ) : (\n          children\n        )}\n      </View>\n\n      {hideIndicator ? null : (\n        <Animated.View pointerEvents=\"none\" style={indicatorStyle}>\n          {indicator ?? (\n            <Icon\n              color={resolvedDisabled ? tokens.disabledColor : tokens.iconColor}\n              icon={CaretDownIcon}\n              size={tokens.iconSize}\n            />\n          )}\n        </Animated.View>\n      )}\n    </Pressable>\n  );\n});\n\nconst styles = StyleSheet.create({\n  trigger: {\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n  },\n});\n"],"mappings":"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","names":["AccordionTrigger"]}

package/dist/contexts/accordion.context.d.mts

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { RefObject, ComponentRef } from 'react';
+import { Pressable } from '@impulse-ui-native/primitives';
+import { AccordionFocusDirection } from '../utils/accordion.utils.mjs';
+
+interface AccordionTriggerRegistration {
+    disabled: boolean;
+    ref: RefObject<ComponentRef<typeof Pressable> | null>;
+    value: string;
+}
+interface AccordionContextData {
+    disabled: boolean;
+    expandedValues: readonly string[];
+    focusTrigger: (value: string, direction: AccordionFocusDirection) => void;
+    registerTrigger: (registration: AccordionTriggerRegistration) => () => void;
+    toggleItem: (value: string) => void;
+}
+interface AccordionItemContextData {
+    contentId: string;
+    disabled: boolean;
+    open: boolean;
+    triggerId: string;
+    value: string;
+}
+declare const AccordionProvider: react.Provider<AccordionContextData | undefined>;
+declare const AccordionItemProvider: react.Provider<AccordionItemContextData | undefined>;
+declare function useAccordionContext(): AccordionContextData;
+declare function useAccordionItemContext(): AccordionItemContextData;
+
+export { type AccordionContextData, type AccordionItemContextData, AccordionItemProvider, AccordionProvider, useAccordionContext, useAccordionItemContext };

package/dist/contexts/accordion.context.js

@@ -0,0 +1,30 @@
+import { createContext, useContext } from "react";
+const AccordionContext = createContext(
+  void 0
+);
+const AccordionItemContext = createContext(void 0);
+const AccordionProvider = AccordionContext.Provider;
+const AccordionItemProvider = AccordionItemContext.Provider;
+function useAccordionContext() {
+  const context = useContext(AccordionContext);
+  if (!context) {
+    throw new Error("Accordion parts must be used within Accordion.Root");
+  }
+  return context;
+}
+function useAccordionItemContext() {
+  const context = useContext(AccordionItemContext);
+  if (!context) {
+    throw new Error(
+      "Accordion.Trigger and Accordion.Content must be used within Accordion.Item"
+    );
+  }
+  return context;
+}
+export {
+  AccordionItemProvider,
+  AccordionProvider,
+  useAccordionContext,
+  useAccordionItemContext
+};
+//# sourceMappingURL=accordion.context.js.map

package/dist/contexts/accordion.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/accordion.context.ts"],"sourcesContent":["import type { ComponentRef, RefObject } from \"react\";\nimport { createContext, useContext } from \"react\";\n\nimport type { Pressable } from \"@impulse-ui-native/primitives\";\n\nimport type { AccordionFocusDirection } from \"../utils\";\n\ninterface AccordionTriggerRegistration {\n  disabled: boolean;\n  ref: RefObject<ComponentRef<typeof Pressable> | null>;\n  value: string;\n}\n\nexport interface AccordionContextData {\n  disabled: boolean;\n  expandedValues: readonly string[];\n  focusTrigger: (value: string, direction: AccordionFocusDirection) => void;\n  registerTrigger: (registration: AccordionTriggerRegistration) => () => void;\n  toggleItem: (value: string) => void;\n}\n\nexport interface AccordionItemContextData {\n  contentId: string;\n  disabled: boolean;\n  open: boolean;\n  triggerId: string;\n  value: string;\n}\n\nconst AccordionContext = createContext<AccordionContextData | undefined>(\n  undefined,\n);\nconst AccordionItemContext = createContext<\n  AccordionItemContextData | undefined\n>(undefined);\n\nexport const AccordionProvider = AccordionContext.Provider;\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport function useAccordionContext() {\n  const context = useContext(AccordionContext);\n\n  if (!context) {\n    throw new Error(\"Accordion parts must be used within Accordion.Root\");\n  }\n\n  return context;\n}\n\nexport function useAccordionItemContext() {\n  const context = useContext(AccordionItemContext);\n\n  if (!context) {\n    throw new Error(\n      \"Accordion.Trigger and Accordion.Content must be used within Accordion.Item\",\n    );\n  }\n\n  return context;\n}\n"],"mappings":"AACA,SAAS,eAAe,kBAAkB;AA4B1C,MAAM,mBAAmB;AAAA,EACvB;AACF;AACA,MAAM,uBAAuB,cAE3B,MAAS;AAEJ,MAAM,oBAAoB,iBAAiB;AAC3C,MAAM,wBAAwB,qBAAqB;AAEnD,SAAS,sBAAsB;AACpC,QAAM,UAAU,WAAW,gBAAgB;AAE3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,oDAAoD;AAAA,EACtE;AAEA,SAAO;AACT;AAEO,SAAS,0BAA0B;AACxC,QAAM,UAAU,WAAW,oBAAoB;AAE/C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/contexts/index.d.mts

@@ -0,0 +1,4 @@
+export { AccordionContextData, AccordionItemContextData, AccordionItemProvider, AccordionProvider, useAccordionContext, useAccordionItemContext } from './accordion.context.mjs';
+import 'react';
+import '@impulse-ui-native/primitives';
+import '../utils/accordion.utils.mjs';

package/dist/contexts/index.js

@@ -0,0 +1,2 @@
+export * from "./accordion.context";
+//# sourceMappingURL=index.js.map

package/dist/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contexts/index.ts"],"sourcesContent":["export * from \"./accordion.context\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/hooks/accordion-animation.types.d.mts

@@ -0,0 +1,6 @@
+interface AccordionAnimationOptions {
+    duration: number;
+    open: boolean;
+}
+
+export type { AccordionAnimationOptions };

package/dist/hooks/accordion-animation.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=accordion-animation.types.js.map

package/dist/hooks/accordion-animation.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/hooks/index.d.mts

@@ -0,0 +1,6 @@
+export { useAccordionAnimationProgress } from './use-accordion-animation-progress.hook.mjs';
+export { useAccordionContentAnimation } from './use-accordion-content-animation.hook.mjs';
+export { useAccordionIndicatorAnimation } from './use-accordion-indicator-animation.hook.mjs';
+import 'react-native-reanimated';
+import './accordion-animation.types.mjs';
+import 'react-native-reanimated/lib/typescript/hook/commonTypes';

package/dist/hooks/index.js

@@ -0,0 +1,4 @@
+export * from "./use-accordion-animation-progress.hook";
+export * from "./use-accordion-content-animation.hook";
+export * from "./use-accordion-indicator-animation.hook";
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from \"./use-accordion-animation-progress.hook\";\nexport * from \"./use-accordion-content-animation.hook\";\nexport * from \"./use-accordion-indicator-animation.hook\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/hooks/use-accordion-animation-progress.hook.d.mts

@@ -0,0 +1,6 @@
+import * as react_native_reanimated from 'react-native-reanimated';
+import { AccordionAnimationOptions } from './accordion-animation.types.mjs';
+
+declare function useAccordionAnimationProgress({ duration, open, }: AccordionAnimationOptions): react_native_reanimated.SharedValue<number>;
+
+export { useAccordionAnimationProgress };

package/dist/hooks/use-accordion-animation-progress.hook.js

@@ -0,0 +1,26 @@
+import { useEffect } from "react";
+import {
+  Easing,
+  useReducedMotion,
+  useSharedValue,
+  withTiming
+} from "react-native-reanimated";
+const accordionEasing = Easing.out(Easing.cubic);
+function useAccordionAnimationProgress({
+  duration,
+  open
+}) {
+  const reduceMotion = useReducedMotion();
+  const progress = useSharedValue(open ? 1 : 0);
+  useEffect(() => {
+    progress.value = withTiming(open ? 1 : 0, {
+      duration: reduceMotion ? 0 : duration,
+      easing: accordionEasing
+    });
+  }, [duration, open, progress, reduceMotion]);
+  return progress;
+}
+export {
+  useAccordionAnimationProgress
+};
+//# sourceMappingURL=use-accordion-animation-progress.hook.js.map

package/dist/hooks/use-accordion-animation-progress.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-accordion-animation-progress.hook.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport {\n  Easing,\n  useReducedMotion,\n  useSharedValue,\n  withTiming,\n} from \"react-native-reanimated\";\n\nimport type { AccordionAnimationOptions } from \"./accordion-animation.types\";\n\nconst accordionEasing = Easing.out(Easing.cubic);\n\nexport function useAccordionAnimationProgress({\n  duration,\n  open,\n}: AccordionAnimationOptions) {\n  const reduceMotion = useReducedMotion();\n  const progress = useSharedValue(open ? 1 : 0);\n\n  useEffect(() => {\n    progress.value = withTiming(open ? 1 : 0, {\n      duration: reduceMotion ? 0 : duration,\n      easing: accordionEasing,\n    });\n  }, [duration, open, progress, reduceMotion]);\n\n  return progress;\n}\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIP,MAAM,kBAAkB,OAAO,IAAI,OAAO,KAAK;AAExC,SAAS,8BAA8B;AAAA,EAC5C;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,eAAe,iBAAiB;AACtC,QAAM,WAAW,eAAe,OAAO,IAAI,CAAC;AAE5C,YAAU,MAAM;AACd,aAAS,QAAQ,WAAW,OAAO,IAAI,GAAG;AAAA,MACxC,UAAU,eAAe,IAAI;AAAA,MAC7B,QAAQ;AAAA,IACV,CAAC;AAAA,EACH,GAAG,CAAC,UAAU,MAAM,UAAU,YAAY,CAAC;AAE3C,SAAO;AACT;","names":[]}

package/dist/hooks/use-accordion-content-animation.hook.d.mts

@@ -0,0 +1,12 @@
+import * as react_native_reanimated_lib_typescript_hook_commonTypes from 'react-native-reanimated/lib/typescript/hook/commonTypes';
+import { AccordionAnimationOptions } from './accordion-animation.types.mjs';
+
+declare function useAccordionContentAnimation({ duration, open, }: AccordionAnimationOptions): {
+    contentStyle: react_native_reanimated_lib_typescript_hook_commonTypes.AnimatedStyleHandle<{
+        height: number;
+        opacity: number;
+    }>;
+    setContentHeight: (height: number) => void;
+};
+
+export { useAccordionContentAnimation };

package/dist/hooks/use-accordion-content-animation.hook.js

@@ -0,0 +1,28 @@
+import { useCallback, useMemo } from "react";
+import { useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { useAccordionAnimationProgress } from "./use-accordion-animation-progress.hook";
+function useAccordionContentAnimation({
+  duration,
+  open
+}) {
+  const measuredHeight = useSharedValue(0);
+  const progress = useAccordionAnimationProgress({ duration, open });
+  const contentStyle = useAnimatedStyle(() => ({
+    height: measuredHeight.value * progress.value,
+    opacity: progress.value
+  }));
+  const setContentHeight = useCallback(
+    (height) => {
+      measuredHeight.value = height;
+    },
+    [measuredHeight]
+  );
+  return useMemo(
+    () => ({ contentStyle, setContentHeight }),
+    [contentStyle, setContentHeight]
+  );
+}
+export {
+  useAccordionContentAnimation
+};
+//# sourceMappingURL=use-accordion-content-animation.hook.js.map

package/dist/hooks/use-accordion-content-animation.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-accordion-content-animation.hook.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { useAnimatedStyle, useSharedValue } from \"react-native-reanimated\";\n\nimport type { AccordionAnimationOptions } from \"./accordion-animation.types\";\nimport { useAccordionAnimationProgress } from \"./use-accordion-animation-progress.hook\";\n\nexport function useAccordionContentAnimation({\n  duration,\n  open,\n}: AccordionAnimationOptions) {\n  const measuredHeight = useSharedValue(0);\n  const progress = useAccordionAnimationProgress({ duration, open });\n\n  const contentStyle = useAnimatedStyle(() => ({\n    height: measuredHeight.value * progress.value,\n    opacity: progress.value,\n  }));\n\n  const setContentHeight = useCallback(\n    (height: number) => {\n      measuredHeight.value = height;\n    },\n    [measuredHeight],\n  );\n\n  return useMemo(\n    () => ({ contentStyle, setContentHeight }),\n    [contentStyle, setContentHeight],\n  );\n}\n"],"mappings":"AAAA,SAAS,aAAa,eAAe;AACrC,SAAS,kBAAkB,sBAAsB;AAGjD,SAAS,qCAAqC;AAEvC,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,iBAAiB,eAAe,CAAC;AACvC,QAAM,WAAW,8BAA8B,EAAE,UAAU,KAAK,CAAC;AAEjE,QAAM,eAAe,iBAAiB,OAAO;AAAA,IAC3C,QAAQ,eAAe,QAAQ,SAAS;AAAA,IACxC,SAAS,SAAS;AAAA,EACpB,EAAE;AAEF,QAAM,mBAAmB;AAAA,IACvB,CAAC,WAAmB;AAClB,qBAAe,QAAQ;AAAA,IACzB;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,SAAO;AAAA,IACL,OAAO,EAAE,cAAc,iBAAiB;AAAA,IACxC,CAAC,cAAc,gBAAgB;AAAA,EACjC;AACF;","names":[]}

package/dist/hooks/use-accordion-indicator-animation.hook.d.mts

@@ -0,0 +1,10 @@
+import * as react_native_reanimated_lib_typescript_hook_commonTypes from 'react-native-reanimated/lib/typescript/hook/commonTypes';
+import { AccordionAnimationOptions } from './accordion-animation.types.mjs';
+
+declare function useAccordionIndicatorAnimation({ duration, open, }: AccordionAnimationOptions): react_native_reanimated_lib_typescript_hook_commonTypes.AnimatedStyleHandle<{
+    transform: {
+        rotate: string;
+    }[];
+}>;
+
+export { useAccordionIndicatorAnimation };

package/dist/hooks/use-accordion-indicator-animation.hook.js

@@ -0,0 +1,16 @@
+import { useAnimatedStyle } from "react-native-reanimated";
+import { useAccordionAnimationProgress } from "./use-accordion-animation-progress.hook";
+function useAccordionIndicatorAnimation({
+  duration,
+  open
+}) {
+  const progress = useAccordionAnimationProgress({ duration, open });
+  const indicatorStyle = useAnimatedStyle(() => ({
+    transform: [{ rotate: `${progress.value * 180}deg` }]
+  }));
+  return indicatorStyle;
+}
+export {
+  useAccordionIndicatorAnimation
+};
+//# sourceMappingURL=use-accordion-indicator-animation.hook.js.map

package/dist/hooks/use-accordion-indicator-animation.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/use-accordion-indicator-animation.hook.ts"],"sourcesContent":["import { useAnimatedStyle } from \"react-native-reanimated\";\n\nimport type { AccordionAnimationOptions } from \"./accordion-animation.types\";\nimport { useAccordionAnimationProgress } from \"./use-accordion-animation-progress.hook\";\n\nexport function useAccordionIndicatorAnimation({\n  duration,\n  open,\n}: AccordionAnimationOptions) {\n  const progress = useAccordionAnimationProgress({ duration, open });\n\n  const indicatorStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${progress.value * 180}deg` }],\n  }));\n\n  return indicatorStyle;\n}\n"],"mappings":"AAAA,SAAS,wBAAwB;AAGjC,SAAS,qCAAqC;AAEvC,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,WAAW,8BAA8B,EAAE,UAAU,KAAK,CAAC;AAEjE,QAAM,iBAAiB,iBAAiB,OAAO;AAAA,IAC7C,WAAW,CAAC,EAAE,QAAQ,GAAG,SAAS,QAAQ,GAAG,MAAM,CAAC;AAAA,EACtD,EAAE;AAEF,SAAO;AACT;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { Accordion } from './components/accordion.mjs';
+export { AccordionContentProps, AccordionItemProps, AccordionKeyDownEvent, AccordionMultipleRootProps, AccordionRootProps, AccordionSingleRootProps, AccordionTriggerProps } from './types/accordion.types.mjs';
+import 'react';
+import 'react/jsx-runtime';
+import 'react-native';

package/dist/index.js

@@ -0,0 +1,3 @@
+export * from "./components";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from \"./components\";\nexport * from \"./types\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/types/accordion.types.d.mts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { ViewProps, PressableProps, NativeSyntheticEvent } from 'react-native';
+
+interface AccordionRootCommonProps extends ViewProps {
+    children?: ReactNode;
+    collapsible?: boolean;
+    disabled?: boolean;
+}
+interface AccordionSingleRootProps extends AccordionRootCommonProps {
+    defaultValue?: string;
+    onValueChange?: (value: string | undefined) => void;
+    type?: "single";
+    value?: string;
+}
+interface AccordionMultipleRootProps extends AccordionRootCommonProps {
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    type: "multiple";
+    value?: string[];
+}
+type AccordionRootProps = AccordionSingleRootProps | AccordionMultipleRootProps;
+interface AccordionItemProps extends ViewProps {
+    children?: ReactNode;
+    disabled?: boolean;
+    value: string;
+}
+interface AccordionTriggerProps extends Omit<PressableProps, "accessibilityRole" | "children"> {
+    children?: ReactNode;
+    hideIndicator?: boolean;
+    indicator?: ReactNode;
+    onKeyDown?: (event: AccordionKeyDownEvent) => void;
+}
+type AccordionKeyDownEvent = NativeSyntheticEvent<{
+    key: string;
+}>;
+interface AccordionContentProps extends ViewProps {
+    children?: ReactNode;
+}
+
+export type { AccordionContentProps, AccordionItemProps, AccordionKeyDownEvent, AccordionMultipleRootProps, AccordionRootProps, AccordionSingleRootProps, AccordionTriggerProps };

package/dist/types/accordion.types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=accordion.types.js.map

package/dist/types/accordion.types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/index.d.mts

@@ -0,0 +1,3 @@
+export { AccordionContentProps, AccordionItemProps, AccordionKeyDownEvent, AccordionMultipleRootProps, AccordionRootProps, AccordionSingleRootProps, AccordionTriggerProps } from './accordion.types.mjs';
+import 'react';
+import 'react-native';

package/dist/types/index.js

@@ -0,0 +1,2 @@
+export * from "./accordion.types";
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/types/index.ts"],"sourcesContent":["export * from \"./accordion.types\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/utils/accordion.utils.d.mts

@@ -0,0 +1,5 @@
+type AccordionFocusDirection = "first" | "last" | "next" | "previous";
+declare function getAccordionFocusDirection(key: string): AccordionFocusDirection | undefined;
+declare function normalizeAccordionValue(value: string | readonly string[] | undefined): readonly string[];
+
+export { type AccordionFocusDirection, getAccordionFocusDirection, normalizeAccordionValue };

package/dist/utils/accordion.utils.js

@@ -0,0 +1,16 @@
+function getAccordionFocusDirection(key) {
+  if (key === "ArrowDown") return "next";
+  if (key === "ArrowUp") return "previous";
+  if (key === "Home") return "first";
+  if (key === "End") return "last";
+  return void 0;
+}
+function normalizeAccordionValue(value) {
+  if (value === void 0) return [];
+  return typeof value === "string" ? [value] : value;
+}
+export {
+  getAccordionFocusDirection,
+  normalizeAccordionValue
+};
+//# sourceMappingURL=accordion.utils.js.map

package/dist/utils/accordion.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/accordion.utils.ts"],"sourcesContent":["export type AccordionFocusDirection = \"first\" | \"last\" | \"next\" | \"previous\";\n\nexport function getAccordionFocusDirection(\n  key: string,\n): AccordionFocusDirection | undefined {\n  if (key === \"ArrowDown\") return \"next\";\n  if (key === \"ArrowUp\") return \"previous\";\n  if (key === \"Home\") return \"first\";\n  if (key === \"End\") return \"last\";\n  return undefined;\n}\n\nexport function normalizeAccordionValue(\n  value: string | readonly string[] | undefined,\n): readonly string[] {\n  if (value === undefined) return [];\n  return typeof value === \"string\" ? [value] : value;\n}\n"],"mappings":"AAEO,SAAS,2BACd,KACqC;AACrC,MAAI,QAAQ,YAAa,QAAO;AAChC,MAAI,QAAQ,UAAW,QAAO;AAC9B,MAAI,QAAQ,OAAQ,QAAO;AAC3B,MAAI,QAAQ,MAAO,QAAO;AAC1B,SAAO;AACT;AAEO,SAAS,wBACd,OACmB;AACnB,MAAI,UAAU,OAAW,QAAO,CAAC;AACjC,SAAO,OAAO,UAAU,WAAW,CAAC,KAAK,IAAI;AAC/C;","names":[]}

package/dist/utils/index.d.mts

@@ -0,0 +1 @@
+export { AccordionFocusDirection, getAccordionFocusDirection, normalizeAccordionValue } from './accordion.utils.mjs';

package/dist/utils/index.js

@@ -0,0 +1,2 @@
+export * from "./accordion.utils";
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export * from \"./accordion.utils\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@impulse-ui-native/accordion",
+  "version": "2.8.0",
+  "description": "Accessible animated accordion components for ImpulseUI Native applications.",
+  "keywords": [
+    "react-native",
+    "accordion",
+    "collapsible",
+    "disclosure",
+    "components",
+    "impulse-ui-native"
+  ],
+  "license": "MIT",
+  "source": "src/index.ts",
+  "module": "dist/index.js",
+  "types": "dist/index.d.mts",
+  "react-native": "src/index.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "react-native": "./src/index.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@impulse-ui-native/core": "2.8.0",
+    "@impulse-ui-native/icon": "2.8.0",
+    "@impulse-ui-native/primitives": "2.8.0",
+    "@impulse-ui-native/theme": "2.8.0"
+  },
+  "devDependencies": {
+    "@types/react": "~19.2.14",
+    "eslint": "^9.38.0",
+    "prettier": "^3.6.2",
+    "react": "19.2.3",
+    "react-native": "0.86.2",
+    "react-native-reanimated": "4.5.1",
+    "react-native-worklets": "0.10.1",
+    "typescript": "~6.0.3",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73",
+    "react-native-reanimated": ">=3.6.0",
+    "react-native-worklets": ">=0.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "prettier": "@impulse-ui-native/prettier-config",
+  "scripts": {
+    "build": "tsup --config tsup.config.ts",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint . --fix",
+    "format": "prettier --write \"./**/*.{ts,tsx,js,jsx,json,md}\" --ignore-path ../../.prettierignore"
+  }
+}