@ankhorage/zora 12.1.0 → 14.0.0

package/dist/features/gradient/gradientMeta.d.ts

@@ -3,7 +3,7 @@ export declare const gradientMeta: {
     readonly category: "component";
     readonly description: "Renders a host-backed gradient container for nested manifest content.";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Gradient";
     };

package/dist/features/keyboard-avoiding-view/keyboardAvoidingViewMeta.d.ts

@@ -2,7 +2,7 @@ export declare const keyboardAvoidingViewMeta: {
     readonly name: "KeyboardAvoidingView";
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly blueprint: {
         readonly label: "Keyboard avoiding view";
         readonly defaultProps: {

package/dist/features/layout/boxMeta.d.ts

@@ -2,7 +2,7 @@ export declare const boxMeta: {
     readonly name: "Box";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly bg: {
             readonly type: "color";

package/dist/features/layout/containerMeta.d.ts

@@ -2,7 +2,7 @@ export declare const containerMeta: {
     readonly name: "Container";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         [k: string]: {
             readonly type: "spacing";

package/dist/features/layout/gridMeta.d.ts

@@ -2,7 +2,7 @@ export declare const gridMeta: {
     readonly name: "Grid";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly cols: {
             readonly type: "number";

package/dist/features/layout/stackMeta.d.ts

@@ -2,7 +2,7 @@ export declare const stackMeta: {
     readonly name: "Stack";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly direction: {
             readonly type: "enum";

package/dist/features/list/flatListMeta.d.ts

@@ -5,7 +5,7 @@ export declare const flatListMeta: {
     readonly blueprint: {
         readonly label: "Flat list";
     };
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly description: "Virtualized children. Put node.repeat on this list for keyed data and item bindings; bind selection on the child Button/Card press event. Bound the list viewport and avoid nesting in a same-direction ScrollView.";
     readonly events: {
         readonly visibleItemsChange: {

package/dist/features/list/sectionListMeta.d.ts

@@ -109,6 +109,6 @@ export declare const sectionListMeta: {
     };
     readonly category: "layout";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
 };
 //# sourceMappingURL=sectionListMeta.d.ts.map

package/dist/features/surface/surfaceMeta.d.ts

@@ -2,7 +2,7 @@ export declare const surfaceMeta: {
     readonly name: "Surface";
     readonly category: "foundation";
     readonly directManifestNode: true;
-    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
+    readonly allowedChildren: readonly ["ActivityIndicator", "ForgotPasswordForm", "OAuthProviderButton", "OAuthProviderList", "OtpForm", "SignInForm", "SignUpForm", "Accordion", "Surface", "Avatar", "AvatarGroup", "Badge", "MediaCard", "MetricCard", "Chip", "ChipGroup", "DataTable", "DatePicker", "Skeleton", "SkeletonCard", "SkeletonList", "SkeletonText", "IconButton", "Uploader", "FlatList", "SectionList", "BottomSheet", "ProductCard", "Box", "Stack", "Grid", "Gradient", "Container", "Divider", "Text", "Heading", "Icon", "Image", "Hero", "KeyboardAvoidingView", "Button", "ButtonGroup", "RadioGroup", "ThemeModeToggle", "TextInput", "TimePicker", "Form", "Card", "Panel", "Notice", "EmptyState", "SectionHeader", "SettingsRow", "PostCard", "ChatListItem", "MessageBubble", "ProgressRing", "ReaderSurface", "ContentRail", "MissingElement"];
     readonly props: {
         readonly variant: {
             readonly type: "enum";

package/dist/features/time-picker/adapters/inbound/TimePicker.d.ts

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

package/dist/features/time-picker/adapters/inbound/TimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAyPrE;;GAEG;AACH,eAAO,MAAM,UAAU,uDAAsC,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/features/time-picker/adapters/inbound/TimePicker.js

@@ -1,117 +1,2 @@
-import { Field } from '@ankhorage/surface';
-import React from 'react';
-import { ScrollView, StyleSheet } from 'react-native';
-import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
-import { useBottomSheet } from '../../../bottom-sheet/public';
-import { Button } from '../../../button/public';
-import { Stack } from '../../../layout/public';
-import { Text } from '../../../typography/public';
-const MINUTES_PER_DAY = 24 * 60;
-const DEFAULT_STEP_MINUTES = 30;
-/*** Render the field label and optional supporting description. */
-function renderLabel(label, description) {
-    return (<Stack gap="xs">
-      <Text variant="label" weight="semiBold">
-        {label}
-      </Text>
-      {description ? (<Text emphasis="muted" variant="bodySmall">
-          {description}
-        </Text>) : null}
-    </Stack>);
-}
-/*** Parse one HH:mm value to minutes since midnight. */
-function parseTimeToMinutes(value) {
-    if (!value)
-        return undefined;
-    const match = /^(\d{2}):(\d{2})$/.exec(value);
-    if (!match)
-        return undefined;
-    const hours = Number(match[1]);
-    const minutes = Number(match[2]);
-    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59)
-        return undefined;
-    return hours * 60 + minutes;
-}
-/*** Format minutes since midnight as HH:mm. */
-function formatMinutes(value) {
-    const hours = Math.floor(value / 60);
-    const minutes = value % 60;
-    return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
-}
-/*** Normalize the configured time step to a positive whole minute. */
-function resolveStepMinutes(stepMinutes) {
-    if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {
-        return DEFAULT_STEP_MINUTES;
-    }
-    return Math.max(1, Math.floor(stepMinutes));
-}
-/*** Generate selectable HH:mm values within the configured range. */
-function generateTimeOptions({ minTime, maxTime, stepMinutes, }) {
-    const step = resolveStepMinutes(stepMinutes);
-    const min = parseTimeToMinutes(minTime) ?? 0;
-    const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;
-    return Array.from({ length: Math.ceil(MINUTES_PER_DAY / step) }, (_, index) => index * step)
-        .filter((minute) => minute >= min && minute <= max)
-        .map(formatMinutes);
-}
-function TimePickerInner({ themeId: _themeId, mode: _mode, value, onValueChange, label, description, error, placeholder = 'Choose time', minTime, maxTime, stepMinutes, disabled = false, required = false, formatTime, testID, interactionPolicy, }) {
-    const { dismiss, present } = useBottomSheet();
-    const passive = interactionPolicy === 'passive';
-    const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;
-    /*** Present the time options through the shared BottomSheet controller. */
-    function openPicker() {
-        if (passive)
-            return;
-        present({
-            content: (<TimePickerSheet description={description} formatTime={formatTime} interactionPolicy={interactionPolicy} label={label} maxTime={maxTime} minTime={minTime} onDismiss={dismiss} onSelect={(time) => {
-                    onValueChange?.(time);
-                    dismiss();
-                }} stepMinutes={stepMinutes} testID={testID} value={value}/>),
-        });
-    }
-    return (<Field disabled={disabled} errorText={error} invalid={Boolean(error)} label={label ? renderLabel(label, description) : undefined} required={required} testID={testID}>
-      <Button disabled={disabled} interactionPolicy={interactionPolicy} onPress={openPicker} testID={testID ? `${testID}-trigger` : undefined} trailingIcon={{ name: 'chevron-down-outline' }} variant="outline">
-        {displayValue}
-      </Button>
-    </Field>);
-}
-/*** Render time selection content inside the shared BottomSheet host. */
-function TimePickerSheet({ description, formatTime, interactionPolicy, label, maxTime, minTime, onDismiss, onSelect, stepMinutes, testID, value, }) {
-    const options = React.useMemo(() => generateTimeOptions({ maxTime, minTime, stepMinutes }), [maxTime, minTime, stepMinutes]);
-    return (<Stack gap="m" p="m" testID={testID ? `${testID}-sheet` : undefined}>
-      <PickerSheetHeader description={description} title={label ?? 'Choose time'}/>
-      <ScrollView style={styles.options}>
-        <Stack gap="xxs">
-          {options.map((option) => (<TimePickerOption formatTime={formatTime} interactionPolicy={interactionPolicy} key={option} onSelect={onSelect} option={option} selected={option === value} testID={testID}/>))}
-        </Stack>
-      </ScrollView>
-      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant="ghost">
-        Cancel
-      </Button>
-    </Stack>);
-}
-/*** Render the shared title block used by the time sheet. */
-function PickerSheetHeader({ description, title, }) {
-    return (<Stack gap="xxs">
-      <Text align="center" variant="label" weight="semiBold">
-        {title}
-      </Text>
-      {description ? (<Text align="center" emphasis="muted" variant="bodySmall">
-          {description}
-        </Text>) : null}
-    </Stack>);
-}
-/*** Render one accessible selectable time option. */
-function TimePickerOption({ formatTime, interactionPolicy, onSelect, option, selected, testID, }) {
-    return (<Button accessibilityState={{ selected }} fullWidth interactionPolicy={interactionPolicy} onPress={() => onSelect(option)} testID={testID ? `${testID}-option-${option}` : undefined} variant={selected ? 'soft' : 'ghost'}>
-      {formatTime ? formatTime(option) : option}
-    </Button>);
-}
-const styles = StyleSheet.create({
-    options: { maxHeight: 360 },
-});
-/***
- * Time input control with bottom-sheet selection and formatted display value.
- */
-export const TimePicker = withZoraThemeScope(TimePickerInner);
+export { TimePicker } from './TimePicker.web';
 //# sourceMappingURL=TimePicker.js.map

package/dist/features/time-picker/adapters/inbound/TimePicker.js.map

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

package/dist/features/time-picker/adapters/inbound/TimePicker.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TimePickerProps } from '../../../../types/time-picker';
+/*** Renders TimePicker with native BottomSheet presentation. */
+export declare const TimePicker: (props: TimePickerProps) => React.ReactElement | null;
+//# sourceMappingURL=TimePicker.native.d.ts.map

package/dist/features/time-picker/adapters/inbound/TimePicker.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.native.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAMrE,gEAAgE;AAChE,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/features/time-picker/adapters/inbound/TimePicker.native.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { useBottomSheet } from '../../../bottom-sheet/public';
+import { TimePickerContent } from '../../composition/TimePickerContent';
+import { TimePickerField } from '../../composition/TimePickerField';
+import { TimePickerTrigger } from '../../composition/TimePickerTrigger';
+/*** Renders TimePicker with native BottomSheet presentation. */
+export const TimePicker = withZoraThemeScope(TimePickerInner);
+/*** Connects the shared TimePicker field and content to the native BottomSheet host. */
+function TimePickerInner({ themeId: _themeId, mode: _mode, ...props }) {
+    const { dismiss, present } = useBottomSheet();
+    const openPicker = React.useCallback(() => {
+        if (props.interactionPolicy === 'passive')
+            return;
+        present({
+            content: (<TimePickerContent description={props.description} formatTime={props.formatTime} interactionPolicy={props.interactionPolicy} label={props.label} maxTime={props.maxTime} minTime={props.minTime} onDismiss={dismiss} onSelect={(time) => {
+                    props.onValueChange?.(time);
+                    dismiss();
+                }} stepMinutes={props.stepMinutes} testID={props.testID} value={props.value}/>),
+        });
+    }, [dismiss, present, props]);
+    return (<TimePickerField {...props}>
+      <TimePickerTrigger {...props} onPress={openPicker}/>
+    </TimePickerField>);
+}
+//# sourceMappingURL=TimePicker.native.js.map

package/dist/features/time-picker/adapters/inbound/TimePicker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.native.js","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAExE,gEAAgE;AAChE,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,wFAAwF;AACxF,SAAS,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACpF,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IAE9C,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,KAAK,CAAC,iBAAiB,KAAK,SAAS;YAAE,OAAO;QAElD,OAAO,CAAC;YACN,OAAO,EAAE,CACP,CAAC,iBAAiB,CAChB,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,SAAS,CAAC,CAAC,OAAO,CAAC,CACnB,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;oBACjB,KAAK,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;oBAC5B,OAAO,EAAE,CAAC;gBACZ,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EACnB,CACH;SACF,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CACzB;MAAA,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,EACpD;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TimePickerProps } from '../../../../types/time-picker';\nimport { useBottomSheet } from '../../../bottom-sheet/public';\nimport { TimePickerContent } from '../../composition/TimePickerContent';\nimport { TimePickerField } from '../../composition/TimePickerField';\nimport { TimePickerTrigger } from '../../composition/TimePickerTrigger';\n\n/*** Renders TimePicker with native BottomSheet presentation. */\nexport const TimePicker = withZoraThemeScope(TimePickerInner);\n\n/*** Connects the shared TimePicker field and content to the native BottomSheet host. */\nfunction TimePickerInner({ themeId: _themeId, mode: _mode, ...props }: TimePickerProps) {\n  const { dismiss, present } = useBottomSheet();\n\n  const openPicker = React.useCallback(() => {\n    if (props.interactionPolicy === 'passive') return;\n\n    present({\n      content: (\n        <TimePickerContent\n          description={props.description}\n          formatTime={props.formatTime}\n          interactionPolicy={props.interactionPolicy}\n          label={props.label}\n          maxTime={props.maxTime}\n          minTime={props.minTime}\n          onDismiss={dismiss}\n          onSelect={(time) => {\n            props.onValueChange?.(time);\n            dismiss();\n          }}\n          stepMinutes={props.stepMinutes}\n          testID={props.testID}\n          value={props.value}\n        />\n      ),\n    });\n  }, [dismiss, present, props]);\n\n  return (\n    <TimePickerField {...props}>\n      <TimePickerTrigger {...props} onPress={openPicker} />\n    </TimePickerField>\n  );\n}\n"]}

package/dist/features/time-picker/adapters/inbound/TimePicker.web.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TimePickerProps } from '../../../../types/time-picker';
+/*** Renders TimePicker with anchored web Popover presentation. */
+export declare const TimePicker: (props: TimePickerProps) => React.ReactElement | null;
+//# sourceMappingURL=TimePicker.web.d.ts.map

package/dist/features/time-picker/adapters/inbound/TimePicker.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.web.d.ts","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAMrE,kEAAkE;AAClE,eAAO,MAAM,UAAU,uDAAsC,CAAC"}

package/dist/features/time-picker/adapters/inbound/TimePicker.web.js

@@ -0,0 +1,24 @@
+import { Popover } from '@ankhorage/surface';
+import React from 'react';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Surface } from '../../../surface/public';
+import { TimePickerContent } from '../../composition/TimePickerContent';
+import { TimePickerField } from '../../composition/TimePickerField';
+import { TimePickerTrigger } from '../../composition/TimePickerTrigger';
+/*** Renders TimePicker with anchored web Popover presentation. */
+export const TimePicker = withZoraThemeScope(TimePickerInner);
+/*** Connects the shared TimePicker field and content to the web Popover host. */
+function TimePickerInner({ themeId: _themeId, mode: _mode, ...props }) {
+    const [open, setOpen] = React.useState(false);
+    return (<TimePickerField {...props}>
+      <Popover anchor={({ toggle }) => <TimePickerTrigger {...props} onPress={toggle}/>} interactionPolicy={props.interactionPolicy} onOpenChange={setOpen} open={open} placement="bottom-start" testID={props.testID ? `${props.testID}-popover` : undefined}>
+        <Surface variant="raised">
+          <TimePickerContent description={props.description} formatTime={props.formatTime} interactionPolicy={props.interactionPolicy} label={props.label} maxTime={props.maxTime} minTime={props.minTime} onDismiss={() => setOpen(false)} onSelect={(time) => {
+            props.onValueChange?.(time);
+            setOpen(false);
+        }} stepMinutes={props.stepMinutes} testID={props.testID} value={props.value}/>
+        </Surface>
+      </Popover>
+    </TimePickerField>);
+}
+//# sourceMappingURL=TimePicker.web.js.map

package/dist/features/time-picker/adapters/inbound/TimePicker.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.web.js","sourceRoot":"","sources":["../../../../../src/features/time-picker/adapters/inbound/TimePicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAExE,kEAAkE;AAClE,MAAM,CAAC,MAAM,UAAU,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE9D,iFAAiF;AACjF,SAAS,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,OAAO,CACL,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,CACzB;MAAA,CAAC,OAAO,CACN,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,EAAG,CAAC,CAC1E,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,YAAY,CAAC,CAAC,OAAO,CAAC,CACtB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,cAAc,CACxB,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAE7D;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CACvB;UAAA,CAAC,iBAAiB,CAChB,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,UAAU,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAC7B,iBAAiB,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAC3C,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CACnB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CACvB,SAAS,CAAC,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAChC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,KAAK,CAAC,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;YAC5B,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC,CACF,WAAW,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC/B,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CACrB,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,EAEvB;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,OAAO,CACX;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC","sourcesContent":["import { Popover } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { TimePickerProps } from '../../../../types/time-picker';\nimport { Surface } from '../../../surface/public';\nimport { TimePickerContent } from '../../composition/TimePickerContent';\nimport { TimePickerField } from '../../composition/TimePickerField';\nimport { TimePickerTrigger } from '../../composition/TimePickerTrigger';\n\n/*** Renders TimePicker with anchored web Popover presentation. */\nexport const TimePicker = withZoraThemeScope(TimePickerInner);\n\n/*** Connects the shared TimePicker field and content to the web Popover host. */\nfunction TimePickerInner({ themeId: _themeId, mode: _mode, ...props }: TimePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <TimePickerField {...props}>\n      <Popover\n        anchor={({ toggle }) => <TimePickerTrigger {...props} onPress={toggle} />}\n        interactionPolicy={props.interactionPolicy}\n        onOpenChange={setOpen}\n        open={open}\n        placement=\"bottom-start\"\n        testID={props.testID ? `${props.testID}-popover` : undefined}\n      >\n        <Surface variant=\"raised\">\n          <TimePickerContent\n            description={props.description}\n            formatTime={props.formatTime}\n            interactionPolicy={props.interactionPolicy}\n            label={props.label}\n            maxTime={props.maxTime}\n            minTime={props.minTime}\n            onDismiss={() => setOpen(false)}\n            onSelect={(time) => {\n              props.onValueChange?.(time);\n              setOpen(false);\n            }}\n            stepMinutes={props.stepMinutes}\n            testID={props.testID}\n            value={props.value}\n          />\n        </Surface>\n      </Popover>\n    </TimePickerField>\n  );\n}\n"]}

package/dist/features/time-picker/composition/TimePickerContent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { TimePickerProps } from '../../../types/time-picker';
+/*** Renders shared time options for native BottomSheet and web Popover hosts. */
+export declare function TimePickerContent({ description, formatTime, interactionPolicy, label, maxTime, minTime, onDismiss, onSelect, stepMinutes, testID, value, }: TimePickerContentProps): React.JSX.Element;
+interface TimePickerContentProps extends Pick<TimePickerProps, 'description' | 'formatTime' | 'interactionPolicy' | 'label' | 'maxTime' | 'minTime' | 'stepMinutes' | 'testID' | 'value'> {
+    onDismiss: () => void;
+    onSelect: (value: string) => void;
+}
+export {};
+//# sourceMappingURL=TimePickerContent.d.ts.map

package/dist/features/time-picker/composition/TimePickerContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerContent.d.ts","sourceRoot":"","sources":["../../../../src/features/time-picker/composition/TimePickerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAQlE,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,EAChC,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EACX,MAAM,EACN,KAAK,GACN,EAAE,sBAAsB,qBA6BxB;AAED,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,eAAe,EACb,aAAa,GACb,YAAY,GACZ,mBAAmB,GACnB,OAAO,GACP,SAAS,GACT,SAAS,GACT,aAAa,GACb,QAAQ,GACR,OAAO,CACV;IACC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

package/dist/features/time-picker/composition/TimePickerContent.js

@@ -0,0 +1,78 @@
+import React from 'react';
+import { ScrollView, StyleSheet } from 'react-native';
+import { Button } from '../../button/public';
+import { Stack } from '../../layout/public';
+import { Text } from '../../typography/public';
+const MINUTES_PER_DAY = 24 * 60;
+const DEFAULT_STEP_MINUTES = 30;
+/*** Renders shared time options for native BottomSheet and web Popover hosts. */
+export function TimePickerContent({ description, formatTime, interactionPolicy, label, maxTime, minTime, onDismiss, onSelect, stepMinutes, testID, value, }) {
+    const options = React.useMemo(() => generateTimeOptions({ maxTime, minTime, stepMinutes }), [maxTime, minTime, stepMinutes]);
+    return (<Stack gap="m" p="m" testID={testID ? `${testID}-content` : undefined}>
+      <PickerHeader description={description} title={label ?? 'Choose time'}/>
+      <ScrollView style={styles.options}>
+        <Stack gap="xxs">
+          {options.map((option) => (<TimePickerOption formatTime={formatTime} interactionPolicy={interactionPolicy} key={option} onSelect={onSelect} option={option} selected={option === value} testID={testID}/>))}
+        </Stack>
+      </ScrollView>
+      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant="ghost">
+        Cancel
+      </Button>
+    </Stack>);
+}
+/*** Renders the shared title block used by picker overlays. */
+function PickerHeader({ 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>);
+}
+/*** Renders one accessible selectable time option. */
+function TimePickerOption({ formatTime, interactionPolicy, onSelect, option, selected, testID, }) {
+    return (<Button accessibilityState={{ selected }} fullWidth interactionPolicy={interactionPolicy} onPress={() => onSelect(option)} testID={testID ? `${testID}-option-${option}` : undefined} variant={selected ? 'soft' : 'ghost'}>
+      {formatTime ? formatTime(option) : option}
+    </Button>);
+}
+/*** Parses one HH:mm value to minutes since midnight. */
+function parseTimeToMinutes(value) {
+    if (!value)
+        return undefined;
+    const match = /^(\d{2}):(\d{2})$/.exec(value);
+    if (!match)
+        return undefined;
+    const hours = Number(match[1]);
+    const minutes = Number(match[2]);
+    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59)
+        return undefined;
+    return hours * 60 + minutes;
+}
+/*** Formats minutes since midnight as HH:mm. */
+function formatMinutes(value) {
+    const hours = Math.floor(value / 60);
+    const minutes = value % 60;
+    return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;
+}
+/*** Normalizes the configured time step to a positive whole minute. */
+function resolveStepMinutes(stepMinutes) {
+    if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {
+        return DEFAULT_STEP_MINUTES;
+    }
+    return Math.max(1, Math.floor(stepMinutes));
+}
+/*** Generates selectable HH:mm values within the configured range. */
+function generateTimeOptions({ minTime, maxTime, stepMinutes, }) {
+    const step = resolveStepMinutes(stepMinutes);
+    const min = parseTimeToMinutes(minTime) ?? 0;
+    const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;
+    return Array.from({ length: Math.ceil(MINUTES_PER_DAY / step) }, (_, index) => index * step)
+        .filter((minute) => minute >= min && minute <= max)
+        .map(formatMinutes);
+}
+const styles = StyleSheet.create({
+    options: { maxHeight: 360 },
+});
+//# sourceMappingURL=TimePickerContent.js.map

package/dist/features/time-picker/composition/TimePickerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerContent.js","sourceRoot":"","sources":["../../../../src/features/time-picker/composition/TimePickerContent.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ScrollView, StyleSheet } from 'react-native';\n\nimport type { TimePickerProps } from '../../../types/time-picker';\nimport { Button } from '../../button/public';\nimport { Stack } from '../../layout/public';\nimport { Text } from '../../typography/public';\n\nconst MINUTES_PER_DAY = 24 * 60;\nconst DEFAULT_STEP_MINUTES = 30;\n\n/*** Renders shared time options for native BottomSheet and web Popover hosts. */\nexport function TimePickerContent({\n  description,\n  formatTime,\n  interactionPolicy,\n  label,\n  maxTime,\n  minTime,\n  onDismiss,\n  onSelect,\n  stepMinutes,\n  testID,\n  value,\n}: TimePickerContentProps) {\n  const options = React.useMemo(\n    () => generateTimeOptions({ maxTime, minTime, stepMinutes }),\n    [maxTime, minTime, stepMinutes],\n  );\n\n  return (\n    <Stack gap=\"m\" p=\"m\" testID={testID ? `${testID}-content` : undefined}>\n      <PickerHeader description={description} title={label ?? 'Choose time'} />\n      <ScrollView style={styles.options}>\n        <Stack gap=\"xxs\">\n          {options.map((option) => (\n            <TimePickerOption\n              formatTime={formatTime}\n              interactionPolicy={interactionPolicy}\n              key={option}\n              onSelect={onSelect}\n              option={option}\n              selected={option === value}\n              testID={testID}\n            />\n          ))}\n        </Stack>\n      </ScrollView>\n      <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant=\"ghost\">\n        Cancel\n      </Button>\n    </Stack>\n  );\n}\n\ninterface TimePickerContentProps extends Pick<\n  TimePickerProps,\n  | 'description'\n  | 'formatTime'\n  | 'interactionPolicy'\n  | 'label'\n  | 'maxTime'\n  | 'minTime'\n  | 'stepMinutes'\n  | 'testID'\n  | 'value'\n> {\n  onDismiss: () => void;\n  onSelect: (value: string) => void;\n}\n\n/*** Renders the shared title block used by picker overlays. */\nfunction PickerHeader({\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/*** Renders one accessible selectable time option. */\nfunction TimePickerOption({\n  formatTime,\n  interactionPolicy,\n  onSelect,\n  option,\n  selected,\n  testID,\n}: Pick<TimePickerContentProps, 'formatTime' | 'interactionPolicy' | 'testID'> & {\n  onSelect: (value: string) => void;\n  option: string;\n  selected: boolean;\n}) {\n  return (\n    <Button\n      accessibilityState={{ selected }}\n      fullWidth\n      interactionPolicy={interactionPolicy}\n      onPress={() => onSelect(option)}\n      testID={testID ? `${testID}-option-${option}` : undefined}\n      variant={selected ? 'soft' : 'ghost'}\n    >\n      {formatTime ? formatTime(option) : option}\n    </Button>\n  );\n}\n\n/*** Parses one HH:mm value to minutes since midnight. */\nfunction parseTimeToMinutes(value: string | undefined): number | undefined {\n  if (!value) return undefined;\n  const match = /^(\\d{2}):(\\d{2})$/.exec(value);\n  if (!match) return undefined;\n\n  const hours = Number(match[1]);\n  const minutes = Number(match[2]);\n  if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return undefined;\n  return hours * 60 + minutes;\n}\n\n/*** Formats minutes since midnight as HH:mm. */\nfunction formatMinutes(value: number): string {\n  const hours = Math.floor(value / 60);\n  const minutes = value % 60;\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}`;\n}\n\n/*** Normalizes the configured time step to a positive whole minute. */\nfunction resolveStepMinutes(stepMinutes: number | undefined): number {\n  if (stepMinutes === undefined || !Number.isFinite(stepMinutes) || stepMinutes <= 0) {\n    return DEFAULT_STEP_MINUTES;\n  }\n  return Math.max(1, Math.floor(stepMinutes));\n}\n\n/*** Generates selectable HH:mm values within the configured range. */\nfunction generateTimeOptions({\n  minTime,\n  maxTime,\n  stepMinutes,\n}: Pick<TimePickerProps, 'maxTime' | 'minTime' | 'stepMinutes'>): string[] {\n  const step = resolveStepMinutes(stepMinutes);\n  const min = parseTimeToMinutes(minTime) ?? 0;\n  const max = parseTimeToMinutes(maxTime) ?? MINUTES_PER_DAY - 1;\n  return Array.from({ length: Math.ceil(MINUTES_PER_DAY / step) }, (_, index) => index * step)\n    .filter((minute) => minute >= min && minute <= max)\n    .map(formatMinutes);\n}\n\nconst styles = StyleSheet.create({\n  options: { maxHeight: 360 },\n});\n"]}

package/dist/features/time-picker/composition/TimePickerField.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { TimePickerProps } from '../../../types/time-picker';
+/*** Renders the shared TimePicker field frame around a platform-specific trigger. */
+export declare function TimePickerField({ children, description, disabled, error, label, required, testID, }: TimePickerFieldProps): React.JSX.Element;
+interface TimePickerFieldProps extends Pick<TimePickerProps, 'description' | 'disabled' | 'error' | 'label' | 'required' | 'testID'> {
+    children: React.ReactNode;
+}
+export {};
+//# sourceMappingURL=TimePickerField.d.ts.map

package/dist/features/time-picker/composition/TimePickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerField.d.ts","sourceRoot":"","sources":["../../../../src/features/time-picker/composition/TimePickerField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qFAAqF;AACrF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,oBAAoB,qBAatB;AAED,UAAU,oBAAqB,SAAQ,IAAI,CACzC,eAAe,EACf,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CACvE;IACC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/features/time-picker/composition/TimePickerField.js

@@ -0,0 +1,21 @@
+import { Field } from '@ankhorage/surface';
+import { Stack } from '../../layout/public';
+import { Text } from '../../typography/public';
+/*** Renders the shared TimePicker field frame around a platform-specific trigger. */
+export function TimePickerField({ children, description, disabled, error, label, required, testID, }) {
+    return (<Field disabled={disabled} errorText={error} invalid={Boolean(error)} label={label ? renderLabel(label, description) : undefined} required={required} testID={testID}>
+      {children}
+    </Field>);
+}
+/*** Renders the picker label and optional supporting description. */
+function renderLabel(label, description) {
+    return (<Stack gap="xs">
+      <Text variant="label" weight="semiBold">
+        {label}
+      </Text>
+      {description ? (<Text emphasis="muted" variant="bodySmall">
+          {description}
+        </Text>) : null}
+    </Stack>);
+}
+//# sourceMappingURL=TimePickerField.js.map

package/dist/features/time-picker/composition/TimePickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerField.js","sourceRoot":"","sources":["../../../../src/features/time-picker/composition/TimePickerField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,qFAAqF;AACrF,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,GACe;IACrB,OAAO,CACL,CAAC,KAAK,CACJ,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CACxB,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAC3D,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC;AASD,qEAAqE;AACrE,SAAS,WAAW,CAAC,KAAsB,EAAE,WAAwC;IACnF,OAAO,CACL,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CACb;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACrC;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CACxC;UAAA,CAAC,WAAW,CACd;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,KAAK,CAAC,CACT,CAAC;AACJ,CAAC","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { TimePickerProps } from '../../../types/time-picker';\nimport { Stack } from '../../layout/public';\nimport { Text } from '../../typography/public';\n\n/*** Renders the shared TimePicker field frame around a platform-specific trigger. */\nexport function TimePickerField({\n  children,\n  description,\n  disabled,\n  error,\n  label,\n  required,\n  testID,\n}: TimePickerFieldProps) {\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      {children}\n    </Field>\n  );\n}\n\ninterface TimePickerFieldProps extends Pick<\n  TimePickerProps,\n  'description' | 'disabled' | 'error' | 'label' | 'required' | 'testID'\n> {\n  children: React.ReactNode;\n}\n\n/*** Renders the picker 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"]}

package/dist/features/time-picker/composition/TimePickerTrigger.d.ts

@@ -0,0 +1,8 @@
+import type { TimePickerProps } from '../../../types/time-picker';
+/*** Renders the shared TimePicker trigger button for native and web hosts. */
+export declare function TimePickerTrigger({ disabled, formatTime, interactionPolicy, onPress, placeholder, testID, value, }: TimePickerTriggerProps): import("react").JSX.Element;
+interface TimePickerTriggerProps extends Pick<TimePickerProps, 'disabled' | 'formatTime' | 'interactionPolicy' | 'placeholder' | 'testID' | 'value'> {
+    onPress: () => void;
+}
+export {};
+//# sourceMappingURL=TimePickerTrigger.d.ts.map

package/dist/features/time-picker/composition/TimePickerTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePickerTrigger.d.ts","sourceRoot":"","sources":["../../../../src/features/time-picker/composition/TimePickerTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAGlE,8EAA8E;AAC9E,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,OAAO,EACP,WAA2B,EAC3B,MAAM,EACN,KAAK,GACN,EAAE,sBAAsB,+BAexB;AAED,UAAU,sBAAuB,SAAQ,IAAI,CAC3C,eAAe,EACf,UAAU,GAAG,YAAY,GAAG,mBAAmB,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,CACrF;IACC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/dist/features/time-picker/composition/TimePickerTrigger.js

@@ -0,0 +1,9 @@
+import { Button } from '../../button/public';
+/*** Renders the shared TimePicker trigger button for native and web hosts. */
+export function TimePickerTrigger({ disabled, formatTime, interactionPolicy, onPress, placeholder = 'Choose time', testID, value, }) {
+    const displayValue = value ? (formatTime ? formatTime(value) : value) : placeholder;
+    return (<Button disabled={disabled} interactionPolicy={interactionPolicy} onPress={onPress} testID={testID ? `${testID}-trigger` : undefined} trailingIcon={{ name: 'chevron-down-outline' }} variant="outline">
+      {displayValue}
+    </Button>);
+}
+//# sourceMappingURL=TimePickerTrigger.js.map