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

package/dist/{chunk-WLJPO3AS.cjs → chunk-CZ2NUGUI.cjs}

@@ -1,19 +1,45 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use strict";
 
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+function _nullishCoalesce(lhs, rhsFn) {
+  if (lhs != null) {
+    return lhs;
+  } else {
+    return rhsFn();
+  }
+}
+function _optionalChain(ops) {
+  let lastAccessLHS = undefined;
+  let value = ops[0];
+  let i = 1;
+  while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+      return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+      lastAccessLHS = value;
+      value = fn(value);
+    } else if (op === 'call' || op === 'optionalCall') {
+      value = fn((...args) => value.call(lastAccessLHS, ...args));
+      lastAccessLHS = undefined;
+    }
+  }
+  return value;
+}
 var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
-
-
-
 var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
-
-
 var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
-
-
-
 var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
-
-
 var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
 
 // src/components/slider/slider-fill.tsx
@@ -25,61 +51,82 @@ var [SliderProvider, useSlider] = _chunkCDRGTUYFcjs.createSlotContext.call(void
 
 // src/components/slider/slider-fill.tsx
 var _jsxruntime = require('react/jsx-runtime');
-var SliderFill = _react.forwardRef.call(void 0, function SliderFill2({ style, ...props }, ref) {
-  const { fillStyle, fractions, trackLength, thumbSize, orientation } = useSlider();
+var SliderFill = _react.forwardRef.call(void 0, function SliderFill2({
+  style,
+  ...props
+}, ref) {
+  const {
+    fillStyle,
+    fractions,
+    trackLength,
+    thumbSize,
+    orientation
+  } = useSlider();
   const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const travel = Math.max(trackLength - thumbSize, 0);
   const half = thumbSize / 2;
   const from = fractions.length > 1 ? fractions[0] * travel + half : 0;
   const to = fractions[fractions.length - 1] * travel + half;
   const vertical = orientation === "vertical";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnative.View,
-    {
-      ref,
-      ...rest,
-      style: [
-        fillStyle,
-        vertical ? { bottom: from, height: to - from, top: void 0 } : { start: from, width: to - from, end: void 0 },
-        styleProps,
-        style
-      ]
-    }
-  );
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...rest,
+    style: [fillStyle, vertical ? {
+      bottom: from,
+      height: to - from,
+      top: void 0
+    } : {
+      start: from,
+      width: to - from,
+      end: void 0
+    }, styleProps, style]
+  });
 });
 SliderFill.displayName = "XAUI.Slider.Fill";
 
 // src/components/slider/slider-output.tsx
 
-
-
-var SliderOutput = _react.forwardRef.call(void 0, 
-  function SliderOutput2({ children, style, ...props }, ref) {
-    const { outputStyle, values } = useSlider();
-    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
-    const value = values.length > 1 ? [values[0], values[1]] : values[0];
-    const text = values.length > 1 ? `${values[0]} \u2013 ${values[1]}` : String(values[0]);
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { ref, ...rest, style: [outputStyle, styleProps, style], children: typeof children === "function" ? children(value) : _nullishCoalesce(children, () => ( text)) });
-  }
-);
+var SliderOutput = _react.forwardRef.call(void 0, function SliderOutput2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    outputStyle,
+    values
+  } = useSlider();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const value = values.length > 1 ? [values[0], values[1]] : values[0];
+  const text = values.length > 1 ? `${values[0]} \u2013 ${values[1]}` : String(values[0]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    ...rest,
+    style: [outputStyle, styleProps, style],
+    children: typeof children === "function" ? children(value) : _nullishCoalesce(children, () => text)
+  });
+});
 SliderOutput.displayName = "XAUI.Slider.Output";
 
 // src/components/slider/slider-thumb.tsx
 
 var _reactnativegesturehandler = require('react-native-gesture-handler');
-
-
-
-
-
-var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
 
 // src/components/slider/slider.animation.ts
 var THUMB_PRESSED_SCALE = 1.15;
-var THUMB_SPRING = { damping: 18, stiffness: 320, mass: 0.5 };
+var THUMB_SPRING = {
+  damping: 18,
+  stiffness: 320,
+  mass: 0.5
+};
 
 // src/components/slider/slider-thumb.tsx
-
+const _worklet_2893629534622_init_data = {
+  code: "function chunkCZ2NUGUICjs1(){const{pressed,THUMB_PRESSED_SCALE}=this.__closure;return{transform:[{scale:1+pressed.get()*(THUMB_PRESSED_SCALE-1)}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-CZ2NUGUI.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkCZ2NUGUICjs1\",\"pressed\",\"THUMB_PRESSED_SCALE\",\"__closure\",\"transform\",\"scale\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-CZ2NUGUI.cjs\"],\"mappings\":\"AA4HqE,SAAAA,iBAAMA,CAAA,QAAAC,OAAA,CAAAC,mBAAA,OAAAC,SAAA,CAEvE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,KAAK,CAAE,CAAC,CAAGJ,OAAO,CAACK,GAAG,CAAC,CAAC,EAAIJ,mBAAmB,CAAG,CAAC,CAAE,CAAC,CAAE,CAAC,CAClF\",\"ignoreList\":[]}"
+};
 function SliderThumb({
   index = 0,
   accessibilityValueText,
@@ -104,30 +151,49 @@ function SliderThumb({
   const pressed = _reactnativereanimated.useSharedValue.call(void 0, 0);
   const vertical = orientation === "vertical";
   const travel = Math.max(trackLength - thumbSize, 0);
-  const value = _nullishCoalesce(values[index], () => ( values[0]));
-  const fraction = _nullishCoalesce(fractions[index], () => ( fractions[0]));
+  const value = _nullishCoalesce(values[index], () => values[0]);
+  const fraction = _nullishCoalesce(fractions[index], () => fractions[0]);
   const start = _reactnativereanimated.useSharedValue.call(void 0, 0);
-  const move = _react.useCallback.call(void 0, 
-    (along) => slideTo(index, travel === 0 ? 0 : along / travel),
-    [index, slideTo, travel]
-  );
+  const move = _react.useCallback.call(void 0, along => slideTo(index, travel === 0 ? 0 : along / travel), [index, slideTo, travel]);
   const pan = _reactnativegesturehandler.Gesture.Pan().enabled(!isDisabled).onBegin(() => {
     start.set(fraction * travel);
     pressed.set(_reactnativereanimated.withSpring.call(void 0, 1, THUMB_SPRING));
-  }).onUpdate((event) => {
-    _reactnativereanimated.runOnJS.call(void 0, move)(
-      start.get() + (vertical ? -event.translationY : event.translationX)
-    );
+  }).onUpdate(event => {
+    _reactnativereanimated.runOnJS.call(void 0, move)(start.get() + (vertical ? -event.translationY : event.translationX));
   }).onFinalize(() => {
     pressed.set(_reactnativereanimated.withSpring.call(void 0, 0, THUMB_SPRING));
     _reactnativereanimated.runOnJS.call(void 0, commit)();
   });
-  const scale = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
-    transform: [{ scale: 1 + pressed.get() * (THUMB_PRESSED_SCALE - 1) }]
-  }));
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnativegesturehandler.GestureDetector, { gesture: pan, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnativereanimated2.default.View,
-    {
+  const scale = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkCZ2NUGUICjs1Factory({
+    _worklet_2893629534622_init_data,
+    pressed,
+    THUMB_PRESSED_SCALE
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkCZ2NUGUICjs1 = function () {
+      return {
+        transform: [{
+          scale: 1 + pressed.get() * (THUMB_PRESSED_SCALE - 1)
+        }]
+      };
+    };
+    chunkCZ2NUGUICjs1.__closure = {
+      pressed,
+      THUMB_PRESSED_SCALE
+    };
+    chunkCZ2NUGUICjs1.__workletHash = 2893629534622;
+    chunkCZ2NUGUICjs1.__pluginVersion = "0.7.4";
+    chunkCZ2NUGUICjs1.__initData = _worklet_2893629534622_init_data;
+    chunkCZ2NUGUICjs1.__stackDetails = _e;
+    return chunkCZ2NUGUICjs1;
+  }({
+    _worklet_2893629534622_init_data,
+    pressed,
+    THUMB_PRESSED_SCALE
+  }), [pressed]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativegesturehandler.GestureDetector, {
+    gesture: pan,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
       accessibilityRole: "adjustable",
       accessibilityValue: {
         min,
@@ -135,8 +201,12 @@ function SliderThumb({
         now: value,
         text: _optionalChain([accessibilityValueText, 'optionalCall', _ => _(value)])
       },
-      accessibilityActions: [{ name: "increment" }, { name: "decrement" }],
-      onAccessibilityAction: (event) => {
+      accessibilityActions: [{
+        name: "increment"
+      }, {
+        name: "decrement"
+      }],
+      onAccessibilityAction: event => {
         const delta = event.nativeEvent.actionName === "increment" ? step : -step;
         const next = value + (step === 0 ? (max - min) / 10 : delta);
         slideTo(index, max === min ? 0 : (next - min) / (max - min));
@@ -144,23 +214,24 @@ function SliderThumb({
       },
       "aria-disabled": isDisabled || void 0,
       ...rest,
-      style: [
-        thumbStyle,
-        vertical ? { bottom: fraction * travel } : { start: fraction * travel },
-        scale,
-        styleProps,
-        style
-      ]
-    }
-  ) });
+      style: [thumbStyle, vertical ? {
+        bottom: fraction * travel
+      } : {
+        start: fraction * travel
+      }, scale, styleProps, style]
+    })
+  });
 }
 SliderThumb.displayName = "XAUI.Slider.Thumb";
 
 // src/components/slider/slider-track.tsx
 
-
-
-var SliderTrack = _react.forwardRef.call(void 0, function SliderTrack2({ children, style, onLayout, ...props }, ref) {
+var SliderTrack = _react.forwardRef.call(void 0, function SliderTrack2({
+  children,
+  style,
+  onLayout,
+  ...props
+}, ref) {
   const {
     trackStyle,
     trackLength,
@@ -174,65 +245,81 @@ var SliderTrack = _react.forwardRef.call(void 0, function SliderTrack2({ childre
   } = useSlider();
   const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const vertical = orientation === "vertical";
-  const measure = _react.useCallback.call(void 0, 
-    (event) => {
-      _optionalChain([onLayout, 'optionalCall', _2 => _2(event)]);
-      const { width, height } = event.nativeEvent.layout;
-      setTrackLength(vertical ? height : width);
-    },
-    [onLayout, setTrackLength, vertical]
-  );
-  const handlePress = _react.useCallback.call(void 0, 
-    (event) => {
-      const travel = Math.max(trackLength - thumbSize, 1);
-      const along = vertical ? (
-        // Counted from the bottom: a press near the floor of a vertical rail is a small
-        // value, not a large one.
-        trackLength - event.nativeEvent.locationY
-      ) : event.nativeEvent.locationX;
-      const fraction = (along - thumbSize / 2) / travel;
-      slideTo(thumbFor(fraction), fraction);
-      commit();
-    },
-    [commit, slideTo, thumbFor, thumbSize, trackLength, vertical]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _reactnative.Pressable,
-    {
-      ref,
-      disabled: isDisabled,
-      onPress: handlePress,
-      ...rest,
-      onLayout: measure,
-      style: [trackStyle, styleProps, style],
-      children
-    }
-  );
+  const measure = _react.useCallback.call(void 0, event => {
+    _optionalChain([onLayout, 'optionalCall', _2 => _2(event)]);
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    setTrackLength(vertical ? height : width);
+  }, [onLayout, setTrackLength, vertical]);
+  const handlePress = _react.useCallback.call(void 0, event => {
+    const travel = Math.max(trackLength - thumbSize, 1);
+    const along = vertical ?
+    // Counted from the bottom: a press near the floor of a vertical rail is a small
+    // value, not a large one.
+    trackLength - event.nativeEvent.locationY : event.nativeEvent.locationX;
+    const fraction = (along - thumbSize / 2) / travel;
+    slideTo(thumbFor(fraction), fraction);
+    commit();
+  }, [commit, slideTo, thumbFor, thumbSize, trackLength, vertical]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Pressable, {
+    ref,
+    disabled: isDisabled,
+    onPress: handlePress,
+    ...rest,
+    onLayout: measure,
+    style: [trackStyle, styleProps, style],
+    children
+  });
 });
 SliderTrack.displayName = "XAUI.Slider.Track";
 
 // src/components/slider/slider.tsx
 
-
-
 // src/components/slider/slider.recipe.ts
 var SLOTS = ["root", "output", "track", "fill", "thumb"];
 var VARIANT_TOKENS = {
-  default: { bg: "default", bgSelected: "accent" }
+  default: {
+    bg: "default",
+    bgSelected: "accent"
+  }
 };
 var FILL_ALPHA = 0.35;
 var SIZES = {
-  sm: { track: 6, thumb: 16, output: "xs" },
-  md: { track: 8, thumb: 20, output: "sm" },
-  lg: { track: 10, thumb: 24, output: "md" }
+  sm: {
+    track: 6,
+    thumb: 16,
+    output: "xs"
+  },
+  md: {
+    track: 8,
+    thumb: 20,
+    output: "sm"
+  },
+  lg: {
+    track: 10,
+    thumb: 24,
+    output: "md"
+  }
 };
 var VERTICAL_LENGTH = 220;
 function rail(step, orientation) {
-  const { track, thumb, output } = step;
+  const {
+    track,
+    thumb,
+    output
+  } = step;
   const vertical = orientation === "vertical";
   const overhang = (thumb - track) / 2;
-  return (theme) => ({
-    root: vertical ? { flexDirection: "row", alignItems: "center" } : { flexDirection: "column", width: "100%" },
+  return theme => ({
+    root: vertical ? {
+      flexDirection: "row",
+      alignItems: "center"
+    } : {
+      flexDirection: "column",
+      width: "100%"
+    },
     track: vertical ? {
       width: track,
       height: VERTICAL_LENGTH,
@@ -248,8 +335,26 @@ function rail(step, orientation) {
       marginVertical: overhang
     },
     // Pulled back by the overhang so its centre sits on the rail's centre line.
-    thumb: vertical ? { width: thumb, height: thumb, borderRadius: thumb / 2, start: -overhang } : { width: thumb, height: thumb, borderRadius: thumb / 2, top: -overhang },
-    fill: vertical ? { start: 0, end: 0, bottom: 0 } : { top: 0, bottom: 0, start: 0 },
+    thumb: vertical ? {
+      width: thumb,
+      height: thumb,
+      borderRadius: thumb / 2,
+      start: -overhang
+    } : {
+      width: thumb,
+      height: thumb,
+      borderRadius: thumb / 2,
+      top: -overhang
+    },
+    fill: vertical ? {
+      start: 0,
+      end: 0,
+      bottom: 0
+    } : {
+      top: 0,
+      bottom: 0,
+      start: 0
+    },
     output: {
       fontSize: theme.fontSizes[output],
       lineHeight: theme.lineHeights[output]
@@ -258,8 +363,10 @@ function rail(step, orientation) {
 }
 var sliderRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
   slots: SLOTS,
-  base: (theme) => ({
-    root: { gap: theme.spacing(2) },
+  base: theme => ({
+    root: {
+      gap: theme.spacing(2)
+    },
     output: {
       fontFamily: theme.fontFamilies.body,
       fontWeight: theme.fontWeights.medium,
@@ -267,8 +374,13 @@ var sliderRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
     },
     // `full` rather than a step of the radius scale: a rail's ends are semicircles at every
     // thickness, and any fixed number is wrong for two of the three sizes.
-    track: { borderRadius: theme.radius.full },
-    fill: { position: "absolute", borderRadius: theme.radius.full },
+    track: {
+      borderRadius: theme.radius.full
+    },
+    fill: {
+      position: "absolute",
+      borderRadius: theme.radius.full
+    },
     /**
      * The knob: a solid disc of the fill's own colour, lifted off the rail by a shadow.
      *
@@ -279,7 +391,10 @@ var sliderRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
      * thinnest. The disc is the same shape at every size, and it never has to fight the
      * fill for contrast because the fill is a softened version of it.
      */
-    thumb: { position: "absolute", ...theme.shadows.surface }
+    thumb: {
+      position: "absolute",
+      ...theme.shadows.surface
+    }
   }),
   variantTokens: VARIANT_TOKENS,
   /**
@@ -300,50 +415,82 @@ var sliderRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
    * steps at once and none of them can drift from the others.
    */
   paint: (_theme, colors) => ({
-    track: { backgroundColor: colors.bg },
+    track: {
+      backgroundColor: colors.bg
+    },
     fill: {
       backgroundColor: colors.bgSelected ? _chunkIIAQISBGcjs.alpha.call(void 0, colors.bgSelected, FILL_ALPHA) : void 0
     },
-    thumb: { backgroundColor: colors.bgSelected }
+    thumb: {
+      backgroundColor: colors.bgSelected
+    }
   }),
   variants: {
     // The axes select; the compound below is what paints. Both are declared so `size` and
     // `orientation` are part of the cache key and a press still allocates nothing.
-    size: { sm: () => ({}), md: () => ({}), lg: () => ({}) },
-    orientation: { horizontal: () => ({}), vertical: () => ({}) },
+    size: {
+      sm: () => ({}),
+      md: () => ({}),
+      lg: () => ({})
+    },
+    orientation: {
+      horizontal: () => ({}),
+      vertical: () => ({})
+    },
     radius: _chunkSL3V7R2Ycjs.radiusAxis.call(void 0, "track", "fill")
   },
-  compoundVariants: ["sm", "md", "lg"].flatMap(
-    (size) => ["horizontal", "vertical"].map((orientation) => ({
-      when: { size, orientation },
-      style: rail(SIZES[size], orientation)
-    }))
-  ),
+  compoundVariants: ["sm", "md", "lg"].flatMap(size => ["horizontal", "vertical"].map(orientation => ({
+    when: {
+      size,
+      orientation
+    },
+    style: rail(SIZES[size], orientation)
+  }))),
   states: {
     /**
      * Grey, and the colour goes entirely. A disabled slider still reports a value, so the
      * bar has to stay legible — dimming the accent would leave a pale lavender that reads
      * as an enabled slider seen through fog, where a neutral one reads as switched off.
      */
-    disabled: (theme) => ({
-      root: { opacity: theme.opacity.disabled },
-      fill: { backgroundColor: theme.colors.defaultSoft },
-      thumb: { backgroundColor: theme.colors.muted }
+    disabled: theme => ({
+      root: {
+        opacity: theme.opacity.disabled
+      },
+      fill: {
+        backgroundColor: theme.colors.defaultSoft
+      },
+      thumb: {
+        backgroundColor: theme.colors.muted
+      }
     })
   },
-  defaultVariants: { variant: "default", size: "md", orientation: "horizontal" }
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    orientation: "horizontal"
+  }
 });
 
 // src/components/slider/slider.utils.ts
-function toFraction(value, { min, max }) {
+function toFraction(value, {
+  min,
+  max
+}) {
   if (max === min) return 0;
   return clamp((value - min) / (max - min), 0, 1);
 }
 function fromFraction(fraction, range) {
-  const { min, max } = range;
+  const {
+    min,
+    max
+  } = range;
   return snap(min + clamp(fraction, 0, 1) * (max - min), range);
 }
-function snap(value, { min, max, step }) {
+function snap(value, {
+  min,
+  max,
+  step
+}) {
   if (step <= 0) return clamp(value, min, max);
   const steps = Math.round((clamp(value, min, max) - min) / step);
   return clamp(round(min + steps * step, min, step), min, max);
@@ -405,46 +552,59 @@ var SliderRoot = _react.forwardRef.call(void 0, function Slider({
   style,
   ...props
 }, ref) {
-  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
   const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
   const [trackLength, setTrackLength] = _react.useState.call(void 0, 0);
-  const range = { min, max, step };
+  const range = {
+    min,
+    max,
+    step
+  };
   const [raw, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
     value: controlledValue,
     defaultValue,
     onChange: onValueChange
   });
   const values = toValues(raw, range);
-  const selection = { size, orientation, radius };
+  const selection = {
+    size,
+    orientation,
+    radius
+  };
   const styles = sliderRecipe.resolve({
     theme,
     selection,
-    states: { disabled: isDisabled }
+    states: {
+      disabled: isDisabled
+    }
   });
-  const tint = color ? sliderRecipe.tint({ theme, color, selection }) : void 0;
-  const slideTo = _react.useCallback.call(void 0, 
-    (index, fraction) => {
-      const at = fromFraction(fraction, { min, max, step });
-      setValue(
-        (current) => fromValues(
-          withThumbAt(toValues(current, { min, max, step }), index, at, {
-            min,
-            max,
-            step
-          })
-        )
-      );
-    },
-    [max, min, setValue, step]
-  );
-  const thumbFor = _react.useCallback.call(void 0, 
-    (fraction) => nearestThumb(values, fromFraction(fraction, { min, max, step })),
-    [max, min, step, values]
-  );
-  const commit = _react.useCallback.call(void 0, 
-    () => _optionalChain([onValueCommit, 'optionalCall', _3 => _3(fromValues(values))]),
-    [onValueCommit, values]
-  );
+  const tint = color ? sliderRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  const slideTo = _react.useCallback.call(void 0, (index, fraction) => {
+    const at = fromFraction(fraction, {
+      min,
+      max,
+      step
+    });
+    setValue(current => fromValues(withThumbAt(toValues(current, {
+      min,
+      max,
+      step
+    }), index, at, {
+      min,
+      max,
+      step
+    })));
+  }, [max, min, setValue, step]);
+  const thumbFor = _react.useCallback.call(void 0, fraction => nearestThumb(values, fromFraction(fraction, {
+    min,
+    max,
+    step
+  })), [max, min, step, values]);
+  const commit = _react.useCallback.call(void 0, () => _optionalChain([onValueCommit, 'optionalCall', _3 => _3(fromValues(values))]), [onValueCommit, values]);
   const context = _react.useMemo.call(void 0, () => {
     const thumb = _reactnative.StyleSheet.flatten([styles.thumb]);
     return {
@@ -458,7 +618,11 @@ var SliderRoot = _react.forwardRef.call(void 0, function Slider({
       max,
       step,
       isDisabled,
-      fractions: values.map((v) => toFraction(v, { min, max, step })),
+      fractions: values.map(v => toFraction(v, {
+        min,
+        max,
+        step
+      })),
       trackLength,
       setTrackLength,
       // Read off the resolved style rather than recomputed: the knob's diameter is what
@@ -469,21 +633,16 @@ var SliderRoot = _react.forwardRef.call(void 0, function Slider({
       thumbFor,
       commit
     };
-  }, [
-    styles,
-    tint,
-    values,
-    min,
-    max,
-    step,
-    isDisabled,
-    orientation,
-    trackLength,
-    slideTo,
-    thumbFor,
-    commit
-  ]);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SliderProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [styles.root, styleProps, style], children }) });
+  }, [styles, tint, values, min, max, step, isDisabled, orientation, trackLength, slideTo, thumbFor, commit]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, SliderProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      ...rest,
+      style: [styles.root, styleProps, style],
+      children
+    })
+  });
 });
 SliderRoot.displayName = "XAUI.Slider.Root";
 
@@ -494,17 +653,14 @@ var Slider2 = Object.assign(SliderRoot, {
   Fill: SliderFill,
   Thumb: SliderThumb
 });
-
-
-
-
-
-
-
-
-
-
-
-
-
-exports.useSlider = useSlider; exports.SliderFill = SliderFill; exports.SliderOutput = SliderOutput; exports.SliderThumb = SliderThumb; exports.SliderTrack = SliderTrack; exports.sliderRecipe = sliderRecipe; exports.toFraction = toFraction; exports.fromFraction = fromFraction; exports.snap = snap; exports.SliderRoot = SliderRoot; exports.Slider = Slider2;
+exports.useSlider = useSlider;
+exports.SliderFill = SliderFill;
+exports.SliderOutput = SliderOutput;
+exports.SliderThumb = SliderThumb;
+exports.SliderTrack = SliderTrack;
+exports.sliderRecipe = sliderRecipe;
+exports.toFraction = toFraction;
+exports.fromFraction = fromFraction;
+exports.snap = snap;
+exports.SliderRoot = SliderRoot;
+exports.Slider = Slider2;