@xaui/native 0.9.1-beta.96 → 0.9.1-beta.97

package/dist/components/index.d.cts

@@ -50,6 +50,7 @@ export * from './scaffold';
 export * from './search-field';
 export * from './select';
 export * from './skeleton';
+export * from './slide-button';
 export * from './slider';
 export * from './spinner';
 export * from './surface';

package/dist/components/index.d.ts

@@ -50,6 +50,7 @@ export * from './scaffold';
 export * from './search-field';
 export * from './select';
 export * from './skeleton';
+export * from './slide-button';
 export * from './slider';
 export * from './spinner';
 export * from './surface';

package/dist/components/phone-number-field/index.cjs

@@ -59,11 +59,18 @@ var _react = require('react');
 
 
 var _min = require('libphonenumber-js/min');
+function regionNames(locale) {
+  try {
+    return new Intl.DisplayNames([locale], { type: "region" });
+  } catch (e) {
+    return void 0;
+  }
+}
 function phoneCountries(locale, codes = _min.getCountries.call(void 0, )) {
-  const names = new Intl.DisplayNames([locale], { type: "region" });
+  const names = regionNames(locale);
   return [...new Set(codes)].map((code) => ({
     code,
-    name: _nullishCoalesce(names.of(code), () => ( code)),
+    name: _nullishCoalesce(_optionalChain([names, 'optionalAccess', _ => _.of, 'call', _2 => _2(code)]), () => ( code)),
     callingCode: _min.getCountryCallingCode.call(void 0, code),
     flag: String.fromCodePoint(
       ...[...code].map((letter) => letter.charCodeAt(0) + 127397)
@@ -83,7 +90,7 @@ function filterPhoneCountries(countries, query) {
 }
 function readPhoneNumber(value) {
   const parsed = _min.parsePhoneNumberFromString.call(void 0, value.nationalNumber, value.country);
-  return _optionalChain([parsed, 'optionalAccess', _ => _.isPossible, 'call', _2 => _2()]) ? parsed : null;
+  return _optionalChain([parsed, 'optionalAccess', _3 => _3.isPossible, 'call', _4 => _4()]) ? parsed : null;
 }
 function editPhoneNumber(text, current, allowed) {
   const normalized = _min.parseIncompletePhoneNumber.call(void 0, text);
@@ -91,7 +98,7 @@ function editPhoneNumber(text, current, allowed) {
     return { country: current.country, nationalNumber: normalized.slice(0, 17) };
   }
   const parsed = _min.parsePhoneNumberFromString.call(void 0, normalized);
-  if (!_optionalChain([parsed, 'optionalAccess', _3 => _3.country])) {
+  if (!_optionalChain([parsed, 'optionalAccess', _5 => _5.country])) {
     return { country: current.country, nationalNumber: normalized.slice(0, 16) };
   }
   if (allowed && !allowed.includes(parsed.country)) return current;
@@ -117,7 +124,7 @@ var PhoneNumberFieldRoot = _react.forwardRef.call(void 0,
     const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
       value: controlled,
       defaultValue: _nullishCoalesce(defaultValue, () => ( {
-        country: _nullishCoalesce(_optionalChain([countryCodes, 'optionalAccess', _4 => _4[0]]), () => ( "US")),
+        country: _nullishCoalesce(_optionalChain([countryCodes, 'optionalAccess', _6 => _6[0]]), () => ( "US")),
         nationalNumber: ""
       })),
       onChange: onValueChange
@@ -165,7 +172,7 @@ var PhoneNumberFieldRoot = _react.forwardRef.call(void 0,
         value,
         country,
         countries,
-        phoneNumber: _nullishCoalesce(_optionalChain([phoneNumber, 'optionalAccess', _5 => _5.number]), () => ( null)),
+        phoneNumber: _nullishCoalesce(_optionalChain([phoneNumber, 'optionalAccess', _7 => _7.number]), () => ( null)),
         setNumber,
         selectCountry,
         formatNumber,
@@ -217,8 +224,8 @@ var PhoneNumberFieldField = _react.forwardRef.call(void 0, function PhoneNumberF
   const { value, setNumber, formatNumber } = usePhoneNumberField();
   const group = _chunkNRU5APUEcjs.useOptionalFieldGroup.call(void 0, );
   const padding = _react.useMemo.call(void 0, 
-    () => _chunkNRU5APUEcjs.decoratorPadding.call(void 0, _nullishCoalesce(_optionalChain([group, 'optionalAccess', _6 => _6.prefixWidth]), () => ( 0)), _nullishCoalesce(_optionalChain([group, 'optionalAccess', _7 => _7.suffixWidth]), () => ( 0))),
-    [_optionalChain([group, 'optionalAccess', _8 => _8.prefixWidth]), _optionalChain([group, 'optionalAccess', _9 => _9.suffixWidth])]
+    () => _chunkNRU5APUEcjs.decoratorPadding.call(void 0, _nullishCoalesce(_optionalChain([group, 'optionalAccess', _8 => _8.prefixWidth]), () => ( 0)), _nullishCoalesce(_optionalChain([group, 'optionalAccess', _9 => _9.suffixWidth]), () => ( 0))),
+    [_optionalChain([group, 'optionalAccess', _10 => _10.prefixWidth]), _optionalChain([group, 'optionalAccess', _11 => _11.suffixWidth])]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunk2IOL3VDPcjs.TextFieldField,
@@ -231,7 +238,7 @@ var PhoneNumberFieldField = _react.forwardRef.call(void 0, function PhoneNumberF
       onChangeText: setNumber,
       onBlur: (event) => {
         formatNumber();
-        _optionalChain([onBlur, 'optionalCall', _10 => _10(event)]);
+        _optionalChain([onBlur, 'optionalCall', _12 => _12(event)]);
       },
       style: [padding, style]
     }

package/dist/components/phone-number-field/index.js

@@ -59,11 +59,18 @@ import {
   parsePhoneNumberFromString,
   parseIncompletePhoneNumber
 } from "libphonenumber-js/min";
+function regionNames(locale) {
+  try {
+    return new Intl.DisplayNames([locale], { type: "region" });
+  } catch {
+    return void 0;
+  }
+}
 function phoneCountries(locale, codes = getCountries()) {
-  const names = new Intl.DisplayNames([locale], { type: "region" });
+  const names = regionNames(locale);
   return [...new Set(codes)].map((code) => ({
     code,
-    name: names.of(code) ?? code,
+    name: names?.of(code) ?? code,
     callingCode: getCountryCallingCode(code),
     flag: String.fromCodePoint(
       ...[...code].map((letter) => letter.charCodeAt(0) + 127397)

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;

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>>;