@appinternalleads/ui 0.2.0

package/dist/esm/components/threshold-flow/runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../../../src/components/threshold-flow/runtime.ts"],"names":[],"mappings":"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"}

package/dist/esm/core/Arc.d.ts

@@ -0,0 +1,35 @@
+/**
+ * **Arcs, donuts and pies — the one thing CSS does with `conic-gradient` that RN cannot.**
+ *
+ * Three widgets in the input handoff (16 pie, 18 arc, 24 ring) specify their fill as a
+ * `conic-gradient`. React Native has no such gradient, so the geometry is drawn instead — and
+ * because it is drawn with `react-native-svg`, it lives HERE. `src/core/` and `src/tokens/` are
+ * the only places allowed to import a platform module; a widget reaching for SVG directly would
+ * put a renderer dependency two layers above where the invariant says it can be.
+ *
+ * Angles are **degrees clockwise from 12 o'clock**, which is what `conic-gradient(from …)`
+ * measures too, so a handoff value transfers without conversion.
+ */
+export type ArcSegment = {
+    /** Degrees of sweep. Zero-length segments are skipped rather than drawn as a dot. */
+    sweep: number;
+    color: string;
+};
+export type ArcProps = {
+    /** The full circle's diameter, even when only part of it is visible. */
+    size: number;
+    /** Ring width. Equal to `size / 2` draws a solid pie rather than a donut. */
+    thickness: number;
+    segments: ArcSegment[];
+    /** Degrees clockwise from 12 o'clock. `270` starts at 9 o'clock, as widget 18 does. */
+    startAngle?: number;
+    /**
+     * Height of the drawn box. A semicircular dial sets this to just over half the size and lets
+     * the rest fall outside the viewBox — the handoff's `overflow: hidden` viewport, expressed as
+     * a crop rather than a clip.
+     */
+    height?: number;
+    testID?: string;
+};
+export declare function Arc({ size, thickness, segments, startAngle, height, testID, }: ArcProps): import("react").JSX.Element;
+//# sourceMappingURL=Arc.d.ts.map

package/dist/esm/core/Arc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arc.d.ts","sourceRoot":"","sources":["../../../src/core/Arc.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAeF,MAAM,MAAM,QAAQ,GAAG;IACrB,wEAAwE;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,6EAA6E;IAC7E,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,uFAAuF;IACvF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAClB,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAc,EAAE,MAAM,EAAE,MAAM,GAC1D,EAAE,QAAQ,+BAwCV"}

package/dist/esm/core/Arc.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Circle, Path } from 'react-native-svg';
+/** A point on the circle. 0° is 12 o'clock because that is where a gradient starts. */
+function pointAt(cx, cy, r, deg) {
+    const rad = ((deg - 90) * Math.PI) / 180;
+    return { x: cx + r * Math.cos(rad), y: cy + r * Math.sin(rad) };
+}
+function arcPath(cx, cy, r, from, to) {
+    const a = pointAt(cx, cy, r, from);
+    const b = pointAt(cx, cy, r, to);
+    const large = to - from > 180 ? 1 : 0;
+    return `M ${a.x} ${a.y} A ${r} ${r} 0 ${large} 1 ${b.x} ${b.y}`;
+}
+export function Arc({ size, thickness, segments, startAngle = 0, height, testID, }) {
+    const r = (size - thickness) / 2;
+    const c = size / 2;
+    const h = height ?? size;
+    let cursor = startAngle;
+    const drawn = segments.map((s, i) => {
+        const from = cursor;
+        cursor += s.sweep;
+        if (s.sweep <= 0)
+            return null;
+        /* A full turn has no two distinct endpoints, so it is a circle rather than an arc. */
+        if (s.sweep >= 359.999) {
+            return (_jsx(Circle, { cx: c, cy: c, r: r, stroke: s.color, strokeWidth: thickness, fill: "none" }, i));
+        }
+        return (_jsx(Path, { d: arcPath(c, c, r, from, from + s.sweep), stroke: s.color, strokeWidth: thickness, fill: "none" }, i));
+    });
+    return (_jsx(Svg, { width: size, height: h, viewBox: `0 0 ${size} ${h}`, testID: testID, children: drawn }));
+}
+//# sourceMappingURL=Arc.js.map

package/dist/esm/core/Arc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arc.js","sourceRoot":"","sources":["../../../src/core/Arc.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAoBrD,uFAAuF;AACvF,SAAS,OAAO,CAAC,EAAU,EAAE,EAAU,EAAE,CAAS,EAAE,GAAW;IAC7D,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;IACzC,OAAO,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;AAClE,CAAC;AAED,SAAS,OAAO,CAAC,EAAU,EAAE,EAAU,EAAE,CAAS,EAAE,IAAY,EAAE,EAAU;IAC1E,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC;IACnC,MAAM,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACjC,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;AAClE,CAAC;AAmBD,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,GAChD;IACT,MAAM,CAAC,GAAG,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;IACjC,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;IACnB,MAAM,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC;IAEzB,IAAI,MAAM,GAAG,UAAU,CAAC;IACxB,MAAM,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAClC,MAAM,IAAI,GAAG,MAAM,CAAC;QACpB,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC;QAClB,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC;YAAE,OAAO,IAAI,CAAC;QAC9B,sFAAsF;QACtF,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,EAAE,CAAC;YACvB,OAAO,CACL,KAAC,MAAM,IAEL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,CAAC,CAAC,KAAK,EACf,WAAW,EAAE,SAAS,EACtB,IAAI,EAAC,MAAM,IANN,CAAC,CAON,CACH,CAAC;QACJ,CAAC;QACD,OAAO,CACL,KAAC,IAAI,IAEH,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,CAAC,CAAC,KAAK,EACf,WAAW,EAAE,SAAS,EACtB,IAAI,EAAC,MAAM,IAJN,CAAC,CAKN,CACH,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,GAAG,IAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,YACrE,KAAK,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/core/Box.d.ts

@@ -0,0 +1,102 @@
+import type { ReactNode, Ref } from 'react';
+import { View, type LayoutChangeEvent, type StyleProp, type ViewStyle } from 'react-native';
+import { space } from '../tokens';
+import { type GroundToken, type LineToken, type RadiusToken } from './roles';
+type SpaceToken = keyof typeof space;
+export type BoxProps = {
+    children?: ReactNode;
+    /** Row instead of the RN default column. Named for the common case rather than `direction`. */
+    row?: boolean;
+    align?: ViewStyle['alignItems'];
+    /** How this box sits in its PARENT's cross axis. A pill shrinks to its text with `flex-start`. */
+    alignSelf?: ViewStyle['alignSelf'];
+    justify?: ViewStyle['justifyContent'];
+    wrap?: boolean;
+    flex?: number;
+    gap?: SpaceToken;
+    p?: SpaceToken;
+    px?: SpaceToken;
+    py?: SpaceToken;
+    pt?: SpaceToken;
+    pr?: SpaceToken;
+    pb?: SpaceToken;
+    pl?: SpaceToken;
+    m?: SpaceToken;
+    mx?: SpaceToken;
+    my?: SpaceToken;
+    mt?: SpaceToken;
+    mr?: SpaceToken;
+    mb?: SpaceToken;
+    ml?: SpaceToken;
+    bg?: GroundToken;
+    /**
+     * The ground behind a modal. Separate from `bg` because a scrim is not a surface — it is the
+     * absence of one, and it is the only translucent value the system has.
+     */
+    scrim?: 'default' | 'destructive';
+    radius?: RadiusToken;
+    /**
+     * Elevation. **1** rows, cards and sheets · **2** tab and nav bars · **3** dialogs.
+     *
+     * Read from the context rather than the module constants, because `lift1`/`lift2` are
+     * evaluated at import time — before an app has said which theme it wants — and so cannot
+     * follow it.
+     */
+    lift?: 1 | 2 | 3;
+    /** The field hairline, in its three states. A field never lifts, so this is not elevation. */
+    edge?: 'field' | 'fieldFocus' | 'fieldError' | 'outline';
+    /** A single-side rule. `lift`/`edge` already carry their own ring — see the note below. */
+    hairline?: {
+        side: 'top' | 'bottom';
+        color?: LineToken;
+    };
+    width?: ViewStyle['width'];
+    height?: ViewStyle['height'];
+    minHeight?: ViewStyle['minHeight'];
+    opacity?: number;
+    /**
+     * The escape hatch, and it is narrow on purpose. Anything expressible through a prop above
+     * belongs there — a value inlined here is invisible to the generator and to the no-hex rule.
+     */
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    /**
+     * The box this view actually got. Needed for container-query layout — a card that reads the
+     * VIEWPORT cannot know it is in a 400px side panel on a desktop.
+     */
+    onLayout?: (e: LayoutChangeEvent) => void;
+    role?: 'form' | 'group' | 'list' | 'listitem' | 'none' | 'progressbar' | 'region' | 'radiogroup' | 'menu' | 'status' | 'alert' | 'img' | 'navigation' | 'tooltip';
+    /** A region whose changes a screen reader should announce — a status line, a toast. */
+    'aria-live'?: 'polite' | 'assertive' | 'off';
+    'aria-busy'?: boolean;
+    'aria-describedby'?: string;
+    /** Hidden from assistive technology — decoration, or a row mid-exit that is no longer real. */
+    'aria-hidden'?: boolean;
+    /** A progressbar's value in words — "86% · near limit" — when the number alone misleads. */
+    'aria-valuetext'?: string;
+    /** For measuring or focusing — a collapsible's inert body, a layer's anchor. */
+    ref?: Ref<View>;
+    /** The current item of a set — a stepper's current step. */
+    'aria-current'?: 'step' | 'page' | boolean;
+    /** An id, so another element can point at this one (`aria-controls`, `aria-describedby`). */
+    nativeID?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Only meaningful with `role="progressbar"` — a determinate progress value (0–100) and its
+        bounds. Forwarded as-is; react-native-web maps these to the DOM's own `aria-value*`. */
+    'aria-valuenow'?: number;
+    'aria-valuemin'?: number;
+    'aria-valuemax'?: number;
+};
+/**
+ * The layout primitive.
+ *
+ * **There is no `borderWidth` and no `borderColor`, and the absence is the point.** Every
+ * elevation in this system is a hairline plus two shadows where *the `0 0 0 1px` ring IS the
+ * border* — contract §2.5. A `border` alongside a `lift` draws the edge twice, and it is the
+ * most common way this material gets implemented wrong. `hairline` exists for the one legitimate
+ * case a shadow ring cannot express: a rule on a single side.
+ */
+export declare function Box({ children, row, align, alignSelf, justify, wrap, flex, gap, p, px, py, pt, pr, pb, pl, m, mx, my, mt, mr, mb, ml, bg, scrim: scrimTone, radius, lift, edge, hairline, width, height, minHeight, opacity, style, testID, onLayout, role, nativeID, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-live': ariaLive, 'aria-busy': ariaBusy, 'aria-describedby': ariaDescribedBy, 'aria-hidden': ariaHidden, 'aria-valuetext': ariaValueText, 'aria-current': ariaCurrent, ref, 'aria-valuenow': ariaValueNow, 'aria-valuemin': ariaValueMin, 'aria-valuemax': ariaValueMax, }: BoxProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Box.d.ts.map

package/dist/esm/core/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../src/core/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC5F,OAAO,EAAiC,KAAK,EAAS,MAAM,WAAW,CAAC;AACxE,OAAO,EAAiC,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAE5G,KAAK,UAAU,GAAG,MAAM,OAAO,KAAK,CAAC;AAErC,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,+FAA+F;IAC/F,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAChC,kGAAkG;IAClG,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,UAAU,CAAC;IAEjB,CAAC,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IACjD,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IACnE,CAAC,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IACjD,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IAAC,EAAE,CAAC,EAAE,UAAU,CAAC;IAEnE,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IAClC,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,8FAA8F;IAC9F,IAAI,CAAC,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,GAAG,SAAS,CAAC;IACzD,2FAA2F;IAC3F,QAAQ,CAAC,EAAE;QAAE,IAAI,EAAE,KAAK,GAAG,QAAQ,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAA;KAAE,CAAC;IAEzD,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1C,IAAI,CAAC,EACD,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,aAAa,GAAG,QAAQ,GAC1E,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,YAAY,GAAG,SAAS,CAAC;IAClF,uFAAuF;IACvF,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,GAAG,KAAK,CAAC;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+FAA+F;IAC/F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4FAA4F;IAC5F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gFAAgF;IAChF,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC;IAChB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;+FAC2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,GAAG,CAAC,EAClB,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EACzD,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACpD,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAClD,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAC1E,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAC1D,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,EACjF,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,EAC5F,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,GAC5F,EAAE,QAAQ,+BAyEV"}

package/dist/esm/core/Box.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { View } from 'react-native';
+import { fieldEdge, outlineEdge, scrim, space, useDs } from '../tokens';
+import { groundFor, lineFor, radiusFor } from './roles';
+/**
+ * The layout primitive.
+ *
+ * **There is no `borderWidth` and no `borderColor`, and the absence is the point.** Every
+ * elevation in this system is a hairline plus two shadows where *the `0 0 0 1px` ring IS the
+ * border* — contract §2.5. A `border` alongside a `lift` draws the edge twice, and it is the
+ * most common way this material gets implemented wrong. `hairline` exists for the one legitimate
+ * case a shadow ring cannot express: a rule on a single side.
+ */
+export function Box({ children, row, align, alignSelf, justify, wrap, flex, gap, p, px, py, pt, pr, pb, pl, m, mx, my, mt, mr, mb, ml, bg, scrim: scrimTone, radius, lift, edge, hairline, width, height, minHeight, opacity, style, testID, onLayout, role, nativeID, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-live': ariaLive, 'aria-busy': ariaBusy, 'aria-describedby': ariaDescribedBy, 'aria-hidden': ariaHidden, 'aria-valuetext': ariaValueText, 'aria-current': ariaCurrent, ref, 'aria-valuenow': ariaValueNow, 'aria-valuemin': ariaValueMin, 'aria-valuemax': ariaValueMax, }) {
+    const ds = useDs();
+    const s = (t) => (t === undefined ? undefined : space[t]);
+    const shadow = lift === 3 ? ds.edge3
+        : lift === 2 ? ds.lift2
+            : lift === 1 ? ds.lift1
+                /* `fieldEdge` and `outlineEdge` are module constants rather than context fields, and
+                   correctly so: a field's hairline is the same in every theme. Only the LIFTS are
+                   theme-aware, which is why those three come off `ds`. */
+                : edge === 'field' ? fieldEdge.default
+                    : edge === 'fieldFocus' ? fieldEdge.focus
+                        : edge === 'fieldError' ? fieldEdge.error
+                            : edge === 'outline' ? outlineEdge
+                                : undefined;
+    return (_jsx(View, { ref: ref, testID: testID, onLayout: onLayout, role: role, nativeID: nativeID, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-live": ariaLive, "aria-busy": ariaBusy, "aria-describedby": ariaDescribedBy, "aria-hidden": ariaHidden, "aria-valuetext": ariaValueText, "aria-current": ariaCurrent, "aria-valuenow": ariaValueNow, "aria-valuemin": ariaValueMin, "aria-valuemax": ariaValueMax, style: [
+            {
+                flexDirection: row ? 'row' : 'column',
+                alignItems: align,
+                alignSelf,
+                justifyContent: justify,
+                flexWrap: wrap ? 'wrap' : undefined,
+                flex,
+                gap: s(gap),
+                padding: s(p),
+                paddingHorizontal: s(px),
+                paddingVertical: s(py),
+                paddingTop: s(pt),
+                paddingRight: s(pr),
+                paddingBottom: s(pb),
+                paddingLeft: s(pl),
+                margin: s(m),
+                marginHorizontal: s(mx),
+                marginVertical: s(my),
+                marginTop: s(mt),
+                marginRight: s(mr),
+                marginBottom: s(mb),
+                marginLeft: s(ml),
+                backgroundColor: scrimTone ? scrim[scrimTone] : bg ? groundFor(ds.colors, bg) : undefined,
+                borderRadius: radius ? radiusFor(radius) : undefined,
+                boxShadow: shadow,
+                width, height, minHeight, opacity,
+            },
+            hairline && {
+                [hairline.side === 'top' ? 'borderTopWidth' : 'borderBottomWidth']: 1,
+                [hairline.side === 'top' ? 'borderTopColor' : 'borderBottomColor']: lineFor(ds.colors, hairline.color ?? 'hairline'),
+            },
+            style,
+        ], children: children }));
+}
+//# sourceMappingURL=Box.js.map

package/dist/esm/core/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/core/Box.tsx"],"names":[],"mappings":"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"}

package/dist/esm/core/ColorSwatch.d.ts

@@ -0,0 +1,9 @@
+import type { ColorSwatchProps } from './ColorSwatch.types';
+export type { ColorSwatchProps } from './ColorSwatch.types';
+/**
+ * The native half: React Native has no colour picker, so the swatch opens a sheet of the Solarium
+ * hues (`core/Sheet`: scrim, tap-outside dismiss). Picking one closes it; any other colour is typed
+ * into the hex field beside the swatch, as before.
+ */
+export declare function ColorSwatch({ value, label, onPick, disabled, size }: ColorSwatchProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorSwatch.d.ts.map

package/dist/esm/core/ColorSwatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.d.ts","sourceRoot":"","sources":["../../../src/core/ColorSwatch.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK5D;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAS,EAAE,EAAE,gBAAgB,+BAuC1F"}

package/dist/esm/core/ColorSwatch.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { HUE, blockRadii, useDs } from '../tokens';
+import { Box } from './Box';
+import { Pressable } from './Pressable';
+import { Sheet } from './Sheet';
+import { Text } from './Text';
+/** The native picker's choices: every Solarium hue, mid and deep — tokens, never literals. */
+const PALETTE = Array.from(new Set(Object.values(HUE).flatMap(h => [h.h, h.hd])));
+/**
+ * The native half: React Native has no colour picker, so the swatch opens a sheet of the Solarium
+ * hues (`core/Sheet`: scrim, tap-outside dismiss). Picking one closes it; any other colour is typed
+ * into the hex field beside the swatch, as before.
+ */
+export function ColorSwatch({ value, label, onPick, disabled, size = 24 }) {
+    const { colors } = useDs();
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx(Pressable, { onPress: () => setOpen(true), disabled: disabled, "aria-label": `${label} — pick a colour`, "aria-haspopup": "dialog", width: size, height: size, hit: 44, style: { borderRadius: blockRadii.tile, backgroundColor: value, boxShadow: `0 0 0 1px ${colors.hairlineStrong}` } }), _jsx(Sheet, { visible: open, onDismiss: () => setOpen(false), children: _jsxs(Box, { gap: "s3", p: "s4", children: [_jsx(Text, { variant: "label", style: { fontWeight: '600' }, children: `${label} — pick a colour` }), _jsx(Box, { row: true, wrap: true, gap: "s2", children: PALETTE.map(c => (_jsx(Pressable, { role: "radio", "aria-checked": c.toUpperCase() === value.toUpperCase(), "aria-label": c, onPress: () => { onPick(c.toUpperCase()); setOpen(false); }, width: 44, height: 44, style: {
+                                    borderRadius: blockRadii.inset, backgroundColor: c,
+                                    boxShadow: c.toUpperCase() === value.toUpperCase() ? `0 0 0 2px ${colors.surface1}, 0 0 0 4px ${colors.accentFill}` : `0 0 0 1px ${colors.hairlineStrong}`,
+                                } }, c))) })] }) })] }));
+}
+//# sourceMappingURL=ColorSwatch.js.map

package/dist/esm/core/ColorSwatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.js","sourceRoot":"","sources":["../../../src/core/ColorSwatch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAK9B,8FAA8F;AAC9F,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAElF;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAoB;IACzF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACL,8BACE,KAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC5B,QAAQ,EAAE,QAAQ,gBACN,GAAG,KAAK,kBAAkB,mBACxB,QAAQ,EACtB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,GAAG,EAAE,EAAE,EACP,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,CAAC,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,MAAM,CAAC,cAAc,EAAE,EAAE,GACjH,EACF,KAAC,KAAK,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,YACnD,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,aAClB,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,GAAG,KAAK,kBAAkB,GAAQ,EACvF,KAAC,GAAG,IAAC,GAAG,QAAC,IAAI,QAAC,GAAG,EAAC,IAAI,YACnB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAChB,KAAC,SAAS,IAER,IAAI,EAAC,OAAO,kBACE,CAAC,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,gBACzC,CAAC,EACb,OAAO,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC3D,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,KAAK,EAAE;oCACL,YAAY,EAAE,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,CAAC;oCAClD,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,aAAa,MAAM,CAAC,QAAQ,eAAe,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,aAAa,MAAM,CAAC,cAAc,EAAE;iCAC3J,IAVI,CAAC,CAWN,CACH,CAAC,GACE,IACF,GACA,IACP,CACJ,CAAC;AACJ,CAAC"}

package/dist/esm/core/ColorSwatch.types.d.ts

@@ -0,0 +1,18 @@
+/**
+ * **The colour picker behind a hex field's swatch** — `ColorField` (C12) uses it. The web half
+ * opens the browser's own colour picker (`<input type="color">`, the full spectrum, keyboard and
+ * screen-reader support included); the native half opens a sheet of the Solarium hues. Either
+ * way the result is an uppercase `#RRGGBB` — the one form the field accepts — and typing a hex
+ * still works beside it.
+ */
+export type ColorSwatchProps = {
+    /** The colour the swatch paints — a valid `#RRGGBB`. */
+    value: string;
+    /** What the colour is for — "Primary". The picker is named "{label} — pick a colour". */
+    label: string;
+    onPick: (hex: string) => void;
+    disabled?: boolean;
+    /** Default 24. */
+    size?: number;
+};
+//# sourceMappingURL=ColorSwatch.types.d.ts.map

package/dist/esm/core/ColorSwatch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.types.d.ts","sourceRoot":"","sources":["../../../src/core/ColorSwatch.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}

package/dist/esm/core/ColorSwatch.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ColorSwatch.types.js.map

package/dist/esm/core/ColorSwatch.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.types.js","sourceRoot":"","sources":["../../../src/core/ColorSwatch.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/ColorSwatch.web.d.ts

@@ -0,0 +1,9 @@
+import type { ColorSwatchProps } from './ColorSwatch.types';
+export type { ColorSwatchProps } from './ColorSwatch.types';
+/**
+ * The web half: the swatch IS the browser's colour input, laid invisibly over the painted square —
+ * so a click (or Enter / Space when it has focus) opens the platform picker, and nothing about the
+ * picker has to be re-drawn. The coral ring shows on keyboard focus only.
+ */
+export declare function ColorSwatch({ value, label, onPick, disabled, size }: ColorSwatchProps): import("react").JSX.Element;
+//# sourceMappingURL=ColorSwatch.web.d.ts.map

package/dist/esm/core/ColorSwatch.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.web.d.ts","sourceRoot":"","sources":["../../../src/core/ColorSwatch.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAS,EAAE,EAAE,gBAAgB,+BAyB1F"}

package/dist/esm/core/ColorSwatch.web.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { blockRadii, focusRingFor, useDs } from '../tokens';
+import { isKeyboardModality } from './focusVisible';
+/**
+ * The web half: the swatch IS the browser's colour input, laid invisibly over the painted square —
+ * so a click (or Enter / Space when it has focus) opens the platform picker, and nothing about the
+ * picker has to be re-drawn. The coral ring shows on keyboard focus only.
+ */
+export function ColorSwatch({ value, label, onPick, disabled, size = 24 }) {
+    const { colors } = useDs();
+    const [focused, setFocused] = useState(false);
+    return (_jsx("span", { style: {
+            position: 'relative', display: 'block', width: size, height: size, flexShrink: 0, borderRadius: blockRadii.tile,
+            backgroundColor: value, boxShadow: focused && isKeyboardModality() ? focusRingFor(colors) : `0 0 0 1px ${colors.hairlineStrong}`,
+            opacity: disabled ? 0.45 : 1, cursor: disabled ? 'not-allowed' : 'pointer',
+        }, children: _jsx("input", { type: "color", value: value.toLowerCase(), disabled: disabled, "aria-label": `${label} — pick a colour`, onFocus: () => setFocused(true), onBlur: () => setFocused(false), onChange: e => onPick(e.target.value.toUpperCase()), style: {
+                position: 'absolute', inset: 0, width: '100%', height: '100%', margin: 0, padding: 0, border: 0, opacity: 0,
+                cursor: disabled ? 'not-allowed' : 'pointer', outline: 'none',
+            } }) }));
+}
+//# sourceMappingURL=ColorSwatch.web.js.map

package/dist/esm/core/ColorSwatch.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch.web.js","sourceRoot":"","sources":["../../../src/core/ColorSwatch.web.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAKpD;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAoB;IACzF,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CACL,eACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,UAAU,CAAC,IAAI;YAC/G,eAAe,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,IAAI,kBAAkB,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,MAAM,CAAC,cAAc,EAAE;YAChI,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;SAC3E,YACD,gBACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,EAC1B,QAAQ,EAAE,QAAQ,gBACN,GAAG,KAAK,kBAAkB,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EACnD,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;gBAC3G,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM;aAC9D,GACD,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/esm/core/DatePicker.d.ts

@@ -0,0 +1,4 @@
+import type { DatePickerProps } from './DatePicker.types';
+export type { DatePickerProps };
+export declare function DatePicker({ value, onChange, mode, min, max, error, testID, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: DatePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/esm/core/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/core/DatePicker.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,YAAY,EAAE,eAAe,EAAE,CAAC;AAsChC,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAC9C,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,GAC3D,EAAE,eAAe,+BA+JjB"}

package/dist/esm/core/DatePicker.js

@@ -0,0 +1,100 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box } from './Box';
+import { Icon } from './Icon';
+import { Pressable } from './Pressable';
+import { Sheet } from './Sheet';
+import { Text } from './Text';
+import { fieldEdge, useDs } from '../tokens';
+/**
+ * **The native half of the 9th primitive, built from primitives.**
+ *
+ * It used to wrap `@react-native-community/datetimepicker` as an *optional* peer. The word was
+ * wrong: a barrel export is a static import, so Metro resolved the module on the first import of
+ * anything from this package and a fresh app died on `Unable to resolve module` before rendering.
+ * `@comppack/ui/native` still exports the OS-backed control for an app that wants the platform wheel.
+ *
+ * **The trigger is a field, so it takes the field edge and never lifts** — a hole showing the
+ * current answer, not a button. The calendar above it is a dialog and takes the sheet's own
+ * elevation.
+ *
+ * The value is ISO in and ISO out, and the conversion lives here rather than at each call site:
+ * `Date` is a lossy round trip for a date-only field, which is why the grid works in parts and
+ * only ever assembles a string.
+ */
+const WEEKDAYS = ['M', 'T', 'W', 'T', 'F', 'S', 'S'];
+const MONTHS = [
+    'January', 'February', 'March', 'April', 'May', 'June',
+    'July', 'August', 'September', 'October', 'November', 'December',
+];
+const pad = (n) => String(n).padStart(2, '0');
+const iso = (y, m, d) => `${y}-${pad(m + 1)}-${pad(d)}`;
+/** Days in a month, leap years included — `new Date(y, m + 1, 0)` is the day before the 1st. */
+const daysIn = (y, m) => new Date(y, m + 1, 0).getDate();
+/**
+ * Monday-first offset. `getDay()` is Sunday-first, and a European calendar that starts on Sunday
+ * puts every date in the wrong column — the kind of error that looks like a rendering glitch
+ * rather than a bug.
+ */
+const firstColumn = (y, m) => (new Date(y, m, 1).getDay() + 6) % 7;
+export function DatePicker({ value, onChange, mode, min, max, error, testID, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }) {
+    const { colors } = useDs();
+    const [open, setOpen] = useState(false);
+    const selected = value ? new Date(value) : undefined;
+    const today = new Date();
+    const [cursor, setCursor] = useState(() => ({
+        y: (selected ?? today).getFullYear(),
+        m: (selected ?? today).getMonth(),
+    }));
+    const [time, setTime] = useState(() => (value && mode === 'datetime' ? value.slice(11, 16) : '10:00'));
+    const total = daysIn(cursor.y, cursor.m);
+    const offset = firstColumn(cursor.y, cursor.m);
+    const rows = Math.ceil((offset + total) / 7);
+    /** A day outside `min`/`max` stays visible and stops responding — the month has to stay readable. */
+    const outOfRange = (d) => {
+        const day = iso(cursor.y, cursor.m, d);
+        if (min && day < min.slice(0, 10))
+            return true;
+        if (max && day > max.slice(0, 10))
+            return true;
+        return false;
+    };
+    const pick = (d) => {
+        const day = iso(cursor.y, cursor.m, d);
+        onChange(mode === 'datetime' ? `${day}T${time}` : day);
+        setOpen(false);
+    };
+    const shift = (by) => {
+        setCursor(c => {
+            const m = c.m + by;
+            if (m < 0)
+                return { y: c.y - 1, m: 11 };
+            if (m > 11)
+                return { y: c.y + 1, m: 0 };
+            return { y: c.y, m };
+        });
+    };
+    const selectedIso = selected
+        ? iso(selected.getFullYear(), selected.getMonth(), selected.getDate())
+        : undefined;
+    return (_jsxs(_Fragment, { children: [_jsx(Pressable, { onPress: () => setOpen(true), row: true, align: "center", justify: "flex-start", px: "s3", py: "s3", radius: "field", bg: "surface1", testID: testID, "aria-label": ariaLabel, 
+                /* `Pressable` only knows the outline edge, and a field is not an outline. The hairline
+                   comes from the same token the web half uses, so both platforms draw one border. */
+                style: { minHeight: 44, boxShadow: error ? fieldEdge.error : fieldEdge.default }, children: _jsx(Box, { children: _jsx(Text, { color: value ? 'textPrimary' : 'textTertiary', children: value ?? (mode === 'datetime' ? 'Pick a date and time' : 'Pick a date') }) }) }), _jsxs(Sheet, { visible: open, onDismiss: () => setOpen(false), testID: `${testID}-sheet`, children: [_jsxs(Box, { row: true, align: "center", justify: "space-between", style: { minHeight: 44 }, children: [_jsx(Pressable, { onPress: () => shift(-1), radius: "pill", width: 44, height: 44, "aria-label": "Previous month", children: _jsx(Icon, { name: "chev-l", size: 16, color: colors.textPrimary }) }), _jsx(Text, { variant: "heading", "aria-label": ariaLabelledBy, children: `${MONTHS[cursor.m]} ${cursor.y}` }), _jsx(Pressable, { onPress: () => shift(1), radius: "pill", width: 44, height: 44, "aria-label": "Next month", children: _jsx(Icon, { name: "chev-r", size: 16, color: colors.textPrimary }) })] }), _jsx(Box, { row: true, children: WEEKDAYS.map((d, i) => (_jsx(Box, { flex: 1, align: "center", style: { paddingBottom: 4 }, children: _jsx(Text, { variant: "caption", color: "textTertiary", uppercase: true, children: d }) }, i))) }), _jsx(Box, { gap: "s1", children: Array.from({ length: rows }, (_, r) => (_jsx(Box, { row: true, gap: "s1", children: Array.from({ length: 7 }, (_, c) => {
+                                const d = r * 7 + c - offset + 1;
+                                if (d < 1 || d > total)
+                                    return _jsx(Box, { flex: 1, height: 44 }, c);
+                                const day = iso(cursor.y, cursor.m, d);
+                                const on = day === selectedIso;
+                                const blocked = outOfRange(d);
+                                return (_jsx(Pressable, { onPress: blocked ? undefined : () => pick(d), flex: 1, height: 44, radius: "field", bg: on ? 'accentFill' : undefined, "aria-label": `${MONTHS[cursor.m]} ${d}`, "aria-disabled": blocked, children: _jsx(Text, { numeric: true, color: on ? 'textOnAccent' : blocked ? 'textDisabled' : 'textPrimary', children: d }) }, c));
+                            }) }, r))) }), mode === 'datetime' ? (_jsxs(Box, { row: true, align: "center", justify: "space-between", style: { minHeight: 44 }, children: [_jsx(Text, { variant: "caption", color: "textSecondary", children: "Time" }), _jsxs(Box, { row: true, align: "center", gap: "s2", children: [_jsx(Pressable, { onPress: () => setTime(t => shiftTime(t, -30)), radius: "pill", width: 44, height: 44, bg: "surfaceSunken", "aria-label": "Earlier", children: _jsx(Icon, { name: "minus", size: 14, color: colors.textPrimary }) }), _jsx(Text, { numeric: true, children: time }), _jsx(Pressable, { onPress: () => setTime(t => shiftTime(t, 30)), radius: "pill", width: 44, height: 44, bg: "surfaceSunken", "aria-label": "Later", children: _jsx(Icon, { name: "plus", size: 14, color: colors.textPrimary }) })] })] })) : null] })] }));
+}
+/** Wraps within the day rather than rolling the date — the grid owns which day it is. */
+function shiftTime(t, minutes) {
+    const [h, m] = t.split(':').map(Number);
+    const total = (((h ?? 0) * 60 + (m ?? 0) + minutes) % 1440 + 1440) % 1440;
+    return `${pad(Math.floor(total / 60))}:${pad(total % 60)}`;
+}
+//# sourceMappingURL=DatePicker.js.map

package/dist/esm/core/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/core/DatePicker.tsx"],"names":[],"mappings":"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"}

package/dist/esm/core/DatePicker.types.d.ts

@@ -0,0 +1,13 @@
+export type DatePickerProps = {
+    /** ISO. `YYYY-MM-DD` for a date, a full ISO timestamp for a datetime. */
+    value: string | undefined;
+    onChange: (next: string) => void;
+    mode: 'date' | 'datetime';
+    min?: string;
+    max?: string;
+    error?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    testID?: string;
+};
+//# sourceMappingURL=DatePicker.types.d.ts.map

package/dist/esm/core/DatePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/core/DatePicker.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,yEAAyE;IACzE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/dist/esm/core/DatePicker.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DatePicker.types.js.map

package/dist/esm/core/DatePicker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.js","sourceRoot":"","sources":["../../../src/core/DatePicker.types.ts"],"names":[],"mappings":""}

package/dist/esm/core/DatePicker.web.d.ts

@@ -0,0 +1,15 @@
+import type { DatePickerProps } from './DatePicker.types';
+export type { DatePickerProps };
+/**
+ * **The web half of the 9th primitive.**
+ *
+ * `<input type="date">` and `type="datetime-local"` bring the platform's own calendar, keyboard
+ * entry and locale formatting. Routing this through `react-native-web` would have produced a
+ * text box that the user has to type an ISO string into.
+ *
+ * **The value stays ISO on both platforms.** `datetime-local` wants `YYYY-MM-DDTHH:mm` with no
+ * zone and no seconds, so it is trimmed on the way in and passed back out unchanged — the field
+ * owns the format, not the control.
+ */
+export declare function DatePicker({ value, onChange, mode, min, max, error, testID, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }: DatePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=DatePicker.web.d.ts.map

package/dist/esm/core/DatePicker.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.web.d.ts","sourceRoot":"","sources":["../../../src/core/DatePicker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAC9C,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,GAC3D,EAAE,eAAe,+BA6BjB"}

package/dist/esm/core/DatePicker.web.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fieldEdge, radii, type as typeScale, useDs } from '../tokens';
+/**
+ * **The web half of the 9th primitive.**
+ *
+ * `<input type="date">` and `type="datetime-local"` bring the platform's own calendar, keyboard
+ * entry and locale formatting. Routing this through `react-native-web` would have produced a
+ * text box that the user has to type an ISO string into.
+ *
+ * **The value stays ISO on both platforms.** `datetime-local` wants `YYYY-MM-DDTHH:mm` with no
+ * zone and no seconds, so it is trimmed on the way in and passed back out unchanged — the field
+ * owns the format, not the control.
+ */
+export function DatePicker({ value, onChange, mode, min, max, error, testID, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, }) {
+    const { colors, fonts } = useDs();
+    const local = mode === 'datetime' ? (value ?? '').slice(0, 16) : (value ?? '').slice(0, 10);
+    return (_jsx("input", { type: mode === 'datetime' ? 'datetime-local' : 'date', "data-testid": testID, value: local, min: min, max: max, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-invalid": error || undefined, onChange: e => onChange(e.target.value), style: {
+            borderRadius: radii.field,
+            backgroundColor: colors.surface1,
+            boxShadow: error ? fieldEdge.error : fieldEdge.default,
+            color: colors.textPrimary,
+            fontFamily: fonts.sans,
+            fontSize: typeScale.caption.fontSize,
+            padding: '9px 11px',
+            border: 'none',
+            width: '100%',
+            boxSizing: 'border-box',
+        } }));
+}
+//# sourceMappingURL=DatePicker.web.js.map