@xaui/native 0.0.26 → 0.0.28

package/dist/menubox/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/menubox/menubox.tsx
 import React, { useMemo, Children, isValidElement } from "react";

package/dist/pager/index.cjs

@@ -1,47 +1,10 @@
-"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/pager/index.ts
-var pager_exports = {};
-__export(pager_exports, {
-  Pager: () => Pager,
-  PagerItem: () => PagerItem
-});
-module.exports = __toCommonJS(pager_exports);
-
-// src/components/pager/pager.tsx
-var import_react = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
+"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; }// src/components/pager/pager.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/pager/pager.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -94,8 +57,8 @@ function clampPage(page, max) {
   return Math.max(0, Math.min(page, max));
 }
 function toPages(children) {
-  return import_react.default.Children.toArray(children).flatMap((child, index) => {
-    if (!import_react.default.isValidElement(child) || child.type !== PagerItem) {
+  return _react2.default.Children.toArray(children).flatMap((child, index) => {
+    if (!_react2.default.isValidElement(child) || child.type !== PagerItem) {
       return [];
     }
     return [
@@ -119,45 +82,45 @@ var Pager = ({
   customAppearance
 }) => {
   const isPagerFullscreen = isFullscreen || isfullscreen === true;
-  const pages = (0, import_react.useMemo)(() => toPages(children), [children]);
+  const pages = _react.useMemo.call(void 0, () => toPages(children), [children]);
   const maxPage = Math.max(0, pages.length - 1);
   const isControlled = controlledPage !== void 0;
-  const [internalPage, setInternalPage] = (0, import_react.useState)(clampPage(defaultPage, maxPage));
-  const [containerWidth, setContainerWidth] = (0, import_react.useState)(0);
-  const scrollViewRef = (0, import_react.useRef)(null);
-  const initialScrollAppliedRef = (0, import_react.useRef)(false);
+  const [internalPage, setInternalPage] = _react.useState.call(void 0, clampPage(defaultPage, maxPage));
+  const [containerWidth, setContainerWidth] = _react.useState.call(void 0, 0);
+  const scrollViewRef = _react.useRef.call(void 0, null);
+  const initialScrollAppliedRef = _react.useRef.call(void 0, false);
   const activePage = clampPage(
-    isControlled ? controlledPage ?? 0 : internalPage,
+    isControlled ? _nullishCoalesce(controlledPage, () => ( 0)) : internalPage,
     maxPage
   );
-  (0, import_react.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (isControlled || pages.length === 0) return;
     setInternalPage((prev) => clampPage(prev, maxPage));
   }, [isControlled, maxPage, pages.length]);
-  (0, import_react.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (containerWidth <= 0) return;
     if (pages.length <= 1) return;
     const x = activePage * containerWidth;
     if (!initialScrollAppliedRef.current) {
       initialScrollAppliedRef.current = true;
-      scrollViewRef.current?.scrollTo({ x, animated: false });
+      _optionalChain([scrollViewRef, 'access', _2 => _2.current, 'optionalAccess', _3 => _3.scrollTo, 'call', _4 => _4({ x, animated: false })]);
       return;
     }
-    scrollViewRef.current?.scrollTo({ x, animated: true });
+    _optionalChain([scrollViewRef, 'access', _5 => _5.current, 'optionalAccess', _6 => _6.scrollTo, 'call', _7 => _7({ x, animated: true })]);
   }, [activePage, containerWidth, pages.length]);
-  const handleLayout = (0, import_react.useCallback)((event) => {
+  const handleLayout = _react.useCallback.call(void 0, (event) => {
     setContainerWidth(event.nativeEvent.layout.width);
   }, []);
-  const commitPageChange = (0, import_react.useCallback)(
+  const commitPageChange = _react.useCallback.call(void 0, 
     (nextPage) => {
       if (!isControlled) {
         setInternalPage(nextPage);
       }
-      onPageChange?.(nextPage);
+      _optionalChain([onPageChange, 'optionalCall', _8 => _8(nextPage)]);
     },
     [isControlled, onPageChange]
   );
-  const handleMomentumScrollEnd = (0, import_react.useCallback)(
+  const handleMomentumScrollEnd = _react.useCallback.call(void 0, 
     (event) => {
       if (containerWidth <= 0 || pages.length === 0) return;
       const rawPage = Math.round(event.nativeEvent.contentOffset.x / containerWidth);
@@ -168,18 +131,18 @@ var Pager = ({
     },
     [activePage, commitPageChange, containerWidth, maxPage, pages.length]
   );
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_react_native2.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       onLayout: handleLayout,
       style: [
         styles.container,
         isPagerFullscreen && styles.fullscreenContainer,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _9 => _9.container])
       ]
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_react_native2.ScrollView,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.ScrollView,
       {
         ref: scrollViewRef,
         horizontal: true,
@@ -189,46 +152,46 @@ var Pager = ({
         onMomentumScrollEnd: handleMomentumScrollEnd,
         style: [
           isPagerFullscreen && styles.fullscreenScrollView,
-          customAppearance?.scrollView
+          _optionalChain([customAppearance, 'optionalAccess', _10 => _10.scrollView])
         ]
       },
-      pages.map((pagerPage) => /* @__PURE__ */ import_react.default.createElement(
-        import_react_native2.View,
+      pages.map((pagerPage) => /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           key: pagerPage.key,
           style: [
             styles.page,
             isPagerFullscreen && styles.fullscreenPage,
-            customAppearance?.page,
+            _optionalChain([customAppearance, 'optionalAccess', _11 => _11.page]),
             containerWidth > 0 && { width: containerWidth }
           ]
         },
         pagerPage.content
       ))
     ),
-    showIndicator && pages.length > 1 && /* @__PURE__ */ import_react.default.createElement(
-      import_react_native2.View,
+    showIndicator && pages.length > 1 && /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.indicatorContainer,
-          customAppearance?.indicatorContainer,
+          _optionalChain([customAppearance, 'optionalAccess', _12 => _12.indicatorContainer]),
           isPagerFullscreen && styles.fullscreenIndicatorContainer
         ]
       },
       pages.map((_, index) => {
         const isActive = index === activePage;
         if (renderIndicator) {
-          return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: `indicator-${String(index)}` }, renderIndicator({ index, isActive, total: pages.length }));
+          return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, { key: `indicator-${String(index)}` }, renderIndicator({ index, isActive, total: pages.length }));
         }
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_react_native2.View,
+        return /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.View,
           {
             key: `indicator-${String(index)}`,
             style: [
               styles.indicator,
-              customAppearance?.indicator,
+              _optionalChain([customAppearance, 'optionalAccess', _13 => _13.indicator]),
               isActive && styles.activeIndicator,
-              isActive && customAppearance?.activeIndicator
+              isActive && _optionalChain([customAppearance, 'optionalAccess', _14 => _14.activeIndicator])
             ]
           }
         );
@@ -236,8 +199,7 @@ var Pager = ({
     )
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Pager,
-  PagerItem
-});
+
+
+
+exports.Pager = Pager; exports.PagerItem = PagerItem;

package/dist/progress/index.cjs

@@ -1,113 +1,43 @@
-"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(); } }require('../chunk-HSPTLUFA.cjs');
 
-// src/components/progress/index.ts
-var progress_exports = {};
-__export(progress_exports, {
-  Progress: () => Progress
-});
-module.exports = __toCommonJS(progress_exports);
-
-// src/components/progress/progress.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
 
-// 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");
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// src/core/portal/portal.tsx
-var import_react2 = require("react");
+// src/components/progress/progress.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
-// src/core/portal/portal-context.ts
-var import_react = require("react");
-var PortalContext = (0, import_react.createContext)(null);
+// src/components/progress/circular-progress-indicator.tsx
 
-// 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);
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
 
-// 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/progress/progress.hook.ts
 
-// src/components/progress/circular-progress-indicator.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"), 1);
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
 
-// src/components/progress/progress.hook.ts
-var import_react6 = require("react");
-var import_react_native_reanimated = require("react-native-reanimated");
 var MIN_VALUE = 0;
 var MAX_VALUE = 1;
 var clampProgress = (value) => Math.max(MIN_VALUE, Math.min(MAX_VALUE, value));
 var useProgressAnimation = (value, disableAnimation) => {
-  const progressAnim = (0, import_react_native_reanimated.useSharedValue)(clampProgress(value));
-  (0, import_react6.useEffect)(() => {
+  const progressAnim = _reactnativereanimated.useSharedValue.call(void 0, clampProgress(value));
+  _react.useEffect.call(void 0, () => {
     const clampedValue = clampProgress(value);
     if (disableAnimation) {
       progressAnim.value = clampedValue;
       return;
     }
-    progressAnim.value = (0, import_react_native_reanimated.withTiming)(clampedValue, {
+    progressAnim.value = _reactnativereanimated.withTiming.call(void 0, clampedValue, {
       duration: 500,
-      easing: import_react_native_reanimated.Easing.bezier(0, 0, 0.2, 1)
+      easing: _reactnativereanimated.Easing.bezier(0, 0, 0.2, 1)
     });
   }, [value, disableAnimation, progressAnim]);
   return progressAnim;
 };
 
 // src/components/progress/progress.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     flexShrink: 1,
     flexBasis: "auto",
@@ -127,7 +57,7 @@ var styles = import_react_native4.StyleSheet.create({
 });
 
 // src/components/progress/circular-progress-indicator.tsx
-var AnimatedCircle = import_react_native_reanimated2.default.createAnimatedComponent(import_react_native_svg.Circle);
+var AnimatedCircle = _reactnativereanimated2.default.createAnimatedComponent(_reactnativesvg.Circle);
 var CircularProgressIndicator = ({
   size = 40,
   color,
@@ -142,11 +72,11 @@ var CircularProgressIndicator = ({
   const circumference = 2 * Math.PI * radius;
   const center = size / 2;
   const strokeCap = borderRadius && borderRadius > 0 ? "round" : "butt";
-  const animatedProps = (0, import_react_native_reanimated2.useAnimatedProps)(() => ({
+  const animatedProps = _reactnativereanimated.useAnimatedProps.call(void 0, () => ({
     strokeDashoffset: circumference * (1 - progressAnim.value)
   }));
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.circleContainer, { width: size, height: size }] }, /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.default, { width: size, height: size, style: { transform: [{ rotate: "-90deg" }] } }, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg.Circle,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.circleContainer, { width: size, height: size }] }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, style: { transform: [{ rotate: "-90deg" }] } }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Circle,
     {
       cx: center,
       cy: center,
@@ -155,7 +85,7 @@ var CircularProgressIndicator = ({
       strokeWidth,
       fill: "none"
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(
+  ), /* @__PURE__ */ _react2.default.createElement(
     AnimatedCircle,
     {
       cx: center,
@@ -172,9 +102,9 @@ var CircularProgressIndicator = ({
 };
 
 // src/components/progress/linear-progress-indicator.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_react_native_reanimated3 = __toESM(require("react-native-reanimated"), 1);
+
+
+
 var LinearProgressIndicator = ({
   size = 4,
   color,
@@ -184,12 +114,12 @@ var LinearProgressIndicator = ({
   disableAnimation
 }) => {
   const progressAnim = useProgressAnimation(value, disableAnimation);
-  const radius = Math.max(0, Math.min(size / 2, borderRadius ?? 0));
-  const animatedStyle = (0, import_react_native_reanimated3.useAnimatedStyle)(() => ({
+  const radius = Math.max(0, Math.min(size / 2, _nullishCoalesce(borderRadius, () => ( 0))));
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
     width: `${progressAnim.value * 100}%`
   }));
-  return /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native6.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.track,
@@ -200,8 +130,8 @@ var LinearProgressIndicator = ({
         }
       ]
     },
-    /* @__PURE__ */ import_react8.default.createElement(
-      import_react_native_reanimated3.default.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnativereanimated2.default.View,
       {
         style: [
           styles.progress,
@@ -227,10 +157,10 @@ var Progress = (props) => {
     size,
     disableAnimation = false
   } = props;
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const colorScheme = theme.colors[themeColor];
-  const mainColor = color ?? colorScheme.main;
-  const trackColor = backgroundColor ?? colorScheme.background;
+  const mainColor = _nullishCoalesce(color, () => ( colorScheme.main));
+  const trackColor = _nullishCoalesce(backgroundColor, () => ( colorScheme.background));
   const clampedValue = clampProgress(value);
   const accessibilityValue = {
     min: 0,
@@ -238,17 +168,17 @@ var Progress = (props) => {
     now: clampedValue * 100
   };
   if (variant === "circular") {
-    const circleSize = size ?? 40;
+    const circleSize = _nullishCoalesce(size, () => ( 40));
     const borderRadius2 = "borderRadius" in props ? props.borderRadius : void 0;
-    return /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native7.View,
+    return /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [styles.circleContainer, { width: circleSize, height: circleSize }],
         accessible: true,
         accessibilityRole: "progressbar",
         accessibilityValue
       },
-      /* @__PURE__ */ import_react9.default.createElement(
+      /* @__PURE__ */ _react2.default.createElement(
         CircularProgressIndicator,
         {
           size: circleSize,
@@ -261,17 +191,17 @@ var Progress = (props) => {
       )
     );
   }
-  const linearSize = size ?? 4;
+  const linearSize = _nullishCoalesce(size, () => ( 4));
   const borderRadius = "borderRadius" in props ? props.borderRadius : void 0;
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native7.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: styles.container,
       accessible: true,
       accessibilityRole: "progressbar",
       accessibilityValue
     },
-    /* @__PURE__ */ import_react9.default.createElement(
+    /* @__PURE__ */ _react2.default.createElement(
       LinearProgressIndicator,
       {
         size: linearSize,
@@ -284,7 +214,6 @@ var Progress = (props) => {
     )
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Progress
-});
+
+
+exports.Progress = Progress;

package/dist/progress/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-GHCVNQET.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/progress/progress.tsx
 import React3 from "react";