@xaui/native 0.0.26 → 0.0.28

package/dist/slider/index.cjs

@@ -1,100 +1,22 @@
-"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 _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/components/slider/index.ts
-var slider_exports = {};
-__export(slider_exports, {
-  Slider: () => Slider
-});
-module.exports = __toCommonJS(slider_exports);
 
-// src/components/slider/slider.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native6 = 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/slider/slider.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_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
-  }
-});
 
-// 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;
-}
-function useBorderRadiusStyles(radius) {
-  const theme = useXUITheme();
-  const borderRadius = (0, import_react5.useMemo)(() => {
-    const radiusMap = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return { borderRadius: radiusMap[radius] };
-  }, [radius, theme]);
-  return borderRadius;
-}
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+var _reactnative = require('react-native');
 
 // src/components/slider/slider.animation.ts
-var import_react_native4 = require("react-native");
+
 var runSliderThumbPressInAnimation = (scale) => {
-  import_react_native4.Animated.spring(scale, {
+  _reactnative.Animated.spring(scale, {
     toValue: 1.08,
     friction: 6,
     tension: 120,
@@ -102,7 +24,7 @@ var runSliderThumbPressInAnimation = (scale) => {
   }).start();
 };
 var runSliderThumbPressOutAnimation = (scale) => {
-  import_react_native4.Animated.spring(scale, {
+  _reactnative.Animated.spring(scale, {
     toValue: 1,
     friction: 6,
     tension: 120,
@@ -111,11 +33,11 @@ var runSliderThumbPressOutAnimation = (scale) => {
 };
 
 // src/components/slider/slider.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
+
+var _core = require('@xaui/core');
 function useSliderSizeStyles(size) {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         trackThickness: 4,
@@ -150,11 +72,11 @@ function useSliderSizeStyles(size) {
   }, [size, theme]);
 }
 function useSliderColorStyles(color, isDisabled) {
-  const theme = useXUITheme();
-  const safeColor = (0, import_core.getSafeThemeColor)(color);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeColor = _core.getSafeThemeColor.call(void 0, color);
   const palette = theme.colors[safeColor];
-  const fillColor = (0, import_core.withPaletteNumber)(palette.main, 400);
-  return (0, import_react6.useMemo)(() => {
+  const fillColor = _core.withPaletteNumber.call(void 0, palette.main, 400);
+  return _react.useMemo.call(void 0, () => {
     if (isDisabled) {
       return {
         trackColor: `${theme.colors.default.main}30`,
@@ -181,8 +103,8 @@ function useSliderColorStyles(color, isDisabled) {
 }
 
 // src/components/slider/slider.style.ts
-var import_react_native5 = require("react-native");
-var styles = import_react_native5.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -323,7 +245,7 @@ var Slider = ({
   customAppearance
 }) => {
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react7.useState)(
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, 
     getInitialValue({
       value: controlledValue,
       defaultValue,
@@ -331,30 +253,30 @@ var Slider = ({
       maxValue
     })
   );
-  const [measuredTrackLength, setMeasuredTrackLength] = (0, import_react7.useState)(
+  const [measuredTrackLength, setMeasuredTrackLength] = _react.useState.call(void 0, 
     trackLength && trackLength > 0 ? trackLength : 0
   );
   const currentValue = isControlled ? clamp(controlledValue, minValue, maxValue) : internalValue;
   const sizeStyles = useSliderSizeStyles(size);
   const colorStyles = useSliderColorStyles(color, isDisabled);
-  const radiusStyles = useBorderRadiusStyles(radius);
-  const theme = useXUITheme();
-  const thumbScale = (0, import_react7.useRef)(new import_react_native6.Animated.Value(1)).current;
-  const initialTouchTrackPosition = (0, import_react7.useRef)(0);
-  const animatedTrackPosition = (0, import_react7.useRef)(new import_react_native6.Animated.Value(0)).current;
-  const isDragging = (0, import_react7.useRef)(false);
-  const currentValueRef = (0, import_react7.useRef)(currentValue);
+  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const thumbScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
+  const initialTouchTrackPosition = _react.useRef.call(void 0, 0);
+  const animatedTrackPosition = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
+  const isDragging = _react.useRef.call(void 0, false);
+  const currentValueRef = _react.useRef.call(void 0, currentValue);
   currentValueRef.current = currentValue;
-  const onChangeEndRef = (0, import_react7.useRef)(onChangeEnd);
+  const onChangeEndRef = _react.useRef.call(void 0, onChangeEnd);
   onChangeEndRef.current = onChangeEnd;
   const thumbOverlapInset = Math.max(
     0,
     (sizeStyles.thumbSize - sizeStyles.trackThickness) / 2
   );
-  const formattedValue = (0, import_react7.useMemo)(() => {
+  const formattedValue = _react.useMemo.call(void 0, () => {
     try {
       return new Intl.NumberFormat(void 0, formatOptions).format(currentValue);
-    } catch {
+    } catch (e) {
       return String(currentValue);
     }
   }, [currentValue, formatOptions]);
@@ -364,14 +286,14 @@ var Slider = ({
   const trackContainerLengthStyle = orientation === "vertical" ? {
     height: (trackLength && trackLength > 0 ? trackLength : 220) + thumbOverlapInset * 2
   } : trackLength && trackLength > 0 ? { width: trackLength + thumbOverlapInset * 2 } : null;
-  (0, import_react7.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!isDragging.current && effectiveTrackLength > 0) {
       animatedTrackPosition.setValue(
         clamp(thumbCenterPosition, 0, effectiveTrackLength)
       );
     }
   }, [thumbCenterPosition, effectiveTrackLength, animatedTrackPosition]);
-  const animatedFillSize = (0, import_react7.useMemo)(() => {
+  const animatedFillSize = _react.useMemo.call(void 0, () => {
     const safeLength = Math.max(effectiveTrackLength, 1);
     return animatedTrackPosition.interpolate({
       inputRange: [0, safeLength],
@@ -379,7 +301,7 @@ var Slider = ({
       extrapolate: "clamp"
     });
   }, [animatedTrackPosition, effectiveTrackLength]);
-  const animatedThumbOffset = (0, import_react7.useMemo)(() => {
+  const animatedThumbOffset = _react.useMemo.call(void 0, () => {
     const base = thumbOverlapInset - sizeStyles.thumbSize / 2;
     const safeLength = Math.max(effectiveTrackLength, 1);
     return animatedTrackPosition.interpolate({
@@ -393,16 +315,16 @@ var Slider = ({
     thumbOverlapInset,
     sizeStyles.thumbSize
   ]);
-  const setValue = (0, import_react7.useCallback)(
+  const setValue = _react.useCallback.call(void 0, 
     (nextValue) => {
       if (!isControlled) {
         setInternalValue(nextValue);
       }
-      onChange?.(nextValue);
+      _optionalChain([onChange, 'optionalCall', _2 => _2(nextValue)]);
     },
     [isControlled, onChange]
   );
-  const setValueFromPosition = (0, import_react7.useCallback)(
+  const setValueFromPosition = _react.useCallback.call(void 0, 
     (position) => {
       const nextPercent = getRelativePosition(
         position,
@@ -416,8 +338,8 @@ var Slider = ({
     [effectiveTrackLength, maxValue, minValue, orientation, setValue, step]
   );
   const isInteractive = !isDisabled && !isReadOnly;
-  const panResponder = (0, import_react7.useMemo)(
-    () => import_react_native6.PanResponder.create({
+  const panResponder = _react.useMemo.call(void 0, 
+    () => _reactnative.PanResponder.create({
       onStartShouldSetPanResponder: () => isInteractive,
       onMoveShouldSetPanResponder: (_evt, gs) => {
         if (!isInteractive) return false;
@@ -459,7 +381,7 @@ var Slider = ({
         animatedTrackPosition.setValue(
           getPixelPosition(snappedPercent, effectiveTrackLength)
         );
-        onChangeEndRef.current?.(nextValue);
+        _optionalChain([onChangeEndRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4(nextValue)]);
       },
       onPanResponderTerminate: () => {
         isDragging.current = false;
@@ -467,7 +389,7 @@ var Slider = ({
         const val = currentValueRef.current;
         const pct = valueToPercent(val, minValue, maxValue);
         animatedTrackPosition.setValue(getPixelPosition(pct, effectiveTrackLength));
-        onChangeEndRef.current?.(val);
+        _optionalChain([onChangeEndRef, 'access', _5 => _5.current, 'optionalCall', _6 => _6(val)]);
       }
     }),
     [
@@ -482,7 +404,7 @@ var Slider = ({
       thumbOverlapInset
     ]
   );
-  const handleTrackLayout = (0, import_react7.useCallback)(
+  const handleTrackLayout = _react.useCallback.call(void 0, 
     (event) => {
       if (trackLength && trackLength > 0) return;
       const nextLength = orientation === "vertical" ? event.nativeEvent.layout.height : event.nativeEvent.layout.width;
@@ -490,34 +412,34 @@ var Slider = ({
     },
     [orientation, trackLength]
   );
-  const steps = (0, import_react7.useMemo)(() => {
+  const steps = _react.useMemo.call(void 0, () => {
     if (!showSteps || step <= 0 || maxValue <= minValue) return [];
     const count = Math.floor((maxValue - minValue) / step);
     if (count > 200) return [];
     return Array.from({ length: count + 1 }, (_, index) => minValue + index * step);
   }, [maxValue, minValue, showSteps, step]);
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: [styles.container, customAppearance?.container] }, (label !== void 0 || showValueLabel) && /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, { style: [styles.header, customAppearance?.header] }, label !== void 0 ? /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native6.Text,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, _optionalChain([customAppearance, 'optionalAccess', _7 => _7.container])] }, (label !== void 0 || showValueLabel) && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.header, _optionalChain([customAppearance, 'optionalAccess', _8 => _8.header])] }, label !== void 0 ? /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       style: [
         styles.label,
         { color: colorStyles.labelColor, fontSize: sizeStyles.fontSize },
-        customAppearance?.label
+        _optionalChain([customAppearance, 'optionalAccess', _9 => _9.label])
       ]
     },
     label
-  ) : /* @__PURE__ */ import_react7.default.createElement(import_react_native6.View, null), showValueLabel && /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native6.Text,
+  ) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null), showValueLabel && /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       style: [
         styles.value,
         { color: colorStyles.valueColor, fontSize: sizeStyles.fontSize },
-        customAppearance?.value
+        _optionalChain([customAppearance, 'optionalAccess', _10 => _10.value])
       ]
     },
     formattedValue
-  )), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native6.View,
+  )), /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         orientation === "vertical" ? styles.verticalRow : styles.row,
@@ -525,8 +447,8 @@ var Slider = ({
       ]
     },
     startContent,
-    /* @__PURE__ */ import_react7.default.createElement(
-      import_react_native6.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         ...panResponder.panHandlers,
         style: [
@@ -536,11 +458,11 @@ var Slider = ({
             padding: thumbOverlapInset
           },
           trackContainerLengthStyle,
-          customAppearance?.trackContainer
+          _optionalChain([customAppearance, 'optionalAccess', _11 => _11.trackContainer])
         ]
       },
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           onLayout: handleTrackLayout,
           style: [
@@ -552,11 +474,11 @@ var Slider = ({
               height: orientation === "vertical" ? "100%" : sizeStyles.trackThickness,
               width: orientation === "vertical" ? sizeStyles.trackThickness : "100%"
             },
-            customAppearance?.track
+            _optionalChain([customAppearance, 'optionalAccess', _12 => _12.track])
           ]
         },
-        /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native6.Animated.View,
+        /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.Animated.View,
           {
             style: [
               styles.fill,
@@ -566,15 +488,15 @@ var Slider = ({
                 height: orientation === "vertical" ? effectiveTrackLength > 0 ? animatedFillSize : `${activePercent}%` : sizeStyles.trackThickness,
                 width: orientation === "vertical" ? sizeStyles.trackThickness : effectiveTrackLength > 0 ? animatedFillSize : `${activePercent}%`
               },
-              customAppearance?.fill
+              _optionalChain([customAppearance, 'optionalAccess', _13 => _13.fill])
             ]
           }
         ),
         showSteps && steps.map((stepValue) => {
           const percent = valueToPercent(stepValue, minValue, maxValue);
           const isActive = stepValue <= currentValue;
-          return /* @__PURE__ */ import_react7.default.createElement(
-            import_react_native6.View,
+          return /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.View,
             {
               key: `step-${stepValue}`,
               style: [
@@ -586,15 +508,15 @@ var Slider = ({
                   left: orientation === "vertical" ? (sizeStyles.trackThickness - sizeStyles.stepDotSize) / 2 : getPixelPosition(percent, effectiveTrackLength) - sizeStyles.stepDotSize / 2,
                   bottom: orientation === "vertical" ? getPixelPosition(percent, effectiveTrackLength) - sizeStyles.stepDotSize / 2 : (sizeStyles.trackThickness - sizeStyles.stepDotSize) / 2
                 },
-                customAppearance?.step,
-                isActive && customAppearance?.activeStep
+                _optionalChain([customAppearance, 'optionalAccess', _14 => _14.step]),
+                isActive && _optionalChain([customAppearance, 'optionalAccess', _15 => _15.activeStep])
               ]
             }
           );
         })
       ),
-      /* @__PURE__ */ import_react7.default.createElement(
-        import_react_native6.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           pointerEvents: "none",
           style: [
@@ -612,14 +534,14 @@ var Slider = ({
               ...theme.shadows.md,
               transform: [{ scale: thumbScale }]
             },
-            customAppearance?.thumb
+            _optionalChain([customAppearance, 'optionalAccess', _16 => _16.thumb])
           ]
         }
       ),
-      marks?.map((mark) => {
+      _optionalChain([marks, 'optionalAccess', _17 => _17.map, 'call', _18 => _18((mark) => {
         const percent = valueToPercent(mark.value, minValue, maxValue);
-        return /* @__PURE__ */ import_react7.default.createElement(
-          import_react_native6.View,
+        return /* @__PURE__ */ _react2.default.createElement(
+          _reactnative.View,
           {
             key: `mark-${mark.value}`,
             style: [
@@ -629,27 +551,26 @@ var Slider = ({
                 top: orientation === "vertical" ? void 0 : thumbOverlapInset + sizeStyles.trackThickness,
                 bottom: orientation === "vertical" ? thumbOverlapInset + getPixelPosition(percent, effectiveTrackLength) - 8 : void 0
               },
-              customAppearance?.mark
+              _optionalChain([customAppearance, 'optionalAccess', _19 => _19.mark])
             ]
           },
-          /* @__PURE__ */ import_react7.default.createElement(
-            import_react_native6.Text,
+          /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.Text,
             {
               style: [
                 styles.markLabel,
                 { color: colorStyles.markColor },
-                customAppearance?.markLabel
+                _optionalChain([customAppearance, 'optionalAccess', _20 => _20.markLabel])
               ]
             },
             renderMarkLabel(mark)
           )
         );
-      })
+      })])
     ),
     endContent
   ));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Slider
-});
+
+
+exports.Slider = Slider;

package/dist/slider/index.js

@@ -1,7 +1,8 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/slider/slider.tsx
 import React, { useCallback, useEffect, useMemo as useMemo2, useRef, useState } from "react";