@ankhorage/surface 4.2.0 → 4.3.0

package/src/{primitives/heading → features/typography/adapters/inbound}/Heading.tsx

@@ -1,40 +1,13 @@
 import React from 'react';
-import { Text } from 'react-native';
+import { Text as ReactNativeText } from 'react-native';
 
-import { useTranslationContext } from '../../context/TranslationContext';
-import { useTheme } from '../../theme/ThemeContext';
-import { resolveHeadingTextStyle } from './resolveHeadingStyle';
-import type { HeadingProps } from './types';
+import { useTranslationContext } from '../../../../context/TranslationContext';
+import { useTheme } from '../../../../theme/ThemeContext';
+import type { HeadingProps } from '../../../../types/typography';
+import { resolveHeadingTextStyle } from '../../utils/resolveHeadingTextStyle';
 
-function resolveHeadingContent({
-  text,
-  children,
-  i18nKey,
-  translate,
-}: {
-  text: HeadingProps['text'];
-  children: HeadingProps['children'];
-  i18nKey: HeadingProps['i18nKey'];
-  translate: (key: string) => string;
-}) {
-  let content = text ?? children;
-  if (!i18nKey) {
-    return content;
-  }
-
-  try {
-    const translated = translate(i18nKey);
-    if (translated && translated !== i18nKey) {
-      content = translated;
-    }
-  } catch (error) {
-    console.warn('[Heading] Translation error:', error);
-  }
-
-  return content;
-}
-
-export const Heading: React.FC<HeadingProps> = ({
+/*** Renders a semantic, translatable heading using Surface typography tokens. */
+export function Heading({
   text,
   children,
   level = 2,
@@ -44,19 +17,43 @@ export const Heading: React.FC<HeadingProps> = ({
   numberOfLines,
   i18nKey,
   testID,
-}) => {
+}: HeadingProps) {
   const { theme } = useTheme();
   const { t } = useTranslationContext();
   const content = resolveHeadingContent({ text, children, i18nKey, translate: t });
 
   return (
-    <Text
+    <ReactNativeText
       accessibilityRole="header"
       testID={testID}
       numberOfLines={numberOfLines}
       style={resolveHeadingTextStyle(theme, level, align, emphasis, color)}
     >
       {content}
-    </Text>
+    </ReactNativeText>
   );
-};
+}
+
+/*** Resolves authored or translated heading content without mutating source input. */
+function resolveHeadingContent({
+  text,
+  children,
+  i18nKey,
+  translate,
+}: {
+  text: HeadingProps['text'];
+  children: HeadingProps['children'];
+  i18nKey: HeadingProps['i18nKey'];
+  translate: (key: string) => string;
+}) {
+  const content = text ?? children;
+  if (!i18nKey) return content;
+
+  try {
+    const translated = translate(i18nKey);
+    return translated && translated !== i18nKey ? translated : content;
+  } catch (error) {
+    console.warn('[Heading] Translation error:', error);
+    return content;
+  }
+}

package/src/{primitives/text → features/typography/adapters/inbound}/Text.tsx

@@ -1,33 +1,12 @@
 import React from 'react';
 import { Text as ReactNativeText } from 'react-native';
 
-import { useTranslationContext } from '../../context/TranslationContext';
-import { resolveTextColor, resolveTextStyles } from '../../internal/resolvers';
-import { useTheme } from '../../theme/ThemeContext';
-import type { TextProps } from './types';
-
-function resolveTextContent(
-  children: TextProps['children'],
-  i18nKey: TextProps['i18nKey'],
-  translate: (key: string) => string,
-) {
-  if (children !== undefined) {
-    return children;
-  }
-
-  if (!i18nKey) {
-    return null;
-  }
-
-  try {
-    const translated = translate(i18nKey);
-    return translated && translated !== i18nKey ? translated : i18nKey;
-  } catch (error) {
-    console.warn('[Text] Translation error:', error);
-    return i18nKey;
-  }
-}
+import { useTranslationContext } from '../../../../context/TranslationContext';
+import { resolveTextColor, resolveTextStyles } from '../../../../internal/resolvers';
+import { useTheme } from '../../../../theme/ThemeContext';
+import type { TextProps } from '../../../../types/typography';
 
+/*** Renders translatable body text using Surface semantic typography. */
 export function Text({
   children,
   i18nKey,
@@ -49,18 +28,29 @@ export function Text({
       numberOfLines={numberOfLines}
       testID={testID}
       style={[
-        resolveTextStyles(theme, {
-          align,
-          italic,
-          variant,
-          weight,
-        }),
-        {
-          color: resolveTextColor(theme, emphasis, color),
-        },
+        resolveTextStyles(theme, { align, italic, variant, weight }),
+        { color: resolveTextColor(theme, emphasis, color) },
       ]}
     >
       {content}
     </ReactNativeText>
   );
 }
+
+/*** Resolves authored or translated Text content with a stable fallback. */
+function resolveTextContent(
+  children: TextProps['children'],
+  i18nKey: TextProps['i18nKey'],
+  translate: (key: string) => string,
+) {
+  if (children !== undefined) return children;
+  if (!i18nKey) return null;
+
+  try {
+    const translated = translate(i18nKey);
+    return translated && translated !== i18nKey ? translated : i18nKey;
+  } catch (error) {
+    console.warn('[Text] Translation error:', error);
+    return i18nKey;
+  }
+}

package/src/features/typography/public.ts

@@ -0,0 +1,3 @@
+export type { HeadingLevel, HeadingProps, TextProps } from '../../types/typography';
+export { Heading } from './adapters/inbound/Heading';
+export { Text } from './adapters/inbound/Text';

package/src/{primitives/heading/resolveHeadingStyle.test.ts → features/typography/utils/resolveHeadingTextStyle.test.ts}

@@ -1,31 +1,24 @@
 import { describe, expect, it } from 'bun:test';
 
-import { createTheme } from '../../theme/createTheme';
-import { resolveHeadingTextStyle } from './resolveHeadingStyle';
+import { createTheme } from '../../../theme/createTheme';
+import { resolveHeadingTextStyle } from './resolveHeadingTextStyle';
 
 describe('resolveHeadingTextStyle', () => {
   it('maps heading levels to theme-driven typography tokens', () => {
     const theme = createTheme();
     const style = resolveHeadingTextStyle(theme, 4, 'center');
-
     expect(style.fontSize).toBe(18);
     expect(style.lineHeight).toBe(24);
     expect(style.fontWeight).toBe('600');
     expect(style.color).toBe(theme.colors.text);
     expect(style.textAlign).toBe('center');
   });
-
   it('uses the themed font family when one is configured', () => {
-    const theme = createTheme(undefined, 'light', 'space grotesk');
-    const style = resolveHeadingTextStyle(theme, 1);
-
+    const style = resolveHeadingTextStyle(createTheme(undefined, 'light', 'space grotesk'), 1);
     expect(style.fontFamily).toBe('SpaceGrotesk_700Regular');
   });
-
-  it('shares the default content emphasis with the text primitive', () => {
+  it('shares the default content emphasis with Text', () => {
     const theme = createTheme();
-    const style = resolveHeadingTextStyle(theme, 2);
-
-    expect(style.color).toBe(theme.semantics.content.default);
+    expect(resolveHeadingTextStyle(theme, 2).color).toBe(theme.semantics.content.default);
   });
 });

package/src/features/typography/utils/resolveHeadingTextStyle.ts

@@ -0,0 +1,21 @@
+import type { TextStyle } from 'react-native';
+
+import { resolveTextColor } from '../../../internal/resolvers/resolveTextColor';
+import { resolveTextStyles } from '../../../internal/resolvers/resolveTextStyles';
+import type { SurfaceColor, SurfaceEmphasis } from '../../../surfaceColor';
+import type { SurfaceTheme } from '../../../theme/types';
+import type { HeadingLevel, HeadingProps } from '../../../types/typography';
+
+/*** Resolves theme-driven typography styles for one heading level. */
+export function resolveHeadingTextStyle(
+  theme: SurfaceTheme,
+  level: HeadingLevel,
+  align?: HeadingProps['align'],
+  emphasis: SurfaceEmphasis = 'default',
+  color?: SurfaceColor,
+): TextStyle {
+  return {
+    ...resolveTextStyles(theme, { align, level }),
+    color: resolveTextColor(theme, emphasis, color),
+  };
+}

package/src/index.test.ts

@@ -17,39 +17,79 @@ const packageJson = JSON.parse(
   peerDependencies: Record<string, string>;
 };
 
-const expectedRootExports = [
-  "export { Badge } from './components/badge';",
-  "export { Button } from './components/button';",
-  "export { Card } from './components/card';",
-  "export { Checkbox } from './components/checkbox';",
+const expectedFeatureRootExports = [
+  "export { Badge } from './features/badge/public';",
+  "export { Button, IconButton } from './features/button/public';",
+  "export { Card } from './features/card/public';",
+  "export { Checkbox } from './features/form/checkbox/public';",
+  "export { Radio } from './features/form/radio/public';",
+  "export { TextInput } from './features/form/text-input/public';",
+  "export { Icon, SUPPORTED_ICON_PROVIDERS } from './features/icon/public';",
+  "export { Image } from './features/image/public';",
+  "export { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';",
+  "export { Box, Container, Divider, Grid, Stack } from './features/layout/public';",
+  "export { Surface } from './features/surface/public';",
+  "export { Heading, Text } from './features/typography/public';",
+] as const;
+
+const expectedLegacyRootExports = [
   "export { Field } from './components/field';",
   "export { HelperText } from './components/helper-text';",
-  "export { IconButton } from './components/icon-button';",
-  "export { Icon, SUPPORTED_ICON_PROVIDERS } from './primitives/icon';",
-  "export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';",
   "export { Label } from './components/label';",
   "export { ListItem } from './components/list-item';",
   "export { Menu } from './components/menu';",
   "export { Modal } from './components/modal';",
-  "export { Radio } from './components/radio';",
   "export { Switch } from './components/switch';",
   "export { Tab, TabList, TabPanel, Tabs } from './components/tabs';",
-  "export { TextInput } from './components/text-input';",
   "export { Textarea } from './components/textarea';",
   "export { Toast, ToastProvider, useToast } from './components/toast';",
   "export { Tooltip } from './components/tooltip';",
+  "export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';",
   "export * from './core/responsive';",
   "export * from './layout';",
-  "export { Image } from './primitives/image';",
-  "export {\n  SURFACE_COLORS,\n  SURFACE_EMPHASES,\n  SURFACE_PALETTE_COLORS,\n  SURFACE_STATUS_COLORS,\n} from './surfaceColor';",
-  "export * from './theme';",
 ] as const;
 
-describe('public root barrel contract', () => {
-  it('keeps the intended package surface', () => {
-    expectedRootExports.forEach((line) => {
-      expect(indexSource).toContain(line);
-    });
+describe('feature-owned root barrel contract', () => {
+  it('routes migrated UI through feature-owned public facades', () => {
+    expectedFeatureRootExports.forEach((line) => expect(indexSource).toContain(line));
+  });
+
+  it('does not retain migrated UI exports from legacy component or primitive paths', () => {
+    for (const legacyPath of [
+      './components/badge',
+      './components/button',
+      './components/card',
+      './components/checkbox',
+      './components/icon-button',
+      './components/radio',
+      './components/text-input',
+      './primitives/heading',
+      './primitives/icon',
+      './primitives/image',
+      './primitives/text',
+    ]) {
+      expect(indexSource).not.toContain(legacyPath);
+    }
+  });
+
+  it('removes migrated elements from the legacy layout facade', () => {
+    for (const name of [
+      'Box',
+      'Container',
+      'Divider',
+      'Grid',
+      'KeyboardAvoidingView',
+      'Stack',
+      'Surface',
+    ]) {
+      expect(layoutIndexSource).not.toContain(`./${name}`);
+    }
+  });
+});
+
+describe('remaining root barrel contract', () => {
+  it('keeps still-unmigrated UI on its current public API until its feature migration', () => {
+    expectedLegacyRootExports.forEach((line) => expect(indexSource).toContain(line));
   });
 
   it('does not retain obsolete action-sheet, drawer, or navigation chrome', () => {
@@ -75,19 +115,9 @@ describe('public root barrel contract', () => {
     const theme = createTheme();
     const selection: SelectionSemantics = theme.semantics.selection;
     const diagnostics: SurfaceColorDiagnostics = theme.colorDiagnostics;
-
     expect(selection.background).toBeDefined();
     expect(diagnostics.generated.swatches).toBe(theme.swatches);
   });
-
-  it('publishes KeyboardAvoidingView through the root layout facade', () => {
-    expect(indexSource).toContain("export * from './layout';");
-    expect(layoutIndexSource).toContain(
-      "export { KeyboardAvoidingView } from './KeyboardAvoidingView';",
-    );
-    expect(layoutIndexSource).toContain('KeyboardAvoidingViewProps');
-    expect(layoutIndexSource).toContain('KeyboardAvoidingViewBehavior');
-  });
 });
 
 describe('public package metadata contract', () => {

package/src/index.ts

@@ -1,17 +1,7 @@
-export type { BadgeProps } from './components/badge';
-export { Badge } from './components/badge';
-export type { ButtonIconSpec, ButtonProps } from './components/button';
-export { Button } from './components/button';
-export type { CardProps } from './components/card';
-export { Card } from './components/card';
-export type { CheckboxProps } from './components/checkbox';
-export { Checkbox } from './components/checkbox';
 export type { FieldProps } from './components/field';
 export { Field } from './components/field';
 export type { HelperTextProps } from './components/helper-text';
 export { HelperText } from './components/helper-text';
-export type { IconButtonProps } from './components/icon-button';
-export { IconButton } from './components/icon-button';
 export type { LabelProps } from './components/label';
 export { Label } from './components/label';
 export type { ListItemProps } from './components/list-item';
@@ -20,14 +10,10 @@ export type { MenuAction, MenuActionIntent, MenuItem, MenuProps } from './compon
 export { Menu } from './components/menu';
 export type { ModalProps } from './components/modal';
 export { Modal } from './components/modal';
-export type { RadioProps } from './components/radio';
-export { Radio } from './components/radio';
 export type { SwitchProps } from './components/switch';
 export { Switch } from './components/switch';
 export type { TabListProps, TabPanelProps, TabProps, TabsProps } from './components/tabs';
 export { Tab, TabList, TabPanel, Tabs } from './components/tabs';
-export type { TextInputProps } from './components/text-input';
-export { TextInput } from './components/text-input';
 export type { TextareaProps } from './components/textarea';
 export { Textarea } from './components/textarea';
 export type { ToastOptions, ToastProps, ToastStatus } from './components/toast';
@@ -39,12 +25,33 @@ export { FontProvider, useFontContext } from './context/FontContext';
 export type { I18nInstance, TranslationRuntime, Translator } from './context/TranslationContext';
 export { TranslationProvider, useTranslationContext } from './context/TranslationContext';
 export * from './core/responsive';
-export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';
-export * from './layout';
-export type { ButtonBaseProps } from './primitives/button-base';
-export { ButtonBase } from './primitives/button-base';
-export type { HeadingLevel, HeadingProps } from './primitives/heading';
-export { Heading } from './primitives/heading';
+export type {
+  AccordionContentProps,
+  AccordionItemProps,
+  AccordionMode,
+  AccordionMultipleProps,
+  AccordionProps,
+  AccordionSingleProps,
+  AccordionTriggerProps,
+} from './features/accordion/public';
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from './features/accordion/public';
+export type { BadgeProps } from './features/badge/public';
+export { Badge } from './features/badge/public';
+export type { ButtonIconSpec, ButtonProps, IconButtonProps } from './features/button/public';
+export { Button, IconButton } from './features/button/public';
+export type { CardProps } from './features/card/public';
+export { Card } from './features/card/public';
+export type { CheckboxProps } from './features/form/checkbox/public';
+export { Checkbox } from './features/form/checkbox/public';
+export type { RadioProps } from './features/form/radio/public';
+export { Radio } from './features/form/radio/public';
+export type { TextInputProps } from './features/form/text-input/public';
+export { TextInput } from './features/form/text-input/public';
 export type {
   FontIconSource,
   IconProps,
@@ -52,12 +59,31 @@ export type {
   IconSource,
   IconVariant,
   SvgIconSource,
-} from './primitives/icon';
-export { Icon, SUPPORTED_ICON_PROVIDERS } from './primitives/icon';
-export type { ImageFit, ImageProps, SurfaceImageSource } from './primitives/image';
-export { Image } from './primitives/image';
-export type { TextProps } from './primitives/text';
-export { Text } from './primitives/text';
+} from './features/icon/public';
+export { Icon, SUPPORTED_ICON_PROVIDERS } from './features/icon/public';
+export type { ImageFit, ImageProps, SurfaceImageSource } from './features/image/public';
+export { Image } from './features/image/public';
+export type {
+  KeyboardAvoidingViewBehavior,
+  KeyboardAvoidingViewProps,
+} from './features/keyboard-avoiding-view/public';
+export { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';
+export type {
+  BoxProps,
+  ContainerProps,
+  DividerProps,
+  GridProps,
+  StackProps,
+} from './features/layout/public';
+export { Box, Container, Divider, Grid, Stack } from './features/layout/public';
+export type { SurfaceProps, SurfaceVariant } from './features/surface/public';
+export { Surface } from './features/surface/public';
+export type { HeadingLevel, HeadingProps, TextProps } from './features/typography/public';
+export { Heading, Text } from './features/typography/public';
+export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';
+export * from './layout';
+export type { ButtonBaseProps } from './primitives/button-base';
+export { ButtonBase } from './primitives/button-base';
 export type {
   SurfaceColor,
   SurfaceEmphasis,

package/src/layout/AppBar.tsx

@@ -2,9 +2,8 @@ import React from 'react';
 import { type StyleProp, View, type ViewStyle } from 'react-native';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
 
+import { Box, type BoxProps, Divider } from '../features/layout/public';
 import { useTheme } from '../theme/ThemeContext';
-import { Box, type BoxProps } from './Box';
-import { Divider } from './Divider';
 
 export interface AppBarProps extends Omit<BoxProps, 'children'> {
   leading?: React.ReactNode;

package/src/layout/Center.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Box, type BoxProps } from './Box';
+import { Box, type BoxProps } from '../features/layout/public';
 
 export interface CenterProps extends BoxProps {
   axis?: 'horizontal' | 'vertical' | 'both';

package/src/layout/Inline.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Stack, type StackProps } from './Stack';
+import { Stack, type StackProps } from '../features/layout/public';
 
 export type InlineProps = Omit<StackProps, 'direction'>;
 

package/src/layout/ScrollArea.tsx

@@ -8,7 +8,8 @@ import {
 
 import { useResponsiveRuntime } from '../core/responsive';
 import { useTheme } from '../theme/ThemeContext';
-import { type BoxStyleProps, resolveBoxStyles } from './helpers';
+import type { BoxStyleProps } from '../types/layout';
+import { resolveBoxStyles } from '../utils/resolveBoxStyles';
 
 export interface ScrollAreaProps
   extends

package/src/layout/Spacer.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 
-import { Box } from './Box';
-import type { SpaceValue } from './helpers';
+import { Box } from '../features/layout/public';
+import type { SpaceValue } from '../types/layout';
 
 export interface SpacerProps {
   size?: SpaceValue;

package/src/layout/Template.tsx

@@ -7,9 +7,10 @@ import {
   type Responsive,
   useResponsiveRuntime,
 } from '../core/responsive';
+import { Box, type BoxProps } from '../features/layout/public';
 import { useTheme } from '../theme/ThemeContext';
-import { Box, type BoxProps } from './Box';
-import { resolveSpacing, type SpaceValue } from './helpers';
+import type { SpaceValue } from '../types/layout';
+import { resolveSpacing } from '../utils/resolveSpacing';
 
 type SlotMap = Record<string, React.ReactNode>;
 type TemplateMap = Partial<Record<Breakpoint, string[][]>>;

package/src/layout/index.ts

@@ -1,31 +1,14 @@
 export type { AppBarProps } from './AppBar';
 export { AppBar } from './AppBar';
-export type { BoxProps } from './Box';
-export { Box } from './Box';
 export type { CenterProps } from './Center';
 export { Center } from './Center';
-export type { ContainerProps } from './Container';
-export { Container } from './Container';
-export type { DividerProps } from './Divider';
-export { Divider } from './Divider';
-export type { GridProps } from './Grid';
-export { Grid } from './Grid';
 export type { InlineProps } from './Inline';
 export { Inline } from './Inline';
-export type {
-  KeyboardAvoidingViewBehavior,
-  KeyboardAvoidingViewProps,
-} from './KeyboardAvoidingView';
-export { KeyboardAvoidingView } from './KeyboardAvoidingView';
 export type { ScrollAreaProps } from './ScrollArea';
 export { ScrollArea } from './ScrollArea';
 export type { ShowProps } from './Show';
 export { Show } from './Show';
 export type { SpacerProps } from './Spacer';
 export { Spacer } from './Spacer';
-export type { StackProps } from './Stack';
-export { Stack } from './Stack';
-export type { SurfaceProps, SurfaceVariant } from './Surface';
-export { Surface } from './Surface';
 export type { TemplateProps } from './Template';
 export { Template } from './Template';

package/src/primitives/button-base/ButtonBase.tsx

@@ -7,8 +7,8 @@ import {
   resolveFocusRingStyles,
   resolveInteractiveState,
 } from '../../internal/resolvers';
-import { resolveBoxStyles } from '../../layout/helpers';
 import { useTheme } from '../../theme/ThemeContext';
+import { resolveBoxStyles } from '../../utils/resolveBoxStyles';
 import type { ButtonBaseProps } from './types';
 
 function getInteractionState(

package/src/primitives/button-base/types.ts

@@ -3,7 +3,7 @@ import type { AccessibilityRole, AccessibilityState, GestureResponderEvent } fro
 
 import type { InteractionPolicyProps } from '../../interactionPolicy';
 import type { InteractionState } from '../../internal/resolvers/resolveInteractiveState';
-import type { BoxProps } from '../../layout';
+import type { BoxProps } from '../../types/layout';
 
 export interface ButtonBaseProps
   extends Omit<BoxProps, 'children' | 'pointerEvents'>, InteractionPolicyProps {

package/src/types/accordion.ts

@@ -0,0 +1,69 @@
+import type React from 'react';
+import type { PressableProps, ViewProps } from 'react-native';
+
+import type { InteractionPolicy, InteractionPolicyProps } from '../interactionPolicy';
+
+export type AccordionMode = 'single' | 'multiple';
+
+interface AccordionBaseProps extends Omit<ViewProps, 'children'>, InteractionPolicyProps {
+  children?: React.ReactNode;
+  disabled?: boolean;
+}
+
+export interface AccordionSingleProps extends AccordionBaseProps {
+  type?: 'single';
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string | undefined) => void;
+  collapsible?: boolean;
+}
+
+export interface AccordionMultipleProps extends AccordionBaseProps {
+  type: 'multiple';
+  value?: readonly string[];
+  defaultValue?: readonly string[];
+  onValueChange?: (value: readonly string[]) => void;
+  collapsible?: never;
+}
+
+export type AccordionProps = AccordionSingleProps | AccordionMultipleProps;
+
+export interface AccordionItemProps extends Omit<ViewProps, 'children'>, InteractionPolicyProps {
+  value: string;
+  children?: React.ReactNode;
+  disabled?: boolean;
+}
+
+export interface AccordionTriggerProps
+  extends
+    Omit<
+      PressableProps,
+      'accessibilityRole' | 'accessibilityState' | 'children' | 'disabled' | 'onPress'
+    >,
+    InteractionPolicyProps {
+  children?: PressableProps['children'];
+  disabled?: boolean;
+}
+
+export interface AccordionContentProps extends Omit<ViewProps, 'children'> {
+  children?: React.ReactNode;
+  forceMount?: boolean;
+}
+
+export interface AccordionContextValue {
+  disabled: boolean;
+  interactionPolicy: InteractionPolicy;
+  mode: AccordionMode;
+  openValues: readonly string[];
+  toggleValue: (value: string) => void;
+}
+
+export interface AccordionItemContextValue {
+  contentId: string;
+  disabled: boolean;
+  interactionPolicy: InteractionPolicy;
+  open: boolean;
+  toggle: () => void;
+  triggerId: string;
+  value: string;
+}