@ankhorage/zora 5.0.0 → 6.0.0

package/src/components/time-picker/TimePicker.tsx

@@ -1,10 +1,10 @@
 import { Field } from '@ankhorage/surface';
 import React from 'react';
-import { ScrollView } from 'react-native';
+import { ScrollView, StyleSheet } from 'react-native';
 
+import { useBottomSheet } from '../../features/bottom-sheet/public';
 import { Stack } from '../../foundation';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { ActionSheet, ActionSheetItem } from '../action-sheet';
 import { Button } from '../button';
 import { Text } from '../text';
 import type { TimePickerProps } from './types';
@@ -12,6 +12,7 @@ import type { TimePickerProps } from './types';
 const MINUTES_PER_DAY = 24 * 60;
 const DEFAULT_STEP_MINUTES = 30;
 
+/*** Render the field label and optional supporting description. */
 function renderLabel(label: React.ReactNode, description: React.ReactNode | undefined) {
   return (
     <Stack gap="xs">
@@ -27,39 +28,34 @@ function renderLabel(label: React.ReactNode, description: React.ReactNode | unde
   );
 }
 
+/*** Parse one HH:mm value to minutes since midnight. */
 function parseTimeToMinutes(value: string | undefined): number | undefined {
-  if (!value) {
-    return undefined;
-  }
-
+  if (!value) return undefined;
   const match = /^(\d{2}):(\d{2})$/.exec(value);
-  if (!match) {
-    return undefined;
-  }
+  if (!match) return undefined;
 
   const hours = Number(match[1]);
   const minutes = Number(match[2]);
-  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) {
-    return undefined;
-  }
-
+  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return undefined;
   return hours * 60 + minutes;
 }
 
+/*** Format minutes since midnight as HH:mm. */
 function formatMinutes(value: number): string {
   const hours = Math.floor(value / 60);
   const minutes = value % 60;
   return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
 }
 
+/*** Normalize the configured time step to a positive whole minute. */
 function resolveStepMinutes(stepMinutes: number | undefined): number {
   if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {
     return DEFAULT_STEP_MINUTES;
   }
-
   return Math.max(1, Math.floor(stepMinutes));
 }
 
+/*** Generate selectable HH:mm values within the configured range. */
 function generateTimeOptions({
   minTime,
   maxTime,
@@ -71,11 +67,8 @@ function generateTimeOptions({
   const options: string[] = [];
 
   for (let minute = 0; minute < MINUTES_PER_DAY; minute += step) {
-    if (minute >= min && minute <= max) {
-      options.push(formatMinutes(minute));
-    }
+    if (minute >= min && minute <= max) options.push(formatMinutes(minute));
   }
-
   return options;
 }
 
@@ -97,18 +90,33 @@ function TimePickerInner({
   testID,
   interactionPolicy,
 }: TimePickerProps) {
+  const { dismiss, present } = useBottomSheet();
   const passive = interactionPolicy === 'passive';
-  const [visible, setVisible] = React.useState(false);
-  const options = React.useMemo(
-    () => generateTimeOptions({ maxTime, minTime, stepMinutes }),
-    [maxTime, minTime, stepMinutes],
-  );
   const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;
 
+  /*** Present the time options through the shared BottomSheet controller. */
   function openPicker() {
     if (passive) return;
-
-    setVisible(true);
+    present({
+      content: (
+        <TimePickerSheet
+          description={description}
+          formatTime={formatTime}
+          interactionPolicy={interactionPolicy}
+          label={label}
+          maxTime={maxTime}
+          minTime={minTime}
+          onDismiss={dismiss}
+          onSelect={(time) => {
+            onValueChange?.(time);
+            dismiss();
+          }}
+          stepMinutes={stepMinutes}
+          testID={testID}
+          value={value}
+        />
+      ),
+    });
   }
 
   return (
@@ -130,45 +138,124 @@ function TimePickerInner({
       >
         {displayValue}
       </Button>
-      <ActionSheet
-        description={description}
-        interactionPolicy={interactionPolicy}
-        onDismiss={() => {
-          if (passive) return;
-
-          setVisible(false);
-        }}
-        testID={testID ? `${testID}-sheet` : undefined}
-        title={label ?? 'Choose time'}
-        visible={visible}
-      >
-        <ScrollView style={{ maxHeight: 360 }}>
-          <Stack gap="xxs">
-            {options.map((option) => (
-              <ActionSheetItem
-                interactionPolicy={interactionPolicy}
-                key={option}
-                label={formatTime ? formatTime(option) : option}
-                onPress={() => {
-                  if (passive) return;
-
-                  onValueChange?.(option);
-                  setVisible(false);
-                }}
-                selected={option === value}
-                testID={testID ? `${testID}-option-${option}` : undefined}
-              />
-            ))}
-          </Stack>
-        </ScrollView>
-      </ActionSheet>
     </Field>
   );
 }
 
+interface TimePickerSheetProps extends Pick<
+  TimePickerProps,
+  | 'description'
+  | 'formatTime'
+  | 'interactionPolicy'
+  | 'label'
+  | 'maxTime'
+  | 'minTime'
+  | 'stepMinutes'
+  | 'testID'
+  | 'value'
+> {
+  onDismiss: () => void;
+  onSelect: (value: string) => void;
+}
+
+/*** Render time selection content inside the shared BottomSheet host. */
+function TimePickerSheet({
+  description,
+  formatTime,
+  interactionPolicy,
+  label,
+  maxTime,
+  minTime,
+  onDismiss,
+  onSelect,
+  stepMinutes,
+  testID,
+  value,
+}: TimePickerSheetProps) {
+  const options = React.useMemo(
+    () => generateTimeOptions({ maxTime, minTime, stepMinutes }),
+    [maxTime, minTime, stepMinutes],
+  );
+
+  return (
+    <Stack gap="m" p="m" testID={testID ? `${testID}-sheet` : undefined}>
+      <PickerSheetHeader description={description} title={label ?? 'Choose time'} />
+      <ScrollView style={styles.options}>
+        <Stack gap="xxs">
+          {options.map((option) => (
+            <TimePickerOption
+              formatTime={formatTime}
+              interactionPolicy={interactionPolicy}
+              key={option}
+              onSelect={onSelect}
+              option={option}
+              selected={option === value}
+              testID={testID}
+            />
+          ))}
+        </Stack>
+      </ScrollView>
+      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant="ghost">
+        Cancel
+      </Button>
+    </Stack>
+  );
+}
+
+/*** Render the shared title block used by the time sheet. */
+function PickerSheetHeader({
+  description,
+  title,
+}: {
+  description: React.ReactNode | undefined;
+  title: React.ReactNode;
+}) {
+  return (
+    <Stack gap="xxs">
+      <Text align="center" variant="label" weight="semiBold">
+        {title}
+      </Text>
+      {description ? (
+        <Text align="center" emphasis="muted" variant="bodySmall">
+          {description}
+        </Text>
+      ) : null}
+    </Stack>
+  );
+}
+
+/*** Render one accessible selectable time option. */
+function TimePickerOption({
+  formatTime,
+  interactionPolicy,
+  onSelect,
+  option,
+  selected,
+  testID,
+}: Pick<TimePickerSheetProps, 'formatTime' | 'interactionPolicy' | 'testID'> & {
+  onSelect: (value: string) => void;
+  option: string;
+  selected: boolean;
+}) {
+  return (
+    <Button
+      accessibilityState={{ selected }}
+      fullWidth
+      interactionPolicy={interactionPolicy}
+      onPress={() => onSelect(option)}
+      testID={testID ? `${testID}-option-${option}` : undefined}
+      variant={selected ? 'soft' : 'ghost'}
+    >
+      {formatTime ? formatTime(option) : option}
+    </Button>
+  );
+}
+
+const styles = StyleSheet.create({
+  options: { maxHeight: 360 },
+});
+
 /***
- * Time input control with wheel selection and formatted display value.
- *
- 
+ * Time input control with bottom-sheet selection and formatted display value.
  */
 export const TimePicker = withZoraThemeScope(TimePickerInner);

package/src/components/time-picker/meta.ts

@@ -5,6 +5,6 @@ export const timePickerMeta = {
   category: 'component',
   directManifestNode: false,
   allowedChildren: [],
-  note: 'Code-facing ActionSheet-backed time picker; not represented as a manifest node in v1.',
+  note: 'Code-facing BottomSheet-backed time picker; not represented as a manifest node in v1.',
   props: {},
 } as const satisfies ZoraComponentMeta;

package/src/expo57Migration.test.ts

@@ -14,6 +14,14 @@ const EXPO_EXAMPLE_DIRS = [
   'examples/social_community/private-messaging',
   'examples/social_community/visual-discovery',
 ] as const;
+const ROUTER_EXAMPLE_DIRS = EXPO_EXAMPLE_DIRS.filter(
+  (directory) => directory !== 'examples/expo-showcase',
+);
+const ZORA_PROVIDER_HOSTS = [
+  ['examples/basic-app', 'App.tsx'],
+  ['examples/expo-showcase', 'App.tsx'],
+  ...ROUTER_EXAMPLE_DIRS.map((directory) => [directory, 'app', '_layout.tsx'] as const),
+] as const;
 const RNVI_PLUGINS = [
   '@react-native-vector-icons/fontawesome',
   '@react-native-vector-icons/fontawesome5',
@@ -63,6 +71,9 @@ describe('portable ZORA package boundary', () => {
     expect(readValue(peers, 'react-native-svg')).toBe('15.15.4');
     expect(readValue(development, 'react-native-svg')).toBe('15.15.4');
     expect(readValue(peers, 'react-native-web')).toMatch(TILDE_SEMVER_RANGE);
+    expect(readValue(peers, 'react-native-gesture-handler')).toMatch(TILDE_SEMVER_RANGE);
+    expect(readValue(peers, 'react-native-reanimated')).toMatch(EXACT_SEMVER_VERSION);
+    expect(readValue(peers, 'react-native-worklets')).toMatch(EXACT_SEMVER_VERSION);
     expect(development.typescript).toMatch(TILDE_SEMVER_RANGE);
 
     for (const expoPackage of ['@expo/vector-icons', 'expo-font', 'expo-linear-gradient']) {
@@ -101,6 +112,9 @@ describe('Expo 57 example boundary', () => {
       expect(expoVersion).toMatch(EXACT_SEMVER_VERSION);
       expect(dependencies.react).toMatch(EXACT_SEMVER_VERSION);
       expect(readValue(dependencies, 'react-native')).toMatch(EXACT_SEMVER_VERSION);
+      expect(readValue(dependencies, 'react-native-gesture-handler')).toMatch(TILDE_SEMVER_RANGE);
+      expect(readValue(dependencies, 'react-native-reanimated')).toMatch(EXACT_SEMVER_VERSION);
+      expect(readValue(dependencies, 'react-native-worklets')).toMatch(EXACT_SEMVER_VERSION);
       expect(readValue(dependencies, 'react-native-web')).toMatch(TILDE_SEMVER_RANGE);
       expect(development.typescript).toMatch(TILDE_SEMVER_RANGE);
       expect(readValue(dependencies, '@expo/vector-icons')).toBeUndefined();
@@ -117,6 +131,48 @@ describe('Expo 57 example boundary', () => {
       'utf8',
     );
     expect(scaffoldSource).toContain(`expo: '${expoVersion}',`);
+    expect(scaffoldSource).toContain("navigator: '^3.2.3'");
+    expect(scaffoldSource).toContain("from 'expo-router/unstable-native-tabs'");
+    expect(scaffoldSource).toContain('<GestureHandlerRootView style={{ flex: 1 }}>');
+    expect(scaffoldSource).not.toContain('ZoraTabBar');
+  });
+
+  test('uses Navigator native tabs in every router example', () => {
+    for (const directory of ROUTER_EXAMPLE_DIRS) {
+      const packageJson = readExamplePackage(directory);
+      const dependencies = readRecord(packageJson, 'dependencies');
+      const layoutSource = readFileSync(
+        join(ROOT, directory, 'app', '(tabs)', '_layout.tsx'),
+        'utf8',
+      );
+
+      expect(readValue(dependencies, '@ankhorage/navigator')).toMatch(CARET_SEMVER_RANGE);
+      expect(layoutSource).toContain("from '@ankhorage/navigator/tabs/native-icons'");
+      expect(layoutSource).toContain("from 'expo-router/unstable-native-tabs'");
+      expect(layoutSource).toContain("Platform.OS === 'web'");
+      expect(layoutSource).toContain('Promise.resolve(null)');
+      expect(layoutSource).toContain('<NativeTabs>');
+      expect(layoutSource).not.toContain('ZoraTabBar');
+      expect(layoutSource).not.toContain('ZoraNavigationRouteMap');
+    }
+  });
+
+  test('keeps GestureHandlerRootView outside ZoraProvider in every host app', () => {
+    for (const sourcePath of ZORA_PROVIDER_HOSTS) {
+      const [directory] = sourcePath;
+      const source = readFileSync(join(ROOT, ...sourcePath), 'utf8');
+      const packageJson = readExamplePackage(directory);
+      const dependencies = readRecord(packageJson, 'dependencies');
+      const gestureRootPosition = source.indexOf('<GestureHandlerRootView');
+      const zoraProviderPosition = source.indexOf('<ZoraProvider');
+
+      expect(readValue(dependencies, 'react-native-gesture-handler')).toMatch(TILDE_SEMVER_RANGE);
+      expect(readValue(dependencies, 'react-native-reanimated')).toMatch(EXACT_SEMVER_VERSION);
+      expect(readValue(dependencies, 'react-native-worklets')).toMatch(EXACT_SEMVER_VERSION);
+      expect(source).toContain("from 'react-native-gesture-handler'");
+      expect(gestureRootPosition).toBeGreaterThan(-1);
+      expect(zoraProviderPosition).toBeGreaterThan(gestureRootPosition);
+    }
   });
 
   test('registers all scoped RNVI packages in each Expo app config', () => {

package/src/features/bottom-sheet/public.test.ts

@@ -0,0 +1,39 @@
+import { describe, expect, test } from 'bun:test';
+
+describe('ZORA BottomSheet public contract', () => {
+  test('publishes an explicit ZORA subpath backed by Surface', async () => {
+    const packageJson = (await Bun.file('package.json').json()) as {
+      dependencies: Readonly<Record<string, string>>;
+      exports: Readonly<Record<string, unknown>>;
+      peerDependencies: Readonly<Record<string, string>>;
+    };
+    const source = await Bun.file('src/features/bottom-sheet/public.ts').text();
+
+    expect(packageJson.exports['./bottom-sheet']).toBeDefined();
+    expect(packageJson.dependencies['@ankhorage/surface']).toMatch(/^\^4\./u);
+    expect(source).toContain("from '@ankhorage/surface/bottom-sheet'");
+    const {
+      'react-native-gesture-handler': gestureHandlerPeer,
+      'react-native-reanimated': reanimatedPeer,
+      'react-native-worklets': workletsPeer,
+    } = packageJson.peerDependencies;
+    expect(gestureHandlerPeer).toBeDefined();
+    expect(reanimatedPeer).toBeDefined();
+    expect(workletsPeer).toBeDefined();
+  });
+
+  test('installs the shared provider and removes picker ActionSheet dependencies', async () => {
+    const [provider, datePicker, timePicker] = await Promise.all([
+      Bun.file('src/theme/ZoraProvider.tsx').text(),
+      Bun.file('src/components/date-picker/DatePicker.tsx').text(),
+      Bun.file('src/components/time-picker/TimePicker.tsx').text(),
+    ]);
+
+    expect(provider).toContain('<BottomSheetProvider>{children}</BottomSheetProvider>');
+    expect(provider).not.toContain('GestureHandlerRootView');
+    expect(datePicker).toContain('useBottomSheet()');
+    expect(timePicker).toContain('useBottomSheet()');
+    expect(datePicker).not.toContain("from '../action-sheet'");
+    expect(timePicker).not.toContain("from '../action-sheet'");
+  });
+});

package/src/features/bottom-sheet/public.ts

@@ -0,0 +1,5 @@
+export type {
+  BottomSheetController,
+  BottomSheetPresentOptions,
+} from '@ankhorage/surface/bottom-sheet';
+export { useBottomSheet } from '@ankhorage/surface/bottom-sheet';

package/src/index.ts

@@ -1,5 +1,3 @@
-export type { ActionSheetItemProps, ActionSheetProps } from './components/action-sheet';
-export { ActionSheet, ActionSheetItem } from './components/action-sheet';
 export type { AppBarMode, AppBarOverflowAction, AppBarProps } from './components/app-bar';
 export { AppBar } from './components/app-bar';
 export type { AvatarProps, AvatarShape, AvatarSize } from './components/avatar';

package/src/metadata/componentMeta.ts

@@ -1,4 +1,3 @@
-import { actionSheetItemMeta, actionSheetMeta } from '../components/action-sheet/meta';
 import { appBarMeta } from '../components/app-bar/meta';
 import { avatarMeta } from '../components/avatar/meta';
 import { avatarGroupMeta } from '../components/avatar-group/meta';
@@ -94,8 +93,6 @@ import type { ZoraComponentMetaRegistry } from './types';
 
 export const ZORA_COMPONENT_META: ZoraComponentMetaRegistry = {
   ...foundationMetas,
-  ActionSheet: actionSheetMeta,
-  ActionSheetItem: actionSheetItemMeta,
   AppBar: appBarMeta,
   Avatar: avatarMeta,
   AvatarGroup: avatarGroupMeta,

package/src/platformAcceptance.test.ts

@@ -1,6 +1,6 @@
 import { expect, test } from 'bun:test';
 
-test('passes the isolated Surface 3 and RN Web 0.21 acceptance suite', () => {
+test('passes the isolated Surface 4 and RN Web 0.21 acceptance suite', () => {
   const subprocess = Bun.spawnSync({
     cmd: [process.execPath, 'test', 'test-fixtures/platformAcceptance.test.tsx'],
     stderr: 'pipe',

package/src/registry.ts

@@ -1,7 +1,6 @@
 import type { InteractionPolicyProps } from '@ankhorage/surface';
 import type React from 'react';
 
-import { ActionSheet, ActionSheetItem } from './components/action-sheet';
 import { AppBar } from './components/app-bar';
 import { Avatar } from './components/avatar';
 import { AvatarGroup } from './components/avatar-group';
@@ -122,8 +121,6 @@ type _RegistryInteractionPolicyCheck = _AssertTrue<
 >;
 
 const _ZORA_COMPONENT_REGISTRY = {
-  ActionSheet,
-  ActionSheetItem,
   AppBar,
   Avatar,
   AvatarGroup,

package/src/theme/ZoraProvider.tsx

@@ -1,5 +1,6 @@
 import type { ThemeConfig } from '@ankhorage/contracts';
 import { ThemeProvider } from '@ankhorage/surface';
+import { BottomSheetProvider } from '@ankhorage/surface/bottom-sheet';
 import React from 'react';
 
 import { createZoraThemeConfig } from './createZoraThemeConfig';
@@ -14,7 +15,7 @@ export interface ZoraProviderProps {
   initialMode?: ZoraThemeMode;
 }
 
-/** Installs the ZORA theme runtime and underlying Surface theme provider. */
+/** Installs the ZORA theme runtime, Surface theme, and shared bottom-sheet controller. */
 export function ZoraProvider({
   children,
   theme = zoraDefaultTheme,
@@ -30,7 +31,7 @@ export function ZoraProvider({
   return (
     <ZoraThemeRuntimeContext.Provider value={runtimeValue}>
       <ThemeProvider initialConfig={resolvedConfig} initialMode={initialMode}>
-        {children}
+        <BottomSheetProvider>{children}</BottomSheetProvider>
       </ThemeProvider>
     </ZoraThemeRuntimeContext.Provider>
   );

package/dist/components/action-sheet/ActionSheet.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ActionSheetProps } from './types';
-/***
- * Presents a modal bottom sheet with a list of actions.
- */
-export declare const ActionSheet: (props: ActionSheetProps) => React.ReactElement | null;
-//# sourceMappingURL=ActionSheet.d.ts.map

package/dist/components/action-sheet/ActionSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMhD;;GAEG;AACH,eAAO,MAAM,WAAW,wDAAuC,CAAC"}

package/dist/components/action-sheet/ActionSheet.js

@@ -1,11 +0,0 @@
-import { ActionSheet as SurfaceActionSheet } from '@ankhorage/surface';
-import React from 'react';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }) {
-    return <SurfaceActionSheet {...props}/>;
-}
-/***
- * Presents a modal bottom sheet with a list of actions.
- */
-export const ActionSheet = withZoraThemeScope(ActionSheetInner);
-//# sourceMappingURL=ActionSheet.js.map

package/dist/components/action-sheet/ActionSheet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheet.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB;IACtF,OAAO,CAAC,kBAAkB,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AAC3C,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["import { ActionSheet as SurfaceActionSheet } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ActionSheetProps } from './types';\n\nfunction ActionSheetInner({ mode: _mode, themeId: _themeId, ...props }: ActionSheetProps) {\n  return <SurfaceActionSheet {...props} />;\n}\n\n/***\n * Presents a modal bottom sheet with a list of actions.\n */\nexport const ActionSheet = withZoraThemeScope(ActionSheetInner);\n"]}

package/dist/components/action-sheet/ActionSheetItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ActionSheetItemProps } from './types';
-/***
- * Renders a single selectable action row within an `ActionSheet`.
- */
-export declare const ActionSheetItem: (props: ActionSheetItemProps) => React.ReactElement | null;
-//# sourceMappingURL=ActionSheetItem.d.ts.map

package/dist/components/action-sheet/ActionSheetItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetItem.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAmBpD;;GAEG;AACH,eAAO,MAAM,eAAe,4DAA2C,CAAC"}

package/dist/components/action-sheet/ActionSheetItem.js

@@ -1,17 +0,0 @@
-import { ActionSheetItem as SurfaceActionSheetItem } from '@ankhorage/surface';
-import React from 'react';
-import { resolveIconSize } from '../../internal/recipes';
-import { useZoraTheme } from '../../theme/useZoraTheme';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Icon } from '../icon';
-function ActionSheetItemInner({ themeId: _themeId, mode: _mode, icon, leading, ...props }) {
-    const { theme } = useZoraTheme();
-    const resolvedLeading = leading ??
-        (icon ? (<Icon {...icon} color={theme.semantics.content.muted} size={resolveIconSize('s')}/>) : undefined);
-    return <SurfaceActionSheetItem {...props} leading={resolvedLeading}/>;
-}
-/***
- * Renders a single selectable action row within an `ActionSheet`.
- */
-export const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);
-//# sourceMappingURL=ActionSheetItem.js.map

package/dist/components/action-sheet/ActionSheetItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionSheetItem.js","sourceRoot":"","sources":["../../../src/components/action-sheet/ActionSheetItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACa;IACrB,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,eAAe,GACnB,OAAO;QACP,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAG,CACrF,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEjB,OAAO,CAAC,sBAAsB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,EAAG,CAAC;AACzE,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,kBAAkB,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["import { ActionSheetItem as SurfaceActionSheetItem } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport type { ActionSheetItemProps } from './types';\n\nfunction ActionSheetItemInner({\n  themeId: _themeId,\n  mode: _mode,\n  icon,\n  leading,\n  ...props\n}: ActionSheetItemProps) {\n  const { theme } = useZoraTheme();\n  const resolvedLeading =\n    leading ??\n    (icon ? (\n      <Icon {...icon} color={theme.semantics.content.muted} size={resolveIconSize('s')} />\n    ) : undefined);\n\n  return <SurfaceActionSheetItem {...props} leading={resolvedLeading} />;\n}\n\n/***\n * Renders a single selectable action row within an `ActionSheet`.\n */\nexport const ActionSheetItem = withZoraThemeScope(ActionSheetItemInner);\n"]}

package/dist/components/action-sheet/index.d.ts

@@ -1,4 +0,0 @@
-export { ActionSheet } from './ActionSheet';
-export { ActionSheetItem } from './ActionSheetItem';
-export type { ActionSheetItemProps, ActionSheetProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/action-sheet/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/action-sheet/index.js

@@ -1,3 +0,0 @@
-export { ActionSheet } from './ActionSheet';
-export { ActionSheetItem } from './ActionSheetItem';
-//# sourceMappingURL=index.js.map

package/dist/components/action-sheet/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/action-sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { ActionSheet } from './ActionSheet';\nexport { ActionSheetItem } from './ActionSheetItem';\nexport type { ActionSheetItemProps, ActionSheetProps } from './types';\n"]}

package/dist/components/action-sheet/meta.d.ts

@@ -1,17 +0,0 @@
-export declare const actionSheetMeta: {
-    readonly name: "ActionSheet";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Surface-backed contextual action sheet; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-export declare const actionSheetItemMeta: {
-    readonly name: "ActionSheetItem";
-    readonly category: "component";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Surface-backed contextual action sheet row; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/components/action-sheet/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;CAOU,CAAC;AAEvC,eAAO,MAAM,mBAAmB;;;;;;;CAOM,CAAC"}

package/dist/components/action-sheet/meta.js

@@ -1,17 +0,0 @@
-export const actionSheetMeta = {
-    name: 'ActionSheet',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Surface-backed contextual action sheet; not represented as a manifest node in v1.',
-    props: {},
-};
-export const actionSheetItemMeta = {
-    name: 'ActionSheetItem',
-    category: 'component',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Surface-backed contextual action sheet row; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/components/action-sheet/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/action-sheet/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,IAAI,EAAE,aAAa;IACnB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,mFAAmF;IACzF,KAAK,EAAE,EAAE;CAC2B,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,iBAAiB;IACvB,QAAQ,EAAE,WAAW;IACrB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,uFAAuF;IAC7F,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const actionSheetMeta = {\n  name: 'ActionSheet',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Surface-backed contextual action sheet; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n\nexport const actionSheetItemMeta = {\n  name: 'ActionSheetItem',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Surface-backed contextual action sheet row; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/action-sheet/types.d.ts

@@ -1,13 +0,0 @@
-import type { ActionSheetItemProps as SurfaceActionSheetItemProps, ActionSheetProps as SurfaceActionSheetProps, ButtonIconSpec } from '@ankhorage/surface';
-import type React from 'react';
-import type { ZoraColor } from '../../internal/recipes';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface ActionSheetProps extends ZoraBaseProps, Omit<SurfaceActionSheetProps, 'children' | 'mode' | 'themeId'> {
-    children?: React.ReactNode;
-}
-export interface ActionSheetItemProps extends ZoraBaseProps, Omit<SurfaceActionSheetItemProps, 'color' | 'leading' | 'mode' | 'themeId'> {
-    color?: ZoraColor;
-    icon?: ButtonIconSpec;
-    leading?: React.ReactNode;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/action-sheet/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/action-sheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,IAAI,2BAA2B,EACnD,gBAAgB,IAAI,uBAAuB,EAC3C,cAAc,EACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,gBACf,SAAQ,aAAa,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,oBACf,SACE,aAAa,EACb,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/components/action-sheet/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/components/action-sheet/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/action-sheet/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  ActionSheetItemProps as SurfaceActionSheetItemProps,\n  ActionSheetProps as SurfaceActionSheetProps,\n  ButtonIconSpec,\n} from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraColor } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ActionSheetProps\n  extends ZoraBaseProps, Omit<SurfaceActionSheetProps, 'children' | 'mode' | 'themeId'> {\n  children?: React.ReactNode;\n}\n\nexport interface ActionSheetItemProps\n  extends\n    ZoraBaseProps,\n    Omit<SurfaceActionSheetItemProps, 'color' | 'leading' | 'mode' | 'themeId'> {\n  color?: ZoraColor;\n  icon?: ButtonIconSpec;\n  leading?: React.ReactNode;\n}\n"]}