@xaui/native 0.0.8 → 0.0.9

package/dist/checkbox/index.cjs

@@ -35,8 +35,8 @@ __export(checkbox_exports, {
 module.exports = __toCommonJS(checkbox_exports);
 
 // src/components/checkbox/checkbox.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+var import_react8 = __toESM(require("react"), 1);
+var import_react_native7 = require("react-native");
 
 // src/components/checkbox/checkbox-icon.tsx
 var import_react = __toESM(require("react"), 1);
@@ -182,21 +182,39 @@ function CheckboxIcon({ isIndeterminate, variant, ...props }) {
 }
 
 // src/components/checkbox/checkbox.hook.ts
-var import_react4 = require("react");
+var import_react7 = require("react");
 var import_core = require("@xaui/core");
 
 // src/core/theme-context.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_react_native3 = require("react-native");
+var import_react5 = __toESM(require("react"), 1);
+var import_react_native4 = require("react-native");
 var import_theme = require("@xaui/core/theme");
 var import_palette = require("@xaui/core/palette");
-var XUIThemeContext = (0, import_react2.createContext)(null);
 
-// src/core/theme-hooks.ts
+// src/core/portal/portal.tsx
 var import_react3 = require("react");
-var import_react_native4 = require("react-native");
+
+// src/core/portal/portal-context.ts
+var import_react2 = require("react");
+var PortalContext = (0, import_react2.createContext)(null);
+
+// src/core/portal/portal-host.tsx
+var import_react4 = __toESM(require("react"), 1);
+var import_react_native3 = require("react-native");
+var hostStyles = import_react_native3.StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+
+// src/core/theme-context.tsx
+var XUIThemeContext = (0, import_react5.createContext)(null);
+
+// src/core/theme-hooks.ts
+var import_react6 = require("react");
+var import_react_native5 = require("react-native");
 function useXUITheme() {
-  const theme = (0, import_react3.useContext)(XUIThemeContext);
+  const theme = (0, import_react6.useContext)(XUIThemeContext);
   if (!theme) {
     throw new Error("useXUITheme must be used within XUIProvider");
   }
@@ -209,7 +227,7 @@ var import_theme2 = require("@xaui/core/theme");
 // src/components/checkbox/checkbox.hook.ts
 function useSizeStyles(size, variant) {
   const theme = useXUITheme();
-  const sizeStyles = (0, import_react4.useMemo)(() => {
+  const sizeStyles = (0, import_react7.useMemo)(() => {
     const sizes = {
       xs: {
         checkboxSize: 14,
@@ -238,7 +256,7 @@ function useSizeStyles(size, variant) {
 }
 function useRadiusStyles(radius) {
   const theme = useXUITheme();
-  const radiusStyles = (0, import_react4.useMemo)(() => {
+  const radiusStyles = (0, import_react7.useMemo)(() => {
     const radii = {
       none: theme.borderRadius.none,
       sm: theme.borderRadius.sm,
@@ -254,7 +272,7 @@ function useCheckmarkColors(themeColor, variant, isActive) {
   const theme = useXUITheme();
   const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  const checkmarkColors = (0, import_react4.useMemo)(() => {
+  const checkmarkColors = (0, import_react7.useMemo)(() => {
     if (variant === "filled") {
       return {
         checked: colorScheme.foreground,
@@ -284,7 +302,7 @@ function useVariantStyles(themeColor, variant, isActive) {
   const theme = useXUITheme();
   const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  const variantStyles = (0, import_react4.useMemo)(() => {
+  const variantStyles = (0, import_react7.useMemo)(() => {
     if (variant === "filled") {
       return {
         backgroundColor: "transparent",
@@ -301,7 +319,7 @@ function useVariantStyles(themeColor, variant, isActive) {
   return variantStyles;
 }
 function useContainerStyles(labelAlignment) {
-  const containerStyles = (0, import_react4.useMemo)(() => {
+  const containerStyles = (0, import_react7.useMemo)(() => {
     const isJustified = labelAlignment === "justify-left" || labelAlignment === "justify-right";
     return {
       flexDirection: labelAlignment === "left" || labelAlignment === "justify-left" ? "row-reverse" : "row",
@@ -312,8 +330,8 @@ function useContainerStyles(labelAlignment) {
 }
 
 // src/components/checkbox/checkbox.style.ts
-var import_react_native5 = require("react-native");
-var styles = import_react_native5.StyleSheet.create({
+var import_react_native6 = require("react-native");
+var styles = import_react_native6.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "center",
@@ -371,18 +389,18 @@ var Checkbox = ({
   const theme = useXUITheme();
   const colorScheme = theme.colors[(0, import_core4.getSafeThemeColor)(themeColor)];
   const isControlled = typeof isCheckedProp === "boolean";
-  const [internalChecked, setInternalChecked] = (0, import_react5.useState)(isCheckedProp ?? false);
+  const [internalChecked, setInternalChecked] = (0, import_react8.useState)(isCheckedProp ?? false);
   const isChecked = isControlled ? isCheckedProp : internalChecked;
-  const scale = (0, import_react5.useRef)(new import_react_native6.Animated.Value(1)).current;
-  const backgroundScale = (0, import_react5.useRef)(new import_react_native6.Animated.Value(0.5)).current;
-  const backgroundOpacity = (0, import_react5.useRef)(new import_react_native6.Animated.Value(0)).current;
+  const scale = (0, import_react8.useRef)(new import_react_native7.Animated.Value(1)).current;
+  const backgroundScale = (0, import_react8.useRef)(new import_react_native7.Animated.Value(0.5)).current;
+  const backgroundOpacity = (0, import_react8.useRef)(new import_react_native7.Animated.Value(0)).current;
   const isActive = isChecked || isIndeterminate;
   const sizeStyles = useSizeStyles(size, variant);
   const radiusStyles = useRadiusStyles(radius);
   const checkmarkColors = useCheckmarkColors(themeColor, variant, isActive);
   const variantStyles = useVariantStyles(themeColor, variant, isActive);
   const containerStyles = useContainerStyles(labelAlignment);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (variant !== "filled") return;
     if (isActive) {
       runBackgroundInAnimation(backgroundScale, backgroundOpacity);
@@ -410,8 +428,8 @@ var Checkbox = ({
     }
   };
   const accessibilityChecked = isIndeterminate ? "mixed" : isChecked;
-  return /* @__PURE__ */ import_react5.default.createElement(
-    import_react_native6.Pressable,
+  return /* @__PURE__ */ import_react8.default.createElement(
+    import_react_native7.Pressable,
     {
       onPress: handlePress,
       onPressIn: handlePressIn,
@@ -432,8 +450,8 @@ var Checkbox = ({
         style
       ]
     },
-    /* @__PURE__ */ import_react5.default.createElement(
-      import_react_native6.Animated.View,
+    /* @__PURE__ */ import_react8.default.createElement(
+      import_react_native7.Animated.View,
       {
         style: [
           styles.checkbox,
@@ -448,8 +466,8 @@ var Checkbox = ({
           }
         ]
       },
-      variant === "filled" && /* @__PURE__ */ import_react5.default.createElement(
-        import_react_native6.Animated.View,
+      variant === "filled" && /* @__PURE__ */ import_react8.default.createElement(
+        import_react_native7.Animated.View,
         {
           style: [
             styles.background,
@@ -462,7 +480,7 @@ var Checkbox = ({
           ]
         }
       ),
-      /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: styles.checkmarkContainer }, /* @__PURE__ */ import_react5.default.createElement(
+      /* @__PURE__ */ import_react8.default.createElement(import_react_native7.View, { style: styles.checkmarkContainer }, /* @__PURE__ */ import_react8.default.createElement(
         CheckboxIcon,
         {
           isChecked: isActive,
@@ -474,8 +492,8 @@ var Checkbox = ({
         }
       ))
     ),
-    label && /* @__PURE__ */ import_react5.default.createElement(
-      import_react_native6.Text,
+    label && /* @__PURE__ */ import_react8.default.createElement(
+      import_react_native7.Text,
       {
         style: [
           styles.label,

package/dist/checkbox/index.js

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "../chunk-ORMNMNOK.js";
+} from "../chunk-NBRASCX4.js";
 
 // src/components/checkbox/checkbox.tsx
 import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";

package/dist/{chunk-B2VGVZ3J.js → chunk-63LRW4QD.js}

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "./chunk-ORMNMNOK.js";
+} from "./chunk-NBRASCX4.js";
 
 // src/components/indicator/indicator.tsx
 import React3 from "react";