@xaui/native 0.0.23 → 0.0.24

package/dist/feature-discovery/index.js

@@ -1,7 +1,7 @@
-import "../chunk-DXXNBF5P.js";
+import "../chunk-CZFDZPAS.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-I4V5Y5GD.js";
 
 // src/components/feature-discovery/feature-discovery.tsx
 import React, { useEffect } from "react";
@@ -274,13 +274,7 @@ var FeatureDiscovery = ({
     startAnimations,
     resetAnimations
   } = useFeatureDiscoveryAnimations();
-  const {
-    target,
-    measureTarget,
-    setTargetLayout,
-    viewportWidth,
-    viewportHeight
-  } = useFeatureDiscoveryLayout(targetRef);
+  const { target, measureTarget, setTargetLayout, viewportWidth, viewportHeight } = useFeatureDiscoveryLayout(targetRef);
   const {
     targetCenterX,
     targetCenterY,
@@ -332,127 +326,137 @@ var FeatureDiscovery = ({
       statusBarTranslucent: true,
       onRequestClose: onDismiss
     },
-    /* @__PURE__ */ React.createElement(View, { style: [styles.root, customAppearance?.root, customAppearance?.container] }, /* @__PURE__ */ React.createElement(
-      Pressable,
+    /* @__PURE__ */ React.createElement(
+      View,
       {
-        style: styles.absoluteFill,
-        onPress: dismissOnBackdropPress ? onDismiss : void 0
+        style: [styles.root, customAppearance?.root, customAppearance?.container]
       },
+      /* @__PURE__ */ React.createElement(
+        Pressable,
+        {
+          style: styles.absoluteFill,
+          onPress: dismissOnBackdropPress ? onDismiss : void 0
+        },
+        /* @__PURE__ */ React.createElement(
+          Animated2.View,
+          {
+            style: [
+              styles.absoluteFill,
+              {
+                backgroundColor: resolvedOverlayColor,
+                opacity: backdropOpacity
+              }
+            ]
+          }
+        )
+      ),
       /* @__PURE__ */ React.createElement(
         Animated2.View,
         {
           style: [
-            styles.absoluteFill,
+            styles.circle,
             {
-              backgroundColor: resolvedOverlayColor,
-              opacity: backdropOpacity
+              width: circleDiameter,
+              height: circleDiameter,
+              borderRadius: circleDiameter / 2,
+              left: targetCenterX - circleDiameter / 2,
+              top: targetCenterY - circleDiameter / 2,
+              backgroundColor: colorScheme.main,
+              opacity: contentOpacity,
+              transform: [{ scale: circleAnimScale }]
             }
           ]
         }
-      )
-    ), /* @__PURE__ */ React.createElement(
-      Animated2.View,
-      {
-        style: [
-          styles.circle,
-          {
-            width: circleDiameter,
-            height: circleDiameter,
-            borderRadius: circleDiameter / 2,
-            left: targetCenterX - circleDiameter / 2,
-            top: targetCenterY - circleDiameter / 2,
-            backgroundColor: colorScheme.main,
-            opacity: contentOpacity,
-            transform: [{ scale: circleAnimScale }]
-          }
-        ]
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Animated2.View,
-      {
-        style: [
-          styles.spotlightHalo,
-          {
-            width: spotlightSize,
-            height: spotlightSize,
-            borderRadius: spotlightSize / 2,
-            left: targetCenterX - spotlightSize / 2,
-            top: targetCenterY - spotlightSize / 2,
-            opacity: contentOpacity,
-            transform: [{ scale: haloScale }]
-          }
-        ]
-      }
-    ), highlightContent && /* @__PURE__ */ React.createElement(
-      Animated2.View,
-      {
-        style: [
-          styles.highlightContainer,
-          {
-            left: highlightX,
-            top: highlightY,
-            width: target.width,
-            height: target.height,
-            opacity: contentOpacity
-          },
-          customAppearance?.highlightContainer
-        ],
-        pointerEvents: "none"
-      },
-      highlightContent
-    ), /* @__PURE__ */ React.createElement(
-      Animated2.View,
-      {
-        style: [
-          styles.messageContainer,
-          {
-            top: messageTop,
-            left: msgLeft,
-            right: msgRight,
-            maxHeight: msgMaxHeight,
-            opacity: contentOpacity
-          },
-          customAppearance?.messageContainer
-        ],
-        pointerEvents: "box-none"
-      },
-      /* @__PURE__ */ React.createElement(View, { style: styles.messageHeader }, /* @__PURE__ */ React.createElement(View, { style: styles.messageTitleWrapper }, renderContent(title, [
-        styles.title,
-        { color: colorScheme.foreground },
-        { textAlign: isTargetOnLeft ? "left" : "right" },
-        customAppearance?.title
-      ])), /* @__PURE__ */ React.createElement(
-        Pressable,
+      ),
+      /* @__PURE__ */ React.createElement(
+        Animated2.View,
+        {
+          style: [
+            styles.spotlightHalo,
+            {
+              width: spotlightSize,
+              height: spotlightSize,
+              borderRadius: spotlightSize / 2,
+              left: targetCenterX - spotlightSize / 2,
+              top: targetCenterY - spotlightSize / 2,
+              opacity: contentOpacity,
+              transform: [{ scale: haloScale }]
+            }
+          ]
+        }
+      ),
+      highlightContent && /* @__PURE__ */ React.createElement(
+        Animated2.View,
         {
-          onPress: onDismiss,
-          style: styles.closeButton,
-          accessibilityRole: "button"
+          style: [
+            styles.highlightContainer,
+            {
+              left: highlightX,
+              top: highlightY,
+              width: target.width,
+              height: target.height,
+              opacity: contentOpacity
+            },
+            customAppearance?.highlightContainer
+          ],
+          pointerEvents: "none"
         },
-        /* @__PURE__ */ React.createElement(Text, { style: [styles.closeIcon, { color: colorScheme.foreground }] }, "\u2715")
-      )),
-      description ? renderContent(description, [
-        styles.description,
-        { color: withOpacity2(colorScheme.foreground, 0.9) },
-        { textAlign: isTargetOnLeft ? "left" : "right" },
-        customAppearance?.description
-      ]) : null,
-      actionText ? /* @__PURE__ */ React.createElement(
-        Pressable,
+        highlightContent
+      ),
+      /* @__PURE__ */ React.createElement(
+        Animated2.View,
         {
-          onPress: onActionPress,
           style: [
-            styles.actionPressable,
-            { alignSelf: isTargetOnLeft ? "flex-start" : "flex-end" }
+            styles.messageContainer,
+            {
+              top: messageTop,
+              left: msgLeft,
+              right: msgRight,
+              maxHeight: msgMaxHeight,
+              opacity: contentOpacity
+            },
+            customAppearance?.messageContainer
           ],
-          accessibilityRole: "button"
+          pointerEvents: "box-none"
         },
-        renderContent(actionText, [
-          styles.actionText,
+        /* @__PURE__ */ React.createElement(View, { style: styles.messageHeader }, /* @__PURE__ */ React.createElement(View, { style: styles.messageTitleWrapper }, renderContent(title, [
+          styles.title,
           { color: colorScheme.foreground },
-          customAppearance?.actionText
-        ])
-      ) : null
-    ))
+          { textAlign: isTargetOnLeft ? "left" : "right" },
+          customAppearance?.title
+        ])), /* @__PURE__ */ React.createElement(
+          Pressable,
+          {
+            onPress: onDismiss,
+            style: styles.closeButton,
+            accessibilityRole: "button"
+          },
+          /* @__PURE__ */ React.createElement(Text, { style: [styles.closeIcon, { color: colorScheme.foreground }] }, "\u2715")
+        )),
+        description ? renderContent(description, [
+          styles.description,
+          { color: withOpacity2(colorScheme.foreground, 0.9) },
+          { textAlign: isTargetOnLeft ? "left" : "right" },
+          customAppearance?.description
+        ]) : null,
+        actionText ? /* @__PURE__ */ React.createElement(
+          Pressable,
+          {
+            onPress: onActionPress,
+            style: [
+              styles.actionPressable,
+              { alignSelf: isTargetOnLeft ? "flex-start" : "flex-end" }
+            ],
+            accessibilityRole: "button"
+          },
+          renderContent(actionText, [
+            styles.actionText,
+            { color: colorScheme.foreground },
+            customAppearance?.actionText
+          ])
+        ) : null
+      )
+    )
   );
 };
 export {

package/dist/index-BOw6tbkc.d.cts

@@ -0,0 +1,5 @@
+type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+
+export type { Radius as R, Size as S, ThemeColor as T };

package/dist/index-BOw6tbkc.d.ts

@@ -0,0 +1,5 @@
+type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
+type Size = 'xs' | 'sm' | 'md' | 'lg';
+type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
+
+export type { Radius as R, Size as S, ThemeColor as T };