@xaui/native 0.0.26 → 0.0.28

package/dist/radio/index.cjs

@@ -1,96 +1,25 @@
-"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);
-
-// src/components/radio/index.ts
-var radio_exports = {};
-__export(radio_exports, {
-  Radio: () => Radio,
-  RadioGroup: () => RadioGroup
-});
-module.exports = __toCommonJS(radio_exports);
-
-// src/components/radio/radio.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_core3 = 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
-  }
-});
+"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/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;
-}
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+// src/components/radio/radio.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
+var _core = require('@xaui/core');
 
 // src/components/radio/radio-context.ts
-var import_react6 = __toESM(require("react"), 1);
-var RadioGroupContext = import_react6.default.createContext(
+
+var RadioGroupContext = _react2.default.createContext(
   null
 );
 
 // src/components/radio/radio.hook.ts
-var import_react7 = require("react");
-var import_core = require("@xaui/core");
+
+
 function useSizeStyles(size, variant) {
-  const theme = useXUITheme();
-  const sizeStyles = (0, import_react7.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const sizeStyles = _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         radioSize: 14,
@@ -118,8 +47,8 @@ function useSizeStyles(size, variant) {
   return sizeStyles;
 }
 function useRadiusStyles(radius) {
-  const theme = useXUITheme();
-  const radiusStyles = (0, import_react7.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,
@@ -132,10 +61,10 @@ function useRadiusStyles(radius) {
   return radiusStyles;
 }
 function useDotColors(themeColor, variant, isActive) {
-  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);
   const colorScheme = theme.colors[safeThemeColor];
-  const dotColors = (0, import_react7.useMemo)(() => {
+  const dotColors = _react.useMemo.call(void 0, () => {
     if (!isActive) {
       return {
         checked: "transparent"
@@ -153,10 +82,10 @@ function useDotColors(themeColor, variant, isActive) {
   return dotColors;
 }
 function useVariantStyles(themeColor, variant, isActive) {
-  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);
   const colorScheme = theme.colors[safeThemeColor];
-  const variantStyles = (0, import_react7.useMemo)(() => {
+  const variantStyles = _react.useMemo.call(void 0, () => {
     if (variant === "filled") {
       return {
         backgroundColor: "transparent",
@@ -173,7 +102,7 @@ function useVariantStyles(themeColor, variant, isActive) {
   return variantStyles;
 }
 function useContainerStyles(labelAlignment) {
-  const containerStyles = (0, import_react7.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",
@@ -184,8 +113,8 @@ function useContainerStyles(labelAlignment) {
 }
 
 // src/components/radio/radio.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   group: {
     width: "100%"
   },
@@ -225,16 +154,16 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/radio/radio.animation.ts
-var import_react_native5 = require("react-native");
+
 var runDotInAnimation = (dotScale, dotOpacity) => {
-  import_react_native5.Animated.parallel([
-    import_react_native5.Animated.spring(dotScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.spring(dotScale, {
       toValue: 1,
       useNativeDriver: true,
       tension: 90,
       friction: 9
     }),
-    import_react_native5.Animated.timing(dotOpacity, {
+    _reactnative.Animated.timing(dotOpacity, {
       toValue: 1,
       duration: 180,
       useNativeDriver: true
@@ -242,14 +171,14 @@ var runDotInAnimation = (dotScale, dotOpacity) => {
   ]).start();
 };
 var runDotOutAnimation = (dotScale, dotOpacity) => {
-  import_react_native5.Animated.parallel([
-    import_react_native5.Animated.spring(dotScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.spring(dotScale, {
       toValue: 0,
       useNativeDriver: true,
       tension: 90,
       friction: 9
     }),
-    import_react_native5.Animated.timing(dotOpacity, {
+    _reactnative.Animated.timing(dotOpacity, {
       toValue: 0,
       duration: 140,
       useNativeDriver: true
@@ -257,13 +186,13 @@ var runDotOutAnimation = (dotScale, dotOpacity) => {
   ]).start();
 };
 var runBackgroundInAnimation = (backgroundScale, backgroundOpacity) => {
-  import_react_native5.Animated.parallel([
-    import_react_native5.Animated.timing(backgroundScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.timing(backgroundScale, {
       toValue: 1,
       duration: 200,
       useNativeDriver: true
     }),
-    import_react_native5.Animated.timing(backgroundOpacity, {
+    _reactnative.Animated.timing(backgroundOpacity, {
       toValue: 1,
       duration: 200,
       useNativeDriver: true
@@ -271,13 +200,13 @@ var runBackgroundInAnimation = (backgroundScale, backgroundOpacity) => {
   ]).start();
 };
 var runBackgroundOutAnimation = (backgroundScale, backgroundOpacity) => {
-  import_react_native5.Animated.parallel([
-    import_react_native5.Animated.timing(backgroundScale, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.timing(backgroundScale, {
       toValue: 0.5,
       duration: 200,
       useNativeDriver: true
     }),
-    import_react_native5.Animated.timing(backgroundOpacity, {
+    _reactnative.Animated.timing(backgroundOpacity, {
       toValue: 0,
       duration: 200,
       useNativeDriver: true
@@ -285,13 +214,13 @@ var runBackgroundOutAnimation = (backgroundScale, backgroundOpacity) => {
   ]).start();
 };
 var runPressInAnimation = (scale) => {
-  import_react_native5.Animated.spring(scale, {
+  _reactnative.Animated.spring(scale, {
     toValue: 0.95,
     useNativeDriver: true
   }).start();
 };
 var runPressOutAnimation = (scale) => {
-  import_react_native5.Animated.spring(scale, {
+  _reactnative.Animated.spring(scale, {
     toValue: 1,
     useNativeDriver: true
   }).start();
@@ -314,26 +243,26 @@ var Radio = ({
   style,
   onValueChange
 }) => {
-  const group = (0, import_react8.useContext)(RadioGroupContext);
-  const theme = useXUITheme();
-  const resolvedLabelAlignment = labelAlignment ?? group?.labelAlignment ?? "right";
-  const resolvedThemeColor = themeColor ?? group?.themeColor ?? "primary";
-  const resolvedVariant = variant ?? group?.variant ?? "filled";
-  const resolvedSize = size ?? group?.size ?? "md";
-  const resolvedRadius = radius ?? group?.radius ?? "full";
-  const resolvedFullWidth = fullWidth ?? group?.fullWidth ?? false;
-  const resolvedDisabled = !!(isDisabled || group?.isDisabled);
+  const group = _react.useContext.call(void 0, RadioGroupContext);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const resolvedLabelAlignment = _nullishCoalesce(_nullishCoalesce(labelAlignment, () => ( _optionalChain([group, 'optionalAccess', _ => _.labelAlignment]))), () => ( "right"));
+  const resolvedThemeColor = _nullishCoalesce(_nullishCoalesce(themeColor, () => ( _optionalChain([group, 'optionalAccess', _2 => _2.themeColor]))), () => ( "primary"));
+  const resolvedVariant = _nullishCoalesce(_nullishCoalesce(variant, () => ( _optionalChain([group, 'optionalAccess', _3 => _3.variant]))), () => ( "filled"));
+  const resolvedSize = _nullishCoalesce(_nullishCoalesce(size, () => ( _optionalChain([group, 'optionalAccess', _4 => _4.size]))), () => ( "md"));
+  const resolvedRadius = _nullishCoalesce(_nullishCoalesce(radius, () => ( _optionalChain([group, 'optionalAccess', _5 => _5.radius]))), () => ( "full"));
+  const resolvedFullWidth = _nullishCoalesce(_nullishCoalesce(fullWidth, () => ( _optionalChain([group, 'optionalAccess', _6 => _6.fullWidth]))), () => ( false));
+  const resolvedDisabled = !!(isDisabled || _optionalChain([group, 'optionalAccess', _7 => _7.isDisabled]));
   const isInGroup = !!group && typeof value === "string";
   const isControlledStandalone = typeof isCheckedProp === "boolean";
-  const [internalChecked, setInternalChecked] = (0, import_react8.useState)(defaultChecked);
+  const [internalChecked, setInternalChecked] = _react.useState.call(void 0, defaultChecked);
   const groupChecked = isInGroup ? group.selectedValue === value : false;
   const isChecked = isInGroup ? groupChecked : isControlledStandalone ? isCheckedProp : internalChecked;
-  const colorScheme = theme.colors[(0, import_core3.getSafeThemeColor)(resolvedThemeColor)];
-  const scale = (0, import_react8.useRef)(new import_react_native6.Animated.Value(1)).current;
-  const backgroundScale = (0, import_react8.useRef)(new import_react_native6.Animated.Value(0.5)).current;
-  const backgroundOpacity = (0, import_react8.useRef)(new import_react_native6.Animated.Value(0)).current;
-  const dotScale = (0, import_react8.useRef)(new import_react_native6.Animated.Value(isChecked ? 1 : 0)).current;
-  const dotOpacity = (0, import_react8.useRef)(new import_react_native6.Animated.Value(isChecked ? 1 : 0)).current;
+  const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, resolvedThemeColor)];
+  const scale = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
+  const backgroundScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(0.5)).current;
+  const backgroundOpacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const dotScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(isChecked ? 1 : 0)).current;
+  const dotOpacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(isChecked ? 1 : 0)).current;
   const sizeStyles = useSizeStyles(resolvedSize, resolvedVariant);
   const radiusStyles = useRadiusStyles(resolvedRadius);
   const dotColors = useDotColors(resolvedThemeColor, resolvedVariant, isChecked);
@@ -343,7 +272,7 @@ var Radio = ({
     isChecked
   );
   const containerStyles = useContainerStyles(resolvedLabelAlignment);
-  (0, import_react8.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (resolvedVariant !== "filled") return;
     if (isChecked) {
       runBackgroundInAnimation(backgroundScale, backgroundOpacity);
@@ -351,7 +280,7 @@ var Radio = ({
       runBackgroundOutAnimation(backgroundScale, backgroundOpacity);
     }
   }, [backgroundOpacity, backgroundScale, isChecked, resolvedVariant]);
-  (0, import_react8.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (isChecked) {
       runDotInAnimation(dotScale, dotOpacity);
     } else {
@@ -361,14 +290,14 @@ var Radio = ({
   const handlePress = () => {
     if (resolvedDisabled || isChecked) return;
     if (isInGroup && value) {
-      group.onValueChange?.(value);
-      onValueChange?.(true);
+      _optionalChain([group, 'access', _8 => _8.onValueChange, 'optionalCall', _9 => _9(value)]);
+      _optionalChain([onValueChange, 'optionalCall', _10 => _10(true)]);
       return;
     }
     if (!isControlledStandalone) {
       setInternalChecked(true);
     }
-    onValueChange?.(true);
+    _optionalChain([onValueChange, 'optionalCall', _11 => _11(true)]);
   };
   const handlePressIn = () => {
     if (resolvedDisabled) return;
@@ -378,8 +307,8 @@ var Radio = ({
     if (resolvedDisabled) return;
     runPressOutAnimation(scale);
   };
-  return /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native6.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       onPress: handlePress,
       onPressIn: handlePressIn,
@@ -400,8 +329,8 @@ var Radio = ({
         style
       ]
     },
-    /* @__PURE__ */ import_react8.default.createElement(
-      import_react_native6.Animated.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
         style: [
           styles.radio,
@@ -416,8 +345,8 @@ var Radio = ({
           }
         ]
       },
-      resolvedVariant === "filled" && /* @__PURE__ */ import_react8.default.createElement(
-        import_react_native6.Animated.View,
+      resolvedVariant === "filled" && /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.background,
@@ -430,8 +359,8 @@ var Radio = ({
           ]
         }
       ),
-      /* @__PURE__ */ import_react8.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: [
             styles.dot,
@@ -447,8 +376,8 @@ var Radio = ({
         }
       )
     ),
-    label && /* @__PURE__ */ import_react8.default.createElement(
-      import_react_native6.Text,
+    label && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
           styles.label,
@@ -463,8 +392,8 @@ var Radio = ({
 };
 
 // src/components/radio/radio-group.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
+
+
 var RadioGroup = ({
   children,
   value,
@@ -481,18 +410,18 @@ var RadioGroup = ({
   gap,
   style
 }) => {
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const isControlled = typeof value === "string";
-  const [internalValue, setInternalValue] = (0, import_react9.useState)(defaultValue);
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
   const selectedValue = isControlled ? value : internalValue;
   const handleValueChange = (nextValue) => {
     if (nextValue === selectedValue) return;
     if (!isControlled) {
       setInternalValue(nextValue);
     }
-    onValueChange?.(nextValue);
+    _optionalChain([onValueChange, 'optionalCall', _12 => _12(nextValue)]);
   };
-  const contextValue = (0, import_react9.useMemo)(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       selectedValue,
       isDisabled,
@@ -515,14 +444,14 @@ var RadioGroup = ({
       variant
     ]
   );
-  return /* @__PURE__ */ import_react9.default.createElement(RadioGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native7.View,
+  return /* @__PURE__ */ _react2.default.createElement(RadioGroupContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.group,
         {
           flexDirection: orientation === "horizontal" ? "row" : "column",
-          gap: gap ?? theme.spacing.sm
+          gap: _nullishCoalesce(gap, () => ( theme.spacing.sm))
         },
         style
       ]
@@ -530,8 +459,7 @@ var RadioGroup = ({
     children
   ));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Radio,
-  RadioGroup
-});
+
+
+
+exports.Radio = Radio; exports.RadioGroup = RadioGroup;

package/dist/radio/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/radio/radio.tsx
 import React2, { useContext, useEffect, useRef, useState } from "react";