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

package/dist/components/select/select.type.d.cts

@@ -5,7 +5,7 @@ import type { IconComponentProps, IconContextValue } from '../../system/icon';
 import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
 import type { RadiusKey, Size } from '../../theme/theme.type';
 import type { Align, Anchor, AnchoredWidth, Insets, Placement } from '../../utils/placement';
-export type SelectSlot = 'trigger' | 'value' | 'placeholder' | 'indicator' | 'overlay' | 'content' | 'label' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator';
+export type SelectSlot = 'trigger' | 'value' | 'placeholder' | 'indicator' | 'overlay' | 'content' | 'groupLabel' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator';
 /**
  * The trigger **is** a field, so it takes the field's four emphasis levels rather than
  * the button's ten. A select that offers `danger` would be offering an intent to a
@@ -51,15 +51,17 @@ type SelectOwnProps = {
     onOpenChange?: (isOpen: boolean) => void;
     isDisabled?: boolean;
     isInvalid?: boolean;
+    asChild?: boolean;
 };
 /**
- * The root renders **no node**. It is state and resolved style around a trigger and a
- * list, and the trigger is the control — which is why `ref`, `style`, `testID`, the a11y
- * props and R14's style props are all on `Select.Trigger` rather than here. A wrapper
- * view would exist only to receive them, and it would put a second box around a field
- * that already is one.
+ * The root is the **column** — a `View` stacking `Select.Label`, the trigger and
+ * `Select.Description` / `.Error` with one `gap` — so `ref`, `style` and R14's style props
+ * here dress that column. The control itself is `Select.Trigger`, which keeps its own
+ * `ref` and its own a11y props: it is the node the panel measures and the node a screen
+ * reader stops on. `Select.Overlay` and `Select.Content` portal out, so they add nothing
+ * to the column.
  */
-export type SelectProps = SelectOwnProps;
+export type SelectProps = SelectOwnProps & Omit<ViewProps, keyof SelectOwnProps> & Omit<ViewStyleProps, keyof SelectOwnProps | keyof ViewProps>;
 type SelectTriggerOwnProps = {
     children?: ReactNode;
     asChild?: boolean;
@@ -112,10 +114,20 @@ type SelectContentOwnProps = {
     insets?: SelectInsets;
 };
 export type SelectContentProps = SelectContentOwnProps & Omit<ViewProps, keyof SelectContentOwnProps> & Omit<ViewStyleProps, keyof SelectContentOwnProps | keyof ViewProps>;
-type SelectLabelOwnProps = {
+type SelectTextSlotOwnProps = {
     children?: ReactNode;
 };
-export type SelectLabelProps = SelectLabelOwnProps & Omit<TextProps, keyof SelectLabelOwnProps> & Omit<TextStyleProps, keyof SelectLabelOwnProps | keyof TextProps>;
+/**
+ * What the field is for — the `TextField.Label`, on a field that opens a list. The
+ * heading over a run of rows *inside* the panel is `Select.GroupLabel`.
+ */
+export type SelectLabelProps = SelectTextSlotOwnProps & Omit<TextProps, keyof SelectTextSlotOwnProps> & Omit<TextStyleProps, keyof SelectTextSlotOwnProps | keyof TextProps>;
+/** The hint under the field — the `TextField.Description`. */
+export type SelectDescriptionProps = SelectLabelProps;
+/** What is wrong with the chosen value — the `TextField.Error`. */
+export type SelectErrorProps = SelectLabelProps;
+/** A heading over a run of rows, inside the panel. */
+export type SelectGroupLabelProps = SelectLabelProps;
 /** What an item's render function is handed, so it can paint its own selected state. */
 export type SelectItemRenderState = {
     isSelected: boolean;
@@ -160,7 +172,16 @@ export type SelectContextValue = {
     indicatorStyle: StyleProp<ViewStyle>;
     overlayStyle: StyleProp<ViewStyle>;
     contentStyle: StyleProp<ViewStyle>;
+    /** The panel's section heading. The field's own label is `labelStyle`. */
+    groupLabelStyle: StyleProp<TextStyle>;
+    /**
+     * The column's three text slots, resolved through `textFieldRecipe` rather than this
+     * component's own: a select and a text field stacked in one form read as one control,
+     * and a second table here would be two to keep in step.
+     */
     labelStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    errorStyle: StyleProp<TextStyle>;
     itemStyle: StyleProp<ViewStyle>;
     /** The same split as the trigger's, for the row a finger happens to be on. */
     itemPressedStyle: StyleProp<ViewStyle>;
@@ -188,6 +209,9 @@ export type SelectContextValue = {
     /** Labels registered by the items, so `Select.Value` can name the chosen one. */
     labelFor: (value: string) => string | undefined;
     registerLabel: (value: string, label: string) => void;
+    /** The ids the trigger points at with `aria-labelledby` / `aria-describedby`. */
+    labelId: string;
+    descriptionId: string;
 };
 /** The trigger's rectangle in window coordinates. */
 export type SelectAnchor = Anchor;

package/dist/components/select/select.type.d.ts

@@ -5,7 +5,7 @@ import type { IconComponentProps, IconContextValue } from '../../system/icon';
 import type { TextStyleProps, ViewStyleProps } from '../../system/style-props';
 import type { RadiusKey, Size } from '../../theme/theme.type';
 import type { Align, Anchor, AnchoredWidth, Insets, Placement } from '../../utils/placement';
-export type SelectSlot = 'trigger' | 'value' | 'placeholder' | 'indicator' | 'overlay' | 'content' | 'label' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator';
+export type SelectSlot = 'trigger' | 'value' | 'placeholder' | 'indicator' | 'overlay' | 'content' | 'groupLabel' | 'item' | 'itemLabel' | 'itemDescription' | 'itemIndicator';
 /**
  * The trigger **is** a field, so it takes the field's four emphasis levels rather than
  * the button's ten. A select that offers `danger` would be offering an intent to a
@@ -51,15 +51,17 @@ type SelectOwnProps = {
     onOpenChange?: (isOpen: boolean) => void;
     isDisabled?: boolean;
     isInvalid?: boolean;
+    asChild?: boolean;
 };
 /**
- * The root renders **no node**. It is state and resolved style around a trigger and a
- * list, and the trigger is the control — which is why `ref`, `style`, `testID`, the a11y
- * props and R14's style props are all on `Select.Trigger` rather than here. A wrapper
- * view would exist only to receive them, and it would put a second box around a field
- * that already is one.
+ * The root is the **column** — a `View` stacking `Select.Label`, the trigger and
+ * `Select.Description` / `.Error` with one `gap` — so `ref`, `style` and R14's style props
+ * here dress that column. The control itself is `Select.Trigger`, which keeps its own
+ * `ref` and its own a11y props: it is the node the panel measures and the node a screen
+ * reader stops on. `Select.Overlay` and `Select.Content` portal out, so they add nothing
+ * to the column.
  */
-export type SelectProps = SelectOwnProps;
+export type SelectProps = SelectOwnProps & Omit<ViewProps, keyof SelectOwnProps> & Omit<ViewStyleProps, keyof SelectOwnProps | keyof ViewProps>;
 type SelectTriggerOwnProps = {
     children?: ReactNode;
     asChild?: boolean;
@@ -112,10 +114,20 @@ type SelectContentOwnProps = {
     insets?: SelectInsets;
 };
 export type SelectContentProps = SelectContentOwnProps & Omit<ViewProps, keyof SelectContentOwnProps> & Omit<ViewStyleProps, keyof SelectContentOwnProps | keyof ViewProps>;
-type SelectLabelOwnProps = {
+type SelectTextSlotOwnProps = {
     children?: ReactNode;
 };
-export type SelectLabelProps = SelectLabelOwnProps & Omit<TextProps, keyof SelectLabelOwnProps> & Omit<TextStyleProps, keyof SelectLabelOwnProps | keyof TextProps>;
+/**
+ * What the field is for — the `TextField.Label`, on a field that opens a list. The
+ * heading over a run of rows *inside* the panel is `Select.GroupLabel`.
+ */
+export type SelectLabelProps = SelectTextSlotOwnProps & Omit<TextProps, keyof SelectTextSlotOwnProps> & Omit<TextStyleProps, keyof SelectTextSlotOwnProps | keyof TextProps>;
+/** The hint under the field — the `TextField.Description`. */
+export type SelectDescriptionProps = SelectLabelProps;
+/** What is wrong with the chosen value — the `TextField.Error`. */
+export type SelectErrorProps = SelectLabelProps;
+/** A heading over a run of rows, inside the panel. */
+export type SelectGroupLabelProps = SelectLabelProps;
 /** What an item's render function is handed, so it can paint its own selected state. */
 export type SelectItemRenderState = {
     isSelected: boolean;
@@ -160,7 +172,16 @@ export type SelectContextValue = {
     indicatorStyle: StyleProp<ViewStyle>;
     overlayStyle: StyleProp<ViewStyle>;
     contentStyle: StyleProp<ViewStyle>;
+    /** The panel's section heading. The field's own label is `labelStyle`. */
+    groupLabelStyle: StyleProp<TextStyle>;
+    /**
+     * The column's three text slots, resolved through `textFieldRecipe` rather than this
+     * component's own: a select and a text field stacked in one form read as one control,
+     * and a second table here would be two to keep in step.
+     */
     labelStyle: StyleProp<TextStyle>;
+    descriptionStyle: StyleProp<TextStyle>;
+    errorStyle: StyleProp<TextStyle>;
     itemStyle: StyleProp<ViewStyle>;
     /** The same split as the trigger's, for the row a finger happens to be on. */
     itemPressedStyle: StyleProp<ViewStyle>;
@@ -188,6 +209,9 @@ export type SelectContextValue = {
     /** Labels registered by the items, so `Select.Value` can name the chosen one. */
     labelFor: (value: string) => string | undefined;
     registerLabel: (value: string, label: string) => void;
+    /** The ids the trigger points at with `aria-labelledby` / `aria-describedby`. */
+    labelId: string;
+    descriptionId: string;
 };
 /** The trigger's rectangle in window coordinates. */
 export type SelectAnchor = Anchor;

package/dist/components/skeleton/skeleton.type.d.cts

@@ -51,7 +51,7 @@ type SkeletonOwnProps = {
     /**
      * `false` freezes the block at full opacity and mounts no worklet.
      *
-     * A boolean rather than HeroUI's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
+     * A boolean rather than the reference implementation's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
      * gradient sweeping across the block, a gradient needs `react-native-svg`, and that is
      * an optional peer a component in the core cannot require. One animation, so there is
      * nothing for a name to choose between.

package/dist/components/skeleton/skeleton.type.d.ts

@@ -51,7 +51,7 @@ type SkeletonOwnProps = {
     /**
      * `false` freezes the block at full opacity and mounts no worklet.
      *
-     * A boolean rather than HeroUI's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
+     * A boolean rather than the reference implementation's `'shimmer' | 'pulse' | 'none'`: a shimmer is a
      * gradient sweeping across the block, a gradient needs `react-native-svg`, and that is
      * an optional peer a component in the core cannot require. One animation, so there is
      * nothing for a name to choose between.

package/dist/components/slide-button/index.cjs

@@ -0,0 +1,30 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+var _chunkC6JO2RTVcjs = require('../../chunk-C6JO2RTV.cjs');
+require('../../chunk-7EIHHOHP.cjs');
+require('../../chunk-GSZDN6EZ.cjs');
+require('../../chunk-FHNIGHN5.cjs');
+require('../../chunk-SL3V7R2Y.cjs');
+require('../../chunk-TVJXC4HY.cjs');
+require('../../chunk-CDRGTUYF.cjs');
+require('../../chunk-H4E4HDEP.cjs');
+require('../../chunk-EJQCQPET.cjs');
+require('../../chunk-IIAQISBG.cjs');
+require('../../chunk-TK44VBIE.cjs');
+
+
+
+
+
+
+
+
+
+exports.SlideButton = _chunkC6JO2RTVcjs.SlideButton; exports.SlideButtonFill = _chunkC6JO2RTVcjs.SlideButtonFill; exports.SlideButtonIcon = _chunkC6JO2RTVcjs.SlideButtonIcon; exports.SlideButtonLabel = _chunkC6JO2RTVcjs.SlideButtonLabel; exports.SlideButtonRoot = _chunkC6JO2RTVcjs.SlideButtonRoot; exports.SlideButtonThumb = _chunkC6JO2RTVcjs.SlideButtonThumb; exports.slideButtonRecipe = _chunkC6JO2RTVcjs.slideButtonRecipe; exports.useSlideButton = _chunkC6JO2RTVcjs.useSlideButton;

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

@@ -0,0 +1,44 @@
+import { SlideButtonIcon } from './slide-button-icon';
+import { SlideButtonThumb } from './slide-button-thumb';
+export declare const SlideButton: 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<import("react-native").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<import("react-native").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<import("react-native").View>> & {
+    Fill: import("react").ForwardRefExoticComponent<{
+        children?: never;
+    } & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<import("react-native").View>>;
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Thumb: typeof SlideButtonThumb;
+    Icon: typeof SlideButtonIcon;
+};
+export { SlideButtonRoot } from './slide-button';
+export { SlideButtonFill } from './slide-button-fill';
+export { SlideButtonLabel } from './slide-button-label';
+export { SlideButtonThumb } from './slide-button-thumb';
+export { SlideButtonIcon } from './slide-button-icon';
+export { useSlideButton } from './slide-button.context';
+export { slideButtonRecipe } from './slide-button.recipe';
+export type { SlideButtonContextValue, SlideButtonFillProps, SlideButtonIconProps, SlideButtonLabelProps, SlideButtonProps, SlideButtonSize, SlideButtonSlot, SlideButtonThumbProps, SlideButtonVariant, } from './slide-button.type';

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

@@ -0,0 +1,44 @@
+import { SlideButtonIcon } from './slide-button-icon';
+import { SlideButtonThumb } from './slide-button-thumb';
+export declare const SlideButton: 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<import("react-native").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<import("react-native").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<import("react-native").View>> & {
+    Fill: import("react").ForwardRefExoticComponent<{
+        children?: never;
+    } & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<import("react-native").View>>;
+    Label: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("react-native").Text>>;
+    Thumb: typeof SlideButtonThumb;
+    Icon: typeof SlideButtonIcon;
+};
+export { SlideButtonRoot } from './slide-button';
+export { SlideButtonFill } from './slide-button-fill';
+export { SlideButtonLabel } from './slide-button-label';
+export { SlideButtonThumb } from './slide-button-thumb';
+export { SlideButtonIcon } from './slide-button-icon';
+export { useSlideButton } from './slide-button.context';
+export { slideButtonRecipe } from './slide-button.recipe';
+export type { SlideButtonContextValue, SlideButtonFillProps, SlideButtonIconProps, SlideButtonLabelProps, SlideButtonProps, SlideButtonSize, SlideButtonSlot, SlideButtonThumbProps, SlideButtonVariant, } from './slide-button.type';

package/dist/components/slide-button/index.js

@@ -0,0 +1,30 @@
+import {
+  SlideButton,
+  SlideButtonFill,
+  SlideButtonIcon,
+  SlideButtonLabel,
+  SlideButtonRoot,
+  SlideButtonThumb,
+  slideButtonRecipe,
+  useSlideButton
+} from "../../chunk-SVS726BW.js";
+import "../../chunk-F6W3JQ7K.js";
+import "../../chunk-JN6IRT2M.js";
+import "../../chunk-WFZDAXDI.js";
+import "../../chunk-DKVXTMIJ.js";
+import "../../chunk-3Q42X6EQ.js";
+import "../../chunk-TTZOIXKE.js";
+import "../../chunk-36PRYGAM.js";
+import "../../chunk-EGLLDKN6.js";
+import "../../chunk-Z6JBWRPL.js";
+import "../../chunk-M63GFNKV.js";
+export {
+  SlideButton,
+  SlideButtonFill,
+  SlideButtonIcon,
+  SlideButtonLabel,
+  SlideButtonRoot,
+  SlideButtonThumb,
+  slideButtonRecipe,
+  useSlideButton
+};

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

@@ -0,0 +1,29 @@
+import { View } from 'react-native';
+/**
+ * The trail behind the handle — how far the slide has come, not a state.
+ *
+ * Optional: compose it for the affordance, leave it out for a bare pill.
+ *
+ * **Its width is the fraction of the travel the handle has covered, laid over the whole
+ * pill — not the handle's raw offset.** The two agree at rest, where both are nothing.
+ * They part at the end, and that is the point: the handle comes to rest a handle's width
+ * short of the trailing cap, because that is where the handle physically *is*, and a trail
+ * that stopped with it left a confirmed slide showing sixty-odd points of unswept pill —
+ * reading as almost done at the moment it is done. Spread over the pill, the trail lands
+ * full.
+ *
+ * In between, the trail's leading edge sits under the handle for all but the first and last
+ * few points of the drag, so there is no seam to see while the finger is down.
+ *
+ * It is drawn inside a window cut to the pill's shape, because its own corner cannot be:
+ * `radius.full` is clamped to half the shorter side, so while the trail is narrower than
+ * the pill is tall it draws a squarer corner than the pill's and shows outside it. The
+ * window is here rather than on the root so that the cut lands on the trail alone and not
+ * on the handle's shadow.
+ *
+ * Driven on the UI thread; a spring here would let the trail and the handle come apart
+ * under the finger.
+ */
+export declare const SlideButtonFill: import("react").ForwardRefExoticComponent<{
+    children?: never;
+} & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<View>>;

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

@@ -0,0 +1,29 @@
+import { View } from 'react-native';
+/**
+ * The trail behind the handle — how far the slide has come, not a state.
+ *
+ * Optional: compose it for the affordance, leave it out for a bare pill.
+ *
+ * **Its width is the fraction of the travel the handle has covered, laid over the whole
+ * pill — not the handle's raw offset.** The two agree at rest, where both are nothing.
+ * They part at the end, and that is the point: the handle comes to rest a handle's width
+ * short of the trailing cap, because that is where the handle physically *is*, and a trail
+ * that stopped with it left a confirmed slide showing sixty-odd points of unswept pill —
+ * reading as almost done at the moment it is done. Spread over the pill, the trail lands
+ * full.
+ *
+ * In between, the trail's leading edge sits under the handle for all but the first and last
+ * few points of the drag, so there is no seam to see while the finger is down.
+ *
+ * It is drawn inside a window cut to the pill's shape, because its own corner cannot be:
+ * `radius.full` is clamped to half the shorter side, so while the trail is narrower than
+ * the pill is tall it draws a squarer corner than the pill's and shows outside it. The
+ * window is here rather than on the root so that the cut lands on the trail alone and not
+ * on the handle's shadow.
+ *
+ * Driven on the UI thread; a spring here would let the trail and the handle come apart
+ * under the finger.
+ */
+export declare const SlideButtonFill: import("react").ForwardRefExoticComponent<{
+    children?: never;
+} & Omit<import("react-native").ViewProps, "children"> & Omit<import("../..").ViewStyleProps, keyof import("react-native").ViewProps> & import("react").RefAttributes<View>>;

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

@@ -0,0 +1,10 @@
+import type { SlideButtonIconProps } from './slide-button.type';
+/**
+ * The mark in the thumb. Written inside `SlideButton.Thumb`, it inherits the handle's glyph
+ * size and — because the handle is the surface colour whatever the pill does — the theme's
+ * foreground. `size` and `color` override both.
+ */
+export declare function SlideButtonIcon({ size, color, ...rest }: SlideButtonIconProps): import("react").JSX.Element;
+export declare namespace SlideButtonIcon {
+    var displayName: string;
+}

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

@@ -0,0 +1,10 @@
+import type { SlideButtonIconProps } from './slide-button.type';
+/**
+ * The mark in the thumb. Written inside `SlideButton.Thumb`, it inherits the handle's glyph
+ * size and — because the handle is the surface colour whatever the pill does — the theme's
+ * foreground. `size` and `color` override both.
+ */
+export declare function SlideButtonIcon({ size, color, ...rest }: SlideButtonIconProps): import("react").JSX.Element;
+export declare namespace SlideButtonIcon {
+    var displayName: string;
+}

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

@@ -0,0 +1,20 @@
+import { Text } from 'react-native';
+/**
+ * The instruction, centred across the whole pill. The thumb slides over it rather than
+ * beside it — there is no gap to keep, because they are not laid out together.
+ *
+ * **It is drawn twice.** On the four intent variants the pill sweeps from its soft slice
+ * to the vivid one, and no single text colour survives that: painted for the soft pill a
+ * label reads about 1.3:1 against the vivid trail, painted for the trail it is invisible
+ * at rest. So the second copy is painted for the swept ground and clipped to exactly the
+ * trail's width — a word the trail is halfway through is dark on the half that is still
+ * soft and light on the half that is not. Where a variant names no `fgSelected` both
+ * copies resolve to the same colour and the second one costs a `Text` that changes
+ * nothing.
+ *
+ * The clip's width is driven on the UI thread off the same shared offset the trail reads,
+ * so the two edges are the same edge and never separate under the finger.
+ */
+export declare const SlideButtonLabel: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<Text>>;

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

@@ -0,0 +1,20 @@
+import { Text } from 'react-native';
+/**
+ * The instruction, centred across the whole pill. The thumb slides over it rather than
+ * beside it — there is no gap to keep, because they are not laid out together.
+ *
+ * **It is drawn twice.** On the four intent variants the pill sweeps from its soft slice
+ * to the vivid one, and no single text colour survives that: painted for the soft pill a
+ * label reads about 1.3:1 against the vivid trail, painted for the trail it is invisible
+ * at rest. So the second copy is painted for the swept ground and clipped to exactly the
+ * trail's width — a word the trail is halfway through is dark on the half that is still
+ * soft and light on the half that is not. Where a variant names no `fgSelected` both
+ * copies resolve to the same colour and the second one costs a `Text` that changes
+ * nothing.
+ *
+ * The clip's width is driven on the UI thread off the same shared offset the trail reads,
+ * so the two edges are the same edge and never separate under the finger.
+ */
+export declare const SlideButtonLabel: import("react").ForwardRefExoticComponent<import("react-native").TextProps & Omit<import("../..").TextStyleProps, keyof import("react-native").TextProps> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<Text>>;

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

@@ -0,0 +1,20 @@
+import type { SlideButtonThumbProps } from './slide-button.type';
+/**
+ * The handle the finger drags.
+ *
+ * The pan runs on `react-native-gesture-handler`, the same **optional** peer the `Slider`
+ * reaches for and imported here and nowhere else — an app that never touches
+ * `@xaui/native/slide-button` does not pay for it.
+ *
+ * Everything the finger does stays on the UI thread: the offset is a shared value the pan
+ * writes and the fill and the handle both read. The one hop to JS is `runOnJS` on release,
+ * once, when the slide has reached the threshold — the confirm is React state and a
+ * callback, and neither belongs on the worklet.
+ *
+ * With no children it draws the built-in chevron, mirrored under RTL so it always points
+ * the way the handle travels. Pass an `Icon` — or anything — to replace it.
+ */
+export declare function SlideButtonThumb({ children, style, ...props }: SlideButtonThumbProps): import("react").JSX.Element;
+export declare namespace SlideButtonThumb {
+    var displayName: string;
+}

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

@@ -0,0 +1,20 @@
+import type { SlideButtonThumbProps } from './slide-button.type';
+/**
+ * The handle the finger drags.
+ *
+ * The pan runs on `react-native-gesture-handler`, the same **optional** peer the `Slider`
+ * reaches for and imported here and nowhere else — an app that never touches
+ * `@xaui/native/slide-button` does not pay for it.
+ *
+ * Everything the finger does stays on the UI thread: the offset is a shared value the pan
+ * writes and the fill and the handle both read. The one hop to JS is `runOnJS` on release,
+ * once, when the slide has reached the threshold — the confirm is React state and a
+ * callback, and neither belongs on the worklet.
+ *
+ * With no children it draws the built-in chevron, mirrored under RTL so it always points
+ * the way the handle travels. Pass an `Icon` — or anything — to replace it.
+ */
+export declare function SlideButtonThumb({ children, style, ...props }: SlideButtonThumbProps): import("react").JSX.Element;
+export declare namespace SlideButtonThumb {
+    var displayName: string;
+}

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

@@ -0,0 +1,33 @@
+/**
+ * The thumb's motion.
+ *
+ * It grows a little under the finger, the only confirmation the control can give that the
+ * drag has taken — the finger is already over the handle, so the scale is what shows in the
+ * ring of pill around it. The `Slider`'s knob does the same.
+ */
+export declare const THUMB_PRESSED_SCALE = 1.06;
+/**
+ * How the thumb settles when the finger lifts — springing home if the slide fell short,
+ * or on to the end if it did not. Stiff and well damped: a confirmation arrives, it does
+ * not wobble.
+ */
+export declare const THUMB_SPRING: {
+    readonly damping: 20;
+    readonly stiffness: 260;
+    readonly mass: 0.7;
+};
+/** How far along the track the thumb must reach for the slide to count, from 0 to 1. */
+export declare const DEFAULT_THRESHOLD = 0.9;
+/**
+ * How much of the pill the slide has swept, in points — the trail's width, and the width
+ * of the clip the swept label is read through.
+ *
+ * It is the fraction of the travel laid over the **whole** pill rather than the handle's
+ * raw offset, because the handle stops a handle's width short of the trailing cap and a
+ * trail that stopped with it would leave a confirmed slide showing unswept pill.
+ *
+ * The two callers have to agree to the point: the trail paints the swept ground and the
+ * clip decides which half of a straddling word is painted for it. Two expressions of the
+ * same edge would eventually drift, so there is one.
+ */
+export declare function sweptWidth(offset: number, travel: number, trackLength: number): number;

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

@@ -0,0 +1,33 @@
+/**
+ * The thumb's motion.
+ *
+ * It grows a little under the finger, the only confirmation the control can give that the
+ * drag has taken — the finger is already over the handle, so the scale is what shows in the
+ * ring of pill around it. The `Slider`'s knob does the same.
+ */
+export declare const THUMB_PRESSED_SCALE = 1.06;
+/**
+ * How the thumb settles when the finger lifts — springing home if the slide fell short,
+ * or on to the end if it did not. Stiff and well damped: a confirmation arrives, it does
+ * not wobble.
+ */
+export declare const THUMB_SPRING: {
+    readonly damping: 20;
+    readonly stiffness: 260;
+    readonly mass: 0.7;
+};
+/** How far along the track the thumb must reach for the slide to count, from 0 to 1. */
+export declare const DEFAULT_THRESHOLD = 0.9;
+/**
+ * How much of the pill the slide has swept, in points — the trail's width, and the width
+ * of the clip the swept label is read through.
+ *
+ * It is the fraction of the travel laid over the **whole** pill rather than the handle's
+ * raw offset, because the handle stops a handle's width short of the trailing cap and a
+ * trail that stopped with it would leave a confirmed slide showing unswept pill.
+ *
+ * The two callers have to agree to the point: the trail paints the swept ground and the
+ * clip decides which half of a straddling word is painted for it. Two expressions of the
+ * same edge would eventually drift, so there is one.
+ */
+export declare function sweptWidth(offset: number, travel: number, trackLength: number): number;

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

@@ -0,0 +1,7 @@
+import type { SlideButtonContextValue } from './slide-button.type';
+/**
+ * R10 — `useSlideButton` is exported so a third party can write its own slot (a second
+ * mark, a progress readout) against the same resolved styles and the same shared offset
+ * the built-in ones read. Outside a `<SlideButton>` it throws by name.
+ */
+export declare const SlideButtonProvider: import("react").Provider<SlideButtonContextValue | null>, useSlideButton: () => SlideButtonContextValue;

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

@@ -0,0 +1,7 @@
+import type { SlideButtonContextValue } from './slide-button.type';
+/**
+ * R10 — `useSlideButton` is exported so a third party can write its own slot (a second
+ * mark, a progress readout) against the same resolved styles and the same shared offset
+ * the built-in ones read. Outside a `<SlideButton>` it throws by name.
+ */
+export declare const SlideButtonProvider: import("react").Provider<SlideButtonContextValue | null>, useSlideButton: () => SlideButtonContextValue;