@xaui/native 0.9.1-alpha.4 → 0.9.1-alpha.41

package/dist/chunk-DA3OKXHV.cjs

@@ -0,0 +1,700 @@
+"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 _chunk3E7CDKFOcjs = require('./chunk-3E7CDKFO.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkFNEUOBCVcjs = require('./chunk-FNEUOBCV.cjs');
+var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
+var _chunk7GHM4GKLcjs = require('./chunk-7GHM4GKL.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/switch/switch-label.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/switch/switch.context.ts
+var [SwitchProvider, useSwitch] = _chunk7GHM4GKLcjs.createSlotContext.call(void 0, "Switch");
+
+// src/components/switch/switch-label.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var SwitchLabel = _react.forwardRef.call(void 0, function SwitchLabel2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    labelStyle
+  } = useSwitch();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    style: [labelStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+SwitchLabel.displayName = "XAUI.Switch.Label";
+
+// src/components/switch/switch-thumb.tsx
+
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+
+// src/components/switch/switch.style.ts
+var SWITCH_DURATION = 175;
+
+// src/components/switch/switch-thumb.tsx
+
+var SwitchThumb = _react.forwardRef.call(void 0, function SwitchThumb2({
+  children,
+  animation = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    thumbStyle,
+    thumb,
+    travel,
+    isSelected
+  } = useSwitch();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const base = [thumbStyle, styleProps, style];
+  const distance = _reactnative.I18nManager.isRTL ? -travel : travel;
+  if (!animation) {
+    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      ...rest,
+      style: [base, {
+        backgroundColor: isSelected ? thumb.on : thumb.off,
+        transform: [{
+          translateX: isSelected ? distance : 0
+        }]
+      }],
+      children
+    });
+  }
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, SlidingThumb, {
+    ref,
+    style: base,
+    colors: thumb,
+    distance,
+    isSelected,
+    ...rest,
+    children
+  });
+});
+SwitchThumb.displayName = "XAUI.Switch.Thumb";
+const _worklet_10975315955288_init_data = {
+  code: "function chunkDA3OKXHVCjs1(){const{_reactnativereanimated,isSelected,SWITCH_DURATION}=this.__closure;return _reactnativereanimated.withTiming.call(void 0,isSelected?1:0,{duration:SWITCH_DURATION});}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkDA3OKXHVCjs1\",\"_reactnativereanimated\",\"isSelected\",\"SWITCH_DURATION\",\"__closure\",\"withTiming\",\"call\",\"duration\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs\"],\"mappings\":\"AA4FuE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,UAAA,CAAAC,eAAA,OAAAC,SAAA,CAEzE,MAAO,CAAAH,sBAAsB,CAACI,UAAU,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEJ,UAAU,CAAG,CAAC,CAAG,CAAC,CAAE,CAAEK,QAAQ,CAAEJ,eAAgB,CAAC,CAAC,CAC1G\",\"ignoreList\":[]}"
+};
+const _worklet_3751124314066_init_data = {
+  code: "function chunkDA3OKXHVCjs2(){const{progress,distance,_reactnativereanimated,colors}=this.__closure;return{transform:[{translateX:progress.value*distance}],backgroundColor:_reactnativereanimated.interpolateColor.call(void 0,progress.value,[0,1],[colors.off,colors.on])};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkDA3OKXHVCjs2\",\"progress\",\"distance\",\"_reactnativereanimated\",\"colors\",\"__closure\",\"transform\",\"translateX\",\"value\",\"backgroundColor\",\"interpolateColor\",\"call\",\"off\",\"on\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs\"],\"mappings\":\"AAgG6E,SAAAA,iBAAMA,CAAA,QAAAC,QAAA,CAAAC,QAAA,CAAAC,sBAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,MAAO,CACLC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEN,QAAQ,CAACO,KAAK,CAAGN,QAAS,CAAC,CAAC,CACtDO,eAAe,CAAEN,sBAAsB,CAACO,gBAAgB,CAACC,IAAI,CAAC,IAAK,EAAC,CAClEV,QAAQ,CAACO,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACJ,MAAM,CAACQ,GAAG,CAAER,MAAM,CAACS,EAAE,CACxB,CACF,CAAC,CACH\",\"ignoreList\":[]}"
+};
+var SlidingThumb = _react.forwardRef.call(void 0, function SlidingThumb2({
+  style,
+  colors,
+  distance,
+  isSelected,
+  children,
+  ...rest
+}, ref) {
+  const progress = _reactnativereanimated.useDerivedValue.call(void 0, function chunkDA3OKXHVCjs1Factory({
+    _worklet_10975315955288_init_data,
+    _reactnativereanimated,
+    isSelected,
+    SWITCH_DURATION
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkDA3OKXHVCjs1 = function () {
+      return _reactnativereanimated.withTiming.call(void 0, isSelected ? 1 : 0, {
+        duration: SWITCH_DURATION
+      });
+    };
+    chunkDA3OKXHVCjs1.__closure = {
+      _reactnativereanimated,
+      isSelected,
+      SWITCH_DURATION
+    };
+    chunkDA3OKXHVCjs1.__workletHash = 10975315955288;
+    chunkDA3OKXHVCjs1.__pluginVersion = "0.7.4";
+    chunkDA3OKXHVCjs1.__initData = _worklet_10975315955288_init_data;
+    chunkDA3OKXHVCjs1.__stackDetails = _e;
+    return chunkDA3OKXHVCjs1;
+  }({
+    _worklet_10975315955288_init_data,
+    _reactnativereanimated,
+    isSelected,
+    SWITCH_DURATION
+  }), [isSelected]);
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkDA3OKXHVCjs2Factory({
+    _worklet_3751124314066_init_data,
+    progress,
+    distance,
+    _reactnativereanimated,
+    colors
+  }) {
+    const _e = [new global.Error(), -5, -27];
+    const chunkDA3OKXHVCjs2 = function () {
+      return {
+        transform: [{
+          translateX: progress.value * distance
+        }],
+        backgroundColor: _reactnativereanimated.interpolateColor.call(void 0, progress.value, [0, 1], [colors.off, colors.on])
+      };
+    };
+    chunkDA3OKXHVCjs2.__closure = {
+      progress,
+      distance,
+      _reactnativereanimated,
+      colors
+    };
+    chunkDA3OKXHVCjs2.__workletHash = 3751124314066;
+    chunkDA3OKXHVCjs2.__pluginVersion = "0.7.4";
+    chunkDA3OKXHVCjs2.__initData = _worklet_3751124314066_init_data;
+    chunkDA3OKXHVCjs2.__stackDetails = _e;
+    return chunkDA3OKXHVCjs2;
+  }({
+    _worklet_3751124314066_init_data,
+    progress,
+    distance,
+    _reactnativereanimated,
+    colors
+  }), [progress, distance, colors.off, colors.on]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    ref,
+    ...rest,
+    style: [style, animatedStyle],
+    children
+  });
+});
+
+// src/components/switch/switch-track.tsx
+
+var SwitchTrack = _react.forwardRef.call(void 0, function SwitchTrack2({
+  children,
+  animation = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    trackStyle,
+    track,
+    isSelected
+  } = useSwitch();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const base = [trackStyle, styleProps, style];
+  if (!animation) {
+    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      ...rest,
+      style: [base, {
+        backgroundColor: isSelected ? track.on : track.off
+      }],
+      children
+    });
+  }
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, CrossfadingTrack, {
+    ref,
+    style: base,
+    colors: track,
+    isSelected,
+    ...rest,
+    children
+  });
+});
+SwitchTrack.displayName = "XAUI.Switch.Track";
+const _worklet_1509738733082_init_data = {
+  code: "function chunkDA3OKXHVCjs3(){const{_reactnativereanimated,isSelected,SWITCH_DURATION}=this.__closure;return _reactnativereanimated.withTiming.call(void 0,isSelected?1:0,{duration:SWITCH_DURATION});}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkDA3OKXHVCjs3\",\"_reactnativereanimated\",\"isSelected\",\"SWITCH_DURATION\",\"__closure\",\"withTiming\",\"call\",\"duration\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs\"],\"mappings\":\"AAqJuE,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,UAAA,CAAAC,eAAA,OAAAC,SAAA,CAEzE,MAAO,CAAAH,sBAAsB,CAACI,UAAU,CAACC,IAAI,CAAC,IAAK,EAAC,CAAEJ,UAAU,CAAG,CAAC,CAAG,CAAC,CAAE,CAAEK,QAAQ,CAAEJ,eAAgB,CAAC,CAAC,CAC1G\",\"ignoreList\":[]}"
+};
+const _worklet_12850558082612_init_data = {
+  code: "function chunkDA3OKXHVCjs4(){const{_reactnativereanimated,progress,colors}=this.__closure;return{backgroundColor:_reactnativereanimated.interpolateColor.call(void 0,progress.value,[0,1],[colors.off,colors.on])};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkDA3OKXHVCjs4\",\"_reactnativereanimated\",\"progress\",\"colors\",\"__closure\",\"backgroundColor\",\"interpolateColor\",\"call\",\"value\",\"off\",\"on\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-DA3OKXHV.cjs\"],\"mappings\":\"AAyJ6E,SAAAA,iBAAMA,CAAA,QAAAC,sBAAA,CAAAC,QAAA,CAAAC,MAAA,OAAAC,SAAA,CAE/E,MAAO,CACLC,eAAe,CAAEJ,sBAAsB,CAACK,gBAAgB,CAACC,IAAI,CAAC,IAAK,EAAC,CAClEL,QAAQ,CAACM,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACL,MAAM,CAACM,GAAG,CAAEN,MAAM,CAACO,EAAE,CACxB,CACF,CAAC,CACH\",\"ignoreList\":[]}"
+};
+var CrossfadingTrack = _react.forwardRef.call(void 0, function CrossfadingTrack2({
+  style,
+  colors,
+  isSelected,
+  children,
+  ...rest
+}, ref) {
+  const progress = _reactnativereanimated.useDerivedValue.call(void 0, function chunkDA3OKXHVCjs3Factory({
+    _worklet_1509738733082_init_data,
+    _reactnativereanimated,
+    isSelected,
+    SWITCH_DURATION
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkDA3OKXHVCjs3 = function () {
+      return _reactnativereanimated.withTiming.call(void 0, isSelected ? 1 : 0, {
+        duration: SWITCH_DURATION
+      });
+    };
+    chunkDA3OKXHVCjs3.__closure = {
+      _reactnativereanimated,
+      isSelected,
+      SWITCH_DURATION
+    };
+    chunkDA3OKXHVCjs3.__workletHash = 1509738733082;
+    chunkDA3OKXHVCjs3.__pluginVersion = "0.7.4";
+    chunkDA3OKXHVCjs3.__initData = _worklet_1509738733082_init_data;
+    chunkDA3OKXHVCjs3.__stackDetails = _e;
+    return chunkDA3OKXHVCjs3;
+  }({
+    _worklet_1509738733082_init_data,
+    _reactnativereanimated,
+    isSelected,
+    SWITCH_DURATION
+  }), [isSelected]);
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkDA3OKXHVCjs4Factory({
+    _worklet_12850558082612_init_data,
+    _reactnativereanimated,
+    progress,
+    colors
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkDA3OKXHVCjs4 = function () {
+      return {
+        backgroundColor: _reactnativereanimated.interpolateColor.call(void 0, progress.value, [0, 1], [colors.off, colors.on])
+      };
+    };
+    chunkDA3OKXHVCjs4.__closure = {
+      _reactnativereanimated,
+      progress,
+      colors
+    };
+    chunkDA3OKXHVCjs4.__workletHash = 12850558082612;
+    chunkDA3OKXHVCjs4.__pluginVersion = "0.7.4";
+    chunkDA3OKXHVCjs4.__initData = _worklet_12850558082612_init_data;
+    chunkDA3OKXHVCjs4.__stackDetails = _e;
+    return chunkDA3OKXHVCjs4;
+  }({
+    _worklet_12850558082612_init_data,
+    _reactnativereanimated,
+    progress,
+    colors
+  }), [progress, colors.off, colors.on]);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+    ref,
+    ...rest,
+    style: [style, animatedStyle],
+    children
+  });
+});
+
+// src/components/switch/switch.tsx
+
+// src/components/switch/switch.recipe.ts
+var SLOTS = ["root", "track", "trackSelected", "thumb", "thumbSelected", "label"];
+var VARIANT_TOKENS = {
+  primary: {
+    bg: "default",
+    fg: "white",
+    bgSelected: "accent",
+    fgSelected: "accentForeground"
+  },
+  secondary: {
+    bg: "default",
+    fg: "white",
+    bgSelected: "accent",
+    fgSelected: "accentForeground"
+  }
+};
+function sizeAxis(step) {
+  const {
+    track,
+    height,
+    thumb,
+    padding,
+    gap,
+    label
+  } = step;
+  return theme => {
+    const trackHeight = theme.spacing(height);
+    const knob = theme.spacing(thumb);
+    return {
+      root: {
+        gap: theme.spacing(gap)
+      },
+      track: {
+        width: theme.spacing(track),
+        height: trackHeight
+      },
+      thumb: {
+        width: knob,
+        height: knob,
+        // `start`, never `left` (R13): the knob rests at the leading edge, and RTL mirrors
+        // the logical property and only it.
+        start: theme.spacing(padding),
+        top: (trackHeight - knob) / 2
+      },
+      label: {
+        fontSize: theme.fontSizes[label],
+        lineHeight: theme.lineHeights[label]
+      }
+    };
+  };
+}
+var INSIDE = {
+  sm: {
+    track: 11,
+    height: 6.5,
+    thumb: 5,
+    padding: 0.75,
+    gap: 2,
+    label: "sm"
+  },
+  md: {
+    track: 12,
+    height: 7,
+    thumb: 5.5,
+    padding: 0.75,
+    gap: 2,
+    label: "md"
+  },
+  lg: {
+    track: 14,
+    height: 8,
+    thumb: 6.5,
+    padding: 0.75,
+    gap: 2.5,
+    label: "lg"
+  }
+};
+var OVERLAP = {
+  sm: {
+    track: 11,
+    height: 4.5,
+    thumb: 6,
+    padding: 0,
+    gap: 2,
+    label: "sm"
+  },
+  md: {
+    track: 12,
+    height: 4.5,
+    thumb: 6.5,
+    padding: 0,
+    gap: 2,
+    label: "md"
+  },
+  lg: {
+    track: 14,
+    height: 5,
+    thumb: 7.5,
+    padding: 0,
+    gap: 2.5,
+    label: "lg"
+  }
+};
+var switchRecipe = _chunkFNEUOBCVcjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: theme => ({
+    root: {
+      flexDirection: "row",
+      alignItems: "center",
+      alignSelf: "flex-start"
+    },
+    track: {
+      borderRadius: theme.radius.full,
+      borderCurve: "continuous",
+      // Never `hidden`: on `secondary` the thumb stands outside the track, and clipping it
+      // would cut the knob in half rather than let it overlap.
+      overflow: "visible"
+    },
+    thumb: {
+      position: "absolute",
+      borderRadius: theme.radius.full,
+      alignItems: "center",
+      justifyContent: "center",
+      // The knob is the thing that moves, and a shadow is what says so.
+      ...theme.shadows.field
+    },
+    label: {
+      fontFamily: theme.fontFamilies.body,
+      color: theme.colors.foreground
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  /**
+   * Four colours on four slots, and the two `*Selected` ones exist to be **flattened into
+   * values** rather than rendered: the track crosses from one to the other and the thumb
+   * with it, which is an interpolation on the UI thread rather than a style swap.
+   *
+   * They are roles for the reason the `Checkbox`'s are: the tint pass re-runs `paint` and
+   * never the axes, so this is what makes `color` the colour the switch turns on to.
+   */
+  paint: (_theme, colors) => ({
+    track: {
+      backgroundColor: colors.bg
+    },
+    trackSelected: {
+      backgroundColor: colors.bgSelected
+    },
+    thumb: {
+      backgroundColor: colors.fg
+    },
+    thumbSelected: {
+      backgroundColor: colors.fgSelected
+    }
+  }),
+  variants: {
+    /**
+     * Declared and empty, which is unusual and deliberate: **every** number of this
+     * component depends on the shape as well as the size, so the whole table lives in the
+     * compounds below. The axis is here because the selection needs it to be typed, and
+     * because a reader looking for "what does `size` do" should find the answer next to
+     * the other axes rather than infer it from an absence.
+     */
+    size: {
+      sm: () => ({}),
+      md: () => ({}),
+      lg: () => ({})
+    },
+    /**
+     * Both, always together: a track that lost its capsule while the knob kept its circle
+     * is a control rounded by halves. The knob's corner is the same named value rather
+     * than the track's less the padding — that nesting rule reaches zero before the outer
+     * radius does, and a sharp knob inside a slightly rounded track looks like a mistake.
+     */
+    radius: _chunkFNEUOBCVcjs.radiusAxis.call(void 0, "track", "thumb")
+  },
+  /** The six geometries — two shapes, three sizes — and nothing else. */
+  compoundVariants: [{
+    when: {
+      variant: "primary",
+      size: "sm"
+    },
+    style: sizeAxis(INSIDE.sm)
+  }, {
+    when: {
+      variant: "primary",
+      size: "md"
+    },
+    style: sizeAxis(INSIDE.md)
+  }, {
+    when: {
+      variant: "primary",
+      size: "lg"
+    },
+    style: sizeAxis(INSIDE.lg)
+  }, {
+    when: {
+      variant: "secondary",
+      size: "sm"
+    },
+    style: sizeAxis(OVERLAP.sm)
+  }, {
+    when: {
+      variant: "secondary",
+      size: "md"
+    },
+    style: sizeAxis(OVERLAP.md)
+  }, {
+    when: {
+      variant: "secondary",
+      size: "lg"
+    },
+    style: sizeAxis(OVERLAP.lg)
+  }],
+  states: {
+    disabled: theme => ({
+      root: {
+        opacity: theme.opacity.disabled
+      }
+    })
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md"
+  }
+});
+
+// src/components/switch/switch.tsx
+
+var SwitchRoot = _react.forwardRef.call(void 0, function Switch({
+  children,
+  variant,
+  size,
+  radius,
+  color,
+  isSelected,
+  defaultSelected = false,
+  onSelectedChange,
+  isDisabled = false,
+  asChild = false,
+  accessibilityRole,
+  accessibilityState,
+  animation,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const theme = _chunk57SJ4LJFcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const [selected, setSelected] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: isSelected,
+    defaultValue: defaultSelected,
+    onChange: onSelectedChange
+  });
+  const handlePress = _react.useCallback.call(void 0, event => {
+    setSelected(current => !current);
+    _optionalChain([onPress, 'optionalCall', _ => _(event)]);
+  }, [setSelected, onPress]);
+  const selection = {
+    variant,
+    size,
+    radius
+  };
+  const states = {
+    pressed: isPressed,
+    disabled: isDisabled
+  };
+  const styles = switchRecipe.resolve({
+    theme,
+    selection,
+    states
+  });
+  const tint = color ? switchRecipe.tint({
+    theme,
+    color,
+    selection,
+    states
+  }) : void 0;
+  const context = _react.useMemo.call(void 0, () => {
+    const track = _reactnative.StyleSheet.flatten(styles.track);
+    const thumb = _reactnative.StyleSheet.flatten(styles.thumb);
+    return {
+      trackStyle: styles.track,
+      thumbStyle: styles.thumb,
+      labelStyle: styles.label,
+      // Values, not styles: the two ends of a colour that is crossed on the UI thread.
+      // The tint moves the "on" end alone — the track at rest keeps its neutral, because
+      // a switch that is off is off in every brand.
+      track: {
+        off: colorOf(track),
+        on: colorOf(_reactnative.StyleSheet.flatten([styles.trackSelected, _optionalChain([tint, 'optionalAccess', _2 => _2.trackSelected])]))
+      },
+      thumb: {
+        off: colorOf(thumb),
+        on: colorOf(_reactnative.StyleSheet.flatten([styles.thumbSelected, _optionalChain([tint, 'optionalAccess', _3 => _3.thumbSelected])]))
+      },
+      // The distance the knob slides, and the one number the recipe cannot write: it is
+      // the track's width less the thumb and the padding at both ends, and it has to be a
+      // number rather than a style because the slide happens in a worklet.
+      travel: travelOf(track, thumb),
+      isSelected: selected,
+      isDisabled
+    };
+  }, [styles, tint, selected, isDisabled]);
+  const rootStyle = [styles.root, styleProps, typeof style === "function" ? style({
+    pressed: isPressed
+  }) : style];
+  const text = _chunk7GHM4GKLcjs.childrenToString.call(void 0, children);
+  const content = text !== null ? /* @__PURE__ */_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
+    children: [/* @__PURE__ */_jsxruntime.jsx.call(void 0, SwitchTrack, {
+      children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, SwitchThumb, {})
+    }), /* @__PURE__ */_jsxruntime.jsx.call(void 0, SwitchLabel, {
+      children: text
+    })]
+  }) : _nullishCoalesce(children, () => (/* @__PURE__ */_jsxruntime.jsx.call(void 0, SwitchTrack, {
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, SwitchThumb, {})
+  })));
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, SwitchProvider, {
+    value: context,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunk3E7CDKFOcjs.PressableFeedback, {
+      ref,
+      isPressed,
+      isDisabled,
+      asChild,
+      animation,
+      accessibilityRole: _nullishCoalesce(accessibilityRole, () => "switch"),
+      accessibilityState: {
+        checked: selected,
+        disabled: isDisabled,
+        ...accessibilityState
+      },
+      ...rest,
+      style: rootStyle,
+      onPress: handlePress,
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: asChild ? children : content
+    })
+  });
+});
+SwitchRoot.displayName = "XAUI.Switch.Root";
+function colorOf(style) {
+  return typeof style.backgroundColor === "string" ? style.backgroundColor : "";
+}
+function travelOf(track, thumb) {
+  const width = pointsOf(track.width);
+  const knob = pointsOf(thumb.width);
+  const inset = pointsOf(thumb.start);
+  return Math.max(width - knob - inset * 2, 0);
+}
+function pointsOf(value) {
+  return typeof value === "number" ? value : 0;
+}
+
+// src/components/switch/index.ts
+var Switch2 = Object.assign(SwitchRoot, {
+  Track: SwitchTrack,
+  Thumb: SwitchThumb,
+  Label: SwitchLabel
+});
+exports.useSwitch = useSwitch;
+exports.SwitchLabel = SwitchLabel;
+exports.SwitchThumb = SwitchThumb;
+exports.SwitchTrack = SwitchTrack;
+exports.switchRecipe = switchRecipe;
+exports.SwitchRoot = SwitchRoot;
+exports.Switch = Switch2;