panelui-native 0.38.0 → 0.40.0

package/lib/typescript/src/components/pagination/index.d.ts

@@ -0,0 +1,285 @@
+/**
+ * Pagination — moving through a result set one page at a time.
+ *
+ * The component owns the arithmetic and nothing else. Give it how many pages
+ * there are and which one you are on, and it works out which numbers to show,
+ * where the gaps fall, and which controls are dead at the ends; it never fetches
+ * and never slices, because the data is yours.
+ *
+ * ```tsx
+ * <Pagination count={12} page={page} onPageChange={setPage} />
+ * ```
+ *
+ * Three presentations, because a phone is not a desktop:
+ *
+ * - `numbers` — the full run, with the middle folded into ellipses. Fits about
+ *   seven targets across a phone, which is what `siblings` and `boundaries`
+ *   are tuned for.
+ * - `compact` — the two arrows with `3 / 12` between them. Digits and a slash,
+ *   so there is no sentence to translate.
+ * - `simple` — labelled Previous and Next, for a flow you walk rather than
+ *   jump around in: a wizard, an article, a set of onboarding cards.
+ *
+ * Every target is at least 44pt in both axes, and the small size keeps that
+ * reach with `hitSlop` rather than by growing — the row gets denser, the
+ * fingers do not get smaller.
+ *
+ * An ellipsis is a button, not punctuation. A dead 44pt target in the middle of
+ * a row of live ones is a thing people tap and then think is broken, so tapping
+ * one jumps `pageJump` pages that way.
+ *
+ * Given children, the root becomes a row with them on the leading edge and the
+ * controls on the trailing one — which is where `Pagination.Status` goes:
+ *
+ * ```tsx
+ * <Pagination count={12} page={page} onPageChange={setPage} variant="compact">
+ *   <Pagination.Status page={page} pageSize={20} total={240} />
+ * </Pagination>
+ * ```
+ */
+import { type ReactNode } from 'react';
+import { View, type ViewProps } from 'react-native';
+import { type VariantProps } from 'tailwind-variants';
+import { type AnimatedPressableProps } from '../../primitives/animated-pressable.js';
+import { type TextProps } from '../../primitives/text.js';
+export type PaginationVariant = 'numbers' | 'compact' | 'simple';
+export type PaginationSize = 'sm' | 'default';
+declare const paginationVariants: import("tailwind-variants").TVReturnType<{
+    size: {
+        default: {
+            list: string;
+            item: string;
+            itemLabel: string;
+            ellipsis: string;
+            status: string;
+            summary: string;
+        };
+        sm: {
+            list: string;
+            item: string;
+            itemLabel: string;
+            ellipsis: string;
+            status: string;
+            summary: string;
+        };
+    };
+    /** Whether the item is the page you are on. */
+    current: {
+        true: {
+            item: string;
+            itemLabel: string;
+        };
+        false: {
+            itemLabel: string;
+        };
+    };
+    disabled: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string;
+    itemLabel: string;
+    ellipsis: string;
+    status: string;
+    summary: string;
+}, undefined, {
+    size: {
+        default: {
+            list: string;
+            item: string;
+            itemLabel: string;
+            ellipsis: string;
+            status: string;
+            summary: string;
+        };
+        sm: {
+            list: string;
+            item: string;
+            itemLabel: string;
+            ellipsis: string;
+            status: string;
+            summary: string;
+        };
+    };
+    /** Whether the item is the page you are on. */
+    current: {
+        true: {
+            item: string;
+            itemLabel: string;
+        };
+        false: {
+            itemLabel: string;
+        };
+    };
+    disabled: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string;
+    itemLabel: string;
+    ellipsis: string;
+    status: string;
+    summary: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        default: {
+            list: string;
+            item: string;
+            itemLabel: string;
+            ellipsis: string;
+            status: string;
+            summary: string;
+        };
+        sm: {
+            list: string;
+            item: string;
+            itemLabel: string;
+            ellipsis: string;
+            status: string;
+            summary: string;
+        };
+    };
+    /** Whether the item is the page you are on. */
+    current: {
+        true: {
+            item: string;
+            itemLabel: string;
+        };
+        false: {
+            itemLabel: string;
+        };
+    };
+    disabled: {
+        true: {
+            item: string;
+        };
+    };
+}, {
+    root: string;
+    list: string;
+    item: string;
+    itemLabel: string;
+    ellipsis: string;
+    status: string;
+    summary: string;
+}, undefined, unknown, unknown, undefined>>;
+export type PaginationItemValue = number | 'start-ellipsis' | 'end-ellipsis';
+/**
+ * Which numbers to draw, and where the gaps go.
+ *
+ * The run is a fixed width rather than a sliding window: the same number of
+ * targets whichever page you are on, so the row does not reflow under the
+ * finger as you step through it and the arrow you were aiming at stays put.
+ * `boundaries` pins the ends, `siblings` pads the middle, and a gap of exactly
+ * one page is drawn as that page instead of an ellipsis — a `…` that hides a
+ * single number is longer than the number.
+ *
+ * Exported because a caller sometimes needs the same run for a control of their
+ * own, and two implementations of this would drift.
+ */
+export declare function paginationRange({ count, page, siblings, boundaries, }: {
+    count: number;
+    page: number;
+    siblings?: number;
+    boundaries?: number;
+}): PaginationItemValue[];
+export interface PaginationProps extends Omit<ViewProps, 'children'>, VariantProps<typeof paginationVariants> {
+    className?: string;
+    /**
+     * How many pages there are. Pages are numbered from 1, so this is also the
+     * last page's number.
+     */
+    count: number;
+    /** The page being shown. Pass it to control the component. */
+    page?: number;
+    /** The page to start on when the component keeps its own. Defaults to 1. */
+    defaultPage?: number;
+    /** Called with the page that was asked for, already clamped to `count`. */
+    onPageChange?: (page: number) => void;
+    /** Which presentation to draw. */
+    variant?: PaginationVariant;
+    size?: PaginationSize;
+    /**
+     * How many pages to keep either side of the current one. Raise it on a
+     * tablet, where there is room for a longer run.
+     */
+    siblings?: number;
+    /** How many pages to keep pinned at each end of the run. */
+    boundaries?: number;
+    /**
+     * Show the previous and next arrows. Turning them off leaves the numbers
+     * alone, so only do it where something else moves the page — a swipe, a
+     * scroller reaching its end.
+     */
+    controls?: boolean;
+    /** How far tapping an ellipsis jumps. */
+    pageJump?: number;
+    /** Greys out and deafens the whole row — for a page that is still loading. */
+    disabled?: boolean;
+    /** Labels the row for a screen reader. Defaults to "Pagination". */
+    accessibilityLabel?: string;
+    /** Leading content — a `Pagination.Status`, a page-size control of your own. */
+    children?: ReactNode;
+}
+export interface PaginationItemProps extends Omit<AnimatedPressableProps, 'children' | 'disabled'> {
+    className?: string;
+    /** The page this target goes to. */
+    page: number;
+    /** Styles the number. */
+    labelClassName?: string;
+    children?: ReactNode;
+}
+export interface PaginationPreviousProps extends Omit<AnimatedPressableProps, 'children'> {
+    className?: string;
+    /** Write the word beside the arrow, rather than leaving it as a glyph. */
+    label?: boolean;
+}
+export interface PaginationNextProps extends Omit<AnimatedPressableProps, 'children'> {
+    className?: string;
+    /** Write the word beside the arrow, rather than leaving it as a glyph. */
+    label?: boolean;
+}
+export interface PaginationEllipsisProps extends Omit<AnimatedPressableProps, 'children'> {
+    className?: string;
+    /** Which way the gap runs: `-1` towards page 1, `1` towards the last page. */
+    direction?: -1 | 1;
+    /** How many pages a tap covers. */
+    jump?: number;
+}
+export interface PaginationSummaryProps extends TextProps {
+    className?: string;
+}
+export interface PaginationStatusProps extends TextProps {
+    className?: string;
+    /** Which page the span is counted from. Read from the root when left out. */
+    page?: number;
+    /** How many rows a page holds. Required for the span to be worked out. */
+    pageSize?: number;
+    /** How many rows there are altogether. */
+    total?: number;
+    children?: ReactNode;
+}
+export declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & import("react").RefAttributes<View>> & {
+    Item: import("react").ForwardRefExoticComponent<PaginationItemProps & import("react").RefAttributes<View>>;
+    Previous: {
+        ({ ...props }: PaginationPreviousProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Next: {
+        ({ ...props }: PaginationNextProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Ellipsis: import("react").ForwardRefExoticComponent<PaginationEllipsisProps & import("react").RefAttributes<View>>;
+    Summary: import("react").ForwardRefExoticComponent<PaginationSummaryProps & import("react").RefAttributes<import("react-native").Text>>;
+    Status: import("react").ForwardRefExoticComponent<PaginationStatusProps & import("react").RefAttributes<import("react-native").Text>>;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/pagination/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/ring-chart/index.d.ts

@@ -3,10 +3,10 @@
  *
  * ```tsx
  * <RingChart data={goals}>
+ *   <RingChart.Header title="Today" value="486 kcal" legend />
  *   <RingChart.Ring index={0} />
  *   <RingChart.Ring index={1} />
  *   <RingChart.Center />
- *   <RingChart.Legend />
  * </RingChart>
  * ```
  *
@@ -25,11 +25,15 @@
  *
  * ## Drawing
  *
- * Each ring is two arcs — a full-circle track and the progress over it — with
- * only the progress animated, through `strokeDasharray`. Sweeping the arc by
- * rebuilding its path would work, but a dash offset is two numbers moving on
- * an unchanged path, and it keeps the rounded cap pinned to the moving end for
- * free.
+ * Each ring is two arcs — a track and the progress over it — with only the
+ * progress animated, through `strokeDasharray`. Sweeping the arc by rebuilding
+ * its path would work, but a dash offset is two numbers moving on an unchanged
+ * path, and it keeps the rounded cap pinned to the moving end for free.
+ *
+ * The same dash pattern is what makes the other two shapes possible without any
+ * more geometry. An open gauge is the pattern cut short of the circumference
+ * and the whole circle turned to put the gap where it is wanted; a segmented
+ * ring is the pattern repeated, one pair per tick. Both stay one `Circle`.
  *
  * Touch, not hover: a ring is selected by pressing it, and pressing the same
  * one again clears the selection. There is no equivalent of a pointer resting
@@ -65,6 +69,17 @@ export interface RingChartProps extends ViewProps {
     strokeWidth?: number;
     /** Gap between one ring and the next. */
     ringGap?: number;
+    /**
+     * Where the arcs begin, in degrees clockwise from twelve o'clock. `0` is the
+     * top, `90` the right-hand side.
+     */
+    startAngle?: number;
+    /**
+     * Where they end, on the same clock. Leaving a turn's worth between the two
+     * gives a closed ring; anything less leaves a gap and reads as a gauge —
+     * `startAngle={-90} endAngle={90}` is the half circle over the top.
+     */
+    endAngle?: number;
     /** Milliseconds for the arcs to sweep in. */
     animationDuration?: number;
     /** Selected ring. Leave unset to let the chart track it. */
@@ -84,10 +99,23 @@ export interface RingChartRingProps {
     color?: string;
     /** Which of the five chart tokens to take, when the datum names no colour. */
     colorIndex?: SeriesColorIndex;
-    /** Rounded ends, or square ones. */
+    /**
+     * Rounded ends, or square ones. Defaults to round, and to square when the
+     * ring is segmented — a rounded cap on a tick as long as it is wide draws a
+     * lozenge rather than a tick.
+     */
     lineCap?: 'round' | 'butt';
     /** Opacity of the track behind the arc. */
     trackOpacity?: number;
+    /**
+     * Break the ring into this many ticks, lit one at a time as the value
+     * climbs. For a target made of countable things — eight of twelve sessions
+     * reads off ticks you can count, and off a smooth arc only as "about two
+     * thirds".
+     */
+    segments?: number;
+    /** Gap between one tick and the next, in points. */
+    segmentGap?: number;
 }
 /**
  * One ring: a full-circle track, and the arc showing how far along it the
@@ -98,7 +126,7 @@ export interface RingChartRingProps {
  * — and it keeps the rounded cap pinned to the moving end without any extra
  * geometry.
  */
-declare function RingChartRing({ index, color, colorIndex, lineCap, trackOpacity, }: RingChartRingProps): import("react").JSX.Element | null;
+declare function RingChartRing({ index, color, colorIndex, lineCap, trackOpacity, segments, segmentGap, }: RingChartRingProps): import("react").JSX.Element | null;
 declare namespace RingChartRing {
     var displayName: string;
     var slot: "ring";
@@ -147,7 +175,46 @@ declare namespace RingChartLegend {
     var displayName: string;
     var slot: "overlay";
 }
+export interface RingChartHeaderProps extends ViewProps {
+    className?: string;
+    /** Small line above the value — what the chart is of. */
+    title?: string;
+    /** The readout. The largest thing on the card, and the first thing read. */
+    value?: string;
+    /** One muted line under the value — a period, a comparison, a target. */
+    caption?: string;
+    /** Prettier names for the rings, keyed by their `label`. */
+    labels?: Record<string, string>;
+    /**
+     * Draw a swatch and a name per ring along the trailing edge. Prefer this to
+     * `RingChart.Legend` on a chart that has a header: that legend hangs off the
+     * bottom of the square, where it overlaps whatever is under the chart.
+     */
+    legend?: boolean;
+    /** Trailing slot — a control, a badge, a range picker. Wins over `legend`. */
+    children?: ReactNode;
+}
+/**
+ * The strip above the rings: what the chart is of, what it currently reads, and
+ * what the colours mean.
+ *
+ * It belongs to the chart rather than to the card around it because it is about
+ * the *rings* — the number changes as one is selected, and the legend is the
+ * list the chart itself is holding. The card's header is a caption on the tray
+ * the chart sits in; this is the chart introducing itself.
+ *
+ * The value is not derived here. There is no total to derive: the rings measure
+ * different things against different targets. Take it from `onActiveIndexChange`
+ * and pass the formatted string down, so one header can show the headline figure
+ * when nothing is selected and a ring's own when something is.
+ */
+declare function RingChartHeader({ className, title, value, caption, labels, legend, children, ...props }: RingChartHeaderProps): import("react").JSX.Element;
+declare namespace RingChartHeader {
+    var displayName: string;
+    var slot: "header";
+}
 export declare const RingChart: import("react").ForwardRefExoticComponent<RingChartProps & import("react").RefAttributes<RingChartHandle>> & {
+    Header: typeof RingChartHeader;
     Ring: typeof RingChartRing;
     Center: typeof RingChartCenter;
     Legend: typeof RingChartLegend;

package/lib/typescript/src/components/ring-chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ring-chart/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAWvF,OAAO,EAAiC,KAAK,gBAAgB,EAAE,MAAM,sBAAmB,CAAC;AAKzF,sEAAsE;AACtE,MAAM,WAAW,SAAS;IACxB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAyBD,kEAAkE;AAClE,wBAAgB,YAAY;;;EAM3B;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,mEAAmE;AACnE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAuJD,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;GAQG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAiB,EACjB,YAAmB,GACpB,EAAE,kBAAkB,sCA6EpB;kBAnFQ,aAAa;;;;AAuFtB,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,MAAM,CAAC;IAChE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,SAAS,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,+BAmDtB;kBAxDQ,eAAe;;;;AA4DxB,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,SAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,sCA6CvF;kBA7CQ,eAAe;;;;AAiDxB,eAAO,MAAM,SAAS;;;;CAIpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ring-chart/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,OAAO,EAWL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAWvF,OAAO,EAAiC,KAAK,gBAAgB,EAAE,MAAM,sBAAmB,CAAC;AAWzF,sEAAsE;AACtE,MAAM,WAAW,SAAS;IACxB,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,sEAAsE;IACtE,QAAQ,EAAE,MAAM,CAAC;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6BD,kEAAkE;AAClE,wBAAgB,YAAY;;;EAM3B;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,mEAAmE;AACnE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AA6LD,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;;;;GAQG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,KAAK,EACL,UAAU,EACV,OAAO,EACP,YAAmB,EACnB,QAAQ,EACR,UAAc,GACf,EAAE,kBAAkB,sCAyHpB;kBAjIQ,aAAa;;;;AAqItB,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uEAAuE;IACvE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,MAAM,CAAC;IAChE;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,IAAI,KAAK,SAAS,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,iBAAS,eAAe,CAAC,EACvB,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,+BAmDtB;kBAxDQ,eAAe;;;;AA4DxB,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;GAIG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,SAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,sCA6CvF;kBA7CQ,eAAe;;;;AAiDxB,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAM,EACN,MAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,+BAoDtB;kBA7DQ,eAAe;;;;AAiExB,eAAO,MAAM,SAAS;;;;;CAKpB,CAAC"}

package/lib/typescript/src/components/steps/index.d.ts

@@ -1,13 +1,15 @@
 /**
  * Steps — a stepper for multi-step flows.
  *
- * Adapted from: origin-space/originui apps/origin/registry/default/ui/stepper.tsx
- * (the Stepper / Item / Trigger / Indicator / Title / Description / Separator
- * anatomy, and the completed | active | inactive | loading state resolution).
+ * A row or column of numbered stops, each one completed, active, inactive or
+ * loading. An item works that state out from its own position against the
+ * root's `value` rather than being told it, so the four states stay mutually
+ * exclusive and in order — there is no way to write two active steps, or to
+ * mark step four done while step three is still pending.
  *
- * Upstream drives all styling through `data-*` attributes, which React Native
- * has no equivalent for. Here the state is resolved in JS and passed down
- * through context into `tv()` variants — the same approach Alert uses.
+ * The state is resolved in JS and passed down through context into `tv()`
+ * variants, because React Native has no attribute selectors a stylesheet could
+ * key off. Alert and Timeline resolve their states the same way.
  *
  * Steps does not own your flow: it reflects whatever step your app says is
  * active. Pass `value` to control it, or `defaultValue` to let it manage

package/lib/typescript/src/components/steps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/steps/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpF,OAAO,EAAQ,KAAK,SAAS,EAAgB,MAAM,0BAAuB,CAAC;AAG3E,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAuFzD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6CD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqCD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0BD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoDD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/steps/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIpF,OAAO,EAAQ,KAAK,SAAS,EAAgB,MAAM,0BAAuB,CAAC;AAG3E,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,CAAC;AACxE,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG,UAAU,CAAC;AAuFzD,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6CD,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,gEAAgE;IAChE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqCD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA0BD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAoDD,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA4BD,eAAO,MAAM,KAAK;;;;;;;CAOhB,CAAC"}

package/lib/typescript/src/components/table/index.d.ts

@@ -4,28 +4,37 @@
  * React Native has no table layout: no `<table>`, no column model, nothing that
  * makes the third cell of one row the same width as the third cell of the next.
  * A table here is therefore a stack of flex rows, and the columns exist only
- * because every row divides its width the same way. That is the one rule the
- * component cannot enforce for you — `flex` and `width` on a `Table.Head` and
- * on the `Table.Cell` beneath it have to agree, or the column drifts.
+ * because every row divides its width the same way.
+ *
+ * `columns` is the column model that closes that gap. Give the root one entry
+ * per column and every `Table.Head` and `Table.Cell` takes its `flex`, `width`
+ * and `align` from the entry at its own position in the row — so a column is
+ * described once, at the top, and a row is just its contents. Without it the
+ * sizing has to be repeated on every head and every cell, and the column drifts
+ * the moment two of them disagree.
+ *
+ * ```tsx
+ * <Table columns={[{ flex: 2 }, { align: 'end' }]}>
+ * ```
+ *
+ * Props set on a head or a cell still win, for the one row that has to differ.
  *
  * Everything else it does own: the hairlines between rows and the missing one
  * under the last, the muted header and footer, the striping, the alignment of a
  * numeric column, and the sort arrow that turns over rather than swapping.
  *
  * ```tsx
- * <Table variant="outline">
+ * <Table variant="outline" columns={[{ flex: 2 }, { align: 'end' }]}>
  *   <Table.Header>
  *     <Table.Row>
- *       <Table.Head flex={2}>Invoice</Table.Head>
- *       <Table.Head align="end" sortDirection="desc" onPress={toggleSort}>
- *         Amount
- *       </Table.Head>
+ *       <Table.Head>Invoice</Table.Head>
+ *       <Table.Head sortDirection="desc" onPress={toggleSort}>Amount</Table.Head>
  *     </Table.Row>
  *   </Table.Header>
  *   <Table.Body>
  *     <Table.Row>
- *       <Table.Cell flex={2}>INV-001</Table.Cell>
- *       <Table.Cell align="end">$250.00</Table.Cell>
+ *       <Table.Cell>INV-001</Table.Cell>
+ *       <Table.Cell>$250.00</Table.Cell>
  *     </Table.Row>
  *   </Table.Body>
  * </Table>
@@ -145,6 +154,23 @@ declare const tableVariants: import("tailwind-variants").TVReturnType<{
     cellLabel: string;
     caption: string;
 }, undefined, unknown, unknown, undefined>>;
+export interface TableColumn {
+    /**
+     * Share of the leftover width, relative to the other columns. Defaults to 1,
+     * so columns divide the row evenly.
+     */
+    flex?: number;
+    /**
+     * Fixed width in pixels, for a column that must not move — an icon, a state
+     * dot. Wins over `flex`.
+     */
+    width?: number;
+    /**
+     * Which edge the column's content sits against. Use `end` for numbers: a
+     * money column reads as a column only when the digits line up.
+     */
+    align?: CellAlign;
+}
 export interface TableProps extends ViewProps, VariantProps<typeof tableVariants> {
     className?: string;
     /**
@@ -157,6 +183,15 @@ export interface TableProps extends ViewProps, VariantProps<typeof tableVariants
      * for a short table, where the stripes are louder than the data.
      */
     striped?: boolean;
+    /**
+     * The column model: one entry per column, in order. Every `Table.Head` and
+     * `Table.Cell` takes its `flex`, `width` and `align` from the entry at its
+     * own position in the row, so a column is described once instead of on every
+     * row. Anything set on a head or a cell still wins.
+     *
+     * Declare it outside render — a new array each frame renumbers every cell.
+     */
+    columns?: TableColumn[];
     children?: ReactNode;
 }
 export interface TableHeaderProps extends ViewProps {
@@ -193,13 +228,14 @@ export interface TableHeadProps extends Omit<ViewProps, 'children'> {
     className?: string;
     /**
      * Share of the leftover width, relative to the other cells in the row.
-     * Defaults to 1, so columns divide the row evenly. Must match the `flex` on
-     * the cells beneath it.
+     * Defaults to 1, so columns divide the row evenly. Without a `columns` model
+     * on the root it must match the `flex` on the cells beneath it.
      */
     flex?: number;
     /**
      * Fixed width in pixels, for a column that must not move — an icon, a state
-     * dot. Must match the `width` on the cells beneath it.
+     * dot. Without a `columns` model on the root it must match the `width` on the
+     * cells beneath it.
      */
     width?: number;
     /**
@@ -224,15 +260,19 @@ export interface TableCellProps extends ViewProps {
     className?: string;
     /**
      * Share of the leftover width, relative to the other cells in the row.
-     * Defaults to 1. Must match the `flex` on the head above it.
+     * Defaults to 1. Without a `columns` model on the root it must match the
+     * `flex` on the head above it.
      */
     flex?: number;
     /**
-     * Fixed width in pixels, for a column that must not move. Must match the
-     * `width` on the head above it.
+     * Fixed width in pixels, for a column that must not move. Without a `columns`
+     * model on the root it must match the `width` on the head above it.
      */
     width?: number;
-    /** Which edge the cell's content sits against. Match the head above it. */
+    /**
+     * Which edge the cell's content sits against. Without a `columns` model on
+     * the root, match the head above it.
+     */
     align?: CellAlign;
     /** Styles the cell's text. */
     labelClassName?: string;
@@ -257,6 +297,8 @@ export interface TableFrameProps extends Omit<ViewProps, 'children'> {
     size?: TableSize;
     /** Tint every other body row, as on `Table`. */
     striped?: boolean;
+    /** The column model, as on `Table`. */
+    columns?: TableColumn[];
     children?: ReactNode;
 }
 export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<View>> & {

package/lib/typescript/src/components/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/components/timeline/index.d.ts

@@ -1,14 +1,15 @@
 /**
  * Timeline — a vertical sequence of events.
  *
- * Adapted from: origin-space/originui apps/origin/registry/default/ui/timeline.tsx
- * (the Item / Indicator / Separator / Header / Date / Title / Content anatomy
- * and the completed-up-to-active state rule), shaped to match this repo's
- * `Steps` component so the two read as siblings.
+ * One `value` on the root says how far the sequence has got, and every item
+ * resolves its own state from its `step` against it — completed below, active
+ * at, inactive above. Stating it once is the point: a timeline whose items each
+ * carried their own state would let you write two active items, or none.
  *
- * Upstream drives styling through `data-*` attributes, which React Native has
- * no equivalent for; state is resolved in JS and passed through context into
- * `tv()` variants instead.
+ * State is resolved in JS and handed down through context into `tv()` variants
+ * rather than being read off the element, because React Native has no
+ * attribute selectors for a stylesheet to key off. `Steps` resolves its states
+ * the same way, so the two read as siblings.
  *
  * Vertical only — a horizontal timeline gives each item roughly a fifth of a
  * phone's width, which is not enough for a date and a title.

package/lib/typescript/src/components/timeline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/timeline/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzE,OAAO,EAAQ,KAAK,SAAS,EAAgB,MAAM,0BAAuB,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC/E,mEAAmE;AACnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAkJjF,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAkBD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwCD,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4KD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAgBD,eAAO,MAAM,QAAQ;;;oBA7M4C,MAAM;;;;oBA0FJ,MAAM;;;oBAgBP,MAAM;;;oBAUL,MAAM;;;;;;;;;oBA4DR,MAAM;;;CA4CrE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/timeline/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzE,OAAO,EAAQ,KAAK,SAAS,EAAgB,MAAM,0BAAuB,CAAC;AAE3E,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAC/E,mEAAmE;AACnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAkJjF,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAkBD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAwCD,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA4KD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAgBD,eAAO,MAAM,QAAQ;;;oBA7M4C,MAAM;;;;oBA0FJ,MAAM;;;oBAgBP,MAAM;;;oBAUL,MAAM;;;;;;;;;oBA4DR,MAAM;;;CA4CrE,CAAC"}