@ankhorage/zora 11.0.0 → 12.1.0

package/dist/{components/date-picker → features/date-picker/adapters/inbound}/DatePicker.js

@@ -1,10 +1,11 @@
 import { Field } from '@ankhorage/surface';
 import React from 'react';
-import { useBottomSheet } from '../../features/bottom-sheet/public';
-import { Button } from '../../features/button/public';
-import { Box, Stack } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { useBottomSheet } from '../../../bottom-sheet/public';
+import { Button } from '../../../button/public';
+import { Box, Stack } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+import { formatLocalDate, parseLocalDate } from '../../utils/localDate';
 const WEEKDAY_LABELS = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
 const DAY_CELL_WIDTH = 42;
 /*** Render the field label and optional supporting description. */
@@ -18,15 +19,13 @@ 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)
-        return false;
-    return startOfLocalDay(left).getTime() === startOfLocalDay(right).getTime();
+    return left === formatLocalDate(right);
+}
+/*** Normalize a Date to the start of its local calendar day for range comparisons. */
+function startOfLocalDay(value) {
+    return new Date(value.getFullYear(), value.getMonth(), value.getDate());
 }
 /*** Report whether one local calendar day precedes another. */
 function isBeforeLocalDay(left, right) {
@@ -50,25 +49,21 @@ function formatMonthLabel(value) {
 }
 /*** Format a selected date with the platform locale defaults. */
 function formatDefaultDate(value) {
-    return value.toLocaleDateString();
+    return parseLocalDate(value)?.toLocaleDateString() ?? value;
 }
 /*** 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)
-        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)
-        days.push(null);
-    return days;
+    const populatedLength = firstDay.getDay() + dayCount;
+    const paddedLength = Math.ceil(populatedLength / 7) * 7;
+    return Array.from({ length: paddedLength }, (_, index) => index < firstDay.getDay()
+        ? null
+        : new Date(month.getFullYear(), month.getMonth(), index - firstDay.getDay() + 1));
 }
 /*** Resolve the month initially shown by the calendar sheet. */
 function resolveInitialMonth(value, minDate) {
-    const base = value ?? minDate ?? new Date();
+    const base = parseLocalDate(value) ?? parseLocalDate(minDate) ?? new Date();
     return new Date(base.getFullYear(), base.getMonth(), 1);
 }
 /*** Report whether the configured range intersects a candidate month. */
@@ -95,7 +90,7 @@ function DatePickerInner({ themeId: _themeId, mode: _mode, value, onValueChange,
             return;
         present({
             content: (<DatePickerSheet description={description} interactionPolicy={interactionPolicy} label={label} maxDate={maxDate} minDate={minDate} onDismiss={dismiss} onSelect={(date) => {
-                    onValueChange?.(startOfLocalDay(date));
+                    onValueChange?.(formatLocalDate(date));
                     dismiss();
                 }} testID={testID} value={value}/>),
         });
@@ -110,11 +105,13 @@ function DatePickerInner({ themeId: _themeId, mode: _mode, value, onValueChange,
 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]);
+    const resolvedMaxDate = React.useMemo(() => parseLocalDate(maxDate), [maxDate]);
+    const resolvedMinDate = React.useMemo(() => parseLocalDate(minDate), [minDate]);
     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}/>
+      <DatePickerMonthNavigation displayMonth={displayMonth} interactionPolicy={interactionPolicy} maxDate={resolvedMaxDate} minDate={resolvedMinDate} onMonthChange={setDisplayMonth}/>
       <DatePickerWeekdays />
-      <DatePickerCalendar interactionPolicy={interactionPolicy} maxDate={maxDate} minDate={minDate} monthDays={monthDays} onSelect={onSelect} testID={testID} value={value}/>
+      <DatePickerCalendar interactionPolicy={interactionPolicy} maxDate={resolvedMaxDate} minDate={resolvedMinDate} monthDays={monthDays} onSelect={onSelect} testID={testID} value={value}/>
       <Button fullWidth interactionPolicy={interactionPolicy} onPress={onDismiss} variant="ghost">
         Cancel
       </Button>

package/dist/features/date-picker/adapters/inbound/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../../src/features/date-picker/adapters/inbound/DatePicker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Field } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { DatePickerProps } from '../../../../types/date-picker';\nimport { useBottomSheet } from '../../../bottom-sheet/public';\nimport { Button } from '../../../button/public';\nimport { Box, Stack } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\nimport { formatLocalDate, parseLocalDate } from '../../utils/localDate';\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/*** Compare two values by local calendar day. */\nfunction isSameLocalDay(left: string | null, right: Date): boolean {\n  return left === formatLocalDate(right);\n}\n\n/*** Normalize a Date to the start of its local calendar day for range comparisons. */\nfunction startOfLocalDay(value: Date): Date {\n  return new Date(value.getFullYear(), value.getMonth(), value.getDate());\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: string): string {\n  return parseLocalDate(value)?.toLocaleDateString() ?? value;\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 populatedLength = firstDay.getDay() + dayCount;\n  const paddedLength = Math.ceil(populatedLength / 7) * 7;\n\n  return Array.from({ length: paddedLength }, (_, index) =>\n    index < firstDay.getDay()\n      ? null\n      : new Date(month.getFullYear(), month.getMonth(), index - firstDay.getDay() + 1),\n  );\n}\n\n/*** Resolve the month initially shown by the calendar sheet. */\nfunction resolveInitialMonth(value: string | null, minDate: string | undefined): Date {\n  const base = parseLocalDate(value) ?? parseLocalDate(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?.(formatLocalDate(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  const resolvedMaxDate = React.useMemo(() => parseLocalDate(maxDate), [maxDate]);\n  const resolvedMinDate = React.useMemo(() => parseLocalDate(minDate), [minDate]);\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={resolvedMaxDate}\n        minDate={resolvedMinDate}\n        onMonthChange={setDisplayMonth}\n      />\n      <DatePickerWeekdays />\n      <DatePickerCalendar\n        interactionPolicy={interactionPolicy}\n        maxDate={resolvedMaxDate}\n        minDate={resolvedMinDate}\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}: {\n  displayMonth: Date;\n  interactionPolicy: DatePickerProps['interactionPolicy'];\n  maxDate: Date | undefined;\n  minDate: Date | undefined;\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}: {\n  interactionPolicy: DatePickerProps['interactionPolicy'];\n  maxDate: Date | undefined;\n  minDate: Date | undefined;\n  monthDays: readonly (Date | null)[];\n  onSelect: (value: Date) => void;\n  testID: string | undefined;\n  value: DatePickerProps['value'];\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/features/date-picker/datePickerMeta.d.ts

@@ -0,0 +1,83 @@
+export declare const datePickerMeta: {
+    readonly name: "DatePicker";
+    readonly category: "component";
+    readonly description: "Captures a local calendar date through the shared BottomSheet picker host.";
+    readonly directManifestNode: true;
+    readonly allowedChildren: readonly [];
+    readonly blueprint: {
+        readonly label: "Date picker";
+        readonly defaultProps: {
+            readonly value: null;
+            readonly placeholder: "Choose date";
+            readonly disabled: false;
+            readonly required: false;
+        };
+    };
+    readonly events: {
+        readonly valueChange: {
+            readonly label: "Value change";
+            readonly eventType: "datePicker.valueChange";
+            readonly description: "Emitted when a local calendar date is selected.";
+            readonly payloadFields: readonly [{
+                readonly path: "value";
+                readonly type: "string";
+                readonly label: "Value";
+            }];
+        };
+    };
+    readonly props: {
+        readonly value: {
+            readonly type: "string";
+            readonly category: "State";
+            readonly label: "Value";
+            readonly default: null;
+            readonly authoring: {
+                readonly authority: "instance";
+            };
+        };
+        readonly label: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Label";
+        };
+        readonly description: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Description";
+        };
+        readonly error: {
+            readonly type: "string";
+            readonly category: "Validation";
+            readonly label: "Error";
+        };
+        readonly placeholder: {
+            readonly type: "string";
+            readonly category: "Content";
+            readonly label: "Placeholder";
+            readonly default: "Choose date";
+        };
+        readonly minDate: {
+            readonly type: "string";
+            readonly category: "Validation";
+            readonly label: "Minimum date";
+        };
+        readonly maxDate: {
+            readonly type: "string";
+            readonly category: "Validation";
+            readonly label: "Maximum date";
+        };
+        readonly disabled: {
+            readonly type: "boolean";
+            readonly category: "State";
+            readonly label: "Disabled";
+            readonly default: false;
+        };
+        readonly required: {
+            readonly type: "boolean";
+            readonly category: "Validation";
+            readonly label: "Required";
+            readonly default: false;
+        };
+    };
+};
+//# sourceMappingURL=datePickerMeta.d.ts.map

package/dist/features/date-picker/datePickerMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerMeta.d.ts","sourceRoot":"","sources":["../../../src/features/date-picker/datePickerMeta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDW,CAAC"}

package/dist/features/date-picker/datePickerMeta.js

@@ -0,0 +1,57 @@
+export const datePickerMeta = {
+    name: 'DatePicker',
+    category: 'component',
+    description: 'Captures a local calendar date through the shared BottomSheet picker host.',
+    directManifestNode: true,
+    allowedChildren: [],
+    blueprint: {
+        label: 'Date picker',
+        defaultProps: {
+            value: null,
+            placeholder: 'Choose date',
+            disabled: false,
+            required: false,
+        },
+    },
+    events: {
+        valueChange: {
+            label: 'Value change',
+            eventType: 'datePicker.valueChange',
+            description: 'Emitted when a local calendar date is selected.',
+            payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],
+        },
+    },
+    props: {
+        value: {
+            type: 'string',
+            category: 'State',
+            label: 'Value',
+            default: null,
+            authoring: { authority: 'instance' },
+        },
+        label: { type: 'string', category: 'Content', label: 'Label' },
+        description: { type: 'string', category: 'Content', label: 'Description' },
+        error: { type: 'string', category: 'Validation', label: 'Error' },
+        placeholder: {
+            type: 'string',
+            category: 'Content',
+            label: 'Placeholder',
+            default: 'Choose date',
+        },
+        minDate: { type: 'string', category: 'Validation', label: 'Minimum date' },
+        maxDate: { type: 'string', category: 'Validation', label: 'Maximum date' },
+        disabled: {
+            type: 'boolean',
+            category: 'State',
+            label: 'Disabled',
+            default: false,
+        },
+        required: {
+            type: 'boolean',
+            category: 'Validation',
+            label: 'Required',
+            default: false,
+        },
+    },
+};
+//# sourceMappingURL=datePickerMeta.js.map

package/dist/features/date-picker/datePickerMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePickerMeta.js","sourceRoot":"","sources":["../../../src/features/date-picker/datePickerMeta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE,YAAY;IAClB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,4EAA4E;IACzF,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,EAAE;IACnB,SAAS,EAAE;QACT,KAAK,EAAE,aAAa;QACpB,YAAY,EAAE;YACZ,KAAK,EAAE,IAAI;YACX,WAAW,EAAE,aAAa;YAC1B,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;SAChB;KACF;IACD,MAAM,EAAE;QACN,WAAW,EAAE;YACX,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE,wBAAwB;YACnC,WAAW,EAAE,iDAAiD;YAC9D,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SACnE;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,OAAO;YACd,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,EAAE,SAAS,EAAE,UAAU,EAAE;SACrC;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;QAC9D,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;QAC1E,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE;QACjE,WAAW,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,SAAS;YACnB,KAAK,EAAE,aAAa;YACpB,OAAO,EAAE,aAAa;SACvB;QACD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE;QAC1E,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,cAAc,EAAE;QAC1E,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,YAAY;YACtB,KAAK,EAAE,UAAU;YACjB,OAAO,EAAE,KAAK;SACf;KACF;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const datePickerMeta = {\n  name: 'DatePicker',\n  category: 'component',\n  description: 'Captures a local calendar date through the shared BottomSheet picker host.',\n  directManifestNode: true,\n  allowedChildren: [],\n  blueprint: {\n    label: 'Date picker',\n    defaultProps: {\n      value: null,\n      placeholder: 'Choose date',\n      disabled: false,\n      required: false,\n    },\n  },\n  events: {\n    valueChange: {\n      label: 'Value change',\n      eventType: 'datePicker.valueChange',\n      description: 'Emitted when a local calendar date is selected.',\n      payloadFields: [{ path: 'value', type: 'string', label: 'Value' }],\n    },\n  },\n  props: {\n    value: {\n      type: 'string',\n      category: 'State',\n      label: 'Value',\n      default: null,\n      authoring: { authority: 'instance' },\n    },\n    label: { type: 'string', category: 'Content', label: 'Label' },\n    description: { type: 'string', category: 'Content', label: 'Description' },\n    error: { type: 'string', category: 'Validation', label: 'Error' },\n    placeholder: {\n      type: 'string',\n      category: 'Content',\n      label: 'Placeholder',\n      default: 'Choose date',\n    },\n    minDate: { type: 'string', category: 'Validation', label: 'Minimum date' },\n    maxDate: { type: 'string', category: 'Validation', label: 'Maximum date' },\n    disabled: {\n      type: 'boolean',\n      category: 'State',\n      label: 'Disabled',\n      default: false,\n    },\n    required: {\n      type: 'boolean',\n      category: 'Validation',\n      label: 'Required',\n      default: false,\n    },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/features/date-picker/public.d.ts

@@ -0,0 +1,3 @@
+export type { DatePickerProps, DatePickerValue } from '../../types/date-picker';
+export { DatePicker } from './adapters/inbound/DatePicker';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/date-picker/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/date-picker/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/features/date-picker/public.js

@@ -0,0 +1,2 @@
+export { DatePicker } from './adapters/inbound/DatePicker';
+//# sourceMappingURL=public.js.map

package/dist/features/date-picker/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/date-picker/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export type { DatePickerProps, DatePickerValue } from '../../types/date-picker';\nexport { DatePicker } from './adapters/inbound/DatePicker';\n"]}

package/dist/features/date-picker/utils/localDate.d.ts

@@ -0,0 +1,5 @@
+/*** Parse a calendar date without applying a UTC offset. */
+export declare function parseLocalDate(value: string | null | undefined): Date | undefined;
+/*** Serialize a Date as a local calendar date suitable for manifest state. */
+export declare function formatLocalDate(value: Date): string;
+//# sourceMappingURL=localDate.d.ts.map

package/dist/features/date-picker/utils/localDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localDate.d.ts","sourceRoot":"","sources":["../../../../src/features/date-picker/utils/localDate.ts"],"names":[],"mappings":"AAEA,4DAA4D;AAC5D,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,SAAS,CAiBjF;AAED,8EAA8E;AAC9E,wBAAgB,eAAe,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,CAKnD"}

package/dist/features/date-picker/utils/localDate.js

@@ -0,0 +1,27 @@
+const LOCAL_DATE_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/u;
+/*** Parse a calendar date without applying a UTC offset. */
+export function parseLocalDate(value) {
+    if (!value)
+        return undefined;
+    const match = LOCAL_DATE_PATTERN.exec(value);
+    if (!match)
+        return undefined;
+    const year = Number(match[1]);
+    const month = Number(match[2]);
+    const day = Number(match[3]);
+    const parsed = new Date(year, month - 1, day);
+    parsed.setFullYear(year);
+    return parsed.getFullYear() === year &&
+        parsed.getMonth() === month - 1 &&
+        parsed.getDate() === day
+        ? parsed
+        : undefined;
+}
+/*** Serialize a Date as a local calendar date suitable for manifest state. */
+export function formatLocalDate(value) {
+    const year = String(value.getFullYear()).padStart(4, '0');
+    const month = String(value.getMonth() + 1).padStart(2, '0');
+    const day = String(value.getDate()).padStart(2, '0');
+    return `${year}-${month}-${day}`;
+}
+//# sourceMappingURL=localDate.js.map

package/dist/features/date-picker/utils/localDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localDate.js","sourceRoot":"","sources":["../../../../src/features/date-picker/utils/localDate.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,4BAA4B,CAAC;AAExD,4DAA4D;AAC5D,MAAM,UAAU,cAAc,CAAC,KAAgC;IAC7D,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAE7B,MAAM,KAAK,GAAG,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7C,IAAI,CAAC,KAAK;QAAE,OAAO,SAAS,CAAC;IAE7B,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAC9C,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAEzB,OAAO,MAAM,CAAC,WAAW,EAAE,KAAK,IAAI;QAClC,MAAM,CAAC,QAAQ,EAAE,KAAK,KAAK,GAAG,CAAC;QAC/B,MAAM,CAAC,OAAO,EAAE,KAAK,GAAG;QACxB,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,SAAS,CAAC;AAChB,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,eAAe,CAAC,KAAW;IACzC,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC5D,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACrD,OAAO,GAAG,IAAI,IAAI,KAAK,IAAI,GAAG,EAAE,CAAC;AACnC,CAAC","sourcesContent":["const LOCAL_DATE_PATTERN = /^(\\d{4})-(\\d{2})-(\\d{2})$/u;\n\n/*** Parse a calendar date without applying a UTC offset. */\nexport function parseLocalDate(value: string | null | undefined): Date | undefined {\n  if (!value) return undefined;\n\n  const match = LOCAL_DATE_PATTERN.exec(value);\n  if (!match) return undefined;\n\n  const year = Number(match[1]);\n  const month = Number(match[2]);\n  const day = Number(match[3]);\n  const parsed = new Date(year, month - 1, day);\n  parsed.setFullYear(year);\n\n  return parsed.getFullYear() === year &&\n    parsed.getMonth() === month - 1 &&\n    parsed.getDate() === day\n    ? parsed\n    : undefined;\n}\n\n/*** Serialize a Date as a local calendar date suitable for manifest state. */\nexport function formatLocalDate(value: Date): string {\n  const year = String(value.getFullYear()).padStart(4, '0');\n  const month = String(value.getMonth() + 1).padStart(2, '0');\n  const day = String(value.getDate()).padStart(2, '0');\n  return `${year}-${month}-${day}`;\n}\n"]}

package/dist/{components/gradient → features/gradient/adapters/inbound}/Gradient.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { GradientProps } from './types';
+import type { GradientProps } from '../../../../types/gradient';
 /***
  * Gradient background container for branded loading surfaces, hero blocks, and previews.
  *

package/dist/features/gradient/adapters/inbound/Gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../../../src/features/gradient/adapters/inbound/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAgDhE;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,qDAAoC,CAAC"}

package/dist/{components/gradient → features/gradient/adapters/inbound}/Gradient.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Box } from '../../features/layout/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Box } from '../../../layout/public';
 import { useGradientRenderer } from './GradientRendererContext';
 function GradientInner({ themeId: _themeId, mode: _mode, interactionPolicy: _interactionPolicy, children, colors, locations, start, end, width = '100%', height, minHeight, radius, p, testID, }) {
     const gradientRenderer = useGradientRenderer();

package/dist/features/gradient/adapters/inbound/Gradient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.js","sourceRoot":"","sources":["../../../../../src/features/gradient/adapters/inbound/Gradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,SAAS,aAAa,CAAC,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,KAAK,GAAG,MAAM,EACd,MAAM,EACN,SAAS,EACT,MAAM,EACN,CAAC,EACD,MAAM,GACQ;IACd,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,OAAO,CACL,CAAC,GAAG,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAE9B;MAAA,CAAC,KAAK,CAAC,aAAa,CAClB,gBAAgB,EAChB;YACE,MAAM;YACN,GAAG;YACH,SAAS;YACT,KAAK;YACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;SACnB,EACD,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAC5B;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { GradientProps } from '../../../../types/gradient';\nimport { Box } from '../../../layout/public';\nimport { useGradientRenderer } from './GradientRendererContext';\n\nfunction GradientInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy: _interactionPolicy,\n  children,\n  colors,\n  locations,\n  start,\n  end,\n  width = '100%',\n  height,\n  minHeight,\n  radius,\n  p,\n  testID,\n}: GradientProps) {\n  const gradientRenderer = useGradientRenderer();\n\n  return (\n    <Box\n      height={height}\n      minHeight={minHeight}\n      radius={radius}\n      testID={testID}\n      width={width}\n      style={{ overflow: 'hidden' }}\n    >\n      {React.createElement(\n        gradientRenderer,\n        {\n          colors,\n          end,\n          locations,\n          start,\n          style: { flex: 1 },\n        },\n        <Box p={p} style={{ flex: 1 }}>\n          {children}\n        </Box>,\n      )}\n    </Box>\n  );\n}\n\n/***\n * Gradient background container for branded loading surfaces, hero blocks, and previews.\n *\n * The host supplies a platform-compatible renderer through\n * `GradientRendererProvider`; ZORA does not require an Expo runtime.\n */\nexport const Gradient = withZoraThemeScope(GradientInner);\n"]}

package/dist/{components/gradient → features/gradient/adapters/inbound}/GradientRendererContext.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import type { GradientRenderer, GradientRendererProviderProps } from './types';
-/**
+import type { GradientRenderer, GradientRendererProviderProps } from '../../../../types/gradient';
+/***
  * Supplies the host-owned renderer used by `Gradient`.
  *
  * Expo apps can adapt `expo-linear-gradient` here, while standalone React
  * Native hosts can inject another compatible implementation.
  */
 export declare function GradientRendererProvider({ children, renderer }: GradientRendererProviderProps): React.JSX.Element;
+/*** Resolves the host-owned gradient renderer for a Gradient instance. */
 export declare function useGradientRenderer(): GradientRenderer;
 //# sourceMappingURL=GradientRendererContext.d.ts.map

package/dist/features/gradient/adapters/inbound/GradientRendererContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientRendererContext.d.ts","sourceRoot":"","sources":["../../../../../src/features/gradient/adapters/inbound/GradientRendererContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,gBAAgB,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC;AAIlG;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,6BAA6B,qBAE7F;AAED,0EAA0E;AAC1E,wBAAgB,mBAAmB,IAAI,gBAAgB,CAUtD"}

package/dist/{components/gradient → features/gradient/adapters/inbound}/GradientRendererContext.js

@@ -1,6 +1,6 @@
 import React, { createContext, use } from 'react';
 const GradientRendererContext = createContext(null);
-/**
+/***
  * Supplies the host-owned renderer used by `Gradient`.
  *
  * Expo apps can adapt `expo-linear-gradient` here, while standalone React
@@ -9,6 +9,7 @@ const GradientRendererContext = createContext(null);
 export function GradientRendererProvider({ children, renderer }) {
     return <GradientRendererContext value={renderer}>{children}</GradientRendererContext>;
 }
+/*** Resolves the host-owned gradient renderer for a Gradient instance. */
 export function useGradientRenderer() {
     const renderer = use(GradientRendererContext);
     if (!renderer) {

package/dist/features/gradient/adapters/inbound/GradientRendererContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientRendererContext.js","sourceRoot":"","sources":["../../../../../src/features/gradient/adapters/inbound/GradientRendererContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,uBAAuB,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAE7E;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAiC;IAC5F,OAAO,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,uBAAuB,CAAC,CAAC;AACxF,CAAC;AAED,0EAA0E;AAC1E,MAAM,UAAU,mBAAmB;IACjC,MAAM,QAAQ,GAAG,GAAG,CAAC,uBAAuB,CAAC,CAAC;IAE9C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,MAAM,IAAI,KAAK,CACb,4HAA4H,CAC7H,CAAC;IACJ,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC","sourcesContent":["import React, { createContext, use } from 'react';\n\nimport type { GradientRenderer, GradientRendererProviderProps } from '../../../../types/gradient';\n\nconst GradientRendererContext = createContext<GradientRenderer | null>(null);\n\n/***\n * Supplies the host-owned renderer used by `Gradient`.\n *\n * Expo apps can adapt `expo-linear-gradient` here, while standalone React\n * Native hosts can inject another compatible implementation.\n */\nexport function GradientRendererProvider({ children, renderer }: GradientRendererProviderProps) {\n  return <GradientRendererContext value={renderer}>{children}</GradientRendererContext>;\n}\n\n/*** Resolves the host-owned gradient renderer for a Gradient instance. */\nexport function useGradientRenderer(): GradientRenderer {\n  const renderer = use(GradientRendererContext);\n\n  if (!renderer) {\n    throw new Error(\n      'Gradient requires a renderer. Wrap the app in GradientRendererProvider with a platform-compatible gradient implementation.',\n    );\n  }\n\n  return renderer;\n}\n"]}

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

@@ -0,0 +1,48 @@
+export declare const gradientMeta: {
+    readonly name: "Gradient";
+    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 blueprint: {
+        readonly label: "Gradient";
+    };
+    readonly props: {
+        readonly colors: {
+            readonly type: "array";
+            readonly category: "Style";
+            readonly label: "Colors";
+        };
+        readonly locations: {
+            readonly type: "array";
+            readonly category: "Style";
+            readonly label: "Locations";
+        };
+        readonly width: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly label: "Width";
+        };
+        readonly height: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly label: "Height";
+        };
+        readonly minHeight: {
+            readonly type: "number";
+            readonly category: "Layout";
+            readonly label: "Minimum height";
+        };
+        readonly radius: {
+            readonly type: "radius";
+            readonly category: "Style";
+            readonly label: "Corner radius";
+        };
+        readonly p: {
+            readonly type: "spacing";
+            readonly category: "Layout";
+            readonly label: "Padding";
+        };
+    };
+};
+//# sourceMappingURL=gradientMeta.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gradientMeta.d.ts","sourceRoot":"","sources":["../../../src/features/gradient/gradientMeta.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBa,CAAC"}

package/dist/features/gradient/gradientMeta.js

@@ -0,0 +1,25 @@
+import { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';
+export const gradientMeta = {
+    name: 'Gradient',
+    category: 'component',
+    description: 'Renders a host-backed gradient container for nested manifest content.',
+    directManifestNode: true,
+    allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],
+    blueprint: {
+        label: 'Gradient',
+    },
+    props: {
+        colors: {
+            type: 'array',
+            category: 'Style',
+            label: 'Colors',
+        },
+        locations: { type: 'array', category: 'Style', label: 'Locations' },
+        width: { type: 'number', category: 'Layout', label: 'Width' },
+        height: { type: 'number', category: 'Layout', label: 'Height' },
+        minHeight: { type: 'number', category: 'Layout', label: 'Minimum height' },
+        radius: { type: 'radius', category: 'Style', label: 'Corner radius' },
+        p: { type: 'spacing', category: 'Layout', label: 'Padding' },
+    },
+};
+//# sourceMappingURL=gradientMeta.js.map

package/dist/features/gradient/gradientMeta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradientMeta.js","sourceRoot":"","sources":["../../../src/features/gradient/gradientMeta.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAE5E,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,uEAAuE;IACpF,kBAAkB,EAAE,IAAI;IACxB,eAAe,EAAE,CAAC,GAAG,0BAA0B,CAAC;IAChD,SAAS,EAAE;QACT,KAAK,EAAE,UAAU;KAClB;IACD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,OAAO;YACjB,KAAK,EAAE,QAAQ;SAChB;QACD,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;QACnE,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;QAC7D,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QAC/D,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE;QAC1E,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE;QACrE,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;KAC7D;CACmC,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\nimport { CONTAINER_ALLOWED_CHILDREN } from '../../metadata/allowedChildren';\n\nexport const gradientMeta = {\n  name: 'Gradient',\n  category: 'component',\n  description: 'Renders a host-backed gradient container for nested manifest content.',\n  directManifestNode: true,\n  allowedChildren: [...CONTAINER_ALLOWED_CHILDREN],\n  blueprint: {\n    label: 'Gradient',\n  },\n  props: {\n    colors: {\n      type: 'array',\n      category: 'Style',\n      label: 'Colors',\n    },\n    locations: { type: 'array', category: 'Style', label: 'Locations' },\n    width: { type: 'number', category: 'Layout', label: 'Width' },\n    height: { type: 'number', category: 'Layout', label: 'Height' },\n    minHeight: { type: 'number', category: 'Layout', label: 'Minimum height' },\n    radius: { type: 'radius', category: 'Style', label: 'Corner radius' },\n    p: { type: 'spacing', category: 'Layout', label: 'Padding' },\n  },\n} as const satisfies ZoraComponentMeta;\n"]}

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

@@ -0,0 +1,4 @@
+export type { GradientColor, GradientColors, GradientLocations, GradientPoint, GradientProps, GradientRenderer, GradientRendererProps, GradientRendererProviderProps, } from '../../types/gradient';
+export { Gradient } from './adapters/inbound/Gradient';
+export { GradientRendererProvider } from './adapters/inbound/GradientRendererContext';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/gradient/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/gradient/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,qBAAqB,EACrB,6BAA6B,GAC9B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC"}

package/dist/features/gradient/public.js

@@ -0,0 +1,3 @@
+export { Gradient } from './adapters/inbound/Gradient';
+export { GradientRendererProvider } from './adapters/inbound/GradientRendererContext';
+//# sourceMappingURL=public.js.map

package/dist/features/gradient/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/gradient/public.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4CAA4C,CAAC","sourcesContent":["export type {\n  GradientColor,\n  GradientColors,\n  GradientLocations,\n  GradientPoint,\n  GradientProps,\n  GradientRenderer,\n  GradientRendererProps,\n  GradientRendererProviderProps,\n} from '../../types/gradient';\nexport { Gradient } from './adapters/inbound/Gradient';\nexport { GradientRendererProvider } from './adapters/inbound/GradientRendererContext';\n"]}

package/dist/{patterns/hero → features/hero/adapters/inbound}/Hero.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { HeroProps } from './types';
+import type { HeroProps } from '../../../../types/hero';
 /***
  * Hero section pattern for prominent page introductions with actions.
  *

package/dist/features/hero/adapters/inbound/Hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../../src/features/hero/adapters/inbound/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAyB,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAyH/E;;;;GAIG;AACH,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/{patterns/hero → features/hero/adapters/inbound}/Hero.js

@@ -1,10 +1,9 @@
 import React from 'react';
-import { Button } from '../../features/button/public';
-import { Card } from '../../features/card/public';
-import { Box, Grid, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';
+import { Button } from '../../../button/public';
+import { Card } from '../../../card/public';
+import { Box, Grid, Stack } from '../../../layout/public';
+import { Heading, Text } from '../../../typography/public';
 function HeroInner({ themeId: _themeId, mode: _mode, interactionPolicy, title, description, eyebrow, primaryAction, secondaryAction, media, footer, align = 'start', layout = 'split', tone = 'subtle', compact = false, testID, }) {
     const hasActions = primaryAction !== undefined || secondaryAction !== undefined;
     const hasMedia = media !== undefined;

package/dist/features/hero/adapters/inbound/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../../../src/features/hero/adapters/inbound/Hero.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../../../theme/withZoraThemeScope';\nimport type { HeroAction, HeroAlign, HeroProps } from '../../../../types/hero';\nimport { Button } from '../../../button/public';\nimport { Card } from '../../../card/public';\nimport { Box, Grid, Stack } from '../../../layout/public';\nimport { Heading, Text } from '../../../typography/public';\n\nfunction HeroInner({\n  themeId: _themeId,\n  mode: _mode,\n  interactionPolicy,\n  title,\n  description,\n  eyebrow,\n  primaryAction,\n  secondaryAction,\n  media,\n  footer,\n  align = 'start',\n  layout = 'split',\n  tone = 'subtle',\n  compact = false,\n  testID,\n}: HeroProps) {\n  const hasActions = primaryAction !== undefined || secondaryAction !== undefined;\n  const hasMedia = media !== undefined;\n  const contentAlign = resolveContentAlign(align);\n  const textAlign = align === 'center' ? 'center' : undefined;\n  const mediaFirst = layout === 'mediaFirst';\n\n  const content = (\n    <Box width=\"100%\">\n      <Stack align={contentAlign} gap={compact ? 's' : 'm'}>\n        <Stack align={contentAlign} gap=\"xs\">\n          {eyebrow !== undefined ? (\n            <Text align={textAlign} color=\"primary\" variant=\"eyebrow\">\n              {eyebrow}\n            </Text>\n          ) : null}\n          <Heading\n            align={textAlign}\n            level={1}\n            size={{ base: 'h2', md: compact ? 'h2' : 'display' }}\n          >\n            {title}\n          </Heading>\n          {description !== undefined ? (\n            <Text\n              align={textAlign}\n              emphasis=\"muted\"\n              variant={{ base: 'body', md: compact ? 'body' : 'lead' }}\n            >\n              {description}\n            </Text>\n          ) : null}\n        </Stack>\n\n        {hasActions ? (\n          <Stack\n            align={contentAlign}\n            direction={{ base: 'column', md: 'row' }}\n            gap=\"s\"\n            justify={align === 'center' ? 'center' : 'flex-start'}\n          >\n            {primaryAction !== undefined\n              ? renderAction(primaryAction, 'primary', interactionPolicy)\n              : null}\n            {secondaryAction !== undefined\n              ? renderAction(secondaryAction, 'secondary', interactionPolicy)\n              : null}\n          </Stack>\n        ) : null}\n\n        {footer}\n      </Stack>\n    </Box>\n  );\n\n  const mediaSlot = hasMedia ? <Box width=\"100%\">{media}</Box> : null;\n\n  const body =\n    hasMedia && layout !== 'stack' ? (\n      <Grid cols={{ base: 1, md: 2 }} gap={compact ? 'm' : 'l'}>\n        {mediaFirst ? mediaSlot : content}\n        {mediaFirst ? content : mediaSlot}\n      </Grid>\n    ) : (\n      <Stack align=\"center\" direction=\"column\" gap={compact ? 'm' : 'l'}>\n        {mediaFirst ? mediaSlot : content}\n        {mediaFirst ? content : mediaSlot}\n      </Stack>\n    );\n\n  return (\n    <Card compact={compact} interactionPolicy={interactionPolicy} testID={testID} tone={tone}>\n      {body}\n    </Card>\n  );\n}\n\nfunction renderAction(\n  action: HeroAction,\n  role: 'primary' | 'secondary',\n  interactionPolicy: HeroProps['interactionPolicy'],\n) {\n  return (\n    <Button\n      disabled={action.disabled}\n      interactionPolicy={interactionPolicy}\n      variant={action.variant ?? (role === 'primary' ? 'solid' : 'soft')}\n      onPress={action.onPress}\n      color={action.color ?? (role === 'primary' ? 'primary' : 'neutral')}\n    >\n      {action.label}\n    </Button>\n  );\n}\n\nfunction resolveContentAlign(align: HeroAlign) {\n  return align === 'center' ? 'center' : 'flex-start';\n}\n\n/***\n * Hero section pattern for prominent page introductions with actions.\n *\n \n */\nexport const Hero = withZoraThemeScope(HeroInner);\n"]}

package/dist/{patterns/hero/meta.d.ts → features/hero/heroMeta.d.ts}

@@ -98,4 +98,4 @@ export declare const heroMeta: {
         };
     };
 };
-//# sourceMappingURL=meta.d.ts.map
+//# sourceMappingURL=heroMeta.d.ts.map