everkit-ui 0.1.0

package/dist/commonjs/components/ChipSelector.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChipSelector = ChipSelector;
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic single-select chip group — a row (or wrapping grid) of pill
+ * chips where exactly one is active. Distinct from the static {@link Chip} tag:
+ * this owns selection state styling and tap handling.
+ *
+ * Every colour comes INLINE from {@link useColors}: the active `filled` chip
+ * fills with the chosen `brand.*` ramp (label `text.inverse`); the active
+ * `outlined` chip uses the `brand.*Light` wash (label the matching `brand.*`);
+ * inactive chips fill with `bg.secondary` (label `text.secondary`). The pilot
+ * consumer's var-backed text classes (`text-white`, `text-brand-*`) are replaced
+ * with inline theme colours per the one styling rule. Layout (gap + label
+ * spacing) is applied INLINE from the library-owned {@link SPACE} scale, so the
+ * chip group renders with no NativeWind setup in the consumer.
+ */
+function ChipSelector({
+  options,
+  selected,
+  onSelect,
+  variant = 'filled',
+  color = 'primary',
+  layout = 'wrap',
+  shape = 'pill',
+  label,
+  contentPaddingHorizontal
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const borderRadius = shape === 'pill' ? 999 : 12;
+  const activeBg = {
+    filled: {
+      primary: colors.brand.primary,
+      secondary: colors.brand.secondary,
+      accent: colors.brand.accent
+    },
+    outlined: {
+      primary: colors.brand.primaryLight,
+      secondary: colors.brand.secondaryLight,
+      accent: colors.brand.accentLight
+    }
+  };
+  const activeInk = {
+    filled: {
+      primary: colors.text.inverse,
+      secondary: colors.text.inverse,
+      accent: colors.text.inverse
+    },
+    outlined: {
+      primary: colors.brand.primary,
+      secondary: colors.brand.secondary,
+      accent: colors.brand.accent
+    }
+  };
+  const renderChips = () => options.map(option => {
+    const isActive = option.value === selected;
+    // A per-option `color` overrides the ramp: filled with that colour, label
+    // in `text.inverse` (matching a filled active chip).
+    const activeBackground = option.color ?? activeBg[variant][color];
+    const activeForeground = option.color ? colors.text.inverse : activeInk[variant][color];
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: () => onSelect(option.value),
+      accessibilityRole: "button",
+      accessibilityState: {
+        selected: isActive
+      },
+      accessibilityLabel: option.label,
+      style: {
+        flexShrink: 0,
+        paddingHorizontal: 16,
+        height: 36,
+        borderRadius,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: isActive ? activeBackground : colors.bg.secondary
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "label-sm",
+        numberOfLines: 1,
+        style: {
+          color: isActive ? activeForeground : colors.text.secondary
+        },
+        children: option.label
+      })
+    }, option.value);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "label-md",
+      style: {
+        marginBottom: _scale.SPACE['1.5'],
+        color: colors.text.secondary
+      },
+      children: label
+    }), layout === 'wrap' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        gap: _scale.SPACE['2'],
+        paddingHorizontal: contentPaddingHorizontal
+      },
+      children: renderChips()
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: {
+        gap: 8,
+        alignItems: 'center',
+        paddingHorizontal: contentPaddingHorizontal
+      },
+      style: {
+        height: 44
+      },
+      children: renderChips()
+    })]
+  });
+}
+//# sourceMappingURL=ChipSelector.js.map

package/dist/commonjs/components/ChipSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_ThemeProvider","_scale","_jsxRuntime","ChipSelector","options","selected","onSelect","variant","color","layout","shape","label","contentPaddingHorizontal","colors","useColors","borderRadius","activeBg","filled","primary","brand","secondary","accent","outlined","primaryLight","secondaryLight","accentLight","activeInk","text","inverse","renderChips","map","option","isActive","value","activeBackground","activeForeground","jsx","Pressable","onPress","accessibilityRole","accessibilityState","accessibilityLabel","style","flexShrink","paddingHorizontal","height","alignItems","justifyContent","backgroundColor","bg","children","Text","numberOfLines","jsxs","View","marginBottom","SPACE","flexDirection","flexWrap","gap","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle"],"sourceRoot":"../../../src","sources":["components/ChipSelector.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/CircularProgress.js

@@ -0,0 +1,128 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CircularProgress = CircularProgress;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const AnimatedCircle = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Circle);
+const SWEEP_DURATION_MS = 800;
+/**
+ * Theme-agnostic circular progress RING with a centered content slot — the
+ * generic primitive behind countdown dials, percentage gauges, and step
+ * meters. The app composes the center (time, percent, play/pause) and owns all
+ * domain logic (counting, formatting, infusion state); this ring only paints
+ * the arc and animates the sweep.
+ *
+ * Colour comes INLINE from {@link useColors}: the track defaults to
+ * `border.default` and the filled arc to a `brand.primary` → `brand.primaryDark`
+ * gradient (or a flat `brand.primary` when `gradient={false}`). The
+ * `strokeDashoffset` sweep is driven on the UI thread via `useAnimatedProps`, so
+ * pushing a new `progress` eases the arc without a JS-thread re-render. The arc
+ * starts at 12 o'clock (`rotate(-90)`) and grows clockwise.
+ */
+function CircularProgress({
+  progress,
+  size = 200,
+  strokeWidth = 12,
+  trackColor,
+  gradient = true,
+  rounded = true,
+  animationDurationMs = SWEEP_DURATION_MS,
+  children,
+  style
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const center = size / 2;
+  const clamped = Math.min(Math.max(progress, 0), 1);
+
+  // A unique gradient id per instance — two rings on one screen must not share
+  // (or clobber) the same `<Defs>` entry. `useId()` returns colons (`:r0:`),
+  // which are invalid in an SVG element id / `url(#…)` reference and silently
+  // break gradient resolution, so strip them out.
+  const rawId = (0, _react.useId)();
+  const gradientId = `everkit-progress-${rawId.replace(/:/g, '')}`;
+
+  // Drive `strokeDashoffset` on the UI thread; pushing a new `progress` eases
+  // the arc with no JS-thread re-render.
+  const progressValue = (0, _reactNativeReanimated.useSharedValue)(clamped);
+  (0, _react.useEffect)(() => {
+    progressValue.value = (0, _reactNativeReanimated.withTiming)(clamped, {
+      duration: animationDurationMs,
+      easing: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.cubic)
+    });
+  }, [clamped, animationDurationMs]);
+
+  // Cancel the in-flight sweep on unmount.
+  (0, _react.useEffect)(() => {
+    return () => (0, _reactNativeReanimated.cancelAnimation)(progressValue);
+  }, []);
+  const progressArcProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    strokeDashoffset: circumference * (1 - progressValue.value)
+  }));
+  const stroke = gradient ? `url(#${gradientId})` : colors.brand.primary;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size,
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+      width: size,
+      height: size,
+      style: {
+        position: 'absolute'
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
+          id: gradientId,
+          x1: "0",
+          y1: "0",
+          x2: "0",
+          y2: "1",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "0",
+            stopColor: colors.brand.primary
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+            offset: "1",
+            stopColor: colors.brand.primaryDark
+          })]
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+        cx: center,
+        cy: center,
+        r: radius,
+        stroke: trackColor ?? colors.border.default,
+        strokeWidth: strokeWidth,
+        fill: "none"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedCircle, {
+        cx: center,
+        cy: center,
+        r: radius,
+        stroke: stroke,
+        strokeWidth: strokeWidth,
+        fill: "none",
+        strokeDasharray: circumference,
+        strokeLinecap: rounded ? 'round' : 'butt',
+        transform: `rotate(-90 ${center} ${center})`,
+        animatedProps: progressArcProps
+      })]
+    }), children != null && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: children
+    })]
+  });
+}
+//# sourceMappingURL=CircularProgress.js.map

package/dist/commonjs/components/CircularProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_reactNativeSvg","_ThemeProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedCircle","Animated","createAnimatedComponent","Circle","SWEEP_DURATION_MS","CircularProgress","progress","size","strokeWidth","trackColor","gradient","rounded","animationDurationMs","children","style","colors","useColors","radius","circumference","Math","PI","center","clamped","min","max","rawId","useId","gradientId","replace","progressValue","useSharedValue","useEffect","value","withTiming","duration","easing","Easing","out","cubic","cancelAnimation","progressArcProps","useAnimatedProps","strokeDashoffset","stroke","brand","primary","jsxs","View","width","height","alignItems","justifyContent","position","jsx","Defs","LinearGradient","id","x1","y1","x2","y2","Stop","offset","stopColor","primaryDark","cx","cy","border","fill","strokeDasharray","strokeLinecap","transform","animatedProps"],"sourceRoot":"../../../src","sources":["components/CircularProgress.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/ConfirmDialog.js

@@ -0,0 +1,139 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfirmDialog = ConfirmDialog;
+var _reactNative = require("react-native");
+var _Text = require("./Text.js");
+var _Button = require("./Button.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _hexToRgba = require("../internal/hexToRgba.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const DISC_SIZE = 52;
+
+/**
+ * Theme-agnostic confirm dialog — a centered card on a dim scrim with an optional
+ * header glyph in a tinted disc, a title, supporting copy, and a Cancel / Confirm
+ * button pair. Domain-free: the consumer injects the title, message, labels, and
+ * icon, so the same dialog backs a "Block user?", "Delete draft?", or "Sign out?"
+ * prompt.
+ *
+ * Color comes INLINE from {@link useColors}: the surface is `bg.primary`, the
+ * title `text.primary` (via {@link Text}), the message `text.secondary`. When
+ * `destructive`, the confirm {@link Button} switches to the `danger` variant and
+ * the header disc tints from `semantic.error`; otherwise the disc tints from
+ * `brand.primary` — both DERIVED via {@link hexToRgba} so no literal rgba leaks
+ * in. Elevation comes from the themed {@link useShadows} `lg` preset; spacing +
+ * radii from the {@link SPACE}/{@link RADIUS} scale. The backdrop is a fixed black
+ * scrim (modal dim is conventionally dark on any theme). Tap-outside-to-close is
+ * the outer `<Pressable onPress={onClose}>` with an inner `<Pressable>` that
+ * swallows taps on the card.
+ */
+function ConfirmDialog({
+  visible,
+  onClose,
+  onConfirm,
+  title,
+  message,
+  confirmLabel = 'Confirm',
+  cancelLabel = 'Cancel',
+  destructive = false,
+  icon,
+  confirming = false
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const shadows = (0, _ThemeProvider.useShadows)();
+  const accent = destructive ? colors.semantic.error : colors.brand.primary;
+  const discTint = (0, _hexToRgba.hexToRgba)(accent, 0.14);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onClose,
+      style: {
+        flex: 1,
+        backgroundColor: 'rgba(0,0,0,0.5)',
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: _scale.SPACE['6']
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        onPress: e => e.stopPropagation(),
+        style: {
+          width: '100%',
+          maxWidth: 380
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            backgroundColor: colors.bg.primary,
+            borderRadius: _scale.RADIUS.xl,
+            padding: _scale.SPACE['6'],
+            alignItems: 'center',
+            ...shadows.lg
+          },
+          children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              width: DISC_SIZE,
+              height: DISC_SIZE,
+              borderRadius: DISC_SIZE / 2,
+              backgroundColor: discTint,
+              alignItems: 'center',
+              justifyContent: 'center',
+              marginBottom: _scale.SPACE['3']
+            },
+            children: icon
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+            variant: "heading-md",
+            style: {
+              textAlign: 'center',
+              marginBottom: _scale.SPACE['2']
+            },
+            children: title
+          }), message != null ? typeof message === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+            variant: "body-md",
+            style: {
+              textAlign: 'center',
+              color: colors.text.secondary
+            },
+            children: message
+          }) : message : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flexDirection: 'row',
+              gap: _scale.SPACE['2.5'],
+              marginTop: _scale.SPACE['5'],
+              alignSelf: 'stretch'
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                flex: 1
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+                fullWidth: true,
+                variant: "ghost",
+                onPress: onClose,
+                disabled: confirming,
+                children: cancelLabel
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: {
+                flex: 1
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+                fullWidth: true,
+                variant: destructive ? 'danger' : 'primary',
+                onPress: onConfirm,
+                loading: confirming,
+                children: confirmLabel
+              })
+            })]
+          })]
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/commonjs/components/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Text","_Button","_ThemeProvider","_scale","_hexToRgba","_jsxRuntime","DISC_SIZE","ConfirmDialog","visible","onClose","onConfirm","title","message","confirmLabel","cancelLabel","destructive","icon","confirming","colors","useColors","shadows","useShadows","accent","semantic","error","brand","primary","discTint","hexToRgba","jsx","Modal","transparent","animationType","onRequestClose","children","Pressable","onPress","style","flex","backgroundColor","alignItems","justifyContent","paddingHorizontal","SPACE","e","stopPropagation","width","maxWidth","jsxs","View","bg","borderRadius","RADIUS","xl","padding","lg","height","marginBottom","Text","variant","textAlign","color","text","secondary","flexDirection","gap","marginTop","alignSelf","Button","fullWidth","disabled","loading"],"sourceRoot":"../../../src","sources":["components/ConfirmDialog.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/DateField.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateField = DateField;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _lucideReactNative = require("lucide-react-native");
+var _Card = require("./Card.js");
+var _Text = require("./Text.js");
+var _ThemeProvider = require("../theme/ThemeProvider.js");
+var _scale = require("../theme/scale.js");
+var _jsxRuntime = require("react/jsx-runtime");
+// `@react-native-community/datetimepicker` is an OPTIONAL peer, loaded behind a
+// try/catch so the library builds without it. Consumers that use DateField
+// install the peer; if it's absent the field still renders the labelled value
+// row, just without an interactive picker.
+let DateTimePickerComp = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  DateTimePickerComp = require('@react-native-community/datetimepicker').default ?? null;
+} catch {
+  DateTimePickerComp = null;
+}
+
+/** Minimal shape of the picker's change event (avoids a build-time type dep). */
+
+/**
+ * Polished, locale-aware display: "Mon, May 12 · 7:42 PM" for datetime, the
+ * relevant half for date / time. `toLocale*` honours device locale.
+ */
+function formatValue(date, mode) {
+  const datePart = date.toLocaleDateString(undefined, {
+    weekday: 'short',
+    month: 'short',
+    day: 'numeric'
+  });
+  const timePart = date.toLocaleTimeString(undefined, {
+    hour: 'numeric',
+    minute: '2-digit'
+  });
+  if (mode === 'date') return datePart;
+  if (mode === 'time') return timePart;
+  return `${datePart} · ${timePart}`;
+}
+
+/**
+ * Theme-agnostic date / time field — one wrapper over the platform picker that
+ * hides the iOS-inline-spinner vs Android-modal split and the `event.type` set/
+ * dismiss boilerplate. Wrapped in a {@link Card} so it lines up with other form
+ * rows. Colour comes INLINE from {@link useColors}; spacing from {@link SPACE}.
+ *
+ * iOS renders the spinner inline (every dial change forwards `onChange`).
+ * Android renders a tappable row that opens the OS modal (auto-dismisses on set
+ * or cancel; a value forwards only on "set"). Android only supports `date`/
+ * `time` natively — `datetime` falls back to `date`.
+ *
+ * `@react-native-community/datetimepicker` is an optional peer (see top of file).
+ */
+function DateField({
+  label,
+  value,
+  onChange,
+  minimumDate,
+  maximumDate,
+  mode = 'datetime',
+  helperText,
+  disabled = false
+}) {
+  const colors = (0, _ThemeProvider.useColors)();
+  const [androidVisible, setAndroidVisible] = (0, _react.useState)(false);
+  const Picker = DateTimePickerComp;
+  const handleIosChange = (_event, picked) => {
+    if (picked) onChange(picked);
+  };
+  const handleAndroidChange = (event, picked) => {
+    setAndroidVisible(false);
+    if (event.type === 'set' && picked) onChange(picked);
+  };
+  const handlePressRow = () => {
+    if (disabled) return;
+    if (_reactNative.Platform.OS === 'android') setAndroidVisible(true);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Card.Card, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "label-md",
+      style: {
+        color: colors.text.secondary,
+        marginBottom: _scale.SPACE['1.5']
+      },
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: handlePressRow,
+      disabled: disabled || _reactNative.Platform.OS === 'ios',
+      accessibilityRole: "button",
+      accessibilityLabel: `Change ${label.toLowerCase()}`,
+      accessibilityHint: _reactNative.Platform.OS === 'android' ? 'Opens a date and time picker' : undefined,
+      accessibilityState: {
+        disabled
+      },
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: _scale.SPACE['2.5'],
+        paddingVertical: _scale.SPACE['2.5'],
+        opacity: disabled ? 0.5 : 1
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReactNative.CalendarClock, {
+        size: 18,
+        color: colors.brand.accent
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "body-md",
+        style: {
+          color: colors.text.primary
+        },
+        children: formatValue(value, mode)
+      })]
+    }), Picker && _reactNative.Platform.OS === 'ios' && !disabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(Picker, {
+      value: value,
+      mode: mode,
+      display: "spinner",
+      maximumDate: maximumDate,
+      minimumDate: minimumDate,
+      onChange: handleIosChange,
+      textColor: colors.text.primary
+    }), Picker && _reactNative.Platform.OS === 'android' && androidVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(Picker, {
+      value: value,
+      mode: mode,
+      display: "default",
+      maximumDate: maximumDate,
+      minimumDate: minimumDate,
+      onChange: handleAndroidChange
+    }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      variant: "body-sm",
+      style: {
+        color: colors.text.secondary,
+        marginTop: _scale.SPACE['1']
+      },
+      children: helperText
+    })]
+  });
+}
+//# sourceMappingURL=DateField.js.map

package/dist/commonjs/components/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_lucideReactNative","_Card","_Text","_ThemeProvider","_scale","_jsxRuntime","DateTimePickerComp","default","formatValue","date","mode","datePart","toLocaleDateString","undefined","weekday","month","day","timePart","toLocaleTimeString","hour","minute","DateField","label","value","onChange","minimumDate","maximumDate","helperText","disabled","colors","useColors","androidVisible","setAndroidVisible","useState","Picker","handleIosChange","_event","picked","handleAndroidChange","event","type","handlePressRow","Platform","OS","jsxs","Card","children","jsx","Text","variant","style","color","text","secondary","marginBottom","SPACE","Pressable","onPress","accessibilityRole","accessibilityLabel","toLowerCase","accessibilityHint","accessibilityState","flexDirection","alignItems","gap","paddingVertical","opacity","CalendarClock","size","brand","accent","primary","display","textColor","marginTop"],"sourceRoot":"../../../src","sources":["components/DateField.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/DetailHeader.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DetailHeader = DetailHeader;
+var _ScreenHeader = require("./ScreenHeader.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Theme-agnostic detail-screen header — a thin convenience wrapper over
+ * {@link ScreenHeader} pinned to `variant="detail"` (back chevron + optional
+ * inline title/subtitle + right actions). Use it when you want the detail header
+ * shape without spelling out the variant; reach for {@link ScreenHeader} directly
+ * for the `'form'` variant. Router-decoupled — `onBack` is a plain callback.
+ */
+function DetailHeader({
+  title,
+  subtitle,
+  rightActions,
+  onBack,
+  showBack = true
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+    variant: "detail",
+    title: title,
+    subtitle: subtitle,
+    rightActions: rightActions,
+    onBack: onBack,
+    showBack: showBack
+  });
+}
+//# sourceMappingURL=DetailHeader.js.map

package/dist/commonjs/components/DetailHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ScreenHeader","require","_jsxRuntime","DetailHeader","title","subtitle","rightActions","onBack","showBack","jsx","ScreenHeader","variant"],"sourceRoot":"../../../src","sources":["components/DetailHeader.tsx"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,OAAA;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAqB7C;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,YAAYA,CAAC;EAC3BC,KAAK;EACLC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,QAAQ,GAAG;AACM,CAAC,EAAE;EACpB,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACT,aAAA,CAAAU,YAAY;IACXC,OAAO,EAAC,QAAQ;IAChBP,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,YAAY,EAAEA,YAAa;IAC3BC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA;EAAS,CACpB,CAAC;AAEN","ignoreList":[]}