@ankhorage/zora 5.0.0 → 7.0.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## 7.0.0
+
+### Major Changes
+
+- 75d39e6: Replace `ImagePreview` and `ImageUploadField` with the canonical `Image` asset renderer and generic `Uploader`, backed by Expo image and document pickers.
+
+## 6.0.0
+
+### Major Changes
+
+- 8ceb824: Integrate the Surface 4 BottomSheet runtime into `ZoraProvider`, expose the supported controller API
+  through `@ankhorage/zora/bottom-sheet`, migrate the date and time pickers, and remove the obsolete
+  `ActionSheet` and `ActionSheetItem` exports. Expo hosts must now install the gesture-handler,
+  Reanimated, and Worklets peers and own `GestureHandlerRootView` outside `ZoraProvider`.
+
 ## 5.0.0
 
 ### Major Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # ZORA
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v4.5.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
+![license: MIT](././paradox/badges/license.svg) ![npm: v6.0.0](././paradox/badges/npm.svg) ![runtime: bun](././paradox/badges/runtime.svg) ![typescript: strict](././paradox/badges/typescript.svg) ![eslint: checked](././paradox/badges/eslint.svg) ![prettier: checked](././paradox/badges/prettier.svg) ![build: checked](././paradox/badges/build.svg) ![tests: checked](././paradox/badges/tests.svg) ![docs: paradox](././paradox/badges/docs.svg)
 
 Opinionated React Native and React Native Web UI kit built on @ankhorage/surface.
 
@@ -26,6 +26,7 @@ import {
   ZoraProvider,
   type ZoraTheme,
 } from '@ankhorage/zora';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 const basicTheme: ZoraTheme = {
   id: 'basic-app',
@@ -37,15 +38,17 @@ const basicTheme: ZoraTheme = {
 
 export default function BasicApp() {
   return (
-    <ZoraProvider initialMode="light" theme={basicTheme}>
-      <AppShell header={<AppBar title="Dashboard" subtitle="Welcome to ZORA" />}>
-        <Screen>
-          <ScreenSection>
-            <Text variant="lead">Build your app content inside the shell.</Text>
-          </ScreenSection>
-        </Screen>
-      </AppShell>
-    </ZoraProvider>
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <ZoraProvider initialMode="light" theme={basicTheme}>
+        <AppShell header={<AppBar title="Dashboard" subtitle="Welcome to ZORA" />}>
+          <Screen>
+            <ScreenSection>
+              <Text variant="lead">Build your app content inside the shell.</Text>
+            </ScreenSection>
+          </Screen>
+        </AppShell>
+      </ZoraProvider>
+    </GestureHandlerRootView>
   );
 }
 ```
@@ -69,3 +72,4 @@ export default function BasicApp() {
 - [useZoraTheme sequence](././paradox/diagrams/sequences/use-zora-theme.mmd)
 - [validateField sequence](././paradox/diagrams/sequences/validate-field.mmd)
 - [validateFields sequence](././paradox/diagrams/sequences/validate-fields.mmd)
+- [validateUploadAsset sequence](././paradox/diagrams/sequences/validate-upload-asset.mmd)

package/dist/components/button/resolveButtonThemeRecipe.d.ts

@@ -5,5 +5,5 @@ export declare function resolveButtonThemeRecipe(input: {
     readonly variant?: ZoraButtonVariant;
     readonly size?: ZoraControlSize;
     readonly themeFields: Readonly<Record<string, ThemeRecipeOverrideValue>>;
-}): Pick<import("@ankhorage/surface").ButtonProps, "color" | "variant" | "size">;
+}): Pick<import("@ankhorage/surface").ButtonProps, "color" | "size" | "variant">;
 //# sourceMappingURL=resolveButtonThemeRecipe.d.ts.map

package/dist/components/date-picker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA2Q/C;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA+U/C;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/components/date-picker/DatePicker.js

@@ -1,12 +1,13 @@
 import { Field } from '@ankhorage/surface';
 import React from 'react';
+import { useBottomSheet } from '../../features/bottom-sheet/public';
 import { Box, Stack } from '../../foundation';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { ActionSheet } from '../action-sheet';
 import { Button } from '../button';
 import { Text } from '../text';
 const WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 const DAY_CELL_WIDTH = 42;
+/*** Render the field label and optional supporting description. */
 function renderLabel(label, description) {
     return (<Stack gap="xs">
       <Text variant="label" weight="semiBold">
@@ -17,154 +18,159 @@ function renderLabel(label, description) {
         </Text>) : null}
     </Stack>);
 }
+/*** Normalize a date to the start of its local calendar day. */
 function startOfLocalDay(value) {
     return new Date(value.getFullYear(), value.getMonth(), value.getDate());
 }
+/*** Compare two values by local calendar day. */
 function isSameLocalDay(left, right) {
-    if (!left) {
+    if (!left)
         return false;
-    }
     return startOfLocalDay(left).getTime() === startOfLocalDay(right).getTime();
 }
+/*** Report whether one local calendar day precedes another. */
 function isBeforeLocalDay(left, right) {
     return startOfLocalDay(left).getTime() < startOfLocalDay(right).getTime();
 }
+/*** Report whether one local calendar day follows another. */
 function isAfterLocalDay(left, right) {
     return startOfLocalDay(left).getTime() > startOfLocalDay(right).getTime();
 }
+/*** Resolve whether a date falls outside the configured picker range. */
 function isDateDisabled(value, minDate, maxDate) {
-    if (minDate && isBeforeLocalDay(value, minDate)) {
+    if (minDate && isBeforeLocalDay(value, minDate))
         return true;
-    }
-    if (maxDate && isAfterLocalDay(value, maxDate)) {
+    if (maxDate && isAfterLocalDay(value, maxDate))
         return true;
-    }
     return false;
 }
+/*** Format the current calendar month for the picker heading. */
 function formatMonthLabel(value) {
     return value.toLocaleDateString(undefined, { month: 'long', year: 'numeric' });
 }
+/*** Format a selected date with the platform locale defaults. */
 function formatDefaultDate(value) {
     return value.toLocaleDateString();
 }
+/*** Build the padded calendar grid for one month. */
 function createMonthDays(month) {
     const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);
     const dayCount = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();
     const days = [];
-    for (let offset = 0; offset < firstDay.getDay(); offset += 1) {
+    for (let offset = 0; offset < firstDay.getDay(); offset += 1)
         days.push(null);
-    }
     for (let day = 1; day <= dayCount; day += 1) {
         days.push(new Date(month.getFullYear(), month.getMonth(), day));
     }
-    while (days.length % 7 !== 0) {
+    while (days.length % 7 !== 0)
         days.push(null);
-    }
     return days;
 }
+/*** Resolve the month initially shown by the calendar sheet. */
 function resolveInitialMonth(value, minDate) {
     const base = value ?? minDate ?? new Date();
     return new Date(base.getFullYear(), base.getMonth(), 1);
 }
+/*** Report whether the configured range intersects a candidate month. */
 function canNavigateToMonth(month, minDate, maxDate) {
     const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);
     const lastDay = new Date(month.getFullYear(), month.getMonth() + 1, 0);
-    if (maxDate && isAfterLocalDay(firstDay, maxDate)) {
+    if (maxDate && isAfterLocalDay(firstDay, maxDate))
         return false;
-    }
-    if (minDate && isBeforeLocalDay(lastDay, minDate)) {
+    if (minDate && isBeforeLocalDay(lastDay, minDate))
         return false;
-    }
     return true;
 }
 function DatePickerInner({ themeId: _themeId, mode: _mode, value, onValueChange, label, description, error, placeholder = 'Choose date', minDate, maxDate, disabled = false, required = false, formatDate, testID, interactionPolicy, }) {
+    const { dismiss, present } = useBottomSheet();
     const passive = interactionPolicy === 'passive';
-    const [visible, setVisible] = React.useState(false);
-    const [fallbackMonth] = React.useState(() => resolveInitialMonth(null, undefined));
-    const initialMonth = value || minDate ? resolveInitialMonth(value, minDate) : fallbackMonth;
-    const initialMonthKey = initialMonth.getTime();
-    const [displayMonthState, setDisplayMonthState] = React.useState(() => ({
-        sourceMonthKey: initialMonthKey,
-        month: initialMonth,
-    }));
-    const displayMonth = displayMonthState.sourceMonthKey === initialMonthKey ? displayMonthState.month : initialMonth;
-    const monthDays = React.useMemo(() => createMonthDays(displayMonth), [displayMonth]);
-    const previousMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() - 1, 1);
-    const nextMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() + 1, 1);
     const displayValue = value
         ? formatDate
             ? formatDate(value)
             : formatDefaultDate(value)
         : placeholder;
-    function setDisplayMonth(month) {
-        setDisplayMonthState({ sourceMonthKey: initialMonthKey, month });
-    }
+    /*** Present the calendar content through the shared BottomSheet controller. */
     function openPicker() {
         if (passive)
             return;
-        setDisplayMonthState({ sourceMonthKey: initialMonthKey, month: initialMonth });
-        setVisible(true);
+        present({
+            content: (<DatePickerSheet description={description} interactionPolicy={interactionPolicy} label={label} maxDate={maxDate} minDate={minDate} onDismiss={dismiss} onSelect={(date) => {
+                    onValueChange?.(startOfLocalDay(date));
+                    dismiss();
+                }} 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: 'calendar-outline' }} variant="outline">
         {displayValue}
       </Button>
-      <ActionSheet description={description} interactionPolicy={interactionPolicy} onDismiss={() => {
-            if (passive)
-                return;
-            setVisible(false);
-        }} testID={testID ? `${testID}-sheet` : undefined} title={label ?? 'Choose date'} visible={visible}>
-        <Stack gap="m">
-          <Stack align="center" direction="row" justify="space-between">
-            <Button disabled={!canNavigateToMonth(previousMonth, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => {
-            if (passive)
-                return;
-            setDisplayMonth(previousMonth);
-        }} size="s" variant="ghost">
-              Previous
-            </Button>
-            <Text align="center" variant="label" weight="semiBold">
-              {formatMonthLabel(displayMonth)}
-            </Text>
-            <Button disabled={!canNavigateToMonth(nextMonth, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => {
-            if (passive)
-                return;
-            setDisplayMonth(nextMonth);
-        }} size="s" variant="ghost">
-              Next
-            </Button>
-          </Stack>
-
-          <Stack direction="row" justify="space-between">
-            {WEEKDAY_LABELS.map((weekday) => (<Box key={weekday} style={{ width: DAY_CELL_WIDTH }}>
-                <Text align="center" emphasis="muted" variant="caption" weight="semiBold">
-                  {weekday}
-                </Text>
-              </Box>))}
-          </Stack>
-
-          <Stack direction="row" gap="xs" style={{ flexWrap: 'wrap' }}>
-            {monthDays.map((day, index) => {
-            if (!day) {
-                return <Box key={`empty-${index}`} style={{ width: DAY_CELL_WIDTH }}/>;
-            }
+    </Field>);
+}
+/*** Render the calendar-specific content inside the shared BottomSheet host. */
+function DatePickerSheet({ description, interactionPolicy, label, maxDate, minDate, onDismiss, onSelect, testID, value, }) {
+    const [displayMonth, setDisplayMonth] = React.useState(() => resolveInitialMonth(value, minDate));
+    const monthDays = React.useMemo(() => createMonthDays(displayMonth), [displayMonth]);
+    return (<Stack gap="m" p="m" testID={testID ? `${testID}-sheet` : undefined}>
+      <PickerSheetHeader description={description} title={label ?? 'Choose date'}/>
+      <DatePickerMonthNavigation displayMonth={displayMonth} interactionPolicy={interactionPolicy} maxDate={maxDate} minDate={minDate} onMonthChange={setDisplayMonth}/>
+      <DatePickerWeekdays />
+      <DatePickerCalendar interactionPolicy={interactionPolicy} maxDate={maxDate} minDate={minDate} monthDays={monthDays} onSelect={onSelect} testID={testID} value={value}/>
+      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant="ghost">
+        Cancel
+      </Button>
+    </Stack>);
+}
+/*** Render the shared title block used by the calendar 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 previous/next month controls for the calendar sheet. */
+function DatePickerMonthNavigation({ displayMonth, interactionPolicy, maxDate, minDate, onMonthChange, }) {
+    const previousMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() - 1, 1);
+    const nextMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() + 1, 1);
+    return (<Stack align="center" direction="row" justify="space-between">
+      <Button disabled={!canNavigateToMonth(previousMonth, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => onMonthChange(previousMonth)} size="s" variant="ghost">
+        Previous
+      </Button>
+      <Text align="center" variant="label" weight="semiBold">
+        {formatMonthLabel(displayMonth)}
+      </Text>
+      <Button disabled={!canNavigateToMonth(nextMonth, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => onMonthChange(nextMonth)} size="s" variant="ghost">
+        Next
+      </Button>
+    </Stack>);
+}
+/*** Render weekday headings for the calendar grid. */
+function DatePickerWeekdays() {
+    return (<Stack direction="row" justify="space-between">
+      {WEEKDAY_LABELS.map((weekday) => (<Box key={weekday} width={DAY_CELL_WIDTH}>
+          <Text align="center" emphasis="muted" variant="caption" weight="semiBold">
+            {weekday}
+          </Text>
+        </Box>))}
+    </Stack>);
+}
+/*** Render selectable day cells for the current calendar month. */
+function DatePickerCalendar({ interactionPolicy, maxDate, minDate, monthDays, onSelect, testID, value, }) {
+    return (<Stack direction="row" gap="xs" wrap="wrap">
+      {monthDays.map((day, index) => {
+            if (!day)
+                return <Box key={`empty-${index}`} width={DAY_CELL_WIDTH}/>;
             const selected = isSameLocalDay(value, day);
-            const dayDisabled = isDateDisabled(day, minDate, maxDate);
-            return (<Box key={day.toISOString()} style={{ width: DAY_CELL_WIDTH }}>
-                  <Button color={selected ? 'primary' : 'neutral'} disabled={dayDisabled} interactionPolicy={interactionPolicy} onPress={() => {
-                    if (passive)
-                        return;
-                    onValueChange?.(startOfLocalDay(day));
-                    setVisible(false);
-                }} size="s" testID={testID ? `${testID}-day-${day.getDate()}` : undefined} variant={selected ? 'solid' : 'ghost'}>
-                    {day.getDate()}
-                  </Button>
-                </Box>);
+            return (<Box key={day.toISOString()} width={DAY_CELL_WIDTH}>
+            <Button color={selected ? 'primary' : 'neutral'} disabled={isDateDisabled(day, minDate, maxDate)} interactionPolicy={interactionPolicy} onPress={() => onSelect(day)} size="s" testID={testID ? `${testID}-day-${day.getDate()}` : undefined} variant={selected ? 'solid' : 'ghost'}>
+              {day.getDate()}
+            </Button>
+          </Box>);
         })}
-          </Stack>
-        </Stack>
-      </ActionSheet>
-    </Field>);
+    </Stack>);
 }
 /***
  * Date input control with calendar selection and formatted display value.

package/dist/components/date-picker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { ActionSheet } from '../action-sheet';\nimport { Button } from '../button';\nimport { Text } from '../text';\nimport type { DatePickerProps } from './types';\n\nconst WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;\nconst DAY_CELL_WIDTH = 42;\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 startOfLocalDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate());\n}\n\nfunction isSameLocalDay(left: Date | null, right: Date): boolean {\n  if (!left) {\n    return false;\n  }\n\n  return startOfLocalDay(left).getTime() === startOfLocalDay(right).getTime();\n}\n\nfunction isBeforeLocalDay(left: Date, right: Date): boolean {\n  return startOfLocalDay(left).getTime() < startOfLocalDay(right).getTime();\n}\n\nfunction isAfterLocalDay(left: Date, right: Date): boolean {\n  return startOfLocalDay(left).getTime() > startOfLocalDay(right).getTime();\n}\n\nfunction isDateDisabled(\n  value: Date,\n  minDate: Date | undefined,\n  maxDate: Date | undefined,\n): boolean {\n  if (minDate && isBeforeLocalDay(value, minDate)) {\n    return true;\n  }\n\n  if (maxDate && isAfterLocalDay(value, maxDate)) {\n    return true;\n  }\n\n  return false;\n}\n\nfunction formatMonthLabel(value: Date): string {\n  return value.toLocaleDateString(undefined, { month: 'long', year: 'numeric' });\n}\n\nfunction formatDefaultDate(value: Date): string {\n  return value.toLocaleDateString();\n}\n\nfunction createMonthDays(month: Date): (Date | null)[] {\n  const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);\n  const dayCount = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();\n  const days: (Date | null)[] = [];\n\n  for (let offset = 0; offset < firstDay.getDay(); offset += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= dayCount; day += 1) {\n    days.push(new Date(month.getFullYear(), month.getMonth(), day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n}\n\nfunction resolveInitialMonth(value: Date | null, minDate: Date | undefined): Date {\n  const base = value ?? minDate ?? new Date();\n  return new Date(base.getFullYear(), base.getMonth(), 1);\n}\n\nfunction canNavigateToMonth(\n  month: Date,\n  minDate: Date | undefined,\n  maxDate: Date | undefined,\n): boolean {\n  const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);\n  const lastDay = new Date(month.getFullYear(), month.getMonth() + 1, 0);\n\n  if (maxDate && isAfterLocalDay(firstDay, maxDate)) {\n    return false;\n  }\n\n  if (minDate && isBeforeLocalDay(lastDay, minDate)) {\n    return false;\n  }\n\n  return true;\n}\n\nfunction DatePickerInner({\n  themeId: _themeId,\n  mode: _mode,\n  value,\n  onValueChange,\n  label,\n  description,\n  error,\n  placeholder = 'Choose date',\n  minDate,\n  maxDate,\n  disabled = false,\n  required = false,\n  formatDate,\n  testID,\n  interactionPolicy,\n}: DatePickerProps) {\n  const passive = interactionPolicy === 'passive';\n  const [visible, setVisible] = React.useState(false);\n  const [fallbackMonth] = React.useState(() => resolveInitialMonth(null, undefined));\n  const initialMonth = value || minDate ? resolveInitialMonth(value, minDate) : fallbackMonth;\n  const initialMonthKey = initialMonth.getTime();\n  const [displayMonthState, setDisplayMonthState] = React.useState(() => ({\n    sourceMonthKey: initialMonthKey,\n    month: initialMonth,\n  }));\n  const displayMonth =\n    displayMonthState.sourceMonthKey === initialMonthKey ? displayMonthState.month : initialMonth;\n  const monthDays = React.useMemo(() => createMonthDays(displayMonth), [displayMonth]);\n  const previousMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() - 1, 1);\n  const nextMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() + 1, 1);\n  const displayValue = value\n    ? formatDate\n      ? formatDate(value)\n      : formatDefaultDate(value)\n    : placeholder;\n\n  function setDisplayMonth(month: Date) {\n    setDisplayMonthState({ sourceMonthKey: initialMonthKey, month });\n  }\n\n  function openPicker() {\n    if (passive) return;\n\n    setDisplayMonthState({ sourceMonthKey: initialMonthKey, month: initialMonth });\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: 'calendar-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 date'}\n        visible={visible}\n      >\n        <Stack gap=\"m\">\n          <Stack align=\"center\" direction=\"row\" justify=\"space-between\">\n            <Button\n              disabled={!canNavigateToMonth(previousMonth, minDate, maxDate)}\n              interactionPolicy={interactionPolicy}\n              onPress={() => {\n                if (passive) return;\n\n                setDisplayMonth(previousMonth);\n              }}\n              size=\"s\"\n              variant=\"ghost\"\n            >\n              Previous\n            </Button>\n            <Text align=\"center\" variant=\"label\" weight=\"semiBold\">\n              {formatMonthLabel(displayMonth)}\n            </Text>\n            <Button\n              disabled={!canNavigateToMonth(nextMonth, minDate, maxDate)}\n              interactionPolicy={interactionPolicy}\n              onPress={() => {\n                if (passive) return;\n\n                setDisplayMonth(nextMonth);\n              }}\n              size=\"s\"\n              variant=\"ghost\"\n            >\n              Next\n            </Button>\n          </Stack>\n\n          <Stack direction=\"row\" justify=\"space-between\">\n            {WEEKDAY_LABELS.map((weekday) => (\n              <Box key={weekday} style={{ width: DAY_CELL_WIDTH }}>\n                <Text align=\"center\" emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n                  {weekday}\n                </Text>\n              </Box>\n            ))}\n          </Stack>\n\n          <Stack direction=\"row\" gap=\"xs\" style={{ flexWrap: 'wrap' }}>\n            {monthDays.map((day, index) => {\n              if (!day) {\n                return <Box key={`empty-${index}`} style={{ width: DAY_CELL_WIDTH }} />;\n              }\n\n              const selected = isSameLocalDay(value, day);\n              const dayDisabled = isDateDisabled(day, minDate, maxDate);\n\n              return (\n                <Box key={day.toISOString()} style={{ width: DAY_CELL_WIDTH }}>\n                  <Button\n                    color={selected ? 'primary' : 'neutral'}\n                    disabled={dayDisabled}\n                    interactionPolicy={interactionPolicy}\n                    onPress={() => {\n                      if (passive) return;\n\n                      onValueChange?.(startOfLocalDay(day));\n                      setVisible(false);\n                    }}\n                    size=\"s\"\n                    testID={testID ? `${testID}-day-${day.getDate()}` : undefined}\n                    variant={selected ? 'solid' : 'ghost'}\n                  >\n                    {day.getDate()}\n                  </Button>\n                </Box>\n              );\n            })}\n          </Stack>\n        </Stack>\n      </ActionSheet>\n    </Field>\n  );\n}\n\n/***\n * Date input control with calendar selection and formatted display value.\n */\nexport const DatePicker = withZoraThemeScope(DatePickerInner);\n"]}
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/date-picker/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { useBottomSheet } from '../../features/bottom-sheet/public';\nimport { Box, Stack } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Button } from '../button';\nimport { Text } from '../text';\nimport type { DatePickerProps } from './types';\n\nconst WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const;\nconst DAY_CELL_WIDTH = 42;\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/*** Normalize a date to the start of its local calendar day. */\nfunction startOfLocalDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate());\n}\n\n/*** Compare two values by local calendar day. */\nfunction isSameLocalDay(left: Date | null, right: Date): boolean {\n  if (!left) return false;\n  return startOfLocalDay(left).getTime() === startOfLocalDay(right).getTime();\n}\n\n/*** Report whether one local calendar day precedes another. */\nfunction isBeforeLocalDay(left: Date, right: Date): boolean {\n  return startOfLocalDay(left).getTime() < startOfLocalDay(right).getTime();\n}\n\n/*** Report whether one local calendar day follows another. */\nfunction isAfterLocalDay(left: Date, right: Date): boolean {\n  return startOfLocalDay(left).getTime() > startOfLocalDay(right).getTime();\n}\n\n/*** Resolve whether a date falls outside the configured picker range. */\nfunction isDateDisabled(\n  value: Date,\n  minDate: Date | undefined,\n  maxDate: Date | undefined,\n): boolean {\n  if (minDate && isBeforeLocalDay(value, minDate)) return true;\n  if (maxDate && isAfterLocalDay(value, maxDate)) return true;\n  return false;\n}\n\n/*** Format the current calendar month for the picker heading. */\nfunction formatMonthLabel(value: Date): string {\n  return value.toLocaleDateString(undefined, { month: 'long', year: 'numeric' });\n}\n\n/*** Format a selected date with the platform locale defaults. */\nfunction formatDefaultDate(value: Date): string {\n  return value.toLocaleDateString();\n}\n\n/*** Build the padded calendar grid for one month. */\nfunction createMonthDays(month: Date): (Date | null)[] {\n  const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);\n  const dayCount = new Date(month.getFullYear(), month.getMonth() + 1, 0).getDate();\n  const days: (Date | null)[] = [];\n\n  for (let offset = 0; offset < firstDay.getDay(); offset += 1) days.push(null);\n  for (let day = 1; day <= dayCount; day += 1) {\n    days.push(new Date(month.getFullYear(), month.getMonth(), day));\n  }\n  while (days.length % 7 !== 0) days.push(null);\n\n  return days;\n}\n\n/*** Resolve the month initially shown by the calendar sheet. */\nfunction resolveInitialMonth(value: Date | null, minDate: Date | undefined): Date {\n  const base = value ?? minDate ?? new Date();\n  return new Date(base.getFullYear(), base.getMonth(), 1);\n}\n\n/*** Report whether the configured range intersects a candidate month. */\nfunction canNavigateToMonth(\n  month: Date,\n  minDate: Date | undefined,\n  maxDate: Date | undefined,\n): boolean {\n  const firstDay = new Date(month.getFullYear(), month.getMonth(), 1);\n  const lastDay = new Date(month.getFullYear(), month.getMonth() + 1, 0);\n\n  if (maxDate && isAfterLocalDay(firstDay, maxDate)) return false;\n  if (minDate && isBeforeLocalDay(lastDay, minDate)) return false;\n  return true;\n}\n\nfunction DatePickerInner({\n  themeId: _themeId,\n  mode: _mode,\n  value,\n  onValueChange,\n  label,\n  description,\n  error,\n  placeholder = 'Choose date',\n  minDate,\n  maxDate,\n  disabled = false,\n  required = false,\n  formatDate,\n  testID,\n  interactionPolicy,\n}: DatePickerProps) {\n  const { dismiss, present } = useBottomSheet();\n  const passive = interactionPolicy === 'passive';\n  const displayValue = value\n    ? formatDate\n      ? formatDate(value)\n      : formatDefaultDate(value)\n    : placeholder;\n\n  /*** Present the calendar content through the shared BottomSheet controller. */\n  function openPicker() {\n    if (passive) return;\n    present({\n      content: (\n        <DatePickerSheet\n          description={description}\n          interactionPolicy={interactionPolicy}\n          label={label}\n          maxDate={maxDate}\n          minDate={minDate}\n          onDismiss={dismiss}\n          onSelect={(date) => {\n            onValueChange?.(startOfLocalDay(date));\n            dismiss();\n          }}\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: 'calendar-outline' }}\n        variant=\"outline\"\n      >\n        {displayValue}\n      </Button>\n    </Field>\n  );\n}\n\ninterface DatePickerSheetProps extends Pick<\n  DatePickerProps,\n  'description' | 'interactionPolicy' | 'label' | 'maxDate' | 'minDate' | 'testID' | 'value'\n> {\n  onDismiss: () => void;\n  onSelect: (value: Date) => void;\n}\n\n/*** Render the calendar-specific content inside the shared BottomSheet host. */\nfunction DatePickerSheet({\n  description,\n  interactionPolicy,\n  label,\n  maxDate,\n  minDate,\n  onDismiss,\n  onSelect,\n  testID,\n  value,\n}: DatePickerSheetProps) {\n  const [displayMonth, setDisplayMonth] = React.useState(() => resolveInitialMonth(value, minDate));\n  const monthDays = React.useMemo(() => createMonthDays(displayMonth), [displayMonth]);\n\n  return (\n    <Stack gap=\"m\" p=\"m\" testID={testID ? `${testID}-sheet` : undefined}>\n      <PickerSheetHeader description={description} title={label ?? 'Choose date'} />\n      <DatePickerMonthNavigation\n        displayMonth={displayMonth}\n        interactionPolicy={interactionPolicy}\n        maxDate={maxDate}\n        minDate={minDate}\n        onMonthChange={setDisplayMonth}\n      />\n      <DatePickerWeekdays />\n      <DatePickerCalendar\n        interactionPolicy={interactionPolicy}\n        maxDate={maxDate}\n        minDate={minDate}\n        monthDays={monthDays}\n        onSelect={onSelect}\n        testID={testID}\n        value={value}\n      />\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 calendar 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 previous/next month controls for the calendar sheet. */\nfunction DatePickerMonthNavigation({\n  displayMonth,\n  interactionPolicy,\n  maxDate,\n  minDate,\n  onMonthChange,\n}: Pick<DatePickerSheetProps, 'interactionPolicy' | 'maxDate' | 'minDate'> & {\n  displayMonth: Date;\n  onMonthChange: (month: Date) => void;\n}) {\n  const previousMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() - 1, 1);\n  const nextMonth = new Date(displayMonth.getFullYear(), displayMonth.getMonth() + 1, 1);\n\n  return (\n    <Stack align=\"center\" direction=\"row\" justify=\"space-between\">\n      <Button\n        disabled={!canNavigateToMonth(previousMonth, minDate, maxDate)}\n        interactionPolicy={interactionPolicy}\n        onPress={() => onMonthChange(previousMonth)}\n        size=\"s\"\n        variant=\"ghost\"\n      >\n        Previous\n      </Button>\n      <Text align=\"center\" variant=\"label\" weight=\"semiBold\">\n        {formatMonthLabel(displayMonth)}\n      </Text>\n      <Button\n        disabled={!canNavigateToMonth(nextMonth, minDate, maxDate)}\n        interactionPolicy={interactionPolicy}\n        onPress={() => onMonthChange(nextMonth)}\n        size=\"s\"\n        variant=\"ghost\"\n      >\n        Next\n      </Button>\n    </Stack>\n  );\n}\n\n/*** Render weekday headings for the calendar grid. */\nfunction DatePickerWeekdays() {\n  return (\n    <Stack direction=\"row\" justify=\"space-between\">\n      {WEEKDAY_LABELS.map((weekday) => (\n        <Box key={weekday} width={DAY_CELL_WIDTH}>\n          <Text align=\"center\" emphasis=\"muted\" variant=\"caption\" weight=\"semiBold\">\n            {weekday}\n          </Text>\n        </Box>\n      ))}\n    </Stack>\n  );\n}\n\n/*** Render selectable day cells for the current calendar month. */\nfunction DatePickerCalendar({\n  interactionPolicy,\n  maxDate,\n  minDate,\n  monthDays,\n  onSelect,\n  testID,\n  value,\n}: Pick<DatePickerSheetProps, 'interactionPolicy' | 'maxDate' | 'minDate' | 'testID' | 'value'> & {\n  monthDays: readonly (Date | null)[];\n  onSelect: (value: Date) => void;\n}) {\n  return (\n    <Stack direction=\"row\" gap=\"xs\" wrap=\"wrap\">\n      {monthDays.map((day, index) => {\n        if (!day) return <Box key={`empty-${index}`} width={DAY_CELL_WIDTH} />;\n        const selected = isSameLocalDay(value, day);\n        return (\n          <Box key={day.toISOString()} width={DAY_CELL_WIDTH}>\n            <Button\n              color={selected ? 'primary' : 'neutral'}\n              disabled={isDateDisabled(day, minDate, maxDate)}\n              interactionPolicy={interactionPolicy}\n              onPress={() => onSelect(day)}\n              size=\"s\"\n              testID={testID ? `${testID}-day-${day.getDate()}` : undefined}\n              variant={selected ? 'solid' : 'ghost'}\n            >\n              {day.getDate()}\n            </Button>\n          </Box>\n        );\n      })}\n    </Stack>\n  );\n}\n\n/***\n * Date input control with calendar selection and formatted display value.\n */\nexport const DatePicker = withZoraThemeScope(DatePickerInner);\n"]}

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

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

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

@@ -3,7 +3,7 @@ export const datePickerMeta = {
     category: 'component',
     directManifestNode: false,
     allowedChildren: [],
-    note: 'Code-facing ActionSheet-backed date picker; not represented as a manifest node in v1.',
+    note: 'Code-facing BottomSheet-backed date picker; not represented as a manifest node in v1.',
     props: {},
 };
 //# sourceMappingURL=meta.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/date-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 datePickerMeta = {\n  name: 'DatePicker',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Code-facing ActionSheet-backed date 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/date-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 datePickerMeta = {\n  name: 'DatePicker',\n  category: 'component',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Code-facing BottomSheet-backed date picker; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/components/heading/resolveHeadingThemeRecipe.d.ts

@@ -3,7 +3,7 @@ import type { HeadingAlign, HeadingSize, HeadingWeight } from './types';
 export declare function resolveHeadingThemeRecipe(fields: Readonly<Record<string, ThemeRecipeOverrideValue>>): {
     size: HeadingSize | 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: HeadingAlign | undefined;
     weight: HeadingWeight | undefined;
     italic: boolean | undefined;

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

@@ -1,9 +1,5 @@
 import React from 'react';
 import type { ImageProps } from './types';
-/***
- * Displays an image with cross-platform source and fit handling.
- *
- 
- */
+/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */
 export declare const Image: (props: ImageProps) => React.ReactElement | null;
 //# sourceMappingURL=Image.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAW1C;;;;GAIG;AACH,eAAO,MAAM,KAAK,kDAAiC,CAAC"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,mGAAmG;AACnG,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

package/dist/components/image/Image.js

@@ -1,13 +1,84 @@
 import { Image as SurfaceImage } from '@ankhorage/surface';
 import React from 'react';
+import { Box } from '../../foundation';
+import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function ImageInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, ...props }) {
-    return <SurfaceImage {...props}/>;
-}
-/***
- * Displays an image with cross-platform source and fit handling.
- *
- 
- */
+import { Icon } from '../icon';
+/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */
 export const Image = withZoraThemeScope(ImageInner);
+/*** Renders the resolved image source or the canonical ZORA image placeholder. */
+function ImageInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, source, fallbackSource, alt, accessibilityLabel, width, height, aspectRatio, radius, style, testID, onError, ...props }) {
+    const { theme } = useZoraTheme();
+    const resolvedSource = resolveImageSource(source);
+    const sourceKey = resolveImageSourceKey(source);
+    const firstFailureKeyRef = React.useRef(null);
+    const [failedSourceKey, setFailedSourceKey] = React.useState(null);
+    const showPlaceholder = resolvedSource === null || failedSourceKey === sourceKey;
+    const resolvedAlt = alt ?? (isUploadAsset(source) ? source.alt : undefined);
+    const placeholderLabel = accessibilityLabel ?? resolvedAlt;
+    if (showPlaceholder) {
+        return (<Box accessibilityLabel={placeholderLabel} accessibilityRole={placeholderLabel ? 'image' : undefined} accessible={Boolean(placeholderLabel)} bg={theme.semantics.neutral.surface} borderColor={theme.semantics.neutral.divider} borderWidth={1} height={height} overflow="hidden" radius={radius} testID={testID} width={width} style={[
+                {
+                    alignItems: 'center',
+                    aspectRatio: aspectRatio ?? 1,
+                    justifyContent: 'center',
+                },
+                style,
+            ]}>
+        <Icon color={theme.semantics.content.muted} name="image-outline" size={24}/>
+      </Box>);
+    }
+    return (<SurfaceImage {...props} accessibilityLabel={accessibilityLabel} alt={resolvedAlt} aspectRatio={aspectRatio} fallbackSource={fallbackSource} height={height} onError={(event) => {
+            onError?.(event);
+            if (!sourceKey) {
+                return;
+            }
+            if (fallbackSource && firstFailureKeyRef.current !== sourceKey) {
+                firstFailureKeyRef.current = sourceKey;
+                return;
+            }
+            setFailedSourceKey(sourceKey);
+        }} radius={radius} source={resolvedSource} style={style} testID={testID} width={width}/>);
+}
+/*** Resolves a generic upload asset into a source understood by the Surface Image primitive. */
+function resolveImageSource(source) {
+    if (!isUploadAsset(source)) {
+        return source;
+    }
+    switch (source.kind) {
+        case 'local':
+            return source.uri;
+        case 'url':
+            return source.url;
+        case 'storage':
+            return source.publicUrl ?? null;
+    }
+}
+/*** Produces a stable-enough key for tracking image failures across source changes. */
+function resolveImageSourceKey(source) {
+    if (source === null || source === undefined) {
+        return null;
+    }
+    if (isUploadAsset(source)) {
+        switch (source.kind) {
+            case 'local':
+                return `local:${source.uri}`;
+            case 'url':
+                return `url:${source.url}`;
+            case 'storage':
+                return `storage:${source.bucket}:${source.path}:${source.publicUrl ?? ''}`;
+        }
+    }
+    if (typeof source === 'string' || typeof source === 'number') {
+        return `source:${String(source)}`;
+    }
+    if (!Array.isArray(source) && 'uri' in source && typeof source.uri === 'string') {
+        return `source:${source.uri}`;
+    }
+    return 'source:opaque';
+}
+/*** Identifies the generic ZORA upload asset shape without leaking picker-specific types. */
+function isUploadAsset(source) {
+    return (typeof source === 'object' && source !== null && !Array.isArray(source) && 'kind' in source);
+}
 //# sourceMappingURL=Image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,UAAU,CAAC,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,GAAG,KAAK,EACG;IACX,OAAO,CAAC,YAAY,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACrC,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import { Image as SurfaceImage } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { ImageProps } from './types';\n\nfunction ImageInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  ...props\n}: ImageProps) {\n  return <SurfaceImage {...props} />;\n}\n\n/***\n * Displays an image with cross-platform source and fit handling.\n *\n \n */\nexport const Image = withZoraThemeScope(ImageInner);\n"]}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../src/components/image/Image.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Image as SurfaceImage, type SurfaceImageSource } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box } from '../../foundation';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { UploadAsset } from '../../types/upload';\nimport { Icon } from '../icon';\nimport type { ImageProps } from './types';\n\n/*** Displays an image asset and owns its missing, unrenderable, and failed presentation states. */\nexport const Image = withZoraThemeScope(ImageInner);\n\n/*** Renders the resolved image source or the canonical ZORA image placeholder. */\nfunction ImageInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  source,\n  fallbackSource,\n  alt,\n  accessibilityLabel,\n  width,\n  height,\n  aspectRatio,\n  radius,\n  style,\n  testID,\n  onError,\n  ...props\n}: ImageProps) {\n  const { theme } = useZoraTheme();\n  const resolvedSource = resolveImageSource(source);\n  const sourceKey = resolveImageSourceKey(source);\n  const firstFailureKeyRef = React.useRef<string | null>(null);\n  const [failedSourceKey, setFailedSourceKey] = React.useState<string | null>(null);\n  const showPlaceholder = resolvedSource === null || failedSourceKey === sourceKey;\n  const resolvedAlt = alt ?? (isUploadAsset(source) ? source.alt : undefined);\n  const placeholderLabel = accessibilityLabel ?? resolvedAlt;\n\n  if (showPlaceholder) {\n    return (\n      <Box\n        accessibilityLabel={placeholderLabel}\n        accessibilityRole={placeholderLabel ? 'image' : undefined}\n        accessible={Boolean(placeholderLabel)}\n        bg={theme.semantics.neutral.surface}\n        borderColor={theme.semantics.neutral.divider}\n        borderWidth={1}\n        height={height}\n        overflow=\"hidden\"\n        radius={radius}\n        testID={testID}\n        width={width}\n        style={[\n          {\n            alignItems: 'center',\n            aspectRatio: aspectRatio ?? 1,\n            justifyContent: 'center',\n          },\n          style,\n        ]}\n      >\n        <Icon color={theme.semantics.content.muted} name=\"image-outline\" size={24} />\n      </Box>\n    );\n  }\n\n  return (\n    <SurfaceImage\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      alt={resolvedAlt}\n      aspectRatio={aspectRatio}\n      fallbackSource={fallbackSource}\n      height={height}\n      onError={(event) => {\n        onError?.(event);\n\n        if (!sourceKey) {\n          return;\n        }\n\n        if (fallbackSource && firstFailureKeyRef.current !== sourceKey) {\n          firstFailureKeyRef.current = sourceKey;\n          return;\n        }\n\n        setFailedSourceKey(sourceKey);\n      }}\n      radius={radius}\n      source={resolvedSource}\n      style={style}\n      testID={testID}\n      width={width}\n    />\n  );\n}\n\n/*** Resolves a generic upload asset into a source understood by the Surface Image primitive. */\nfunction resolveImageSource(source: ImageProps['source']): SurfaceImageSource | null | undefined {\n  if (!isUploadAsset(source)) {\n    return source;\n  }\n\n  switch (source.kind) {\n    case 'local':\n      return source.uri;\n    case 'url':\n      return source.url;\n    case 'storage':\n      return source.publicUrl ?? null;\n  }\n}\n\n/*** Produces a stable-enough key for tracking image failures across source changes. */\nfunction resolveImageSourceKey(source: ImageProps['source']): string | null {\n  if (source === null || source === undefined) {\n    return null;\n  }\n\n  if (isUploadAsset(source)) {\n    switch (source.kind) {\n      case 'local':\n        return `local:${source.uri}`;\n      case 'url':\n        return `url:${source.url}`;\n      case 'storage':\n        return `storage:${source.bucket}:${source.path}:${source.publicUrl ?? ''}`;\n    }\n  }\n\n  if (typeof source === 'string' || typeof source === 'number') {\n    return `source:${String(source)}`;\n  }\n\n  if (!Array.isArray(source) && 'uri' in source && typeof source.uri === 'string') {\n    return `source:${source.uri}`;\n  }\n\n  return 'source:opaque';\n}\n\n/*** Identifies the generic ZORA upload asset shape without leaking picker-specific types. */\nfunction isUploadAsset(source: ImageProps['source']): source is UploadAsset {\n  return (\n    typeof source === 'object' && source !== null && !Array.isArray(source) && 'kind' in source\n  );\n}\n"]}