@xaui/native 0.0.27 → 0.0.29

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";