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

package/dist/chunk-SVS726BW.js

@@ -0,0 +1,822 @@
+import { useControllableState } from "./chunk-F6W3JQ7K.js";
+import { Icon } from "./chunk-JN6IRT2M.js";
+import { childrenToString } from "./chunk-WFZDAXDI.js";
+import { createRecipe, radiusAxis } from "./chunk-DKVXTMIJ.js";
+import { createSlotContext } from "./chunk-TTZOIXKE.js";
+import { alpha, useXAUITheme } from "./chunk-Z6JBWRPL.js";
+import { useStyleProps } from "./chunk-M63GFNKV.js";
+
+// src/components/slide-button/slide-button-fill.tsx
+import { forwardRef } from "react";
+import { View } from "react-native";
+import Animated, { useAnimatedStyle } from "react-native-reanimated";
+
+// src/components/slide-button/slide-button.animation.ts
+var THUMB_PRESSED_SCALE = 1.06;
+var THUMB_SPRING = {
+  damping: 20,
+  stiffness: 260,
+  mass: 0.7
+};
+var DEFAULT_THRESHOLD = 0.9;
+const _worklet_12457781125002_init_data = {
+  code: "function sweptWidth_chunkSVS726BWJs1(offset,travel,trackLength){return travel>0?offset/travel*trackLength:0;}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js",
+  sourceMap: "{\"version\":3,\"names\":[\"sweptWidth_chunkSVS726BWJs1\",\"offset\",\"travel\",\"trackLength\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js\"],\"mappings\":\"AAiCA,SAAAA,2BAAkCA,CAAEC,MAAA,CAAAC,MAAa,CAAAC,WAAA,EAE/C,MAAO,CAAAD,MAAM,CAAG,CAAC,CAAGD,MAAM,CAAGC,MAAM,CAAGC,WAAW,CAAG,CAAC,CACvD\",\"ignoreList\":[]}"
+};
+const sweptWidth = function sweptWidth_chunkSVS726BWJs1Factory({
+  _worklet_12457781125002_init_data
+}) {
+  const _e = [new global.Error(), 1, -27];
+  const sweptWidth = function (offset, travel, trackLength) {
+    return travel > 0 ? offset / travel * trackLength : 0;
+  };
+  sweptWidth.__closure = {};
+  sweptWidth.__workletHash = 12457781125002;
+  sweptWidth.__pluginVersion = "0.7.4";
+  sweptWidth.__initData = _worklet_12457781125002_init_data;
+  sweptWidth.__stackDetails = _e;
+  return sweptWidth;
+}({
+  _worklet_12457781125002_init_data
+}); // src/components/slide-button/slide-button.context.ts
+var [SlideButtonProvider, useSlideButton] = createSlotContext("SlideButton");
+
+// src/components/slide-button/slide-button-fill.tsx
+import { jsx } from "react/jsx-runtime";
+const _worklet_17151133608065_init_data = {
+  code: "function chunkSVS726BWJs2(){const{sweptWidth,offset,travel,trackLength}=this.__closure;return{width:sweptWidth(offset.get(),travel,trackLength)};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSVS726BWJs2\",\"sweptWidth\",\"offset\",\"travel\",\"trackLength\",\"__closure\",\"width\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js\"],\"mappings\":\"AA+CmC,SAAAA,gBAAMA,CAAA,QAAAC,UAAA,CAAAC,MAAA,CAAAC,MAAA,CAAAC,WAAA,OAAAC,SAAA,CAEnC,MAAO,CAAEC,KAAK,CAAEL,UAAU,CAACC,MAAM,CAACK,GAAG,CAAC,CAAC,CAAEJ,MAAM,CAAEC,WAAW,CAAE,CAAC,CACjE\",\"ignoreList\":[]}"
+};
+var SlideButtonFill = forwardRef(function SlideButtonFill2({
+  style,
+  ...props
+}, ref) {
+  const {
+    fillClipStyle,
+    fillStyle,
+    offset,
+    travel,
+    trackLength
+  } = useSlideButton();
+  const [styleProps, rest] = useStyleProps(props);
+  const width = useAnimatedStyle(function chunkSVS726BWJs2Factory({
+    _worklet_17151133608065_init_data,
+    sweptWidth,
+    offset,
+    travel,
+    trackLength
+  }) {
+    const _e = [new global.Error(), -5, -27];
+    const chunkSVS726BWJs2 = function () {
+      return {
+        width: sweptWidth(offset.get(), travel, trackLength)
+      };
+    };
+    chunkSVS726BWJs2.__closure = {
+      sweptWidth,
+      offset,
+      travel,
+      trackLength
+    };
+    chunkSVS726BWJs2.__workletHash = 17151133608065;
+    chunkSVS726BWJs2.__pluginVersion = "0.7.4";
+    chunkSVS726BWJs2.__initData = _worklet_17151133608065_init_data;
+    chunkSVS726BWJs2.__stackDetails = _e;
+    return chunkSVS726BWJs2;
+  }({
+    _worklet_17151133608065_init_data,
+    sweptWidth,
+    offset,
+    travel,
+    trackLength
+  }), [travel, trackLength]);
+  return /* @__PURE__ */jsx(View, {
+    pointerEvents: "box-none",
+    style: fillClipStyle,
+    children: /* @__PURE__ */jsx(Animated.View, {
+      ref,
+      ...rest,
+      style: [fillStyle, width, styleProps, style]
+    })
+  });
+});
+SlideButtonFill.displayName = "XAUI.SlideButton.Fill";
+
+// src/components/slide-button/slide-button-icon.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function SlideButtonIcon({
+  size,
+  color,
+  ...rest
+}) {
+  const {
+    icon
+  } = useSlideButton();
+  return /* @__PURE__ */jsx2(Icon, {
+    size: size ?? icon.size,
+    color: color ?? icon.color,
+    ...rest
+  });
+}
+SlideButtonIcon.displayName = "XAUI.SlideButton.Icon";
+
+// src/components/slide-button/slide-button-label.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { StyleSheet, Text } from "react-native";
+import Animated2, { useAnimatedStyle as useAnimatedStyle2 } from "react-native-reanimated";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var CLIP = StyleSheet.create({
+  window: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    start: 0,
+    overflow: "hidden",
+    justifyContent: "center"
+  }
+});
+const _worklet_1683432508864_init_data = {
+  code: "function chunkSVS726BWJs3(){const{sweptWidth,offset,travel,trackLength}=this.__closure;return{width:sweptWidth(offset.get(),travel,trackLength)};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSVS726BWJs3\",\"sweptWidth\",\"offset\",\"travel\",\"trackLength\",\"__closure\",\"width\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js\"],\"mappings\":\"AA0FmC,SAAAA,gBAAMA,CAAA,QAAAC,UAAA,CAAAC,MAAA,CAAAC,MAAA,CAAAC,WAAA,OAAAC,SAAA,CAEnC,MAAO,CAAEC,KAAK,CAAEL,UAAU,CAACC,MAAM,CAACK,GAAG,CAAC,CAAC,CAAEJ,MAAM,CAAEC,WAAW,CAAE,CAAC,CACjE\",\"ignoreList\":[]}"
+};
+var SlideButtonLabel = forwardRef2(function SlideButtonLabel2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    labelStyle,
+    labelSweptStyle,
+    offset,
+    travel,
+    trackLength
+  } = useSlideButton();
+  const [styleProps, rest] = useStyleProps(props);
+  const clip = useAnimatedStyle2(function chunkSVS726BWJs3Factory({
+    _worklet_1683432508864_init_data,
+    sweptWidth,
+    offset,
+    travel,
+    trackLength
+  }) {
+    const _e = [new global.Error(), -5, -27];
+    const chunkSVS726BWJs3 = function () {
+      return {
+        width: sweptWidth(offset.get(), travel, trackLength)
+      };
+    };
+    chunkSVS726BWJs3.__closure = {
+      sweptWidth,
+      offset,
+      travel,
+      trackLength
+    };
+    chunkSVS726BWJs3.__workletHash = 1683432508864;
+    chunkSVS726BWJs3.__pluginVersion = "0.7.4";
+    chunkSVS726BWJs3.__initData = _worklet_1683432508864_init_data;
+    chunkSVS726BWJs3.__stackDetails = _e;
+    return chunkSVS726BWJs3;
+  }({
+    _worklet_1683432508864_init_data,
+    sweptWidth,
+    offset,
+    travel,
+    trackLength
+  }), [travel, trackLength]);
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx3(Text, {
+      ref,
+      numberOfLines: 1,
+      ...rest,
+      style: [labelStyle, styleProps, style],
+      children
+    }), /* @__PURE__ */jsx3(Animated2.View, {
+      pointerEvents: "none",
+      style: [CLIP.window, clip],
+      children: /* @__PURE__ */jsx3(Text, {
+        numberOfLines: 1,
+        ...rest,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no-hide-descendants",
+        style: [labelSweptStyle, styleProps, style],
+        children
+      })
+    })]
+  });
+});
+SlideButtonLabel.displayName = "XAUI.SlideButton.Label";
+
+// src/components/slide-button/slide-button-thumb.tsx
+import { I18nManager, View as View2 } from "react-native";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import Animated3, { runOnJS, useAnimatedStyle as useAnimatedStyle3, useSharedValue, withSpring } from "react-native-reanimated";
+import { jsx as jsx4 } from "react/jsx-runtime";
+const _worklet_9340506782582_init_data = {
+  code: "function chunkSVS726BWJs4(){const{pressed,withSpring,THUMB_SPRING,travel,offset,threshold,runOnJS,confirm}=this.__closure;pressed.set(withSpring(0,THUMB_SPRING));const reached=travel>0&&offset.get()/travel>=threshold;offset.set(withSpring(reached?travel:0,THUMB_SPRING));if(reached)runOnJS(confirm)();}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSVS726BWJs4\",\"pressed\",\"withSpring\",\"THUMB_SPRING\",\"travel\",\"offset\",\"threshold\",\"runOnJS\",\"confirm\",\"__closure\",\"set\",\"reached\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js\"],\"mappings\":\"AA4JgB,SAAAA,gBAAMA,CAAA,QAAAC,OAAA,CAAAC,UAAA,CAAAC,YAAA,CAAAC,MAAA,CAAAC,MAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,OAAA,OAAAC,SAAA,CAClBR,OAAO,CAACS,GAAG,CAACR,UAAU,CAAC,CAAC,CAAEC,YAAY,CAAC,CAAC,CACxC,KAAM,CAAAQ,OAAO,CAAGP,MAAM,CAAG,CAAC,EAAIC,MAAM,CAACO,GAAG,CAAC,CAAC,CAAGR,MAAM,EAAIE,SAAS,CAChED,MAAM,CAACK,GAAG,CAACR,UAAU,CAACS,OAAO,CAAGP,MAAM,CAAG,CAAC,CAAED,YAAY,CAAC,CAAC,CAC1D,GAAIQ,OAAO,CAAEJ,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC,CACjC\",\"ignoreList\":[]}"
+};
+const _worklet_7926266880267_init_data = {
+  code: "function chunkSVS726BWJs5(event){const{start,direction,offset,travel}=this.__closure;const next=start.get()+direction*event.translationX;offset.set(Math.min(Math.max(next,0),travel));}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSVS726BWJs5\",\"event\",\"start\",\"direction\",\"offset\",\"travel\",\"__closure\",\"next\",\"get\",\"translationX\",\"set\",\"Math\",\"min\",\"max\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js\"],\"mappings\":\"AAyJe,SAAAA,gBAAUA,CAAAC,KAAA,QAAAC,KAAA,CAAAC,SAAA,CAAAC,MAAA,CAAAC,MAAA,OAAAC,SAAA,CACrB,KAAM,CAAAC,IAAI,CAAGL,KAAK,CAACM,GAAG,CAAC,CAAC,CAAGL,SAAS,CAAGF,KAAK,CAACQ,YAAY,CACzDL,MAAM,CAACM,GAAG,CAACC,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACN,IAAI,CAAE,CAAC,CAAC,CAAEF,MAAM,CAAC,CAAC,CACjD\",\"ignoreList\":[]}"
+};
+const _worklet_2510596241439_init_data = {
+  code: "function chunkSVS726BWJs6(){const{start,offset,pressed,withSpring,THUMB_SPRING}=this.__closure;start.set(offset.get());pressed.set(withSpring(1,THUMB_SPRING));}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSVS726BWJs6\",\"start\",\"offset\",\"pressed\",\"withSpring\",\"THUMB_SPRING\",\"__closure\",\"set\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js\"],\"mappings\":\"AAsJyE,SAAAA,gBAAMA,CAAA,QAAAC,KAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,UAAA,CAAAC,YAAA,OAAAC,SAAA,CAC3EL,KAAK,CAACM,GAAG,CAACL,MAAM,CAACM,GAAG,CAAC,CAAC,CAAC,CACvBL,OAAO,CAACI,GAAG,CAACH,UAAU,CAAC,CAAC,CAAEC,YAAY,CAAC,CAAC,CAC1C\",\"ignoreList\":[]}"
+};
+const _worklet_9163364155613_init_data = {
+  code: "function chunkSVS726BWJs7(){const{direction,offset,pressed,THUMB_PRESSED_SCALE}=this.__closure;return{transform:[{translateX:direction*offset.get()},{scale:1+pressed.get()*(THUMB_PRESSED_SCALE-1)}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSVS726BWJs7\",\"direction\",\"offset\",\"pressed\",\"THUMB_PRESSED_SCALE\",\"__closure\",\"transform\",\"translateX\",\"get\",\"scale\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SVS726BW.js\"],\"mappings\":\"AAkKqC,SAAAA,gBAAMA,CAAA,QAAAC,SAAA,CAAAC,MAAA,CAAAC,OAAA,CAAAC,mBAAA,OAAAC,SAAA,CAEvC,MAAO,CACLC,SAAS,CAAE,CACT,CAAEC,UAAU,CAAEN,SAAS,CAAGC,MAAM,CAACM,GAAG,CAAC,CAAE,CAAC,CACxC,CAAEC,KAAK,CAAE,CAAC,CAAGN,OAAO,CAACK,GAAG,CAAC,CAAC,EAAIJ,mBAAmB,CAAG,CAAC,CAAE,CAAC,CAE5D,CAAC,CACH\",\"ignoreList\":[]}"
+};
+function SlideButtonThumb({
+  children,
+  style,
+  ...props
+}) {
+  const {
+    thumbStyle,
+    glyphStyle,
+    offset,
+    travel,
+    threshold,
+    isDisabled,
+    isConfirmed,
+    confirm
+  } = useSlideButton();
+  const [styleProps, rest] = useStyleProps(props);
+  const pressed = useSharedValue(0);
+  const start = useSharedValue(0);
+  const direction = I18nManager.isRTL ? -1 : 1;
+  const pan = Gesture.Pan().enabled(!isDisabled && !isConfirmed).onBegin(function chunkSVS726BWJs6Factory({
+    _worklet_2510596241439_init_data,
+    start,
+    offset,
+    pressed,
+    withSpring,
+    THUMB_SPRING
+  }) {
+    const _e = [new global.Error(), -6, -27];
+    const chunkSVS726BWJs6 = function () {
+      start.set(offset.get());
+      pressed.set(withSpring(1, THUMB_SPRING));
+    };
+    chunkSVS726BWJs6.__closure = {
+      start,
+      offset,
+      pressed,
+      withSpring,
+      THUMB_SPRING
+    };
+    chunkSVS726BWJs6.__workletHash = 2510596241439;
+    chunkSVS726BWJs6.__pluginVersion = "0.7.4";
+    chunkSVS726BWJs6.__initData = _worklet_2510596241439_init_data;
+    chunkSVS726BWJs6.__stackDetails = _e;
+    return chunkSVS726BWJs6;
+  }({
+    _worklet_2510596241439_init_data,
+    start,
+    offset,
+    pressed,
+    withSpring,
+    THUMB_SPRING
+  })).onUpdate(function chunkSVS726BWJs5Factory({
+    _worklet_7926266880267_init_data,
+    start,
+    direction,
+    offset,
+    travel
+  }) {
+    const _e = [new global.Error(), -5, -27];
+    const chunkSVS726BWJs5 = function (event) {
+      const next = start.get() + direction * event.translationX;
+      offset.set(Math.min(Math.max(next, 0), travel));
+    };
+    chunkSVS726BWJs5.__closure = {
+      start,
+      direction,
+      offset,
+      travel
+    };
+    chunkSVS726BWJs5.__workletHash = 7926266880267;
+    chunkSVS726BWJs5.__pluginVersion = "0.7.4";
+    chunkSVS726BWJs5.__initData = _worklet_7926266880267_init_data;
+    chunkSVS726BWJs5.__stackDetails = _e;
+    return chunkSVS726BWJs5;
+  }({
+    _worklet_7926266880267_init_data,
+    start,
+    direction,
+    offset,
+    travel
+  })).onFinalize(function chunkSVS726BWJs4Factory({
+    _worklet_9340506782582_init_data,
+    pressed,
+    withSpring,
+    THUMB_SPRING,
+    travel,
+    offset,
+    threshold,
+    runOnJS,
+    confirm
+  }) {
+    const _e = [new global.Error(), -9, -27];
+    const chunkSVS726BWJs4 = function () {
+      pressed.set(withSpring(0, THUMB_SPRING));
+      const reached = travel > 0 && offset.get() / travel >= threshold;
+      offset.set(withSpring(reached ? travel : 0, THUMB_SPRING));
+      if (reached) runOnJS(confirm)();
+    };
+    chunkSVS726BWJs4.__closure = {
+      pressed,
+      withSpring,
+      THUMB_SPRING,
+      travel,
+      offset,
+      threshold,
+      runOnJS,
+      confirm
+    };
+    chunkSVS726BWJs4.__workletHash = 9340506782582;
+    chunkSVS726BWJs4.__pluginVersion = "0.7.4";
+    chunkSVS726BWJs4.__initData = _worklet_9340506782582_init_data;
+    chunkSVS726BWJs4.__stackDetails = _e;
+    return chunkSVS726BWJs4;
+  }({
+    _worklet_9340506782582_init_data,
+    pressed,
+    withSpring,
+    THUMB_SPRING,
+    travel,
+    offset,
+    threshold,
+    runOnJS,
+    confirm
+  }));
+  const animated = useAnimatedStyle3(function chunkSVS726BWJs7Factory({
+    _worklet_9163364155613_init_data,
+    direction,
+    offset,
+    pressed,
+    THUMB_PRESSED_SCALE
+  }) {
+    const _e = [new global.Error(), -5, -27];
+    const chunkSVS726BWJs7 = function () {
+      return {
+        transform: [{
+          translateX: direction * offset.get()
+        }, {
+          scale: 1 + pressed.get() * (THUMB_PRESSED_SCALE - 1)
+        }]
+      };
+    };
+    chunkSVS726BWJs7.__closure = {
+      direction,
+      offset,
+      pressed,
+      THUMB_PRESSED_SCALE
+    };
+    chunkSVS726BWJs7.__workletHash = 9163364155613;
+    chunkSVS726BWJs7.__pluginVersion = "0.7.4";
+    chunkSVS726BWJs7.__initData = _worklet_9163364155613_init_data;
+    chunkSVS726BWJs7.__stackDetails = _e;
+    return chunkSVS726BWJs7;
+  }({
+    _worklet_9163364155613_init_data,
+    direction,
+    offset,
+    pressed,
+    THUMB_PRESSED_SCALE
+  }), [direction]);
+  return /* @__PURE__ */jsx4(GestureDetector, {
+    gesture: pan,
+    children: /* @__PURE__ */jsx4(Animated3.View, {
+      ...rest,
+      style: [thumbStyle, animated, styleProps, style],
+      children: children ?? /* @__PURE__ */jsx4(View2, {
+        style: glyphStyle
+      })
+    })
+  });
+}
+SlideButtonThumb.displayName = "XAUI.SlideButton.Thumb";
+
+// src/components/slide-button/slide-button.tsx
+import { forwardRef as forwardRef3, useCallback, useEffect, useMemo, useState } from "react";
+import { StyleSheet as StyleSheet2, View as View3 } from "react-native";
+import { useSharedValue as useSharedValue2, withSpring as withSpring2 } from "react-native-reanimated";
+
+// src/components/slide-button/slide-button.recipe.ts
+var SLOTS = ["root", "fillClip", "fill", "label", "labelSwept", "thumb", "glyph"];
+var VARIANT_TOKENS = {
+  primary: {
+    bg: "accentSoft",
+    fg: "accentSoftForeground",
+    bgSelected: "accent",
+    fgSelected: "accentForeground"
+  },
+  secondary: {
+    bg: "default",
+    fg: "defaultForeground"
+  },
+  tertiary: {
+    border: "border",
+    fg: "foreground"
+  },
+  ghost: {
+    fg: "foreground"
+  },
+  success: {
+    bg: "successSoft",
+    fg: "successSoftForeground",
+    bgSelected: "success",
+    fgSelected: "successForeground"
+  },
+  "success-soft": {
+    bg: "successSoft",
+    fg: "success"
+  },
+  warning: {
+    bg: "warningSoft",
+    fg: "warningSoftForeground",
+    bgSelected: "warning",
+    fgSelected: "warningForeground"
+  },
+  "warning-soft": {
+    bg: "warningSoft",
+    fg: "warning"
+  },
+  danger: {
+    bg: "dangerSoft",
+    fg: "dangerSoftForeground",
+    bgSelected: "danger",
+    fgSelected: "dangerForeground"
+  },
+  "danger-soft": {
+    bg: "dangerSoft",
+    fg: "danger"
+  }
+};
+var FILL_ALPHA = 0.2;
+var THUMB_RATIO = 1.5;
+var NO_SHADOW = {
+  shadowColor: "#000000",
+  shadowOffset: {
+    width: 0,
+    height: 0
+  },
+  shadowOpacity: 0,
+  shadowRadius: 0,
+  elevation: 0
+};
+var SIZES = {
+  sm: {
+    height: "sm",
+    inset: 3,
+    glyph: 14,
+    label: "sm"
+  },
+  md: {
+    height: "md",
+    inset: 4,
+    glyph: 16,
+    label: "md"
+  },
+  lg: {
+    height: "lg",
+    inset: 4,
+    glyph: 20,
+    label: "lg"
+  }
+};
+function sizeAxis(step) {
+  return theme => {
+    const height = theme.controlHeights[step.height];
+    const handleHeight = height - step.inset * 2;
+    return {
+      root: {
+        height
+      },
+      // Centred across the whole pill, not laid out beside the handle — the handle slides
+      // over it, so there is no gap to keep. Symmetric `start`/`end` insets (R13, never
+      // `left`/`right`) just keep a long label off the pill's rounded ends.
+      label: {
+        start: theme.spacing(4),
+        end: theme.spacing(4),
+        fontSize: theme.fontSizes[step.label],
+        lineHeight: theme.lineHeights[step.label]
+      },
+      // The same type at the same inset. No `end`: this copy is laid out inside a clip
+      // whose width is the trail's, and an `end` would measure against *that*, re-centring
+      // the text in a box that keeps narrowing. The slot gives it a width off the measured
+      // pill instead, so both copies sit on exactly the same glyphs.
+      labelSwept: {
+        start: theme.spacing(4),
+        fontSize: theme.fontSizes[step.label],
+        lineHeight: theme.lineHeights[step.label]
+      },
+      // A horizontal stadium: wider than tall, its corners a half-height so the ends stay
+      // round at any width. `start` is its resting inset; the pan translates it from there.
+      thumb: {
+        width: Math.round(handleHeight * THUMB_RATIO),
+        height: handleHeight,
+        borderRadius: handleHeight / 2,
+        start: step.inset
+      },
+      glyph: {
+        width: step.glyph,
+        height: step.glyph
+      }
+    };
+  };
+}
+var slideButtonRecipe = createRecipe({
+  slots: SLOTS,
+  base: theme => ({
+    // A fixed-height bar holding absolutely-positioned children — the fill, the label and
+    // its clipped copy, the thumb — so none of them pushes the others around as it moves.
+    //
+    // **It does not clip.** The trail needs clipping and gets it from `fillClip`, one layer
+    // in; putting `overflow: 'hidden'` up here instead costs the handle its shadow. That
+    // shadow is offset a point down over a three-point blur, and the handle sits four
+    // points off the floor — so the lower half reaches the pill's edge exactly, and the
+    // clip cut it flat there and curved it away at the leading cap while leaving the top
+    // untouched. A shadow soft above and sheared below does not read as a clipped shadow;
+    // it reads as a handle sunk into a groove, which is what it looked like.
+    root: {
+      width: "100%",
+      justifyContent: "center",
+      borderCurve: "continuous",
+      borderRadius: theme.radius.full,
+      borderWidth: 0
+    },
+    /**
+     * The window the trail is read through, and the whole reason it has one.
+     *
+     * The pill is `radius.full`, which on a 48-tall bar resolves to a 24-point cap. The
+     * trail's own `full` is clamped to half of whichever side is shorter — half its
+     * *width* for the first 48 points of the drag — so it draws a squarer corner inside a
+     * rounder one and bulges past the leading edge. No radius fixes that, because the
+     * clamp applies whatever is asked for: the trail has to be cut to the pill's shape.
+     *
+     * Cutting it here rather than on the root is what keeps the cut off the handle.
+     */
+    fillClip: {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      start: 0,
+      end: 0,
+      overflow: "hidden",
+      borderCurve: "continuous",
+      borderRadius: theme.radius.full
+    },
+    // Zero width at rest — the width is the swept fraction of the pill, set by the slot,
+    // so there is nothing to draw until the drag has actually started. The radius is the
+    // pill's, so the trail matches the leading cap once it is wide enough to render it;
+    // `fillClip` covers the widths where it cannot. The colour is the variant's,
+    // set in `paint`.
+    fill: {
+      position: "absolute",
+      top: 0,
+      bottom: 0,
+      start: 0,
+      borderRadius: theme.radius.full
+    },
+    label: {
+      position: "absolute",
+      textAlign: "center",
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium
+    },
+    /**
+     * The label again, for the ground the trail has already covered.
+     *
+     * One label cannot serve both: on the four inverted variants the pill goes from a soft
+     * slice to the vivid one, and the polarity of a readable text colour flips with it —
+     * measured, a label painted for the soft pill reads 1.2–1.5:1 once the trail is under
+     * it, in light and in dark alike. Fading the label out would answer legibility by
+     * removing the instruction, which is the wrong trade on the control whose whole job is
+     * to say what the slide will do. So it is drawn twice and the top copy is clipped to
+     * the trail: each half of a straddling word sits on the ground it was painted for, and
+     * the switch happens exactly at the trail's edge rather than at some threshold.
+     */
+    labelSwept: {
+      position: "absolute",
+      textAlign: "center",
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium
+    },
+    /**
+     * The handle: the surface colour, lifted off the pill by a shadow — the same treatment
+     * the `Slider`'s knob takes, and for the same reason, so the chevron on it never has
+     * to fight the pill for contrast.
+     */
+    thumb: {
+      position: "absolute",
+      alignItems: "center",
+      justifyContent: "center",
+      backgroundColor: theme.colors.background,
+      ...theme.shadows.surface
+    },
+    /**
+     * The built-in chevron, drawn from two borders a quarter turn round — a control whose
+     * whole affordance is "drag me this way" cannot be written without one, and a peer
+     * dependency for a single arrow is the bargain the `CloseButton`'s cross also refuses.
+     * The lit edges are `top` and `end`, so under RTL it flips to point the other way on
+     * its own — the direction the handle travels either way. `children` replace it.
+     */
+    glyph: {
+      borderColor: theme.colors.foreground,
+      borderTopWidth: 2,
+      borderEndWidth: 2,
+      transform: [{
+        rotate: "45deg"
+      }]
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  paint: (theme, colors) => ({
+    root: {
+      backgroundColor: colors.bg,
+      borderColor: colors.border,
+      borderWidth: colors.border ? theme.borderWidth.default : 0
+    },
+    label: {
+      color: colors.fg
+    },
+    // A variant with no vivid slice sweeps a wash, which the resting label already reads
+    // against — so it falls back to the same colour and the two copies are one label.
+    labelSwept: {
+      color: colors.fgSelected ?? colors.fg
+    },
+    // The vivid slice where the variant named one, so the slide *arrives* at the intent
+    // rather than opening on it. Everything else keeps a wash of the same foreground the
+    // label uses, which reads against every pill without a token of its own. Either way a
+    // raw `color` moves the trail, because both roles go through the tint pass.
+    fill: {
+      backgroundColor: colors.bgSelected ?? (colors.fg ? alpha(colors.fg, FILL_ALPHA) : void 0)
+    }
+  }),
+  variants: {
+    size: {
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    /** After `size`, so a caller's `radius` wins over the pill's `full`. */
+    radius: radiusAxis("root", "fillClip", "fill")
+  },
+  states: {
+    disabled: theme => ({
+      root: {
+        opacity: theme.opacity.disabled
+      },
+      // The handle also puts its shadow down. Opacity fades the pill until its edges are
+      // most of the way to the page, but it fades the shadow too — and a shadow at half
+      // strength is still the strongest edge left in the picture, sitting a point below a
+      // handle whose own outline has gone. What reads then is not a faded control, it is a
+      // handle pressed into a dent. Nothing about a disabled control should look lifted
+      // anyway, so the lift goes rather than being dimmed with everything else.
+      thumb: NO_SHADOW
+    })
+  },
+  defaultVariants: {
+    variant: "secondary",
+    size: "md"
+  }
+});
+
+// src/components/slide-button/slide-button.tsx
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var SlideButtonRoot = forwardRef3(function SlideButton({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  threshold = DEFAULT_THRESHOLD,
+  isConfirmed: controlledConfirmed,
+  defaultConfirmed = false,
+  onConfirm,
+  isDisabled = false,
+  accessibilityRole = "button",
+  accessibilityState,
+  style,
+  onLayout,
+  ...props
+}, ref) {
+  const theme = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const [trackLength, setTrackLength] = useState(0);
+  const offset = useSharedValue2(0);
+  const reach = Math.min(Math.max(threshold, 0), 1);
+  const [confirmed, setConfirmed] = useControllableState({
+    value: controlledConfirmed,
+    defaultValue: defaultConfirmed
+  });
+  const selection = {
+    variant,
+    size,
+    radius
+  };
+  const states = {
+    disabled: isDisabled
+  };
+  const styles = slideButtonRecipe.resolve({
+    theme,
+    selection,
+    states
+  });
+  const tint = color ? slideButtonRecipe.tint({
+    theme,
+    color,
+    selection,
+    states
+  }) : void 0;
+  const thumb = StyleSheet2.flatten([styles.thumb]);
+  const thumbSize = typeof thumb.width === "number" ? thumb.width : 0;
+  const inset = typeof thumb.start === "number" ? thumb.start : 0;
+  const travel = Math.max(trackLength - thumbSize - inset * 2, 0);
+  const confirm = useCallback(() => {
+    setConfirmed(true);
+    onConfirm?.();
+  }, [onConfirm, setConfirmed]);
+  useEffect(() => {
+    offset.set(withSpring2(confirmed ? travel : 0, THUMB_SPRING));
+  }, [confirmed, travel, offset]);
+  const measure = useCallback(event => {
+    onLayout?.(event);
+    setTrackLength(event.nativeEvent.layout.width);
+  }, [onLayout]);
+  const context = useMemo(() => {
+    const glyph = StyleSheet2.flatten([styles.glyph, tint?.glyph]);
+    const labelInset = StyleSheet2.flatten([styles.label]).start;
+    const sweptWidth2 = Math.max(trackLength - (typeof labelInset === "number" ? labelInset : 0) * 2, 0);
+    return {
+      fillClipStyle: styles.fillClip,
+      fillStyle: tint ? [styles.fill, tint.fill] : styles.fill,
+      labelStyle: tint ? [styles.label, tint.label] : styles.label,
+      labelSweptStyle: [styles.labelSwept, tint?.labelSwept, {
+        width: sweptWidth2
+      }],
+      thumbStyle: styles.thumb,
+      glyphStyle: tint ? [styles.glyph, tint.glyph] : styles.glyph,
+      icon: {
+        size: typeof glyph.width === "number" ? glyph.width : void 0,
+        // The chevron is on the surface-coloured handle, so its colour is the theme's
+        // foreground and not the variant's — `color` (R7) stays on the pill.
+        color: theme.colors.foreground
+      },
+      offset,
+      travel,
+      thumbSize,
+      threshold: reach,
+      isDisabled,
+      isConfirmed: confirmed,
+      confirm,
+      trackLength
+    };
+  }, [styles, tint, theme.colors.foreground, offset, travel, thumbSize, reach, isDisabled, confirmed, confirm, trackLength]);
+  const text = childrenToString(children);
+  return /* @__PURE__ */jsx5(SlideButtonProvider, {
+    value: context,
+    children: /* @__PURE__ */jsx5(View3, {
+      ref,
+      accessibilityRole,
+      accessibilityState: {
+        disabled: isDisabled,
+        ...accessibilityState
+      },
+      accessibilityActions: [{
+        name: "activate"
+      }],
+      onAccessibilityAction: event => {
+        if (event.nativeEvent.actionName === "activate" && !isDisabled) confirm();
+      },
+      ...rest,
+      onLayout: measure,
+      style: [styles.root, tint?.root, styleProps, style],
+      children: text !== null ? /* @__PURE__ */jsxs2(Fragment2, {
+        children: [/* @__PURE__ */jsx5(SlideButtonFill, {}), /* @__PURE__ */jsx5(SlideButtonLabel, {
+          children: text
+        }), /* @__PURE__ */jsx5(SlideButtonThumb, {})]
+      }) : children
+    })
+  });
+});
+SlideButtonRoot.displayName = "XAUI.SlideButton.Root";
+
+// src/components/slide-button/index.ts
+var SlideButton2 = Object.assign(SlideButtonRoot, {
+  Fill: SlideButtonFill,
+  Label: SlideButtonLabel,
+  Thumb: SlideButtonThumb,
+  Icon: SlideButtonIcon
+});
+export { useSlideButton, SlideButtonFill, SlideButtonIcon, SlideButtonLabel, SlideButtonThumb, slideButtonRecipe, SlideButtonRoot, SlideButton2 as SlideButton };