@ankhorage/zora 4.5.0 → 6.0.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 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
+
+- 44914bc: Remove obsolete navigation and UI chrome APIs now owned by `@ankhorage/navigator`: `Drawer`,
+  `NavigationItem`, `NavigationList`, `ResponsivePanel`, `ZoraDrawerContent`, and `ZoraTabBar`.
+
 ## 4.5.0
 
 ### Minor Changes

package/README.md

@@ -3,7 +3,7 @@
 
 # ZORA
 
-![license: MIT](././paradox/badges/license.svg) ![npm: v4.4.1](././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: 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)
 
 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>
   );
 }
 ```

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/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"}