@ankhorage/zora 5.0.0 → 7.0.0

package/dist/components/image/types.d.ts

@@ -1,6 +1,8 @@
-import type { ImageProps as SurfaceImageProps } from '@ankhorage/surface';
+import type { ImageProps as SurfaceImageProps, SurfaceImageSource } from '@ankhorage/surface';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { UploadAsset } from '../../types/upload';
 export type { ImageFit, SurfaceImageSource } from '@ankhorage/surface';
-export interface ImageProps extends ZoraBaseProps, Omit<SurfaceImageProps, 'mode' | 'themeId'> {
+export interface ImageProps extends ZoraBaseProps, Omit<SurfaceImageProps, 'mode' | 'source' | 'themeId'> {
+    source?: SurfaceImageSource | UploadAsset | null;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/image/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,UAAW,SAAQ,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE9F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,YAAY,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEvE,MAAM,WAAW,UACf,SAAQ,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC7E,MAAM,CAAC,EAAE,kBAAkB,GAAG,WAAW,GAAG,IAAI,CAAC;CAClD"}

package/dist/components/image/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/image/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ImageProps as SurfaceImageProps } from '@ankhorage/surface';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport type { ImageFit, SurfaceImageSource } from '@ankhorage/surface';\n\nexport interface ImageProps extends ZoraBaseProps, Omit<SurfaceImageProps, 'mode' | 'themeId'> {}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/image/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ImageProps as SurfaceImageProps, SurfaceImageSource } from '@ankhorage/surface';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\nimport type { UploadAsset } from '../../types/upload';\n\nexport type { ImageFit, SurfaceImageSource } from '@ankhorage/surface';\n\nexport interface ImageProps\n  extends ZoraBaseProps, Omit<SurfaceImageProps, 'mode' | 'source' | 'themeId'> {\n  source?: SurfaceImageSource | UploadAsset | null;\n}\n"]}

package/dist/components/text/resolveTextThemeRecipe.d.ts

@@ -3,7 +3,7 @@ import type { TextAlign, TextVariant, TextWeight } from './types';
 export declare function resolveTextThemeRecipe(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>): {
     variant: TextVariant | undefined;
     color: "primary" | "secondary" | "tertiary" | "quaternary" | "neutral" | "error" | "success" | "warning" | "info" | "danger" | undefined;
-    emphasis: "default" | "muted" | "subtle" | "inverse" | undefined;
+    emphasis: "default" | "subtle" | "muted" | "inverse" | undefined;
     align: TextAlign | undefined;
     weight: TextWeight | undefined;
     italic: boolean | undefined;

package/dist/components/time-picker/TimePicker.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import type { TimePickerProps } from './types';
 /***
- * Time input control with wheel selection and formatted display value.
- *
- 
+ * Time input control with bottom-sheet selection and formatted display value.
  */
 export declare const TimePicker: (props: TimePickerProps) => React.ReactElement | null;
 //# sourceMappingURL=TimePicker.d.ts.map

package/dist/components/time-picker/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+J/C;;;;GAIG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAwP/C;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/components/time-picker/TimePicker.js

@@ -1,13 +1,14 @@
 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';
 const MINUTES_PER_DAY = 24 * 60;
 const DEFAULT_STEP_MINUTES = 30;
+/*** Render the field label and optional supporting description. */
 function renderLabel(label, description) {
     return (<Stack gap="xs">
       <Text variant="label" weight="semiBold">
@@ -18,80 +19,102 @@ function renderLabel(label, description) {
         </Text>) : null}
     </Stack>);
 }
+/*** Parse one HH:mm value to minutes since midnight. */
 function parseTimeToMinutes(value) {
-    if (!value) {
+    if (!value)
         return undefined;
-    }
     const match = /^(\d{2}):(\d{2})$/.exec(value);
-    if (!match) {
+    if (!match)
         return undefined;
-    }
     const hours = Number(match[1]);
     const minutes = Number(match[2]);
-    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) {
+    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) {
     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) {
     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, stepMinutes, }) {
     const step = resolveStepMinutes(stepMinutes);
     const min = parseTimeToMinutes(minTime) ?? 0;
     const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;
     const options = [];
     for (let minute = 0; minute < MINUTES_PER_DAY; minute += step) {
-        if (minute >= min && minute <= max) {
+        if (minute >= min && minute <= max)
             options.push(formatMinutes(minute));
-        }
     }
     return options;
 }
 function TimePickerInner({ themeId: _themeId, mode: _mode, value, onValueChange, label, description, error, placeholder = 'Choose time', minTime, maxTime, stepMinutes, disabled = false, required = false, formatTime, testID, interactionPolicy, }) {
+    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 (<Field disabled={disabled} errorText={error} invalid={Boolean(error)} label={label ? renderLabel(label, description) : undefined} required={required} testID={testID}>
       <Button disabled={disabled} interactionPolicy={interactionPolicy} onPress={openPicker} testID={testID ? `${testID}-trigger` : undefined} trailingIcon={{ name: 'chevron-down-outline' }} variant="outline">
         {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>);
 }
+/*** Render time selection content inside the shared BottomSheet host. */
+function TimePickerSheet({ description, formatTime, interactionPolicy, label, maxTime, minTime, onDismiss, onSelect, stepMinutes, testID, value, }) {
+    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, }) {
+    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, }) {
+    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);
 //# sourceMappingURL=TimePicker.js.map

package/dist/components/time-picker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/time-picker/TimePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\nimport { ScrollView } from 'react-native';\n\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { ActionSheet, ActionSheetItem } from '../action-sheet';\nimport { Button } from '../button';\nimport { Text } from '../text';\nimport type { TimePickerProps } from './types';\n\nconst MINUTES_PER_DAY = 24 * 60;\nconst DEFAULT_STEP_MINUTES = 30;\n\nfunction renderLabel(label: React.ReactNode, description: React.ReactNode | undefined) {\n  return (\n    <Stack gap=\"xs\">\n      <Text variant=\"label\" weight=\"semiBold\">\n        {label}\n      </Text>\n      {description ? (\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {description}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n\nfunction parseTimeToMinutes(value: string | undefined): number | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  const match = /^(\\d{2}):(\\d{2})$/.exec(value);\n  if (!match) {\n    return undefined;\n  }\n\n  const hours = Number(match[1]);\n  const minutes = Number(match[2]);\n  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) {\n    return undefined;\n  }\n\n  return hours * 60 + minutes;\n}\n\nfunction formatMinutes(value: number): string {\n  const hours = Math.floor(value / 60);\n  const minutes = value % 60;\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;\n}\n\nfunction resolveStepMinutes(stepMinutes: number | undefined): number {\n  if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {\n    return DEFAULT_STEP_MINUTES;\n  }\n\n  return Math.max(1, Math.floor(stepMinutes));\n}\n\nfunction generateTimeOptions({\n  minTime,\n  maxTime,\n  stepMinutes,\n}: Pick<TimePickerProps, 'maxTime' | 'minTime' | 'stepMinutes'>): string[] {\n  const step = resolveStepMinutes(stepMinutes);\n  const min = parseTimeToMinutes(minTime) ?? 0;\n  const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;\n  const options: string[] = [];\n\n  for (let minute = 0; minute < MINUTES_PER_DAY; minute += step) {\n    if (minute >= min && minute <= max) {\n      options.push(formatMinutes(minute));\n    }\n  }\n\n  return options;\n}\n\nfunction TimePickerInner({\n  themeId: _themeId,\n  mode: _mode,\n  value,\n  onValueChange,\n  label,\n  description,\n  error,\n  placeholder = 'Choose time',\n  minTime,\n  maxTime,\n  stepMinutes,\n  disabled = false,\n  required = false,\n  formatTime,\n  testID,\n  interactionPolicy,\n}: TimePickerProps) {\n  const passive = interactionPolicy === 'passive';\n  const [visible, setVisible] = React.useState(false);\n  const options = React.useMemo(\n    () => generateTimeOptions({ maxTime, minTime, stepMinutes }),\n    [maxTime, minTime, stepMinutes],\n  );\n  const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;\n\n  function openPicker() {\n    if (passive) return;\n\n    setVisible(true);\n  }\n\n  return (\n    <Field\n      disabled={disabled}\n      errorText={error}\n      invalid={Boolean(error)}\n      label={label ? renderLabel(label, description) : undefined}\n      required={required}\n      testID={testID}\n    >\n      <Button\n        disabled={disabled}\n        interactionPolicy={interactionPolicy}\n        onPress={openPicker}\n        testID={testID ? `${testID}-trigger` : undefined}\n        trailingIcon={{ name: 'chevron-down-outline' }}\n        variant=\"outline\"\n      >\n        {displayValue}\n      </Button>\n      <ActionSheet\n        description={description}\n        interactionPolicy={interactionPolicy}\n        onDismiss={() => {\n          if (passive) return;\n\n          setVisible(false);\n        }}\n        testID={testID ? `${testID}-sheet` : undefined}\n        title={label ?? 'Choose time'}\n        visible={visible}\n      >\n        <ScrollView style={{ maxHeight: 360 }}>\n          <Stack gap=\"xxs\">\n            {options.map((option) => (\n              <ActionSheetItem\n                interactionPolicy={interactionPolicy}\n                key={option}\n                label={formatTime ? formatTime(option) : option}\n                onPress={() => {\n                  if (passive) return;\n\n                  onValueChange?.(option);\n                  setVisible(false);\n                }}\n                selected={option === value}\n                testID={testID ? `${testID}-option-${option}` : undefined}\n              />\n            ))}\n          </Stack>\n        </ScrollView>\n      </ActionSheet>\n    </Field>\n  );\n}\n\n/***\n * Time input control with wheel selection and formatted display value.\n *\n \n */\nexport const TimePicker = withZoraThemeScope(TimePickerInner);\n"]}
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/time-picker/TimePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\nimport { ScrollView, StyleSheet } from 'react-native';\n\nimport { useBottomSheet } from '../../features/bottom-sheet/public';\nimport { Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Button } from '../button';\nimport { Text } from '../text';\nimport type { TimePickerProps } from './types';\n\nconst MINUTES_PER_DAY = 24 * 60;\nconst DEFAULT_STEP_MINUTES = 30;\n\n/*** Render the field label and optional supporting description. */\nfunction renderLabel(label: React.ReactNode, description: React.ReactNode | undefined) {\n  return (\n    <Stack gap=\"xs\">\n      <Text variant=\"label\" weight=\"semiBold\">\n        {label}\n      </Text>\n      {description ? (\n        <Text emphasis=\"muted\" variant=\"bodySmall\">\n          {description}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n\n/*** Parse one HH:mm value to minutes since midnight. */\nfunction parseTimeToMinutes(value: string | undefined): number | undefined {\n  if (!value) return undefined;\n  const match = /^(\\d{2}):(\\d{2})$/.exec(value);\n  if (!match) return undefined;\n\n  const hours = Number(match[1]);\n  const minutes = Number(match[2]);\n  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return undefined;\n  return hours * 60 + minutes;\n}\n\n/*** Format minutes since midnight as HH:mm. */\nfunction formatMinutes(value: number): string {\n  const hours = Math.floor(value / 60);\n  const minutes = value % 60;\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;\n}\n\n/*** Normalize the configured time step to a positive whole minute. */\nfunction resolveStepMinutes(stepMinutes: number | undefined): number {\n  if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {\n    return DEFAULT_STEP_MINUTES;\n  }\n  return Math.max(1, Math.floor(stepMinutes));\n}\n\n/*** Generate selectable HH:mm values within the configured range. */\nfunction generateTimeOptions({\n  minTime,\n  maxTime,\n  stepMinutes,\n}: Pick<TimePickerProps, 'maxTime' | 'minTime' | 'stepMinutes'>): string[] {\n  const step = resolveStepMinutes(stepMinutes);\n  const min = parseTimeToMinutes(minTime) ?? 0;\n  const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;\n  const options: string[] = [];\n\n  for (let minute = 0; minute < MINUTES_PER_DAY; minute += step) {\n    if (minute >= min && minute <= max) options.push(formatMinutes(minute));\n  }\n  return options;\n}\n\nfunction TimePickerInner({\n  themeId: _themeId,\n  mode: _mode,\n  value,\n  onValueChange,\n  label,\n  description,\n  error,\n  placeholder = 'Choose time',\n  minTime,\n  maxTime,\n  stepMinutes,\n  disabled = false,\n  required = false,\n  formatTime,\n  testID,\n  interactionPolicy,\n}: TimePickerProps) {\n  const { dismiss, present } = useBottomSheet();\n  const passive = interactionPolicy === 'passive';\n  const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;\n\n  /*** Present the time options through the shared BottomSheet controller. */\n  function openPicker() {\n    if (passive) return;\n    present({\n      content: (\n        <TimePickerSheet\n          description={description}\n          formatTime={formatTime}\n          interactionPolicy={interactionPolicy}\n          label={label}\n          maxTime={maxTime}\n          minTime={minTime}\n          onDismiss={dismiss}\n          onSelect={(time) => {\n            onValueChange?.(time);\n            dismiss();\n          }}\n          stepMinutes={stepMinutes}\n          testID={testID}\n          value={value}\n        />\n      ),\n    });\n  }\n\n  return (\n    <Field\n      disabled={disabled}\n      errorText={error}\n      invalid={Boolean(error)}\n      label={label ? renderLabel(label, description) : undefined}\n      required={required}\n      testID={testID}\n    >\n      <Button\n        disabled={disabled}\n        interactionPolicy={interactionPolicy}\n        onPress={openPicker}\n        testID={testID ? `${testID}-trigger` : undefined}\n        trailingIcon={{ name: 'chevron-down-outline' }}\n        variant=\"outline\"\n      >\n        {displayValue}\n      </Button>\n    </Field>\n  );\n}\n\ninterface TimePickerSheetProps extends Pick<\n  TimePickerProps,\n  | 'description'\n  | 'formatTime'\n  | 'interactionPolicy'\n  | 'label'\n  | 'maxTime'\n  | 'minTime'\n  | 'stepMinutes'\n  | 'testID'\n  | 'value'\n> {\n  onDismiss: () => void;\n  onSelect: (value: string) => void;\n}\n\n/*** Render time selection content inside the shared BottomSheet host. */\nfunction TimePickerSheet({\n  description,\n  formatTime,\n  interactionPolicy,\n  label,\n  maxTime,\n  minTime,\n  onDismiss,\n  onSelect,\n  stepMinutes,\n  testID,\n  value,\n}: TimePickerSheetProps) {\n  const options = React.useMemo(\n    () => generateTimeOptions({ maxTime, minTime, stepMinutes }),\n    [maxTime, minTime, stepMinutes],\n  );\n\n  return (\n    <Stack gap=\"m\" p=\"m\" testID={testID ? `${testID}-sheet` : undefined}>\n      <PickerSheetHeader description={description} title={label ?? 'Choose time'} />\n      <ScrollView style={styles.options}>\n        <Stack gap=\"xxs\">\n          {options.map((option) => (\n            <TimePickerOption\n              formatTime={formatTime}\n              interactionPolicy={interactionPolicy}\n              key={option}\n              onSelect={onSelect}\n              option={option}\n              selected={option === value}\n              testID={testID}\n            />\n          ))}\n        </Stack>\n      </ScrollView>\n      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant=\"ghost\">\n        Cancel\n      </Button>\n    </Stack>\n  );\n}\n\n/*** Render the shared title block used by the time sheet. */\nfunction PickerSheetHeader({\n  description,\n  title,\n}: {\n  description: React.ReactNode | undefined;\n  title: React.ReactNode;\n}) {\n  return (\n    <Stack gap=\"xxs\">\n      <Text align=\"center\" variant=\"label\" weight=\"semiBold\">\n        {title}\n      </Text>\n      {description ? (\n        <Text align=\"center\" emphasis=\"muted\" variant=\"bodySmall\">\n          {description}\n        </Text>\n      ) : null}\n    </Stack>\n  );\n}\n\n/*** Render one accessible selectable time option. */\nfunction TimePickerOption({\n  formatTime,\n  interactionPolicy,\n  onSelect,\n  option,\n  selected,\n  testID,\n}: Pick<TimePickerSheetProps, 'formatTime' | 'interactionPolicy' | 'testID'> & {\n  onSelect: (value: string) => void;\n  option: string;\n  selected: boolean;\n}) {\n  return (\n    <Button\n      accessibilityState={{ selected }}\n      fullWidth\n      interactionPolicy={interactionPolicy}\n      onPress={() => onSelect(option)}\n      testID={testID ? `${testID}-option-${option}` : undefined}\n      variant={selected ? 'soft' : 'ghost'}\n    >\n      {formatTime ? formatTime(option) : option}\n    </Button>\n  );\n}\n\nconst styles = StyleSheet.create({\n  options: { maxHeight: 360 },\n});\n\n/***\n * Time input control with bottom-sheet selection and formatted display value.\n */\nexport const TimePicker = withZoraThemeScope(TimePickerInner);\n"]}

package/dist/components/time-picker/meta.d.ts

@@ -3,7 +3,7 @@ export declare const timePickerMeta: {
     readonly category: "component";
     readonly directManifestNode: false;
     readonly allowedChildren: readonly [];
-    readonly note: "Code-facing ActionSheet-backed time picker; not represented as a manifest node in v1.";
+    readonly note: "Code-facing BottomSheet-backed time picker; not represented as a manifest node in v1.";
     readonly props: {};
 };
 //# sourceMappingURL=meta.d.ts.map

package/dist/components/time-picker/meta.js

@@ -3,7 +3,7 @@ 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: {},
 };
 //# sourceMappingURL=meta.js.map

package/dist/components/time-picker/meta.js.map

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/time-picker/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,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 timePickerMeta = {\n  name: 'TimePicker',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Code-facing ActionSheet-backed time picker; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/time-picker/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,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 timePickerMeta = {\n  name: 'TimePicker',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Code-facing BottomSheet-backed time picker; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/bottom-sheet/public.d.ts

@@ -0,0 +1,3 @@
+export type { BottomSheetController, BottomSheetPresentOptions, } from '@ankhorage/surface/bottom-sheet';
+export { useBottomSheet } from '@ankhorage/surface/bottom-sheet';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/bottom-sheet/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/bottom-sheet/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/features/bottom-sheet/public.js

@@ -0,0 +1,2 @@
+export { useBottomSheet } from '@ankhorage/surface/bottom-sheet';
+//# sourceMappingURL=public.js.map

package/dist/features/bottom-sheet/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/bottom-sheet/public.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export type {\n  BottomSheetController,\n  BottomSheetPresentOptions,\n} from '@ankhorage/surface/bottom-sheet';\nexport { useBottomSheet } from '@ankhorage/surface/bottom-sheet';\n"]}

package/dist/features/uploader/adapters/inbound/Uploader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { UploaderProps } from '../../../../types/upload';
+/*** Picks, validates, uploads, previews, and removes one generic file asset. */
+export declare const Uploader: (props: UploaderProps) => React.ReactElement | null;
+//# sourceMappingURL=Uploader.d.ts.map

package/dist/features/uploader/adapters/inbound/Uploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Uploader.d.ts","sourceRoot":"","sources":["../../../../../src/features/uploader/adapters/inbound/Uploader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAe,aAAa,EAAc,MAAM,0BAA0B,CAAC;AAIvF,gFAAgF;AAChF,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/features/uploader/adapters/inbound/Uploader.js

@@ -0,0 +1,274 @@
+import React from 'react';
+import { Button } from '../../../../components/button';
+import { Icon } from '../../../../components/icon';
+import { Image } from '../../../../components/image';
+import { Modal } from '../../../../components/modal';
+import { Progress } from '../../../../components/progress';
+import { Text } from '../../../../components/text';
+import { Box, Stack } from '../../../../foundation';
+import { FormField } from '../../../../patterns/form-field';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { validateUploadAsset } from '../../application/use-cases/validateUploadAsset';
+import { createUploadPicker } from '../../composition/createUploadPicker';
+/*** Picks, validates, uploads, previews, and removes one generic file asset. */
+export const Uploader = withZoraThemeScope(UploaderInner);
+/*** Owns the interactive state for the generic uploader inbound adapter. */
+function UploaderInner({ themeId: _themeId, mode: _mode, testID, value, onChange, label, description, helperText, errorText, type = 'file', accept, maxSizeBytes, required, disabled = false, readOnly = false, validatePicked, onUpload, onRemove, aspectRatio = 1, interactionPolicy, }) {
+    const passive = interactionPolicy === 'passive';
+    const picker = React.useMemo(() => createUploadPicker(), []);
+    const [internalError, setInternalError] = React.useState();
+    const [uploading, setUploading] = React.useState(false);
+    const [removing, setRemoving] = React.useState(false);
+    const [progress, setProgress] = React.useState(null);
+    const [previewOpen, setPreviewOpen] = React.useState(false);
+    const mountedRef = React.useRef(null);
+    const resolvedAccept = resolveUploadAccept(type, accept);
+    const actionsDisabled = disabled || readOnly;
+    const effectiveError = errorText ?? internalError;
+    React.useEffect(() => {
+        mountedRef.current = true;
+        return () => {
+            mountedRef.current = false;
+        };
+    }, []);
+    const isMounted = React.useCallback(() => mountedRef.current === true, []);
+    const setProgressSafe = React.useCallback((next) => {
+        if (!isMounted()) {
+            return;
+        }
+        setProgress(clampProgress(next));
+    }, [isMounted]);
+    const handlePick = React.useCallback(async () => {
+        if (passive || actionsDisabled || uploading || removing) {
+            return;
+        }
+        setInternalError(undefined);
+        try {
+            const picked = await picker.pickAsync({ accept: resolvedAccept, type });
+            if (!picked || !isMounted()) {
+                return;
+            }
+            const validationError = validateUploadAsset({
+                accept: resolvedAccept,
+                asset: picked,
+                maxSizeBytes,
+                validate: validatePicked,
+            });
+            if (validationError) {
+                setInternalError(validationError);
+                return;
+            }
+            onChange(picked);
+            if (!onUpload) {
+                return;
+            }
+            setUploading(true);
+            setProgressSafe(0);
+            try {
+                const uploaded = await onUpload(picked, { setProgress: setProgressSafe });
+                if (!isMounted()) {
+                    return;
+                }
+                onChange(uploaded);
+                setUploading(false);
+                setProgress(null);
+            }
+            catch (error) {
+                if (!isMounted()) {
+                    return;
+                }
+                setInternalError(formatUnknownError(error));
+                setUploading(false);
+                setProgress(null);
+            }
+        }
+        catch (error) {
+            if (isMounted()) {
+                setInternalError(formatUnknownError(error));
+            }
+        }
+    }, [
+        actionsDisabled,
+        isMounted,
+        maxSizeBytes,
+        onChange,
+        onUpload,
+        passive,
+        picker,
+        removing,
+        resolvedAccept,
+        setProgressSafe,
+        type,
+        uploading,
+        validatePicked,
+    ]);
+    const handleRemove = React.useCallback(async () => {
+        if (passive || actionsDisabled || uploading || removing || !value) {
+            return;
+        }
+        setInternalError(undefined);
+        if (!onRemove) {
+            onChange(null);
+            return;
+        }
+        setRemoving(true);
+        try {
+            await onRemove(value);
+            if (isMounted()) {
+                onChange(null);
+                setRemoving(false);
+            }
+        }
+        catch (error) {
+            if (isMounted()) {
+                setInternalError(formatUnknownError(error));
+                setRemoving(false);
+            }
+        }
+    }, [actionsDisabled, isMounted, onChange, onRemove, passive, removing, uploading, value]);
+    const canPreviewImage = type === 'image' && resolveRenderableAssetUrl(value) !== null;
+    return (<>
+      <FormField description={description} disabled={disabled} errorText={effectiveError} helperText={helperText} interactionPolicy={interactionPolicy} invalid={Boolean(effectiveError)} label={label} readOnly={readOnly} required={required} testID={testID}>
+        <Stack gap="m">
+          <UploadPresentation asset={value} aspectRatio={aspectRatio} type={type}/>
+
+          {resolvedAccept || maxSizeBytes ? (<Stack gap="xs">
+              {resolvedAccept ? (<Text emphasis="muted" variant="caption">
+                  Accepted: {resolvedAccept}
+                </Text>) : null}
+              {maxSizeBytes ? (<Text emphasis="muted" variant="caption">
+                  Max size: {formatBytes(maxSizeBytes)}
+                </Text>) : null}
+            </Stack>) : null}
+
+          {uploading ? (<Stack gap="xs">
+              <Text emphasis="muted" variant="caption">
+                Uploading…
+              </Text>
+              {progress !== null ? <Progress max={1} value={progress}/> : null}
+            </Stack>) : null}
+
+          <Stack direction={{ base: 'column', md: 'row' }} gap="s">
+            <Button disabled={actionsDisabled || uploading || removing} interactionPolicy={interactionPolicy} onPress={() => {
+            void handlePick();
+        }}>
+              {value ? 'Replace file' : 'Select file'}
+            </Button>
+
+            {value ? (<Button color="danger" disabled={actionsDisabled || uploading || removing} interactionPolicy={interactionPolicy} loading={removing} variant="outline" onPress={() => {
+                void handleRemove();
+            }}>
+                Remove
+              </Button>) : null}
+
+            {canPreviewImage ? (<Button color="neutral" interactionPolicy={interactionPolicy} variant="soft" onPress={() => setPreviewOpen(true)}>
+                Preview
+              </Button>) : null}
+          </Stack>
+        </Stack>
+      </FormField>
+
+      {canPreviewImage ? (<Modal closeOnBackdrop interactionPolicy={interactionPolicy} onDismiss={() => setPreviewOpen(false)} title="Image preview" visible={previewOpen}>
+          <Stack gap="m">
+            <Image aspectRatio={aspectRatio} fit="contain" source={value}/>
+            <Stack direction="row" justify="flex-end">
+              <Button color="neutral" interactionPolicy={interactionPolicy} variant="soft" onPress={() => setPreviewOpen(false)}>
+                Close
+              </Button>
+            </Stack>
+          </Stack>
+        </Modal>) : null}
+    </>);
+}
+/*** Renders image previews or generic file metadata without exposing picker-specific assets. */
+function UploadPresentation({ asset, aspectRatio, type, }) {
+    if (type === 'image') {
+        return <Image aspectRatio={aspectRatio} source={asset}/>;
+    }
+    return (<Box borderWidth={1} p="m" radius="m">
+      <Stack direction="row" gap="s">
+        <Icon name={resolveUploadIcon(type)} size={22}/>
+        <Stack gap="xs">
+          <Text variant="label" weight="semiBold">
+            {asset?.fileName ?? 'No file selected'}
+          </Text>
+          {asset?.contentType ? (<Text emphasis="muted" variant="caption">
+              {asset.contentType}
+            </Text>) : null}
+        </Stack>
+      </Stack>
+    </Box>);
+}
+/*** Resolves the native picker default while allowing accept to remain the precise restriction. */
+function resolveUploadAccept(type, accept) {
+    if (accept) {
+        return accept;
+    }
+    if (type === 'image') {
+        return 'image/*';
+    }
+    if (type === 'video') {
+        return 'video/*';
+    }
+    return undefined;
+}
+/*** Resolves an upload asset URL when it can be rendered directly. */
+function resolveRenderableAssetUrl(asset) {
+    if (!asset) {
+        return null;
+    }
+    switch (asset.kind) {
+        case 'local':
+            return asset.uri;
+        case 'url':
+            return asset.url;
+        case 'storage':
+            return asset.publicUrl ?? null;
+    }
+}
+/*** Resolves a generic icon for the selected upload mode. */
+function resolveUploadIcon(type) {
+    switch (type) {
+        case 'video':
+            return 'videocam-outline';
+        case 'document':
+            return 'document-text-outline';
+        case 'file':
+        case 'image':
+            return 'attach-outline';
+    }
+}
+/*** Clamps progress callbacks into the normalized 0..1 range. */
+function clampProgress(value) {
+    if (value === null || !Number.isFinite(value)) {
+        return null;
+    }
+    return Math.max(0, Math.min(1, value));
+}
+/*** Converts unknown picker/upload failures into user-facing text. */
+function formatUnknownError(error) {
+    if (error instanceof Error && error.message) {
+        return error.message;
+    }
+    if (typeof error === 'string' && error.trim().length > 0) {
+        return error;
+    }
+    return 'Something went wrong.';
+}
+/*** Formats an upload byte limit for concise helper text. */
+function formatBytes(value) {
+    if (!Number.isFinite(value) || value <= 0) {
+        return '0 B';
+    }
+    const units = ['B', 'KB', 'MB', 'GB'];
+    let size = value;
+    let unitIndex = 0;
+    while (size >= 1024 && unitIndex < units.length - 1) {
+        size /= 1024;
+        unitIndex += 1;
+    }
+    const unit = units.at(unitIndex) ?? 'B';
+    const rounded = unitIndex === 0 ? Math.round(size) : Math.round(size * 10) / 10;
+    return `${rounded} ${unit}`;
+}
+//# sourceMappingURL=Uploader.js.map