@xaui/native 0.0.26 → 0.0.28

package/dist/switch/index.cjs

@@ -1,95 +1,23 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"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; }require('../chunk-HSPTLUFA.cjs');
 
-// src/components/switch/index.ts
-var switch_exports = {};
-__export(switch_exports, {
-  Switch: () => Switch
-});
-module.exports = __toCommonJS(switch_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/switch/switch.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/switch/switch.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
-
-// src/core/theme-context.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
-
-// src/core/portal/portal.tsx
-var import_react2 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react = require("react");
-var PortalContext = (0, import_react.createContext)(null);
-
-// src/core/portal/portal-host.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native = require("react-native");
-var hostStyles = import_react_native.StyleSheet.create({
-  container: {
-    flex: 1
-  }
-});
-
-// src/core/theme-context.tsx
-var XUIThemeContext = (0, import_react4.createContext)(null);
-
-// src/core/theme-hooks.ts
-var import_react5 = require("react");
-var import_react_native3 = require("react-native");
-function useXUITheme() {
-  const theme = (0, import_react5.useContext)(XUIThemeContext);
-  if (!theme) {
-    throw new Error("useXUITheme must be used within XUIProvider");
-  }
-  return theme;
-}
-
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
 
-// src/components/switch/switch.hook.ts
+var _core = require('@xaui/core');
 var useSwitchColorScheme = (themeColor) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   return theme.colors[safeThemeColor];
 };
 var useSwitchSizeStyles = (variant, size) => {
-  const theme = useXUITheme();
-  const sizeStyles = (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const sizeStyles = _react.useMemo.call(void 0, () => {
     if (variant === "overlap") {
       const sizes2 = {
         sm: {
@@ -144,8 +72,8 @@ var useSwitchSizeStyles = (variant, size) => {
   return sizeStyles;
 };
 var useSwitchRadiusStyles = (radius) => {
-  const theme = useXUITheme();
-  const radiusStyles = (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const radiusStyles = _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -155,7 +83,7 @@ var useSwitchRadiusStyles = (radius) => {
     };
     return { borderRadius: radii[radius] };
   }, [radius, theme]);
-  const thumbRadius = (0, import_react6.useMemo)(() => {
+  const thumbRadius = _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -174,8 +102,8 @@ var useSwitchTrackStyles = ({
   sizeStyles,
   radiusStyles
 }) => {
-  const theme = useXUITheme();
-  const trackStyles = (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const trackStyles = _react.useMemo.call(void 0, () => {
     const backgroundColor = isSelected ? variant === "overlap" ? colorScheme.background : colorScheme.main : theme.colors.default.background;
     return {
       width: sizeStyles.trackWidth,
@@ -194,8 +122,8 @@ var useSwitchThumbStyles = ({
   sizeStyles,
   thumbRadius
 }) => {
-  const theme = useXUITheme();
-  const thumbStyles = (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const thumbStyles = _react.useMemo.call(void 0, () => {
     const baseStyle = {
       width: sizeStyles.thumbSize,
       height: sizeStyles.thumbSize,
@@ -211,7 +139,7 @@ var useSwitchThumbStyles = ({
   return thumbStyles;
 };
 var useSwitchContainerStyles = (labelAlignment) => {
-  const containerStyles = (0, import_react6.useMemo)(() => {
+  const containerStyles = _react.useMemo.call(void 0, () => {
     const isJustified = labelAlignment === "justify-left" || labelAlignment === "justify-right";
     return {
       flexDirection: labelAlignment === "left" || labelAlignment === "justify-left" ? "row-reverse" : "row",
@@ -222,9 +150,9 @@ var useSwitchContainerStyles = (labelAlignment) => {
 };
 
 // src/components/switch/switch.animation.ts
-var import_react_native4 = require("react-native");
+
 var runThumbPositionAnimation = (thumbPosition, isSelected) => {
-  import_react_native4.Animated.spring(thumbPosition, {
+  _reactnative.Animated.spring(thumbPosition, {
     toValue: isSelected ? 1 : 0,
     useNativeDriver: true,
     damping: 15,
@@ -232,24 +160,24 @@ var runThumbPositionAnimation = (thumbPosition, isSelected) => {
   }).start();
 };
 var runSwitchPressInAnimation = (animatedScale, animatedThumbScale, isOverlap) => {
-  import_react_native4.Animated.parallel([
-    import_react_native4.Animated.spring(animatedScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.spring(animatedScale, {
       toValue: 0.95,
       useNativeDriver: true
     }),
-    import_react_native4.Animated.spring(animatedThumbScale, {
+    _reactnative.Animated.spring(animatedThumbScale, {
       toValue: isOverlap ? 1.1 : 1.2,
       useNativeDriver: true
     })
   ]).start();
 };
 var runSwitchPressOutAnimation = (animatedScale, animatedThumbScale) => {
-  import_react_native4.Animated.parallel([
-    import_react_native4.Animated.spring(animatedScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.spring(animatedScale, {
       toValue: 1,
       useNativeDriver: true
     }),
-    import_react_native4.Animated.spring(animatedThumbScale, {
+    _reactnative.Animated.spring(animatedThumbScale, {
       toValue: 1,
       useNativeDriver: true
     })
@@ -257,8 +185,8 @@ var runSwitchPressOutAnimation = (animatedScale, animatedThumbScale) => {
 };
 
 // src/components/switch/switch.style.ts
-var import_react_native5 = require("react-native");
-var styles = import_react_native5.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -308,13 +236,13 @@ var Switch = ({
   style,
   onValueChange
 }) => {
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const isControlled = typeof isSelectedProp === "boolean";
-  const [internalSelected, setInternalSelected] = (0, import_react7.useState)(isSelectedProp ?? false);
+  const [internalSelected, setInternalSelected] = _react.useState.call(void 0, _nullishCoalesce(isSelectedProp, () => ( false)));
   const isSelected = isControlled ? isSelectedProp : internalSelected;
-  const scale = (0, import_react7.useRef)(new import_react_native6.Animated.Value(1)).current;
-  const thumbPosition = (0, import_react7.useRef)(new import_react_native6.Animated.Value(isSelected ? 1 : 0)).current;
-  const thumbScale = (0, import_react7.useRef)(new import_react_native6.Animated.Value(1)).current;
+  const scale = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
+  const thumbPosition = _react.useRef.call(void 0, new _reactnative.Animated.Value(isSelected ? 1 : 0)).current;
+  const thumbScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
   const colorScheme = useSwitchColorScheme(themeColor);
   const sizeStyles = useSwitchSizeStyles(variant, size);
   const { radiusStyles, thumbRadius } = useSwitchRadiusStyles(radius);
@@ -333,26 +261,26 @@ var Switch = ({
     thumbRadius
   });
   const containerStyles = useSwitchContainerStyles(labelAlignment);
-  const maxTranslateX = (0, import_react7.useMemo)(() => {
+  const maxTranslateX = _react.useMemo.call(void 0, () => {
     if (variant === "overlap") {
       return sizeStyles.trackWidth - sizeStyles.thumbSize;
     }
     return sizeStyles.trackWidth - sizeStyles.thumbSize - sizeStyles.padding * 2;
   }, [sizeStyles, variant]);
-  const translateX = (0, import_react7.useMemo)(
+  const translateX = _react.useMemo.call(void 0, 
     () => thumbPosition.interpolate({
       inputRange: [0, 1],
       outputRange: [0, maxTranslateX]
     }),
     [maxTranslateX, thumbPosition]
   );
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     runThumbPositionAnimation(thumbPosition, isSelected);
   }, [isSelected, thumbPosition]);
   const handlePress = () => {
     if (isDisabled) return;
     const nextValue = !isSelected;
-    onValueChange?.(nextValue);
+    _optionalChain([onValueChange, 'optionalCall', _ => _(nextValue)]);
     if (!isControlled) {
       setInternalSelected(nextValue);
     }
@@ -365,8 +293,8 @@ var Switch = ({
     if (isDisabled) return;
     runSwitchPressOutAnimation(scale, thumbScale);
   };
-  return /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native6.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handlePress,
       onPressIn: handlePressIn,
@@ -387,8 +315,8 @@ var Switch = ({
         style
       ]
     },
-    /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native6.Animated.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         style: [
           styles.track,
@@ -398,8 +326,8 @@ var Switch = ({
           }
         ]
       },
-      /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: styles.thumbContainer }, /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.thumbContainer }, /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.thumb,
@@ -411,8 +339,8 @@ var Switch = ({
         }
       ))
     ),
-    label && /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native6.Text,
+    label && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles.label,
@@ -425,7 +353,6 @@ var Switch = ({
     )
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Switch
-});
+
+
+exports.Switch = Switch;

package/dist/switch/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-GHCVNQET.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/switch/switch.tsx
 import React, { useEffect, useMemo as useMemo2, useRef, useState } from "react";