@xaui/native 0.0.26 → 0.0.28

package/dist/carousel/index.cjs

@@ -1,47 +1,19 @@
-"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(); } } 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/carousel/index.ts
-var carousel_exports = {};
-__export(carousel_exports, {
-  Carousel: () => Carousel
-});
-module.exports = __toCommonJS(carousel_exports);
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/carousel/carousel.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"), 1);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
+
+
+
+
+var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
 
 // src/components/carousel/carousel.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   scrollContent: {
     flexDirection: "row",
     alignItems: "center"
@@ -70,7 +42,7 @@ var styles = import_react_native.StyleSheet.create({
 });
 
 // src/components/carousel/carousel.hook.ts
-var import_react = require("react");
+
 var HERO_PEEK_WIDTH = 56;
 function computeMultiBrowseLayout(config) {
   const { preferredItemWidth, itemSpacing } = config;
@@ -107,14 +79,14 @@ function computeFullScreenLayout(config) {
   };
 }
 function useCarouselLayout(config) {
-  return (0, import_react.useMemo)(() => {
+  return _react.useMemo.call(void 0, () => {
     const layoutMap = {
       "multi-browse": computeMultiBrowseLayout,
       uncontained: computeUncontainedLayout,
       hero: computeHeroLayout,
       "full-screen": computeFullScreenLayout
     };
-    const compute = layoutMap[config.layout] ?? computeMultiBrowseLayout;
+    const compute = _nullishCoalesce(layoutMap[config.layout], () => ( computeMultiBrowseLayout));
     return compute(config);
   }, [
     config.layout,
@@ -126,8 +98,8 @@ function useCarouselLayout(config) {
 }
 
 // src/components/carousel/carousel-item.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
+
+
 var CarouselItem = ({
   children,
   width,
@@ -136,8 +108,8 @@ var CarouselItem = ({
   spacing,
   isLast,
   customStyle
-}) => /* @__PURE__ */ import_react2.default.createElement(
-  import_react_native2.View,
+}) => /* @__PURE__ */ _react2.default.createElement(
+  _reactnative.View,
   {
     style: [
       styles.item,
@@ -154,8 +126,12 @@ var CarouselItem = ({
 );
 
 // src/components/carousel/animated-carousel-item.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native_reanimated = __toESM(require("react-native-reanimated"), 1);
+
+
+
+
+
+
 var AnimatedCarouselItem = ({
   children,
   index,
@@ -171,24 +147,24 @@ var AnimatedCarouselItem = ({
   containerWidth,
   contentPadding
 }) => {
-  const animatedStyle = (0, import_react_native_reanimated.useAnimatedStyle)(() => {
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => {
     const inputRange = [
       (index - 1) * snapInterval,
       index * snapInterval,
       (index + 1) * snapInterval
     ];
     if (layout === "multi-browse") {
-      const scale = (0, import_react_native_reanimated.interpolate)(
+      const scale = _reactnativereanimated.interpolate.call(void 0, 
         scrollX.value,
         inputRange,
         [0.85, 1, 0.85],
-        import_react_native_reanimated.Extrapolation.CLAMP
+        _reactnativereanimated.Extrapolation.CLAMP
       );
-      const opacity = (0, import_react_native_reanimated.interpolate)(
+      const opacity = _reactnativereanimated.interpolate.call(void 0, 
         scrollX.value,
         inputRange,
         [0.6, 1, 0.6],
-        import_react_native_reanimated.Extrapolation.CLAMP
+        _reactnativereanimated.Extrapolation.CLAMP
       );
       return {
         transform: [{ scale }],
@@ -203,23 +179,23 @@ var AnimatedCarouselItem = ({
         itemPosition - centerOffset,
         itemPosition - centerOffset + snapInterval
       ];
-      const scale = (0, import_react_native_reanimated.interpolate)(
+      const scale = _reactnativereanimated.interpolate.call(void 0, 
         scrollX.value,
         inputRangeHero,
         [0.9, 1, 0.9],
-        import_react_native_reanimated.Extrapolation.CLAMP
+        _reactnativereanimated.Extrapolation.CLAMP
       );
-      const opacity = (0, import_react_native_reanimated.interpolate)(
+      const opacity = _reactnativereanimated.interpolate.call(void 0, 
         scrollX.value,
         inputRangeHero,
         [0.5, 1, 0.5],
-        import_react_native_reanimated.Extrapolation.CLAMP
+        _reactnativereanimated.Extrapolation.CLAMP
       );
-      const translateX = (0, import_react_native_reanimated.interpolate)(
+      const translateX = _reactnativereanimated.interpolate.call(void 0, 
         scrollX.value,
         inputRangeHero,
         [-10, 0, 10],
-        import_react_native_reanimated.Extrapolation.CLAMP
+        _reactnativereanimated.Extrapolation.CLAMP
       );
       return {
         transform: [{ scale }, { translateX }],
@@ -228,8 +204,8 @@ var AnimatedCarouselItem = ({
     }
     return {};
   }, [index, snapInterval, layout, containerWidth, contentPadding, width]);
-  return /* @__PURE__ */ import_react3.default.createElement(
-    import_react_native_reanimated.default.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnativereanimated2.default.View,
     {
       style: [
         styles.item,
@@ -247,58 +223,6 @@ var AnimatedCarouselItem = ({
   );
 };
 
-// src/core/theme-hooks.ts
-var import_react8 = require("react");
-var import_react_native5 = require("react-native");
-
-// src/core/theme-context.tsx
-var import_react7 = __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");
-
-// src/core/portal/portal.tsx
-var import_react5 = require("react");
-
-// src/core/portal/portal-context.ts
-var import_react4 = require("react");
-var PortalContext = (0, import_react4.createContext)(null);
-
-// src/core/portal/portal-host.tsx
-var import_react6 = __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_react7.createContext)(null);
-
-// src/core/theme-hooks.ts
-function useXUITheme() {
-  const theme = (0, import_react8.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_react8.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/components/carousel/carousel.tsx
 var DEFAULT_ITEM_WIDTH = 196;
 var DEFAULT_ITEM_HEIGHT = 205;
@@ -323,15 +247,15 @@ function Carousel({
   onActiveItemChange,
   customAppearance
 }) {
-  const [containerWidth, setContainerWidth] = (0, import_react9.useState)(0);
-  const [activeIndex, setActiveIndex] = (0, import_react9.useState)(initialIndex);
-  const scrollRef = (0, import_react_native_reanimated2.useAnimatedRef)();
-  const onActiveItemChangeRef = (0, import_react9.useRef)(onActiveItemChange);
+  const [containerWidth, setContainerWidth] = _react.useState.call(void 0, 0);
+  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, initialIndex);
+  const scrollRef = _reactnativereanimated.useAnimatedRef.call(void 0, );
+  const onActiveItemChangeRef = _react.useRef.call(void 0, onActiveItemChange);
   onActiveItemChangeRef.current = onActiveItemChange;
-  const scrollX = (0, import_react_native_reanimated2.useSharedValue)(0);
-  const { borderRadius } = useBorderRadiusStyles(radius);
+  const scrollX = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  const { borderRadius } = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
   const defaultSpacing = layout === "multi-browse" ? DEFAULT_ITEM_SPACING_MULTI_BROWSE : DEFAULT_ITEM_SPACING;
-  const resolvedSpacing = itemSpacing ?? defaultSpacing;
+  const resolvedSpacing = _nullishCoalesce(itemSpacing, () => ( defaultSpacing));
   const isFullScreen = layout === "full-screen";
   const effectivePadding = isFullScreen ? 0 : contentPadding;
   const effectiveSpacing = isFullScreen ? 0 : resolvedSpacing;
@@ -342,44 +266,44 @@ function Carousel({
     itemSpacing: effectiveSpacing,
     contentPadding: effectivePadding
   });
-  const handleLayout = (0, import_react9.useCallback)((event) => {
+  const handleLayout = _react.useCallback.call(void 0, (event) => {
     setContainerWidth(event.nativeEvent.layout.width);
   }, []);
-  const scrollHandler = (0, import_react_native_reanimated2.useAnimatedScrollHandler)({
+  const scrollHandler = _reactnativereanimated.useAnimatedScrollHandler.call(void 0, {
     onScroll: (event) => {
       scrollX.value = event.contentOffset.x;
     }
   });
-  const handleMomentumScrollEnd = (0, import_react9.useCallback)(
+  const handleMomentumScrollEnd = _react.useCallback.call(void 0, 
     (event) => {
       if (snapInterval <= 0) return;
       const offsetX = event.nativeEvent.contentOffset.x;
       const newIndex = Math.round(offsetX / snapInterval);
       const clampedIndex = Math.max(0, Math.min(newIndex, data.length - 1));
       setActiveIndex(clampedIndex);
-      onActiveItemChangeRef.current?.(clampedIndex);
+      _optionalChain([onActiveItemChangeRef, 'access', _2 => _2.current, 'optionalCall', _3 => _3(clampedIndex)]);
     },
     [snapInterval, data.length]
   );
-  (0, import_react9.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (!autoPlay || data.length <= 1) return;
     if (containerWidth <= 0 || snapInterval <= 0) return;
     const timer = setInterval(() => {
       setActiveIndex((prev) => {
         const nextIndex = (prev + 1) % data.length;
-        scrollRef.current?.scrollTo({ x: nextIndex * snapInterval, animated: true });
-        onActiveItemChangeRef.current?.(nextIndex);
+        _optionalChain([scrollRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.scrollTo, 'call', _6 => _6({ x: nextIndex * snapInterval, animated: true })]);
+        _optionalChain([onActiveItemChangeRef, 'access', _7 => _7.current, 'optionalCall', _8 => _8(nextIndex)]);
         return nextIndex;
       });
     }, autoPlayInterval);
     return () => clearInterval(timer);
   }, [autoPlay, autoPlayInterval, data.length, snapInterval, containerWidth]);
   if (containerWidth <= 0) {
-    return /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: customAppearance?.container, onLayout: handleLayout });
+    return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _9 => _9.container]), onLayout: handleLayout });
   }
   const shouldAnimate = layout === "multi-browse" || layout === "hero";
-  return /* @__PURE__ */ import_react9.default.createElement(import_react_native6.View, { style: customAppearance?.container, onLayout: handleLayout }, /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native_reanimated2.default.ScrollView,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _10 => _10.container]), onLayout: handleLayout }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnativereanimated2.default.ScrollView,
     {
       ref: scrollRef,
       horizontal: true,
@@ -399,7 +323,7 @@ function Carousel({
     data.map((item, index) => {
       const content = renderItem({ item, index });
       if (shouldAnimate) {
-        return /* @__PURE__ */ import_react9.default.createElement(
+        return /* @__PURE__ */ _react2.default.createElement(
           AnimatedCarouselItem,
           {
             key: keyExtractor ? keyExtractor(item, index) : String(index),
@@ -410,7 +334,7 @@ function Carousel({
             radius: borderRadius,
             spacing: effectiveSpacing,
             isLast: index === data.length - 1,
-            customStyle: customAppearance?.item,
+            customStyle: _optionalChain([customAppearance, 'optionalAccess', _11 => _11.item]),
             layout,
             snapInterval,
             containerWidth,
@@ -419,7 +343,7 @@ function Carousel({
           content
         );
       }
-      return /* @__PURE__ */ import_react9.default.createElement(
+      return /* @__PURE__ */ _react2.default.createElement(
         CarouselItem,
         {
           key: keyExtractor ? keyExtractor(item, index) : String(index),
@@ -428,31 +352,30 @@ function Carousel({
           radius: borderRadius,
           spacing: effectiveSpacing,
           isLast: index === data.length - 1,
-          customStyle: customAppearance?.item
+          customStyle: _optionalChain([customAppearance, 'optionalAccess', _12 => _12.item])
         },
         content
       );
     })
-  ), showIndicator && data.length > 1 && /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native6.View,
+  ), showIndicator && data.length > 1 && /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
-      style: [styles.indicatorContainer, customAppearance?.indicatorContainer]
+      style: [styles.indicatorContainer, _optionalChain([customAppearance, 'optionalAccess', _13 => _13.indicatorContainer])]
     },
-    data.map((_, index) => /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native6.View,
+    data.map((_, index) => /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         key: `indicator-${String(index)}`,
         style: [
           styles.indicator,
-          customAppearance?.indicator,
+          _optionalChain([customAppearance, 'optionalAccess', _14 => _14.indicator]),
           activeIndex === index && styles.activeIndicator,
-          activeIndex === index && customAppearance?.activeIndicator
+          activeIndex === index && _optionalChain([customAppearance, 'optionalAccess', _15 => _15.activeIndicator])
         ]
       }
     ))
   ));
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Carousel
-});
+
+
+exports.Carousel = Carousel;

package/dist/carousel/index.js

@@ -1,6 +1,6 @@
 import {
   useBorderRadiusStyles
-} from "../chunk-I4V5Y5GD.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/carousel/carousel.tsx
 import React3, { useState, useRef, useCallback, useEffect } from "react";