@xaui/native 0.0.26 → 0.0.28

package/dist/segment-button/index.cjs

@@ -1,47 +1,16 @@
-"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; }require('../chunk-HSPTLUFA.cjs');
+
 
-// src/components/segment-button/index.ts
-var segment_button_exports = {};
-__export(segment_button_exports, {
-  SegmentButton: () => SegmentButton,
-  SegmentButtonItem: () => SegmentButtonItem
-});
-module.exports = __toCommonJS(segment_button_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/segment-button/segment-button.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/segment-button/segment-button.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     flexDirection: "row",
     alignItems: "stretch",
@@ -81,66 +50,11 @@ var styles = import_react_native.StyleSheet.create({
 });
 
 // src/components/segment-button/segment-button.hook.ts
-var import_react6 = require("react");
-
-// src/core/theme-context.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native3 = require("react-native");
-var import_theme = require("@xaui/core/theme");
-var import_palette = require("@xaui/core/palette");
-
-// src/core/portal/portal.tsx
-var import_react2 = require("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_native2 = require("react-native");
-var hostStyles = import_react_native2.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_native4 = 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");
-
-// src/components/segment-button/segment-button.hook.ts
-var import_core2 = require("@xaui/core");
+var _core = require('@xaui/core');
 function useSegmentSizeStyles(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: {
         paddingHorizontal: theme.spacing.sm,
@@ -175,11 +89,11 @@ function useSegmentSizeStyles(size) {
   }, [size, theme]);
 }
 function useSegmentVariantStyles(themeColor, variant, elevation = 0) {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core2.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  const selectedBackgroundColor = (0, import_core2.withPaletteNumber)(colorScheme.main, 400);
-  return (0, import_react6.useMemo)(() => {
+  const selectedBackgroundColor = _core.withPaletteNumber.call(void 0, colorScheme.main, 400);
+  return _react.useMemo.call(void 0, () => {
     const variants = {
       outlined: {
         containerBackground: "transparent",
@@ -218,7 +132,7 @@ function useSegmentVariantStyles(themeColor, variant, elevation = 0) {
         unselectedTextColor: colorScheme.main
       }
     };
-    const baseStyle = variants[variant] ?? variants.outlined;
+    const baseStyle = _nullishCoalesce(variants[variant], () => ( variants.outlined));
     const shouldApplyElevation = variant !== "outlined" && variant !== "light";
     const shadowStyles = elevation === 0 ? {} : elevation === 1 ? theme.shadows.sm : elevation === 2 ? theme.shadows.md : elevation === 3 ? theme.shadows.lg : theme.shadows.xl;
     return {
@@ -229,10 +143,10 @@ function useSegmentVariantStyles(themeColor, variant, elevation = 0) {
 }
 
 // src/components/segment-button/segment-button-context.ts
-var import_react7 = require("react");
-var SegmentButtonContext = (0, import_react7.createContext)(void 0);
+
+var SegmentButtonContext = _react.createContext.call(void 0, void 0);
 var useSegmentButtonContext = () => {
-  const context = (0, import_react7.useContext)(SegmentButtonContext);
+  const context = _react.useContext.call(void 0, SegmentButtonContext);
   if (!context) {
     throw new Error(
       "SegmentButtonItem must be used within a SegmentButton component"
@@ -259,17 +173,17 @@ var SegmentButton = ({
   customAppearance
 }) => {
   const isControlled = controlledSelected !== void 0;
-  const [internalSelected, setInternalSelected] = (0, import_react8.useState)(
-    () => defaultSelected ?? ""
+  const [internalSelected, setInternalSelected] = _react.useState.call(void 0, 
+    () => _nullishCoalesce(defaultSelected, () => ( ""))
   );
   const selected = isControlled ? controlledSelected : internalSelected;
-  const selectedKeys = (0, import_react8.useMemo)(() => {
+  const selectedKeys = _react.useMemo.call(void 0, () => {
     if (Array.isArray(selected)) return selected;
     return selected ? [selected] : [];
   }, [selected]);
   const variantStyles = useSegmentVariantStyles(themeColor, variant, elevation);
-  const radiusStyles = useBorderRadiusStyles(radius);
-  const toggleItem = (0, import_react8.useCallback)(
+  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const toggleItem = _react.useCallback.call(void 0, 
     (key) => {
       let nextSelected;
       if (selectionMode === "single") {
@@ -287,11 +201,11 @@ var SegmentButton = ({
       if (!isControlled) {
         setInternalSelected(nextSelected);
       }
-      onSelectionChange?.(nextSelected);
+      _optionalChain([onSelectionChange, 'optionalCall', _ => _(nextSelected)]);
     },
     [selectionMode, selectedKeys, onSelectionChange, isControlled]
   );
-  const contextValue = (0, import_react8.useMemo)(
+  const contextValue = _react.useMemo.call(void 0, 
     () => ({
       selectedKeys,
       toggleItem,
@@ -314,15 +228,15 @@ var SegmentButton = ({
     ]
   );
   const showDivider = variant === "outlined" || variant === "faded";
-  const childrenArray = import_react8.default.Children.toArray(children);
+  const childrenArray = _react2.default.Children.toArray(children);
   const getItemKey = (child) => {
-    if (!import_react8.default.isValidElement(child)) {
+    if (!_react2.default.isValidElement(child)) {
       return void 0;
     }
     return child.props.itemKey;
   };
-  return /* @__PURE__ */ import_react8.default.createElement(SegmentButtonContext.Provider, { value: contextValue }, /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ _react2.default.createElement(SegmentButtonContext.Provider, { value: contextValue }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.container,
@@ -334,18 +248,18 @@ var SegmentButton = ({
           ...variantStyles.containerShadow
         },
         fullWidth && styles.fullWidth,
-        customAppearance?.container
+        _optionalChain([customAppearance, 'optionalAccess', _2 => _2.container])
       ]
     },
     childrenArray.map((child, index) => {
       const isLast = index === childrenArray.length - 1;
       const childItemKey = getItemKey(child);
-      const childKey = childItemKey ?? index;
+      const childKey = _nullishCoalesce(childItemKey, () => ( index));
       const isSelected = selectedKeys.includes(String(childKey));
       const nextChildKey = !isLast ? getItemKey(childrenArray[index + 1]) : void 0;
       const nextSelected = nextChildKey ? selectedKeys.includes(String(nextChildKey)) : false;
-      return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, { key: childKey }, child, showDivider && !isLast && !isSelected && !nextSelected && /* @__PURE__ */ import_react8.default.createElement(
-        import_react_native5.View,
+      return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, { key: childKey }, child, showDivider && !isLast && !isSelected && !nextSelected && /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: [
             styles.divider,
@@ -360,22 +274,22 @@ var SegmentButton = ({
 };
 
 // src/components/segment-button/segment-button-item.tsx
-var import_react9 = __toESM(require("react"), 1);
-var import_react_native7 = require("react-native");
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
+
+
+var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
 
 // src/components/segment-button/segment-button.animation.ts
-var import_react_native6 = require("react-native");
+
 var runCheckmarkEnterAnimation = (animatedValue) => {
   animatedValue.setValue(0);
-  import_react_native6.Animated.timing(animatedValue, {
+  _reactnative.Animated.timing(animatedValue, {
     toValue: 1,
     duration: 200,
     useNativeDriver: true
   }).start();
 };
 var runCheckmarkExitAnimation = (animatedValue) => {
-  import_react_native6.Animated.timing(animatedValue, {
+  _reactnative.Animated.timing(animatedValue, {
     toValue: 0,
     duration: 150,
     useNativeDriver: true
@@ -383,8 +297,8 @@ var runCheckmarkExitAnimation = (animatedValue) => {
 };
 
 // src/components/segment-button/segment-button-item.tsx
-var CheckIcon = ({ size, color }) => /* @__PURE__ */ import_react9.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react9.default.createElement(
-  import_react_native_svg.Path,
+var CheckIcon = ({ size, color }) => /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(
+  _reactnativesvg.Path,
   {
     d: "M20 6L9 17l-5-5",
     stroke: color,
@@ -415,9 +329,9 @@ var SegmentButtonItem = ({
   } = useSegmentButtonContext();
   const isSelected = selectedKeys.includes(itemKey);
   const disabled = groupDisabled || itemDisabled;
-  const checkmarkAnim = (0, import_react9.useRef)(new import_react_native7.Animated.Value(isSelected ? 1 : 0)).current;
-  const prevSelected = (0, import_react9.useRef)(isSelected);
-  (0, import_react9.useEffect)(() => {
+  const checkmarkAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(isSelected ? 1 : 0)).current;
+  const prevSelected = _react.useRef.call(void 0, isSelected);
+  _react.useEffect.call(void 0, () => {
     if (isSelected && !prevSelected.current) {
       runCheckmarkEnterAnimation(checkmarkAnim);
     } else if (!isSelected && prevSelected.current) {
@@ -435,16 +349,16 @@ var SegmentButtonItem = ({
   const backgroundColor = isSelected ? variantStyles.selectedBackground : variantStyles.unselectedBackground;
   const textColor = isSelected ? variantStyles.selectedTextColor : variantStyles.unselectedTextColor;
   const showCheck = isSelected && showCheckmark;
-  const startNode = showCheck ? checkIndicator ?? /* @__PURE__ */ import_react9.default.createElement(CheckIcon, { size: sizeStyles.iconSize, color: textColor }) : startContent ?? icon;
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native7.Pressable,
+  const startNode = showCheck ? _nullishCoalesce(checkIndicator, () => ( /* @__PURE__ */ _react2.default.createElement(CheckIcon, { size: sizeStyles.iconSize, color: textColor }))) : _nullishCoalesce(startContent, () => ( icon));
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: [styles.segment, disabled && styles.disabled],
       onPress: handlePress,
       disabled
     },
-    /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native7.View,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.segmentInner,
@@ -454,11 +368,11 @@ var SegmentButtonItem = ({
             minHeight: sizeStyles.minHeight,
             backgroundColor
           },
-          isSelected ? customAppearance?.selectedSegment : customAppearance?.segment
+          isSelected ? _optionalChain([customAppearance, 'optionalAccess', _3 => _3.selectedSegment]) : _optionalChain([customAppearance, 'optionalAccess', _4 => _4.segment])
         ]
       },
-      /* @__PURE__ */ import_react9.default.createElement(import_react_native7.View, { style: styles.segmentContent }, startNode && /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native7.Animated.View,
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.segmentContent }, startNode && /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Animated.View,
         {
           style: {
             opacity: showCheck ? checkmarkAnim : 1,
@@ -466,8 +380,8 @@ var SegmentButtonItem = ({
           }
         },
         startNode
-      ), /* @__PURE__ */ import_react9.default.createElement(
-        import_react_native7.Text,
+      ), /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           numberOfLines: 1,
           style: [
@@ -476,7 +390,7 @@ var SegmentButtonItem = ({
               fontSize: sizeStyles.fontSize,
               color: textColor
             },
-            isSelected ? customAppearance?.selectedText : customAppearance?.text
+            isSelected ? _optionalChain([customAppearance, 'optionalAccess', _5 => _5.selectedText]) : _optionalChain([customAppearance, 'optionalAccess', _6 => _6.text])
           ]
         },
         label
@@ -485,8 +399,7 @@ var SegmentButtonItem = ({
   );
 };
 SegmentButtonItem.displayName = "SegmentButtonItem";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  SegmentButton,
-  SegmentButtonItem
-});
+
+
+
+exports.SegmentButton = SegmentButton; exports.SegmentButtonItem = SegmentButtonItem;

package/dist/segment-button/index.js

@@ -1,8 +1,8 @@
-import "../chunk-CZFDZPAS.js";
+import "../chunk-DXXNBF5P.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-I4V5Y5GD.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/segment-button/segment-button.tsx
 import React, { useCallback, useMemo as useMemo2, useState } from "react";