@xaui/native 0.9.1-alpha.3 → 0.9.1-alpha.31

package/dist/chunk-42FMGB5M.js

@@ -0,0 +1,661 @@
+import { useControllableState } from "./chunk-F6W3JQ7K.js";
+import { PressableFeedback } from "./chunk-BFMTUMTU.js";
+import { usePressState } from "./chunk-423RQBOX.js";
+import { createRecipe, radiusAxis } from "./chunk-4GTAZM2C.js";
+import { useXAUITheme } from "./chunk-A3EGFI6T.js";
+import { childrenToString, createSlotContext } from "./chunk-E2CWBQTV.js";
+import { useStyleProps } from "./chunk-URSKA2VR.js";
+
+// src/components/switch/switch-label.tsx
+import { forwardRef } from "react";
+import { Text } from "react-native";
+
+// src/components/switch/switch.context.ts
+var [SwitchProvider, useSwitch] = createSlotContext("Switch");
+
+// src/components/switch/switch-label.tsx
+import { jsx } from "react/jsx-runtime";
+var SwitchLabel = forwardRef(function SwitchLabel2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    labelStyle
+  } = useSwitch();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx(Text, {
+    ref,
+    style: [labelStyle, styleProps, style],
+    ...rest,
+    children
+  });
+});
+SwitchLabel.displayName = "XAUI.Switch.Label";
+
+// src/components/switch/switch-thumb.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { I18nManager, View } from "react-native";
+import Animated, { interpolateColor, useAnimatedStyle, useDerivedValue, withTiming } from "react-native-reanimated";
+
+// src/components/switch/switch.style.ts
+var SWITCH_DURATION = 175;
+
+// src/components/switch/switch-thumb.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SwitchThumb = forwardRef2(function SwitchThumb2({
+  children,
+  animation = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    thumbStyle,
+    thumb,
+    travel,
+    isSelected
+  } = useSwitch();
+  const [styleProps, rest] = useStyleProps(props);
+  const base = [thumbStyle, styleProps, style];
+  const distance = I18nManager.isRTL ? -travel : travel;
+  if (!animation) {
+    return /* @__PURE__ */jsx2(View, {
+      ref,
+      ...rest,
+      style: [base, {
+        backgroundColor: isSelected ? thumb.on : thumb.off,
+        transform: [{
+          translateX: isSelected ? distance : 0
+        }]
+      }],
+      children
+    });
+  }
+  return /* @__PURE__ */jsx2(SlidingThumb, {
+    ref,
+    style: base,
+    colors: thumb,
+    distance,
+    isSelected,
+    ...rest,
+    children
+  });
+});
+SwitchThumb.displayName = "XAUI.Switch.Thumb";
+const _worklet_8529533919367_init_data = {
+  code: "function chunk42FMGB5MJs1(){const{withTiming,isSelected,SWITCH_DURATION}=this.__closure;return withTiming(isSelected?1:0,{duration:SWITCH_DURATION});}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk42FMGB5MJs1\",\"withTiming\",\"isSelected\",\"SWITCH_DURATION\",\"__closure\",\"duration\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js\"],\"mappings\":\"AA4FmC,SAAAA,gBAAMA,CAAA,QAAAC,UAAA,CAAAC,UAAA,CAAAC,eAAA,OAAAC,SAAA,CAErC,MAAO,CAAAH,UAAU,CAACC,UAAU,CAAG,CAAC,CAAG,CAAC,CAAE,CAAEG,QAAQ,CAAEF,eAAgB,CAAC,CAAC,CACtE\",\"ignoreList\":[]}"
+};
+const _worklet_5196381840933_init_data = {
+  code: "function chunk42FMGB5MJs2(){const{progress,distance,interpolateColor,colors}=this.__closure;return{transform:[{translateX:progress.value*distance}],backgroundColor:interpolateColor(progress.value,[0,1],[colors.off,colors.on])};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk42FMGB5MJs2\",\"progress\",\"distance\",\"interpolateColor\",\"colors\",\"__closure\",\"transform\",\"translateX\",\"value\",\"backgroundColor\",\"off\",\"on\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js\"],\"mappings\":\"AAgGyC,SAAAA,gBAAMA,CAAA,QAAAC,QAAA,CAAAC,QAAA,CAAAC,gBAAA,CAAAC,MAAA,OAAAC,SAAA,CAE3C,MAAO,CACLC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEN,QAAQ,CAACO,KAAK,CAAGN,QAAS,CAAC,CAAC,CACtDO,eAAe,CAAEN,gBAAgB,CAC/BF,QAAQ,CAACO,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACJ,MAAM,CAACM,GAAG,CAAEN,MAAM,CAACO,EAAE,CACxB,CACF,CAAC,CACH\",\"ignoreList\":[]}"
+};
+var SlidingThumb = forwardRef2(function SlidingThumb2({
+  style,
+  colors,
+  distance,
+  isSelected,
+  children,
+  ...rest
+}, ref) {
+  const progress = useDerivedValue(function chunk42FMGB5MJs1Factory({
+    _worklet_8529533919367_init_data,
+    withTiming,
+    isSelected,
+    SWITCH_DURATION
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunk42FMGB5MJs1 = function () {
+      return withTiming(isSelected ? 1 : 0, {
+        duration: SWITCH_DURATION
+      });
+    };
+    chunk42FMGB5MJs1.__closure = {
+      withTiming,
+      isSelected,
+      SWITCH_DURATION
+    };
+    chunk42FMGB5MJs1.__workletHash = 8529533919367;
+    chunk42FMGB5MJs1.__pluginVersion = "0.7.4";
+    chunk42FMGB5MJs1.__initData = _worklet_8529533919367_init_data;
+    chunk42FMGB5MJs1.__stackDetails = _e;
+    return chunk42FMGB5MJs1;
+  }({
+    _worklet_8529533919367_init_data,
+    withTiming,
+    isSelected,
+    SWITCH_DURATION
+  }), [isSelected]);
+  const animatedStyle = useAnimatedStyle(function chunk42FMGB5MJs2Factory({
+    _worklet_5196381840933_init_data,
+    progress,
+    distance,
+    interpolateColor,
+    colors
+  }) {
+    const _e = [new global.Error(), -5, -27];
+    const chunk42FMGB5MJs2 = function () {
+      return {
+        transform: [{
+          translateX: progress.value * distance
+        }],
+        backgroundColor: interpolateColor(progress.value, [0, 1], [colors.off, colors.on])
+      };
+    };
+    chunk42FMGB5MJs2.__closure = {
+      progress,
+      distance,
+      interpolateColor,
+      colors
+    };
+    chunk42FMGB5MJs2.__workletHash = 5196381840933;
+    chunk42FMGB5MJs2.__pluginVersion = "0.7.4";
+    chunk42FMGB5MJs2.__initData = _worklet_5196381840933_init_data;
+    chunk42FMGB5MJs2.__stackDetails = _e;
+    return chunk42FMGB5MJs2;
+  }({
+    _worklet_5196381840933_init_data,
+    progress,
+    distance,
+    interpolateColor,
+    colors
+  }), [progress, distance, colors.off, colors.on]);
+  return /* @__PURE__ */jsx2(Animated.View, {
+    ref,
+    ...rest,
+    style: [style, animatedStyle],
+    children
+  });
+});
+
+// src/components/switch/switch-track.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { View as View2 } from "react-native";
+import Animated2, { interpolateColor as interpolateColor2, useAnimatedStyle as useAnimatedStyle2, useDerivedValue as useDerivedValue2, withTiming as withTiming2 } from "react-native-reanimated";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var SwitchTrack = forwardRef3(function SwitchTrack2({
+  children,
+  animation = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    trackStyle,
+    track,
+    isSelected
+  } = useSwitch();
+  const [styleProps, rest] = useStyleProps(props);
+  const base = [trackStyle, styleProps, style];
+  if (!animation) {
+    return /* @__PURE__ */jsx3(View2, {
+      ref,
+      ...rest,
+      style: [base, {
+        backgroundColor: isSelected ? track.on : track.off
+      }],
+      children
+    });
+  }
+  return /* @__PURE__ */jsx3(CrossfadingTrack, {
+    ref,
+    style: base,
+    colors: track,
+    isSelected,
+    ...rest,
+    children
+  });
+});
+SwitchTrack.displayName = "XAUI.Switch.Track";
+const _worklet_844474600069_init_data = {
+  code: "function chunk42FMGB5MJs3(){const{withTiming2,isSelected,SWITCH_DURATION}=this.__closure;return withTiming2(isSelected?1:0,{duration:SWITCH_DURATION});}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk42FMGB5MJs3\",\"withTiming2\",\"isSelected\",\"SWITCH_DURATION\",\"__closure\",\"duration\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js\"],\"mappings\":\"AAqJoC,SAAAA,gBAAMA,CAAA,QAAAC,WAAA,CAAAC,UAAA,CAAAC,eAAA,OAAAC,SAAA,CAEtC,MAAO,CAAAH,WAAW,CAACC,UAAU,CAAG,CAAC,CAAG,CAAC,CAAE,CAAEG,QAAQ,CAAEF,eAAgB,CAAC,CAAC,CACvE\",\"ignoreList\":[]}"
+};
+const _worklet_2775350926179_init_data = {
+  code: "function chunk42FMGB5MJs4(){const{interpolateColor2,progress,colors}=this.__closure;return{backgroundColor:interpolateColor2(progress.value,[0,1],[colors.off,colors.on])};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunk42FMGB5MJs4\",\"interpolateColor2\",\"progress\",\"colors\",\"__closure\",\"backgroundColor\",\"value\",\"off\",\"on\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-42FMGB5M.js\"],\"mappings\":\"AAyJ0C,SAAAA,gBAAMA,CAAA,QAAAC,iBAAA,CAAAC,QAAA,CAAAC,MAAA,OAAAC,SAAA,CAE5C,MAAO,CACLC,eAAe,CAAEJ,iBAAiB,CAChCC,QAAQ,CAACI,KAAK,CACd,CAAC,CAAC,CAAE,CAAC,CAAC,CACN,CAACH,MAAM,CAACI,GAAG,CAAEJ,MAAM,CAACK,EAAE,CACxB,CACF,CAAC,CACH\",\"ignoreList\":[]}"
+};
+var CrossfadingTrack = forwardRef3(function CrossfadingTrack2({
+  style,
+  colors,
+  isSelected,
+  children,
+  ...rest
+}, ref) {
+  const progress = useDerivedValue2(function chunk42FMGB5MJs3Factory({
+    _worklet_844474600069_init_data,
+    withTiming2,
+    isSelected,
+    SWITCH_DURATION
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunk42FMGB5MJs3 = function () {
+      return withTiming2(isSelected ? 1 : 0, {
+        duration: SWITCH_DURATION
+      });
+    };
+    chunk42FMGB5MJs3.__closure = {
+      withTiming2,
+      isSelected,
+      SWITCH_DURATION
+    };
+    chunk42FMGB5MJs3.__workletHash = 844474600069;
+    chunk42FMGB5MJs3.__pluginVersion = "0.7.4";
+    chunk42FMGB5MJs3.__initData = _worklet_844474600069_init_data;
+    chunk42FMGB5MJs3.__stackDetails = _e;
+    return chunk42FMGB5MJs3;
+  }({
+    _worklet_844474600069_init_data,
+    withTiming2,
+    isSelected,
+    SWITCH_DURATION
+  }), [isSelected]);
+  const animatedStyle = useAnimatedStyle2(function chunk42FMGB5MJs4Factory({
+    _worklet_2775350926179_init_data,
+    interpolateColor2,
+    progress,
+    colors
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunk42FMGB5MJs4 = function () {
+      return {
+        backgroundColor: interpolateColor2(progress.value, [0, 1], [colors.off, colors.on])
+      };
+    };
+    chunk42FMGB5MJs4.__closure = {
+      interpolateColor2,
+      progress,
+      colors
+    };
+    chunk42FMGB5MJs4.__workletHash = 2775350926179;
+    chunk42FMGB5MJs4.__pluginVersion = "0.7.4";
+    chunk42FMGB5MJs4.__initData = _worklet_2775350926179_init_data;
+    chunk42FMGB5MJs4.__stackDetails = _e;
+    return chunk42FMGB5MJs4;
+  }({
+    _worklet_2775350926179_init_data,
+    interpolateColor2,
+    progress,
+    colors
+  }), [progress, colors.off, colors.on]);
+  return /* @__PURE__ */jsx3(Animated2.View, {
+    ref,
+    ...rest,
+    style: [style, animatedStyle],
+    children
+  });
+});
+
+// src/components/switch/switch.tsx
+import { forwardRef as forwardRef4, useCallback, useMemo } from "react";
+import { StyleSheet } from "react-native";
+
+// 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 = createRecipe({
+  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: radiusAxis("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
+import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+var SwitchRoot = forwardRef4(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 = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const [isPressed, press] = usePressState({
+    onPressIn,
+    onPressOut
+  });
+  const [selected, setSelected] = useControllableState({
+    value: isSelected,
+    defaultValue: defaultSelected,
+    onChange: onSelectedChange
+  });
+  const handlePress = useCallback(event => {
+    setSelected(current => !current);
+    onPress?.(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 = useMemo(() => {
+    const track = StyleSheet.flatten(styles.track);
+    const thumb = 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(StyleSheet.flatten([styles.trackSelected, tint?.trackSelected]))
+      },
+      thumb: {
+        off: colorOf(thumb),
+        on: colorOf(StyleSheet.flatten([styles.thumbSelected, tint?.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 = childrenToString(children);
+  const content = text !== null ? /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx4(SwitchTrack, {
+      children: /* @__PURE__ */jsx4(SwitchThumb, {})
+    }), /* @__PURE__ */jsx4(SwitchLabel, {
+      children: text
+    })]
+  }) : children ?? /* @__PURE__ */jsx4(SwitchTrack, {
+    children: /* @__PURE__ */jsx4(SwitchThumb, {})
+  });
+  return /* @__PURE__ */jsx4(SwitchProvider, {
+    value: context,
+    children: /* @__PURE__ */jsx4(PressableFeedback, {
+      ref,
+      isPressed,
+      isDisabled,
+      asChild,
+      animation,
+      accessibilityRole: 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
+});
+export { useSwitch, SwitchLabel, SwitchThumb, SwitchTrack, switchRecipe, SwitchRoot, Switch2 as Switch };