@xaui/native 0.9.1-alpha.94 → 0.9.1-beta.100

package/dist/components/slide-button/slide-button.d.cts

@@ -0,0 +1,56 @@
+import { View } from 'react-native';
+import type { ViewStyle } from 'react-native';
+/**
+ * A button you drag rather than tap, for the action that should not happen by accident:
+ * slide the thumb to the far end and it fires once. Below the threshold it springs home.
+ *
+ * ```tsx
+ * <SlideButton onConfirm={unlock}>Slide to confirm</SlideButton>
+ *
+ * <SlideButton variant="danger" onConfirm={wipe}>
+ *   <SlideButton.Fill />
+ *   <SlideButton.Label>Slide to delete</SlideButton.Label>
+ *   <SlideButton.Thumb>
+ *     <SlideButton.Icon as={TrashIcon} />
+ *   </SlideButton.Thumb>
+ * </SlideButton>
+ * ```
+ *
+ * **It is the `Slider`'s gesture without the value.** The thumb runs the same pan on the
+ * same optional `react-native-gesture-handler` peer, the track measures its own length
+ * the same way, and the travel is inset by the thumb at each end for the same reason —
+ * but there is no `min`, `max` or `step`, because the only positions that mean anything
+ * are "not yet" and "done".
+ *
+ * **Once confirmed it stays confirmed.** Uncontrolled, a slide is a one-shot. Pass
+ * `isConfirmed` to drive it — set it back to `false` and the thumb springs home, re-armed.
+ *
+ * **A bare string is the whole component.** `<SlideButton>Slide</SlideButton>` composes
+ * the fill, the label and the thumb for you; write the slots out to put a mark in the
+ * thumb or leave the fill off.
+ */
+export declare const SlideButtonRoot: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    variant?: import("./slide-button.type").SlideButtonVariant;
+    size?: import("./slide-button.type").SlideButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    threshold?: number;
+    isConfirmed?: boolean;
+    defaultConfirmed?: boolean;
+    onConfirm?: () => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle>;
+} & Omit<import("react-native").ViewProps, keyof {
+    children?: import("react").ReactNode;
+    variant?: import("./slide-button.type").SlideButtonVariant;
+    size?: import("./slide-button.type").SlideButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    threshold?: number;
+    isConfirmed?: boolean;
+    defaultConfirmed?: boolean;
+    onConfirm?: () => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle>;
+}> & Omit<import("../..").ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "radius" | "size" | "variant" | "threshold" | "isConfirmed" | "defaultConfirmed" | "onConfirm"> & import("react").RefAttributes<View>>;

package/dist/components/slide-button/slide-button.d.ts

@@ -0,0 +1,56 @@
+import { View } from 'react-native';
+import type { ViewStyle } from 'react-native';
+/**
+ * A button you drag rather than tap, for the action that should not happen by accident:
+ * slide the thumb to the far end and it fires once. Below the threshold it springs home.
+ *
+ * ```tsx
+ * <SlideButton onConfirm={unlock}>Slide to confirm</SlideButton>
+ *
+ * <SlideButton variant="danger" onConfirm={wipe}>
+ *   <SlideButton.Fill />
+ *   <SlideButton.Label>Slide to delete</SlideButton.Label>
+ *   <SlideButton.Thumb>
+ *     <SlideButton.Icon as={TrashIcon} />
+ *   </SlideButton.Thumb>
+ * </SlideButton>
+ * ```
+ *
+ * **It is the `Slider`'s gesture without the value.** The thumb runs the same pan on the
+ * same optional `react-native-gesture-handler` peer, the track measures its own length
+ * the same way, and the travel is inset by the thumb at each end for the same reason —
+ * but there is no `min`, `max` or `step`, because the only positions that mean anything
+ * are "not yet" and "done".
+ *
+ * **Once confirmed it stays confirmed.** Uncontrolled, a slide is a one-shot. Pass
+ * `isConfirmed` to drive it — set it back to `false` and the thumb springs home, re-armed.
+ *
+ * **A bare string is the whole component.** `<SlideButton>Slide</SlideButton>` composes
+ * the fill, the label and the thumb for you; write the slots out to put a mark in the
+ * thumb or leave the fill off.
+ */
+export declare const SlideButtonRoot: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+    variant?: import("./slide-button.type").SlideButtonVariant;
+    size?: import("./slide-button.type").SlideButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    threshold?: number;
+    isConfirmed?: boolean;
+    defaultConfirmed?: boolean;
+    onConfirm?: () => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle>;
+} & Omit<import("react-native").ViewProps, keyof {
+    children?: import("react").ReactNode;
+    variant?: import("./slide-button.type").SlideButtonVariant;
+    size?: import("./slide-button.type").SlideButtonSize;
+    radius?: import("../..").RadiusKey;
+    color?: string;
+    threshold?: number;
+    isConfirmed?: boolean;
+    defaultConfirmed?: boolean;
+    onConfirm?: () => void;
+    isDisabled?: boolean;
+    style?: import("react-native").StyleProp<ViewStyle>;
+}> & Omit<import("../..").ViewStyleProps, "color" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "isDisabled" | "radius" | "size" | "variant" | "threshold" | "isConfirmed" | "defaultConfirmed" | "onConfirm"> & import("react").RefAttributes<View>>;

package/dist/components/slide-button/slide-button.recipe.d.cts

@@ -0,0 +1,31 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { XAUITheme } from '../../theme/theme.type';
+import type { SlideButtonSize, SlideButtonSlot, SlideButtonVariant } from './slide-button.type';
+type SizeStep = {
+    /** The control-height key. The handle's height is that less twice the inset. */
+    height: SlideButtonSize;
+    /** How far the handle sits in from the pill's edge, in points. The air around it. */
+    inset: number;
+    /**
+     * The mark's box, in points — the side of the built-in chevron, and the size an `Icon`
+     * in the handle inherits. Off the spacing grid: it is a drawn mark, not a gap.
+     */
+    glyph: number;
+    /** The label's type key. */
+    label: SlideButtonSize;
+};
+/**
+ * The three sizes, measured rather than scaled off one number: a slide button is a target
+ * before it is type, so the height leads and the rest follows it.
+ */
+declare const SIZES: Record<SlideButtonSize, SizeStep>;
+export declare const slideButtonRecipe: import("../..").Recipe<"label" | "fill" | "root" | "glyph" | "thumb" | "fillClip" | "labelSwept", SlideButtonVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<SlideButtonSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<SlideButtonSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<SlideButtonSlot>;
+    };
+    /** After `size`, so a caller's `radius` wins over the pill's `full`. */
+    readonly radius: Record<import("../..").RadiusKey, import("../..").StyleFn<"fill" | "root" | "fillClip">>;
+}>;
+export { SIZES as slideButtonSizes };

package/dist/components/slide-button/slide-button.recipe.d.ts

@@ -0,0 +1,31 @@
+import type { SlotStyles } from '../../system/recipe';
+import type { XAUITheme } from '../../theme/theme.type';
+import type { SlideButtonSize, SlideButtonSlot, SlideButtonVariant } from './slide-button.type';
+type SizeStep = {
+    /** The control-height key. The handle's height is that less twice the inset. */
+    height: SlideButtonSize;
+    /** How far the handle sits in from the pill's edge, in points. The air around it. */
+    inset: number;
+    /**
+     * The mark's box, in points — the side of the built-in chevron, and the size an `Icon`
+     * in the handle inherits. Off the spacing grid: it is a drawn mark, not a gap.
+     */
+    glyph: number;
+    /** The label's type key. */
+    label: SlideButtonSize;
+};
+/**
+ * The three sizes, measured rather than scaled off one number: a slide button is a target
+ * before it is type, so the height leads and the rest follows it.
+ */
+declare const SIZES: Record<SlideButtonSize, SizeStep>;
+export declare const slideButtonRecipe: import("../..").Recipe<"label" | "fill" | "root" | "glyph" | "thumb" | "fillClip" | "labelSwept", SlideButtonVariant, {
+    readonly size: {
+        readonly sm: (theme: XAUITheme) => SlotStyles<SlideButtonSlot>;
+        readonly md: (theme: XAUITheme) => SlotStyles<SlideButtonSlot>;
+        readonly lg: (theme: XAUITheme) => SlotStyles<SlideButtonSlot>;
+    };
+    /** After `size`, so a caller's `radius` wins over the pill's `full`. */
+    readonly radius: Record<import("../..").RadiusKey, import("../..").StyleFn<"fill" | "root" | "fillClip">>;
+}>;
+export { SIZES as slideButtonSizes };

package/dist/components/slide-button/slide-button.type.d.cts

@@ -0,0 +1,79 @@
+import type { ReactNode } from 'react';
+import type { SharedValue } from 'react-native-reanimated';
+import type { StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { IconContextValue, IconProps } from '../../system/icon';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { RadiusKey } from '../../theme/theme.type';
+export type SlideButtonSlot = 'root' | 'fillClip' | 'fill' | 'label' | 'labelSwept' | 'thumb' | 'glyph';
+/**
+ * The flat variant union, the same ten values every control in the library takes. A
+ * slide-to-confirm is still a button — a slide-to-delete is a real `danger` use — so the
+ * intents stay.
+ */
+export type SlideButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'danger' | 'danger-soft';
+export type SlideButtonSize = 'sm' | 'md' | 'lg';
+type SlideButtonOwnProps = {
+    children?: ReactNode;
+    variant?: SlideButtonVariant;
+    /** Height, horizontal padding and the label's type. Never a width. */
+    size?: SlideButtonSize;
+    /** Overrides the pill's corner. `full` unless you say otherwise. */
+    radius?: RadiusKey;
+    /** A raw tint (R7). Lands on the pill, or on the label for `ghost` — never on the thumb. */
+    color?: string;
+    /**
+     * How far along the track the thumb has to reach for the slide to count, from 0 to 1.
+     * Below it the thumb springs home on release.
+     * @default 0.9
+     */
+    threshold?: number;
+    /** Controlled: `true` pins the thumb at the end, `false` springs it home. */
+    isConfirmed?: boolean;
+    /** The starting state when uncontrolled. Once confirmed it stays confirmed. @default false */
+    defaultConfirmed?: boolean;
+    /** Fires once, when the thumb reaches `threshold` — the action the slide guards. */
+    onConfirm?: () => void;
+    isDisabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+export type SlideButtonProps = SlideButtonOwnProps & Omit<ViewProps, keyof SlideButtonOwnProps> & Omit<ViewStyleProps, keyof SlideButtonOwnProps | keyof ViewProps>;
+type SlideButtonFillOwnProps = {
+    children?: never;
+};
+export type SlideButtonFillProps = SlideButtonFillOwnProps & Omit<ViewProps, 'children'> & Omit<ViewStyleProps, keyof ViewProps>;
+export type SlideButtonLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+type SlideButtonThumbOwnProps = {
+    /** Replaces the built-in chevron — an `Icon`, or anything else. */
+    children?: ReactNode;
+};
+export type SlideButtonThumbProps = SlideButtonThumbOwnProps & Omit<ViewProps, keyof SlideButtonThumbOwnProps> & Omit<ViewStyleProps, keyof SlideButtonThumbOwnProps | keyof ViewProps>;
+export type SlideButtonIconProps = IconProps;
+/** R5 — resolved style ids and the shared progress the animated slots read. */
+export type SlideButtonContextValue = {
+    /** The window the trail is cut to — the pill's shape, so the cut stays off the handle. */
+    fillClipStyle: StyleProp<ViewStyle>;
+    fillStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    /** The label's swept copy, already carrying the width the clip must not re-centre it in. */
+    labelSweptStyle: StyleProp<TextStyle>;
+    thumbStyle: StyleProp<ViewStyle>;
+    glyphStyle: StyleProp<ViewStyle>;
+    icon: IconContextValue;
+    /** The handle's offset from the leading edge, in points, driven on the UI thread. */
+    offset: SharedValue<number>;
+    /** How far the handle can travel — the track's length less the handle and its insets. */
+    travel: number;
+    /** The handle's width, the amount the travel is shortened by. */
+    thumbSize: number;
+    /** The fraction of `travel` the thumb must reach for the slide to count, from 0 to 1. */
+    threshold: number;
+    isDisabled: boolean;
+    isConfirmed: boolean;
+    /** Called from the pan on release once the thumb has reached `threshold`. */
+    confirm: () => void;
+    /** The pill's measured width. Zero until it has been laid out. */
+    trackLength: number;
+};
+export {};

package/dist/components/slide-button/slide-button.type.d.ts

@@ -0,0 +1,79 @@
+import type { ReactNode } from 'react';
+import type { SharedValue } from 'react-native-reanimated';
+import type { StyleProp, TextProps, TextStyle, ViewProps, ViewStyle } from 'react-native';
+import type { IconContextValue, IconProps } from '../../system/icon';
+import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
+import type { RadiusKey } from '../../theme/theme.type';
+export type SlideButtonSlot = 'root' | 'fillClip' | 'fill' | 'label' | 'labelSwept' | 'thumb' | 'glyph';
+/**
+ * The flat variant union, the same ten values every control in the library takes. A
+ * slide-to-confirm is still a button — a slide-to-delete is a real `danger` use — so the
+ * intents stay.
+ */
+export type SlideButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'danger' | 'danger-soft';
+export type SlideButtonSize = 'sm' | 'md' | 'lg';
+type SlideButtonOwnProps = {
+    children?: ReactNode;
+    variant?: SlideButtonVariant;
+    /** Height, horizontal padding and the label's type. Never a width. */
+    size?: SlideButtonSize;
+    /** Overrides the pill's corner. `full` unless you say otherwise. */
+    radius?: RadiusKey;
+    /** A raw tint (R7). Lands on the pill, or on the label for `ghost` — never on the thumb. */
+    color?: string;
+    /**
+     * How far along the track the thumb has to reach for the slide to count, from 0 to 1.
+     * Below it the thumb springs home on release.
+     * @default 0.9
+     */
+    threshold?: number;
+    /** Controlled: `true` pins the thumb at the end, `false` springs it home. */
+    isConfirmed?: boolean;
+    /** The starting state when uncontrolled. Once confirmed it stays confirmed. @default false */
+    defaultConfirmed?: boolean;
+    /** Fires once, when the thumb reaches `threshold` — the action the slide guards. */
+    onConfirm?: () => void;
+    isDisabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+};
+export type SlideButtonProps = SlideButtonOwnProps & Omit<ViewProps, keyof SlideButtonOwnProps> & Omit<ViewStyleProps, keyof SlideButtonOwnProps | keyof ViewProps>;
+type SlideButtonFillOwnProps = {
+    children?: never;
+};
+export type SlideButtonFillProps = SlideButtonFillOwnProps & Omit<ViewProps, 'children'> & Omit<ViewStyleProps, keyof ViewProps>;
+export type SlideButtonLabelProps = TextProps & Omit<TextStyleProps, keyof TextProps> & {
+    children?: ReactNode;
+};
+type SlideButtonThumbOwnProps = {
+    /** Replaces the built-in chevron — an `Icon`, or anything else. */
+    children?: ReactNode;
+};
+export type SlideButtonThumbProps = SlideButtonThumbOwnProps & Omit<ViewProps, keyof SlideButtonThumbOwnProps> & Omit<ViewStyleProps, keyof SlideButtonThumbOwnProps | keyof ViewProps>;
+export type SlideButtonIconProps = IconProps;
+/** R5 — resolved style ids and the shared progress the animated slots read. */
+export type SlideButtonContextValue = {
+    /** The window the trail is cut to — the pill's shape, so the cut stays off the handle. */
+    fillClipStyle: StyleProp<ViewStyle>;
+    fillStyle: StyleProp<ViewStyle>;
+    labelStyle: StyleProp<TextStyle>;
+    /** The label's swept copy, already carrying the width the clip must not re-centre it in. */
+    labelSweptStyle: StyleProp<TextStyle>;
+    thumbStyle: StyleProp<ViewStyle>;
+    glyphStyle: StyleProp<ViewStyle>;
+    icon: IconContextValue;
+    /** The handle's offset from the leading edge, in points, driven on the UI thread. */
+    offset: SharedValue<number>;
+    /** How far the handle can travel — the track's length less the handle and its insets. */
+    travel: number;
+    /** The handle's width, the amount the travel is shortened by. */
+    thumbSize: number;
+    /** The fraction of `travel` the thumb must reach for the slide to count, from 0 to 1. */
+    threshold: number;
+    isDisabled: boolean;
+    isConfirmed: boolean;
+    /** Called from the pan on release once the thumb has reached `threshold`. */
+    confirm: () => void;
+    /** The pill's measured width. Zero until it has been laid out. */
+    trackLength: number;
+};
+export {};

package/dist/components/slider/slider-thumb.d.cts

@@ -12,7 +12,7 @@ import type { SliderThumbProps } from './slider.type';
  * the scale can stay on the other thread.
  *
  * It is a **disc of the page's own colour inside a ring of the fill's**, which is the
- * legacy component's shape rather than HeroUI's capsule-with-a-core. A solid accent knob
+ * legacy component's shape rather than the reference implementation's capsule-with-a-core. A solid accent knob
  * on an accent fill disappears the moment the value reaches the top; a ring never does.
  */
 export declare function SliderThumb({ index, accessibilityValueText, style, ...props }: SliderThumbProps): import("react").JSX.Element;

package/dist/components/slider/slider-thumb.d.ts

@@ -12,7 +12,7 @@ import type { SliderThumbProps } from './slider.type';
  * the scale can stay on the other thread.
  *
  * It is a **disc of the page's own colour inside a ring of the fill's**, which is the
- * legacy component's shape rather than HeroUI's capsule-with-a-core. A solid accent knob
+ * legacy component's shape rather than the reference implementation's capsule-with-a-core. A solid accent knob
  * on an accent fill disappears the moment the value reaches the top; a ring never does.
  */
 export declare function SliderThumb({ index, accessibilityValueText, style, ...props }: SliderThumbProps): import("react").JSX.Element;

package/dist/components/slider/slider.recipe.d.cts

@@ -11,7 +11,7 @@ type SizeStep = {
  * The legacy slider's proportions, point for point.
  *
  * A **thin rail with a round knob on it**, not a capsule with a core inside — which is what
- * this component shipped as, borrowed from HeroUI's. The rail is 6 to 10 points and the
+ * this component shipped as, borrowed from the reference implementation's. The rail is 6 to 10 points and the
  * knob 16 to 24, so the knob overhangs the rail by half their difference on each side. That
  * overhang is the shape: it is what makes the knob read as sitting *on* a line rather than
  * as a segment *of* one.

package/dist/components/slider/slider.recipe.d.ts

@@ -11,7 +11,7 @@ type SizeStep = {
  * The legacy slider's proportions, point for point.
  *
  * A **thin rail with a round knob on it**, not a capsule with a core inside — which is what
- * this component shipped as, borrowed from HeroUI's. The rail is 6 to 10 points and the
+ * this component shipped as, borrowed from the reference implementation's. The rail is 6 to 10 points and the
  * knob 16 to 24, so the knob overhangs the rail by half their difference on each side. That
  * overhang is the shape: it is what makes the knob read as sitting *on* a line rather than
  * as a segment *of* one.

package/dist/components/spinner/spinner.d.cts

@@ -14,7 +14,7 @@ import type { StyleProp, ViewStyle } from 'react-native';
  * the same circle with a quarter missing. There is nothing between them for a slot to
  * name, and the two are one figure rather than two parts.
  *
- * It is HeroUI's spinner drawn with borders instead of a gradient stroke. Theirs fades a
+ * It is the reference implementation's spinner drawn with borders instead of a gradient stroke. Theirs fades a
  * single arc from opaque to 55%, which needs an SVG `linearGradient` and therefore
  * `react-native-svg` — an optional peer, which a component in the fifteen-component core
  * cannot require. Two circles of one ink at two opacities read as the same figure and

package/dist/components/spinner/spinner.d.ts

@@ -14,7 +14,7 @@ import type { StyleProp, ViewStyle } from 'react-native';
  * the same circle with a quarter missing. There is nothing between them for a slot to
  * name, and the two are one figure rather than two parts.
  *
- * It is HeroUI's spinner drawn with borders instead of a gradient stroke. Theirs fades a
+ * It is the reference implementation's spinner drawn with borders instead of a gradient stroke. Theirs fades a
  * single arc from opaque to 55%, which needs an SVG `linearGradient` and therefore
  * `react-native-svg` — an optional peer, which a component in the fifteen-component core
  * cannot require. Two circles of one ink at two opacities read as the same figure and

package/dist/components/switch/switch.style.d.cts

@@ -3,6 +3,6 @@
  * on two nodes, and they have to arrive together — which they only do if neither owns the
  * number.
  *
- * 175ms is HeroUI's, and it is the length of the platform's own switch.
+ * 175ms is the reference implementation's, and it is the length of the platform's own switch.
  */
 export declare const SWITCH_DURATION = 175;

package/dist/components/switch/switch.style.d.ts

@@ -3,6 +3,6 @@
  * on two nodes, and they have to arrive together — which they only do if neither owns the
  * number.
  *
- * 175ms is HeroUI's, and it is the length of the platform's own switch.
+ * 175ms is the reference implementation's, and it is the length of the platform's own switch.
  */
 export declare const SWITCH_DURATION = 175;

package/dist/components/table/index.cjs

@@ -14,8 +14,8 @@
 
 
 
-var _chunkWPYJW3WMcjs = require('../../chunk-WPYJW3WM.cjs');
-require('../../chunk-X22PLAP6.cjs');
+var _chunk435MOVG2cjs = require('../../chunk-435MOVG2.cjs');
+require('../../chunk-BGBJTBFC.cjs');
 require('../../chunk-OE5T7LJQ.cjs');
 require('../../chunk-F6CQ6CBI.cjs');
 require('../../chunk-7EIHHOHP.cjs');
@@ -45,4 +45,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.Table = _chunkWPYJW3WMcjs.Table; exports.TableBody = _chunkWPYJW3WMcjs.TableBody; exports.TableCell = _chunkWPYJW3WMcjs.TableCell; exports.TableColumn = _chunkWPYJW3WMcjs.TableColumn; exports.TableContent = _chunkWPYJW3WMcjs.TableContent; exports.TableFooter = _chunkWPYJW3WMcjs.TableFooter; exports.TableHeader = _chunkWPYJW3WMcjs.TableHeader; exports.TableRoot = _chunkWPYJW3WMcjs.TableRoot; exports.TableRow = _chunkWPYJW3WMcjs.TableRow; exports.TableScrollContainer = _chunkWPYJW3WMcjs.TableScrollContainer; exports.TableSelectAllCell = _chunkWPYJW3WMcjs.TableSelectAllCell; exports.TableSelectionCell = _chunkWPYJW3WMcjs.TableSelectionCell; exports.tableRecipe = _chunkWPYJW3WMcjs.tableRecipe; exports.useTable = _chunkWPYJW3WMcjs.useTable; exports.useTableRow = _chunkWPYJW3WMcjs.useTableRow;
+exports.Table = _chunk435MOVG2cjs.Table; exports.TableBody = _chunk435MOVG2cjs.TableBody; exports.TableCell = _chunk435MOVG2cjs.TableCell; exports.TableColumn = _chunk435MOVG2cjs.TableColumn; exports.TableContent = _chunk435MOVG2cjs.TableContent; exports.TableFooter = _chunk435MOVG2cjs.TableFooter; exports.TableHeader = _chunk435MOVG2cjs.TableHeader; exports.TableRoot = _chunk435MOVG2cjs.TableRoot; exports.TableRow = _chunk435MOVG2cjs.TableRow; exports.TableScrollContainer = _chunk435MOVG2cjs.TableScrollContainer; exports.TableSelectAllCell = _chunk435MOVG2cjs.TableSelectAllCell; exports.TableSelectionCell = _chunk435MOVG2cjs.TableSelectionCell; exports.tableRecipe = _chunk435MOVG2cjs.tableRecipe; exports.useTable = _chunk435MOVG2cjs.useTable; exports.useTableRow = _chunk435MOVG2cjs.useTableRow;

package/dist/components/table/index.js

@@ -14,8 +14,8 @@ import {
   tableRecipe,
   useTable,
   useTableRow
-} from "../../chunk-LUPU7FJK.js";
-import "../../chunk-B5DBFS6M.js";
+} from "../../chunk-356DND54.js";
+import "../../chunk-3BRVAMXQ.js";
 import "../../chunk-BTKWPEOF.js";
 import "../../chunk-BA2DBSAN.js";
 import "../../chunk-F6W3JQ7K.js";

package/dist/components/text-area/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkYCQEX25Bcjs = require('../../chunk-YCQEX25B.cjs');
-require('../../chunk-AXKDHX5V.cjs');
-require('../../chunk-WLWZG2PA.cjs');
+var _chunkU6YD3UBOcjs = require('../../chunk-U6YD3UBO.cjs');
+require('../../chunk-2IOL3VDP.cjs');
+require('../../chunk-BKY5YQ7W.cjs');
 require('../../chunk-FHNIGHN5.cjs');
 require('../../chunk-SL3V7R2Y.cjs');
 require('../../chunk-TVJXC4HY.cjs');
@@ -15,4 +15,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.TextArea = _chunkYCQEX25Bcjs.TextArea; exports.useTextArea = _chunkYCQEX25Bcjs.useTextArea;
+exports.TextArea = _chunkU6YD3UBOcjs.TextArea; exports.useTextArea = _chunkU6YD3UBOcjs.useTextArea;

package/dist/components/text-area/index.js

@@ -1,9 +1,9 @@
 import {
   TextArea,
   useTextArea
-} from "../../chunk-DN3X5WIB.js";
-import "../../chunk-5YZUYSV7.js";
-import "../../chunk-43S673KF.js";
+} from "../../chunk-3VMKOQXH.js";
+import "../../chunk-JYV53WUN.js";
+import "../../chunk-NTVPLDJC.js";
 import "../../chunk-WFZDAXDI.js";
 import "../../chunk-DKVXTMIJ.js";
 import "../../chunk-3Q42X6EQ.js";

package/dist/components/text-area/text-area.d.cts

@@ -16,7 +16,7 @@ import type { View } from 'react-native';
  * `.Error` **are** the `TextField`'s slots — not wrappers around them, the same components —
  * and only `TextArea.Field` differs, by being multiline and by taking its height in lines.
  *
- * That is also HeroUI's answer: their `TextArea` renders their `TextField` with three defaults.
+ * That is also the reference implementation's answer: their `TextArea` renders their `TextField` with three defaults.
  * A component of its own is what a caller looks for; sharing every line of it is what
  * keeps the two from drifting.
  *

package/dist/components/text-area/text-area.d.ts

@@ -16,7 +16,7 @@ import type { View } from 'react-native';
  * `.Error` **are** the `TextField`'s slots — not wrappers around them, the same components —
  * and only `TextArea.Field` differs, by being multiline and by taking its height in lines.
  *
- * That is also HeroUI's answer: their `TextArea` renders their `TextField` with three defaults.
+ * That is also the reference implementation's answer: their `TextArea` renders their `TextField` with three defaults.
  * A component of its own is what a caller looks for; sharing every line of it is what
  * keeps the two from drifting.
  *

package/dist/components/text-field/index.cjs

@@ -6,11 +6,11 @@
 
 
 
-var _chunkAXKDHX5Vcjs = require('../../chunk-AXKDHX5V.cjs');
+var _chunk2IOL3VDPcjs = require('../../chunk-2IOL3VDP.cjs');
 
 
 
-var _chunkWLWZG2PAcjs = require('../../chunk-WLWZG2PA.cjs');
+var _chunkBKY5YQ7Wcjs = require('../../chunk-BKY5YQ7W.cjs');
 require('../../chunk-FHNIGHN5.cjs');
 require('../../chunk-SL3V7R2Y.cjs');
 require('../../chunk-TVJXC4HY.cjs');
@@ -29,4 +29,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.FIELD_GLYPH_SIZES = _chunkWLWZG2PAcjs.FIELD_GLYPH_SIZES; exports.TextField = _chunkAXKDHX5Vcjs.TextField; exports.TextFieldDescription = _chunkAXKDHX5Vcjs.TextFieldDescription; exports.TextFieldError = _chunkAXKDHX5Vcjs.TextFieldError; exports.TextFieldField = _chunkAXKDHX5Vcjs.TextFieldField; exports.TextFieldLabel = _chunkAXKDHX5Vcjs.TextFieldLabel; exports.TextFieldRoot = _chunkAXKDHX5Vcjs.TextFieldRoot; exports.textFieldRecipe = _chunkWLWZG2PAcjs.textFieldRecipe; exports.useTextField = _chunkAXKDHX5Vcjs.useTextField;
+exports.FIELD_GLYPH_SIZES = _chunkBKY5YQ7Wcjs.FIELD_GLYPH_SIZES; exports.TextField = _chunk2IOL3VDPcjs.TextField; exports.TextFieldDescription = _chunk2IOL3VDPcjs.TextFieldDescription; exports.TextFieldError = _chunk2IOL3VDPcjs.TextFieldError; exports.TextFieldField = _chunk2IOL3VDPcjs.TextFieldField; exports.TextFieldLabel = _chunk2IOL3VDPcjs.TextFieldLabel; exports.TextFieldRoot = _chunk2IOL3VDPcjs.TextFieldRoot; exports.textFieldRecipe = _chunkBKY5YQ7Wcjs.textFieldRecipe; exports.useTextField = _chunk2IOL3VDPcjs.useTextField;

package/dist/components/text-field/index.js

@@ -6,11 +6,11 @@ import {
   TextFieldLabel,
   TextFieldRoot,
   useTextField
-} from "../../chunk-5YZUYSV7.js";
+} from "../../chunk-JYV53WUN.js";
 import {
   FIELD_GLYPH_SIZES,
   textFieldRecipe
-} from "../../chunk-43S673KF.js";
+} from "../../chunk-NTVPLDJC.js";
 import "../../chunk-WFZDAXDI.js";
 import "../../chunk-DKVXTMIJ.js";
 import "../../chunk-3Q42X6EQ.js";

package/dist/components/text-field/text-field.type.d.cts

@@ -9,11 +9,11 @@ export type TextFieldSlot = 'root' | 'label' | 'field' | 'textArea' | 'placehold
  * `success`, `warning` and `danger` are absent here for the same reason they are there.
  *
  * This is where the theme's `field*` family is finally read, and the four names split
- * HeroUI's two-name `primary | secondary` by saying what each of their ends already is:
+ * the reference implementation's two-name `primary | secondary` by saying what each of their ends already is:
  *
- * - **`primary`** — the `fieldBackground` fill plus the theme's `field` shadow. HeroUI's
+ * - **`primary`** — the `fieldBackground` fill plus the theme's `field` shadow. The reference implementation's
  *   `primary`, with the elevation their flat token only implies.
- * - **`secondary`** — the neutral `default` fill. HeroUI's `secondary`, and the default
+ * - **`secondary`** — the neutral `default` fill. The reference implementation's `secondary`, and the default
  *   here: on a plain background a white field is its border and nothing else, while on a
  *   card the `fieldBackground` token *is* the card's own colour.
  * - **`tertiary`** — the border alone, no fill. The same drop the `Button`'s `tertiary`
@@ -22,7 +22,7 @@ export type TextFieldSlot = 'root' | 'label' | 'field' | 'textArea' | 'placehold
  *   to move, so its focus shows in the caret alone.
  *
  * The first three name the `fieldBorder` edge and `ghost` gives it up. Its width is the
- * theme's `borderWidth.field` — HeroUI's `--field-border-width`, which they ship at `0`
+ * theme's `borderWidth.field` — the reference implementation's `--field-border-width`, which they ship at `0`
  * and we ship at `1`. That is the one shipped default where the two differ;
  * `createTheme({ borderWidth: { field: 0 } })` reproduces theirs.
  */

package/dist/components/text-field/text-field.type.d.ts

@@ -9,11 +9,11 @@ export type TextFieldSlot = 'root' | 'label' | 'field' | 'textArea' | 'placehold
  * `success`, `warning` and `danger` are absent here for the same reason they are there.
  *
  * This is where the theme's `field*` family is finally read, and the four names split
- * HeroUI's two-name `primary | secondary` by saying what each of their ends already is:
+ * the reference implementation's two-name `primary | secondary` by saying what each of their ends already is:
  *
- * - **`primary`** — the `fieldBackground` fill plus the theme's `field` shadow. HeroUI's
+ * - **`primary`** — the `fieldBackground` fill plus the theme's `field` shadow. The reference implementation's
  *   `primary`, with the elevation their flat token only implies.
- * - **`secondary`** — the neutral `default` fill. HeroUI's `secondary`, and the default
+ * - **`secondary`** — the neutral `default` fill. The reference implementation's `secondary`, and the default
  *   here: on a plain background a white field is its border and nothing else, while on a
  *   card the `fieldBackground` token *is* the card's own colour.
  * - **`tertiary`** — the border alone, no fill. The same drop the `Button`'s `tertiary`
@@ -22,7 +22,7 @@ export type TextFieldSlot = 'root' | 'label' | 'field' | 'textArea' | 'placehold
  *   to move, so its focus shows in the caret alone.
  *
  * The first three name the `fieldBorder` edge and `ghost` gives it up. Its width is the
- * theme's `borderWidth.field` — HeroUI's `--field-border-width`, which they ship at `0`
+ * theme's `borderWidth.field` — the reference implementation's `--field-border-width`, which they ship at `0`
  * and we ship at `1`. That is the one shipped default where the two differ;
  * `createTheme({ borderWidth: { field: 0 } })` reproduces theirs.
  */

package/dist/components/time-picker/index.cjs

@@ -9,9 +9,9 @@
 
 
 
-var _chunkKMK6FUTKcjs = require('../../chunk-KMK6FUTK.cjs');
-require('../../chunk-X6GT4H4I.cjs');
-require('../../chunk-J5COSALO.cjs');
+var _chunkV5V2QYFHcjs = require('../../chunk-V5V2QYFH.cjs');
+require('../../chunk-3TBT6ORW.cjs');
+require('../../chunk-L4B6Z45Q.cjs');
 require('../../chunk-WDDXU3OH.cjs');
 require('../../chunk-EKS3W46M.cjs');
 require('../../chunk-7EIHHOHP.cjs');
@@ -37,4 +37,4 @@ require('../../chunk-TK44VBIE.cjs');
 
 
 
-exports.TimePicker = _chunkKMK6FUTKcjs.TimePicker2; exports.TimePickerClock = _chunkKMK6FUTKcjs.TimePickerClock; exports.TimePickerDisplay = _chunkKMK6FUTKcjs.TimePickerDisplay; exports.TimePickerIndicator = _chunkKMK6FUTKcjs.TimePickerIndicator; exports.TimePickerRoot = _chunkKMK6FUTKcjs.TimePicker; exports.TimePickerSheet = _chunkKMK6FUTKcjs.TimePickerSheet; exports.TimePickerTrigger = _chunkKMK6FUTKcjs.TimePickerTrigger; exports.TimePickerValue = _chunkKMK6FUTKcjs.TimePickerValue; exports.timePickerRecipe = _chunkKMK6FUTKcjs.timePickerRecipe; exports.useTimePicker = _chunkKMK6FUTKcjs.useTimePicker;
+exports.TimePicker = _chunkV5V2QYFHcjs.TimePicker2; exports.TimePickerClock = _chunkV5V2QYFHcjs.TimePickerClock; exports.TimePickerDisplay = _chunkV5V2QYFHcjs.TimePickerDisplay; exports.TimePickerIndicator = _chunkV5V2QYFHcjs.TimePickerIndicator; exports.TimePickerRoot = _chunkV5V2QYFHcjs.TimePicker; exports.TimePickerSheet = _chunkV5V2QYFHcjs.TimePickerSheet; exports.TimePickerTrigger = _chunkV5V2QYFHcjs.TimePickerTrigger; exports.TimePickerValue = _chunkV5V2QYFHcjs.TimePickerValue; exports.timePickerRecipe = _chunkV5V2QYFHcjs.timePickerRecipe; exports.useTimePicker = _chunkV5V2QYFHcjs.useTimePicker;