@xaui/native 0.0.26 → 0.0.28

package/dist/fab-menu/index.cjs

@@ -1,767 +1,35 @@
-"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/fab-menu/index.ts
-var fab_menu_exports = {};
-__export(fab_menu_exports, {
-  FabMenu: () => FabMenu,
-  FabMenuItem: () => FabMenuItem
-});
-module.exports = __toCommonJS(fab_menu_exports);
-
-// src/components/fab-menu/fab-menu.tsx
-var import_react13 = __toESM(require("react"), 1);
-var import_react_native13 = require("react-native");
-
-// src/components/fab/fab.tsx
-var import_react11 = __toESM(require("react"), 1);
-var import_react_native10 = require("react-native");
-
-// src/components/indicator/indicator.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");
-
-// 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.tsx
-var portalId = 0;
-var Portal = ({ children }) => {
-  const context = (0, import_react2.useContext)(PortalContext);
-  const keyRef = (0, import_react2.useRef)(`portal-${++portalId}`);
-  (0, import_react2.useLayoutEffect)(() => {
-    if (!context) return;
-    context.addPortal(keyRef.current, children);
-  }, [children, context]);
-  (0, import_react2.useEffect)(() => {
-    if (!context) return;
-    const key = keyRef.current;
-    return () => {
-      context.removePortal(key);
-    };
-  }, [context]);
-  return 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;
-}
-
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
-
-// src/components/indicator/circular-activity-indicator.tsx
-var import_react6 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-
-// src/components/indicator/indicator.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
-  container: {
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%",
-    justifyContent: "center"
-  },
-  layer: {
-    ...import_react_native4.StyleSheet.absoluteFillObject,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  track: {
-    width: "100%",
-    overflow: "hidden"
-  },
-  progress: {
-    height: "100%"
-  }
-});
+"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/indicator/circular-activity-indicator.tsx
-var import_core2 = require("@xaui/core");
-var DURATION = 1800;
-var CircularActivityIndicator = ({
-  size = 40,
-  themeColor = "primary",
-  color,
-  backgroundColor,
-  disableAnimation = false,
-  showTrack = true
-}) => {
-  const theme = useXUITheme();
-  const { current: timer } = (0, import_react6.useRef)(new import_react_native5.Animated.Value(0));
-  const rotation = (0, import_react6.useRef)(void 0);
-  const startRotation = import_react6.default.useCallback(() => {
-    if (rotation.current) {
-      timer.setValue(0);
-      import_react_native5.Animated.loop(rotation.current).start();
-    }
-  }, [timer]);
-  const stopRotation = () => {
-    if (rotation.current) rotation.current.stop();
-  };
-  (0, import_react6.useEffect)(() => {
-    if (rotation.current === void 0) {
-      rotation.current = import_react_native5.Animated.timing(timer, {
-        duration: DURATION,
-        easing: import_react_native5.Easing.linear,
-        useNativeDriver: import_react_native5.Platform.OS !== "web",
-        toValue: 1
-      });
-    }
-    if (!disableAnimation) startRotation();
-    else stopRotation();
-  }, [disableAnimation, startRotation, timer]);
-  const safeThemeColor = (0, import_core2.getSafeThemeColor)(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const mainColor = color || colorScheme.main;
-  const trackColor = showTrack ? backgroundColor ?? colorScheme.background : "transparent";
-  const strokeWidth = size * 0.1;
-  const frames = 60 * DURATION / 1e3;
-  const easing = import_react_native5.Easing.bezier(0.4, 0, 0.7, 1);
-  const containerStyle = {
-    width: size,
-    height: size / 2,
-    overflow: "hidden"
-  };
-  return /* @__PURE__ */ import_react6.default.createElement(import_react_native5.View, { style: [styles.container, { width: size, height: size }] }, /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native5.View,
-    {
-      style: {
-        width: size,
-        height: size,
-        borderRadius: size / 2,
-        borderWidth: strokeWidth,
-        borderColor: trackColor
-      }
-    }
-  ), /* @__PURE__ */ import_react6.default.createElement(
-    import_react_native5.View,
-    {
-      style: {
-        width: size,
-        height: size,
-        position: "absolute"
-      }
-    },
-    [0, 1].map((index) => {
-      const inputRange = Array.from(
-        new Array(frames),
-        (_, frameIndex) => frameIndex / (frames - 1)
-      );
-      const outputRange = Array.from(new Array(frames), (_, frameIndex) => {
-        let progress = 2 * frameIndex / (frames - 1);
-        const rotationValue = index ? +(360 - 15) : -(180 - 15);
-        if (progress > 1) {
-          progress = 2 - progress;
-        }
-        const direction = index ? -1 : 1;
-        return `${direction * (180 - 30) * easing(progress) + rotationValue}deg`;
-      });
-      const layerStyle = {
-        width: size,
-        height: size,
-        transform: [
-          {
-            rotate: timer.interpolate({
-              inputRange: [0, 1],
-              outputRange: [`${0 + 30 + 15}deg`, `${2 * 360 + 30 + 15}deg`]
-            })
-          }
-        ]
-      };
-      const viewportStyle = {
-        width: size,
-        height: size,
-        transform: [
-          { translateY: index ? -size / 2 : 0 },
-          {
-            rotate: timer.interpolate({ inputRange, outputRange })
-          }
-        ]
-      };
-      const offsetStyle = index ? { top: size / 2 } : null;
-      const lineStyle = {
-        width: size,
-        height: size,
-        borderColor: mainColor,
-        borderWidth: strokeWidth,
-        borderRadius: size / 2
-      };
-      return /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { key: index, style: [styles.layer] }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: layerStyle }, /* @__PURE__ */ import_react6.default.createElement(
-        import_react_native5.Animated.View,
-        {
-          style: [containerStyle, offsetStyle],
-          collapsable: false
-        },
-        /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: viewportStyle }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: containerStyle, collapsable: false }, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: lineStyle })))
-      )));
-    })
-  ));
-};
-
-// src/components/indicator/linear-activity-indicator.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
-var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"), 1);
-
-// src/components/indicator/indicator.hook.ts
-var import_react7 = require("react");
-var import_react_native_reanimated = require("react-native-reanimated");
-var useLinearActivityIndicatorAnimation = (disableAnimation) => {
-  const primaryTranslateX = (0, import_react_native_reanimated.useSharedValue)(0);
-  const primaryScaleX = (0, import_react_native_reanimated.useSharedValue)(0.08);
-  const secondaryTranslateX = (0, import_react_native_reanimated.useSharedValue)(0);
-  const secondaryScaleX = (0, import_react_native_reanimated.useSharedValue)(0.08);
-  (0, import_react7.useEffect)(() => {
-    if (disableAnimation) {
-      (0, import_react_native_reanimated.cancelAnimation)(primaryTranslateX);
-      (0, import_react_native_reanimated.cancelAnimation)(primaryScaleX);
-      (0, import_react_native_reanimated.cancelAnimation)(secondaryTranslateX);
-      (0, import_react_native_reanimated.cancelAnimation)(secondaryScaleX);
-      return;
-    }
-    primaryTranslateX.value = (0, import_react_native_reanimated.withRepeat)(
-      (0, import_react_native_reanimated.withSequence)(
-        (0, import_react_native_reanimated.withTiming)(0, { duration: 0 }),
-        (0, import_react_native_reanimated.withTiming)(0, { duration: 400, easing: import_react_native_reanimated.Easing.linear }),
-        (0, import_react_native_reanimated.withTiming)(0.836714, {
-          duration: 783,
-          easing: import_react_native_reanimated.Easing.bezier(0.5, 0, 0.701732, 0.495819)
-        }),
-        (0, import_react_native_reanimated.withTiming)(2.00611, {
-          duration: 817,
-          easing: import_react_native_reanimated.Easing.bezier(0.302435, 0.381352, 0.55, 0.956352)
-        })
-      ),
-      -1,
-      false
-    );
-    primaryScaleX.value = (0, import_react_native_reanimated.withRepeat)(
-      (0, import_react_native_reanimated.withSequence)(
-        (0, import_react_native_reanimated.withTiming)(0.08, { duration: 0 }),
-        (0, import_react_native_reanimated.withTiming)(0.08, { duration: 733, easing: import_react_native_reanimated.Easing.linear }),
-        (0, import_react_native_reanimated.withTiming)(0.661479, {
-          duration: 650,
-          easing: import_react_native_reanimated.Easing.bezier(0.334731, 0.12482, 0.785844, 1)
-        }),
-        (0, import_react_native_reanimated.withTiming)(0.08, {
-          duration: 617,
-          easing: import_react_native_reanimated.Easing.bezier(0.06, 0.11, 0.6, 1)
-        })
-      ),
-      -1,
-      false
-    );
-    secondaryTranslateX.value = (0, import_react_native_reanimated.withRepeat)(
-      (0, import_react_native_reanimated.withSequence)(
-        (0, import_react_native_reanimated.withTiming)(0, { duration: 0 }),
-        (0, import_react_native_reanimated.withTiming)(0.376519, {
-          duration: 500,
-          easing: import_react_native_reanimated.Easing.bezier(0.15, 0, 0.515058, 0.409685)
-        }),
-        (0, import_react_native_reanimated.withTiming)(0.843862, {
-          duration: 467,
-          easing: import_react_native_reanimated.Easing.bezier(0.31033, 0.284058, 0.8, 0.733712)
-        }),
-        (0, import_react_native_reanimated.withTiming)(1.60278, {
-          duration: 1033,
-          easing: import_react_native_reanimated.Easing.bezier(0.4, 0.627035, 0.6, 0.902026)
-        })
-      ),
-      -1,
-      false
-    );
-    secondaryScaleX.value = (0, import_react_native_reanimated.withRepeat)(
-      (0, import_react_native_reanimated.withSequence)(
-        (0, import_react_native_reanimated.withTiming)(0.08, { duration: 0 }),
-        (0, import_react_native_reanimated.withTiming)(0.457104, {
-          duration: 383,
-          easing: import_react_native_reanimated.Easing.bezier(0.205028, 0.057051, 0.57661, 0.453971)
-        }),
-        (0, import_react_native_reanimated.withTiming)(0.72796, {
-          duration: 500,
-          easing: import_react_native_reanimated.Easing.bezier(0.152313, 0.196432, 0.648374, 1.00432)
-        }),
-        (0, import_react_native_reanimated.withTiming)(0.08, {
-          duration: 1117,
-          easing: import_react_native_reanimated.Easing.bezier(0.257759, -3163e-6, 0.211762, 1.38179)
-        })
-      ),
-      -1,
-      false
-    );
-    return () => {
-      (0, import_react_native_reanimated.cancelAnimation)(primaryTranslateX);
-      (0, import_react_native_reanimated.cancelAnimation)(primaryScaleX);
-      (0, import_react_native_reanimated.cancelAnimation)(secondaryTranslateX);
-      (0, import_react_native_reanimated.cancelAnimation)(secondaryScaleX);
-    };
-  }, [disableAnimation]);
-  return {
-    primaryTranslateX,
-    primaryScaleX,
-    secondaryTranslateX,
-    secondaryScaleX
-  };
-};
-
-// src/components/indicator/linear-activity-indicator.tsx
-var LinearActivityIndicator = ({
-  size = 4,
-  themeColor = "primary",
-  color,
-  backgroundColor,
-  disableAnimation = false,
-  borderRadius = 0,
-  showTrack = true
-}) => {
-  const theme = useXUITheme();
-  const { primaryTranslateX, primaryScaleX, secondaryTranslateX, secondaryScaleX } = useLinearActivityIndicatorAnimation(disableAnimation);
-  const colorScheme = theme.colors[themeColor];
-  const mainColor = color || colorScheme.main;
-  const trackColor = showTrack ? backgroundColor ?? colorScheme.background : "transparent";
-  const barStyle = {
-    ...import_react_native6.StyleSheet.absoluteFillObject,
-    backgroundColor: mainColor,
-    borderRadius
-  };
-  const primaryStyle = (0, import_react_native_reanimated2.useAnimatedStyle)(() => ({
-    transform: [
-      { translateX: `${(primaryTranslateX.value - 1.45167) * 100}%` },
-      { scaleX: primaryScaleX.value }
-    ]
-  }));
-  const secondaryStyle = (0, import_react_native_reanimated2.useAnimatedStyle)(() => ({
-    transform: [
-      { translateX: `${(secondaryTranslateX.value - 0.548889) * 100}%` },
-      { scaleX: secondaryScaleX.value }
-    ]
-  }));
-  return /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native6.View,
-    {
-      style: {
-        height: size,
-        width: "100%",
-        borderRadius,
-        backgroundColor: trackColor,
-        overflow: "hidden"
-      }
-    },
-    /* @__PURE__ */ import_react8.default.createElement(import_react_native_reanimated2.default.View, { style: [barStyle, primaryStyle] }),
-    /* @__PURE__ */ import_react8.default.createElement(import_react_native_reanimated2.default.View, { style: [barStyle, secondaryStyle] })
-  );
-};
-
-// src/components/indicator/indicator.tsx
-var ActivityIndicator = (props) => {
-  const {
-    variant = "circular",
-    themeColor = "primary",
-    color,
-    backgroundColor,
-    size,
-    disableAnimation = false,
-    borderRadius,
-    showTrack
-  } = props;
-  const theme = useXUITheme();
-  const colorScheme = theme.colors[themeColor];
-  const mainColor = color ?? colorScheme.main;
-  const trackColor = backgroundColor ?? (showTrack ? colorScheme.background : "transparent");
-  if (variant === "circular") {
-    const circleSize = size ?? 40;
-    return /* @__PURE__ */ import_react9.default.createElement(
-      import_react_native7.View,
-      {
-        style: [styles.container, { width: circleSize, height: circleSize }],
-        accessible: true,
-        accessibilityRole: "progressbar",
-        accessibilityLabel: "Loading"
-      },
-      /* @__PURE__ */ import_react9.default.createElement(
-        CircularActivityIndicator,
-        {
-          size: circleSize,
-          themeColor,
-          color: mainColor,
-          backgroundColor: trackColor,
-          disableAnimation
-        }
-      )
-    );
-  }
-  const linearSize = size ?? 4;
-  return /* @__PURE__ */ import_react9.default.createElement(
-    import_react_native7.View,
-    {
-      style: styles.container,
-      accessible: true,
-      accessibilityRole: "progressbar",
-      accessibilityLabel: "Loading"
-    },
-    /* @__PURE__ */ import_react9.default.createElement(
-      LinearActivityIndicator,
-      {
-        size: linearSize,
-        themeColor,
-        color: mainColor,
-        backgroundColor: trackColor,
-        disableAnimation,
-        borderRadius,
-        showTrack
-      }
-    )
-  );
-};
+var _chunkKTLGDLCBcjs = require('../chunk-KTLGDLCB.cjs');
+require('../chunk-QMYWIWSX.cjs');
+require('../chunk-HSPTLUFA.cjs');
 
-// src/components/fab/fab.style.ts
-var import_react_native8 = require("react-native");
-var styles2 = import_react_native8.StyleSheet.create({
-  container: {
-    alignSelf: "flex-start"
-  },
-  fab: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    overflow: "hidden"
-  },
-  contentContainer: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 12
-  },
-  label: {
-    fontWeight: "500"
-  },
-  disabled: {
-    opacity: 0.5
-  }
-});
 
-// src/components/fab/fab.hook.ts
-var import_react10 = require("react");
-var import_core6 = require("@xaui/core");
-function useFabSizeStyles(size) {
-  const theme = useXUITheme();
-  const sizeStyles = (0, import_react10.useMemo)(() => {
-    const sizes = {
-      sm: {
-        width: 40,
-        height: 40,
-        borderRadius: theme.borderRadius.lg,
-        iconSize: 24,
-        fontSize: theme.fontSizes.sm
-      },
-      md: {
-        width: 56,
-        height: 56,
-        borderRadius: theme.borderRadius.xl,
-        iconSize: 24,
-        fontSize: theme.fontSizes.md
-      },
-      lg: {
-        width: 96,
-        height: 96,
-        borderRadius: theme.borderRadius["2xl"],
-        iconSize: 36,
-        fontSize: theme.fontSizes.lg
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-  const extendedSizeStyles = (0, import_react10.useMemo)(() => {
-    const sizes = {
-      sm: {
-        height: 40,
-        borderRadius: theme.borderRadius.lg,
-        paddingHorizontal: theme.spacing.md,
-        iconSize: 20,
-        fontSize: theme.fontSizes.sm
-      },
-      md: {
-        height: 56,
-        borderRadius: theme.borderRadius.xl,
-        paddingHorizontal: theme.spacing.lg,
-        iconSize: 24,
-        fontSize: theme.fontSizes.md
-      },
-      lg: {
-        height: 80,
-        borderRadius: theme.borderRadius["2xl"],
-        paddingHorizontal: theme.spacing.xl,
-        iconSize: 28,
-        fontSize: theme.fontSizes.lg
-      }
-    };
-    return sizes[size];
-  }, [size, theme]);
-  return { sizeStyles, extendedSizeStyles };
-}
-function useFabVariantStyles(themeColor, variant, elevation = 0) {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core6.getSafeThemeColor)(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const variantStyles = (0, import_react10.useMemo)(() => {
-    const variantMap = {
-      solid: {
-        backgroundColor: colorScheme.main,
-        borderWidth: 0
-      },
-      flat: {
-        backgroundColor: colorScheme.background,
-        borderWidth: 0
-      },
-      outlined: {
-        backgroundColor: "transparent",
-        borderWidth: theme.borderWidth.md,
-        borderColor: colorScheme.main
-      }
-    };
-    const baseStyle = variantMap[variant];
-    const shouldApplyElevation = variant !== "outlined";
-    const shadowStyles = elevation === 0 ? {} : elevation === 1 ? theme.shadows.sm : elevation === 2 ? theme.shadows.md : elevation === 3 ? theme.shadows.lg : theme.shadows.xl;
-    return {
-      ...baseStyle,
-      ...shouldApplyElevation ? shadowStyles : {},
-      ...shouldApplyElevation && elevation > 0 ? { elevation } : {}
-    };
-  }, [variant, colorScheme, theme, elevation]);
-  return variantStyles;
-}
-function useFabIconColor(themeColor, variant) {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core6.getSafeThemeColor)(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const iconColor = (0, import_react10.useMemo)(() => {
-    if (variant === "solid") {
-      return colorScheme.foreground;
-    }
-    return colorScheme.main;
-  }, [variant, colorScheme]);
-  return { iconColor };
-}
-function useFabRadiusValue(radius, fallback) {
-  const theme = useXUITheme();
-  return (0, import_react10.useMemo)(() => {
-    if (!radius) return fallback;
-    const radiusMap = {
-      none: theme.borderRadius.none,
-      sm: theme.borderRadius.sm,
-      md: theme.borderRadius.md,
-      lg: theme.borderRadius.lg,
-      full: theme.borderRadius.full
-    };
-    return radiusMap[radius];
-  }, [fallback, radius, theme]);
-}
 
-// src/components/fab/fab.animation.ts
-var import_react_native9 = require("react-native");
-var runFabPressInAnimation = (animatedScale, animatedOpacity) => {
-  import_react_native9.Animated.parallel([
-    import_react_native9.Animated.spring(animatedScale, {
-      toValue: 0.92,
-      useNativeDriver: true,
-      speed: 50,
-      bounciness: 0
-    }),
-    import_react_native9.Animated.timing(animatedOpacity, {
-      toValue: 0.85,
-      duration: 100,
-      useNativeDriver: true
-    })
-  ]).start();
-};
-var runFabPressOutAnimation = (animatedScale, animatedOpacity) => {
-  import_react_native9.Animated.parallel([
-    import_react_native9.Animated.spring(animatedScale, {
-      toValue: 1,
-      useNativeDriver: true,
-      speed: 50,
-      bounciness: 0
-    }),
-    import_react_native9.Animated.timing(animatedOpacity, {
-      toValue: 1,
-      duration: 100,
-      useNativeDriver: true
-    })
-  ]).start();
-};
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// src/components/fab/fab.tsx
-var Fab = ({
-  icon,
-  label,
-  themeColor = "primary",
-  variant = "solid",
-  size = "md",
-  radius,
-  isDisabled = false,
-  isLoading = false,
-  elevation = 0,
-  customAppearance,
-  onPress,
-  onLongPress,
-  onPressIn,
-  onPressOut
-}) => {
-  const animatedScale = import_react11.default.useRef(new import_react_native10.Animated.Value(1)).current;
-  const animatedOpacity = import_react11.default.useRef(new import_react_native10.Animated.Value(1)).current;
-  const { sizeStyles, extendedSizeStyles } = useFabSizeStyles(size);
-  const variantStyles = useFabVariantStyles(themeColor, variant, elevation);
-  const { iconColor } = useFabIconColor(themeColor, variant);
-  const isExtended = !!label;
-  const resolvedRadius = useFabRadiusValue(
-    radius,
-    isExtended ? extendedSizeStyles.borderRadius : sizeStyles.borderRadius
-  );
-  const handlePressIn = (event) => {
-    if (!isDisabled && !isLoading) {
-      runFabPressInAnimation(animatedScale, animatedOpacity);
-    }
-    onPressIn?.(event);
-  };
-  const handlePressOut = (event) => {
-    if (!isDisabled && !isLoading) {
-      runFabPressOutAnimation(animatedScale, animatedOpacity);
-    }
-    onPressOut?.(event);
-  };
-  const fabDimensionStyles = isExtended ? {
-    height: extendedSizeStyles.height,
-    borderRadius: resolvedRadius,
-    paddingHorizontal: extendedSizeStyles.paddingHorizontal
-  } : {
-    width: sizeStyles.width,
-    height: sizeStyles.height,
-    borderRadius: resolvedRadius
-  };
-  return /* @__PURE__ */ import_react11.default.createElement(import_react_native10.View, { style: [styles2.container, customAppearance?.container] }, /* @__PURE__ */ import_react11.default.createElement(
-    import_react_native10.Pressable,
-    {
-      onPress: isDisabled || isLoading ? void 0 : onPress,
-      onLongPress: isDisabled || isLoading ? void 0 : onLongPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      disabled: isDisabled || isLoading
-    },
-    /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native10.Animated.View,
-      {
-        style: [
-          styles2.fab,
-          fabDimensionStyles,
-          variantStyles,
-          isDisabled && styles2.disabled,
-          {
-            transform: [{ scale: animatedScale }],
-            opacity: animatedOpacity
-          },
-          customAppearance?.fab
-        ]
-      },
-      isLoading ? /* @__PURE__ */ import_react11.default.createElement(
-        ActivityIndicator,
-        {
-          variant: "circular",
-          themeColor: variant === "solid" ? void 0 : themeColor,
-          color: variant === "solid" ? iconColor : void 0,
-          size: isExtended ? extendedSizeStyles.iconSize : sizeStyles.iconSize
-        }
-      ) : /* @__PURE__ */ import_react11.default.createElement(import_react_native10.View, { style: styles2.contentContainer }, icon, isExtended && /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native10.Text,
-        {
-          style: [
-            styles2.label,
-            {
-              fontSize: isExtended ? extendedSizeStyles.fontSize : sizeStyles.fontSize,
-              color: iconColor
-            }
-          ]
-        },
-        label
-      ))
-    )
-  ));
-};
+// src/components/fab-menu/fab-menu.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
 
 // src/components/fab-menu/fab-menu.style.ts
-var import_react_native11 = require("react-native");
-var styles3 = import_react_native11.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     position: "relative",
     alignItems: "flex-end"
   },
   portalRoot: {
-    ...import_react_native11.StyleSheet.absoluteFillObject
+    ..._reactnative.StyleSheet.absoluteFillObject
   },
   overlay: {
-    ...import_react_native11.StyleSheet.absoluteFillObject
+    ..._reactnative.StyleSheet.absoluteFillObject
   },
   overlayPressable: {
     flex: 1
   },
   portalContent: {
-    ...import_react_native11.StyleSheet.absoluteFillObject,
+    ..._reactnative.StyleSheet.absoluteFillObject,
     justifyContent: "flex-end",
     alignItems: "flex-end",
     padding: 16
@@ -790,32 +58,32 @@ var styles3 = import_react_native11.StyleSheet.create({
 });
 
 // src/components/fab-menu/fab-menu.hook.ts
-var import_react12 = require("react");
-var import_core8 = require("@xaui/core");
+
+var _core = require('@xaui/core');
 function useFabMenuState(controlledExpanded, onToggle) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react12.useState)(false);
+  const [internalExpanded, setInternalExpanded] = _react.useState.call(void 0, false);
   const isControlled = controlledExpanded !== void 0;
   const expanded = isControlled ? controlledExpanded : internalExpanded;
-  const toggle = (0, import_react12.useCallback)(() => {
+  const toggle = _react.useCallback.call(void 0, () => {
     const next = !expanded;
     if (!isControlled) {
       setInternalExpanded(next);
     }
-    onToggle?.(next);
+    _optionalChain([onToggle, 'optionalCall', _2 => _2(next)]);
   }, [expanded, isControlled, onToggle]);
-  const close = (0, import_react12.useCallback)(() => {
+  const close = _react.useCallback.call(void 0, () => {
     if (!isControlled) {
       setInternalExpanded(false);
     }
-    onToggle?.(false);
+    _optionalChain([onToggle, 'optionalCall', _3 => _3(false)]);
   }, [isControlled, onToggle]);
   return { expanded, toggle, close };
 }
 function useFabMenuItemStyles(themeColor) {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core8.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  const itemStyles = (0, import_react12.useMemo)(() => {
+  const itemStyles = _react.useMemo.call(void 0, () => {
     const chipStyles = {
       backgroundColor: colorScheme.background,
       borderRadius: theme.borderRadius.full,
@@ -828,53 +96,53 @@ function useFabMenuItemStyles(themeColor) {
   return itemStyles;
 }
 function useFabMenuOverlayColor() {
-  const theme = useXUITheme();
-  return (0, import_react12.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     return theme.mode === "dark" ? "rgba(0, 0, 0, 0.5)" : "rgba(0, 0, 0, 0.3)";
   }, [theme.mode]);
 }
 
 // src/components/fab-menu/fab-menu.animation.ts
-var import_react_native12 = require("react-native");
+
 var runMenuExpandAnimation = (overlayOpacity, itemAnimations) => {
   const itemSequence = itemAnimations.map(
-    (anim, index) => import_react_native12.Animated.timing(anim, {
+    (anim, index) => _reactnative.Animated.timing(anim, {
       toValue: 1,
       duration: 150,
       delay: index * 50,
       useNativeDriver: true
     })
   );
-  import_react_native12.Animated.parallel([
-    import_react_native12.Animated.timing(overlayOpacity, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.timing(overlayOpacity, {
       toValue: 1,
       duration: 200,
       useNativeDriver: true
     }),
-    import_react_native12.Animated.stagger(50, itemSequence)
+    _reactnative.Animated.stagger(50, itemSequence)
   ]).start();
 };
 var runMenuCollapseAnimation = (overlayOpacity, itemAnimations, onComplete) => {
   const reversed = [...itemAnimations].reverse();
   const itemSequence = reversed.map(
-    (anim, index) => import_react_native12.Animated.timing(anim, {
+    (anim, index) => _reactnative.Animated.timing(anim, {
       toValue: 0,
       duration: 120,
       delay: index * 30,
       useNativeDriver: true
     })
   );
-  import_react_native12.Animated.parallel([
-    import_react_native12.Animated.timing(overlayOpacity, {
+  _reactnative.Animated.parallel([
+    _reactnative.Animated.timing(overlayOpacity, {
       toValue: 0,
       duration: 200,
       useNativeDriver: true
     }),
-    import_react_native12.Animated.stagger(30, itemSequence)
+    _reactnative.Animated.stagger(30, itemSequence)
   ]).start(onComplete);
 };
 var runFabRotateAnimation = (rotateValue, toExpanded) => {
-  import_react_native12.Animated.spring(rotateValue, {
+  _reactnative.Animated.spring(rotateValue, {
     toValue: toExpanded ? 1 : 0,
     useNativeDriver: true,
     speed: 20,
@@ -900,20 +168,20 @@ var FabMenu = ({
 }) => {
   const { expanded, toggle, close } = useFabMenuState(controlledExpanded, onToggle);
   const overlayColor = useFabMenuOverlayColor();
-  const [isPortalVisible, setIsPortalVisible] = import_react13.default.useState(expanded);
-  const childArray = import_react13.default.Children.toArray(children);
-  const overlayOpacity = import_react13.default.useRef(new import_react_native13.Animated.Value(expanded ? 1 : 0)).current;
-  const rotateValue = import_react13.default.useRef(new import_react_native13.Animated.Value(expanded ? 1 : 0)).current;
-  const itemAnimationsRef = import_react13.default.useRef(childArray.map(() => new import_react_native13.Animated.Value(0)));
+  const [isPortalVisible, setIsPortalVisible] = _react2.default.useState(expanded);
+  const childArray = _react2.default.Children.toArray(children);
+  const overlayOpacity = _react2.default.useRef(new _reactnative.Animated.Value(expanded ? 1 : 0)).current;
+  const rotateValue = _react2.default.useRef(new _reactnative.Animated.Value(expanded ? 1 : 0)).current;
+  const itemAnimationsRef = _react2.default.useRef(childArray.map(() => new _reactnative.Animated.Value(0)));
   const itemAnimations = itemAnimationsRef.current;
-  const prevExpanded = import_react13.default.useRef(expanded);
-  import_react13.default.useEffect(() => {
+  const prevExpanded = _react2.default.useRef(expanded);
+  _react2.default.useEffect(() => {
     if (itemAnimations.length === childArray.length) return;
     itemAnimationsRef.current = childArray.map(
-      (_, index) => itemAnimations[index] ?? new import_react_native13.Animated.Value(expanded ? 1 : 0)
+      (_, index) => _nullishCoalesce(itemAnimations[index], () => ( new _reactnative.Animated.Value(expanded ? 1 : 0)))
     );
   }, [expanded, itemAnimations, childArray]);
-  import_react13.default.useEffect(() => {
+  _react2.default.useEffect(() => {
     if (prevExpanded.current === expanded) return;
     prevExpanded.current = expanded;
     if (expanded) {
@@ -932,16 +200,16 @@ var FabMenu = ({
     outputRange: ["0deg", "45deg"]
   });
   const currentIcon = expanded && expandedIcon ? expandedIcon : icon;
-  const renderFabToggle = () => /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native13.Animated.View,
+  const renderFabToggle = () => /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       style: {
         alignSelf: "flex-end",
         transform: [{ rotate: expandedIcon ? "0deg" : rotation }]
       }
     },
-    /* @__PURE__ */ import_react13.default.createElement(
-      Fab,
+    /* @__PURE__ */ _react2.default.createElement(
+      _chunkKTLGDLCBcjs.Fab,
       {
         icon: currentIcon,
         label,
@@ -951,20 +219,20 @@ var FabMenu = ({
         radius,
         elevation,
         onPress: toggle,
-        customAppearance: { fab: customAppearance?.fab }
+        customAppearance: { fab: _optionalChain([customAppearance, 'optionalAccess', _4 => _4.fab]) }
       }
     )
   );
-  const renderMenuItems = () => /* @__PURE__ */ import_react13.default.createElement(import_react_native13.View, { style: [styles3.menuContainer, customAppearance?.menuContainer] }, childArray.map((child, index) => {
+  const renderMenuItems = () => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.menuContainer, _optionalChain([customAppearance, 'optionalAccess', _5 => _5.menuContainer])] }, childArray.map((child, index) => {
     const childElement = child;
-    const isDisabled = childElement.props?.isDisabled;
-    return /* @__PURE__ */ import_react13.default.createElement(
-      import_react_native13.Animated.View,
+    const isDisabled = _optionalChain([childElement, 'access', _6 => _6.props, 'optionalAccess', _7 => _7.isDisabled]);
+    return /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Animated.View,
       {
-        key: childElement.key ?? index,
+        key: _nullishCoalesce(childElement.key, () => ( index)),
         style: [
-          styles3.menuItem,
-          isDisabled && styles3.disabled,
+          styles.menuItem,
+          isDisabled && styles.disabled,
           {
             opacity: itemAnimations[index],
             transform: [
@@ -982,31 +250,31 @@ var FabMenu = ({
               }
             ]
           },
-          customAppearance?.menuItem
+          _optionalChain([customAppearance, 'optionalAccess', _8 => _8.menuItem])
         ]
       },
-      import_react13.default.cloneElement(childElement, {
+      _react2.default.cloneElement(childElement, {
         _onClose: close,
-        themeColor: childElement.props?.themeColor ?? themeColor
+        themeColor: _nullishCoalesce(_optionalChain([childElement, 'access', _9 => _9.props, 'optionalAccess', _10 => _10.themeColor]), () => ( themeColor))
       })
     );
   }));
-  return /* @__PURE__ */ import_react13.default.createElement(import_react_native13.View, { style: [styles3.container, customAppearance?.container] }, isPortalVisible && /* @__PURE__ */ import_react13.default.createElement(Portal, null, /* @__PURE__ */ import_react13.default.createElement(import_react_native13.View, { style: styles3.portalRoot }, showOverlay && /* @__PURE__ */ import_react13.default.createElement(
-    import_react_native13.Animated.View,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, _optionalChain([customAppearance, 'optionalAccess', _11 => _11.container])] }, isPortalVisible && /* @__PURE__ */ _react2.default.createElement(_chunkOQ2BLOOGcjs.Portal, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.portalRoot }, showOverlay && /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Animated.View,
     {
       style: [
-        styles3.overlay,
+        styles.overlay,
         { backgroundColor: overlayColor, opacity: overlayOpacity },
-        customAppearance?.overlay
+        _optionalChain([customAppearance, 'optionalAccess', _12 => _12.overlay])
       ]
     },
-    /* @__PURE__ */ import_react13.default.createElement(import_react_native13.Pressable, { style: styles3.overlayPressable, onPress: close })
-  ), /* @__PURE__ */ import_react13.default.createElement(import_react_native13.View, { style: styles3.portalContent }, renderMenuItems(), renderFabToggle()))), !isPortalVisible && renderFabToggle());
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { style: styles.overlayPressable, onPress: close })
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.portalContent }, renderMenuItems(), renderFabToggle()))), !isPortalVisible && renderFabToggle());
 };
 
 // src/components/fab-menu/fab-menu-item.tsx
-var import_react14 = __toESM(require("react"), 1);
-var import_react_native14 = require("react-native");
+
+
 var FabMenuItem = ({
   icon,
   label,
@@ -1017,17 +285,17 @@ var FabMenuItem = ({
 }) => {
   const itemStyles = useFabMenuItemStyles(themeColor);
   const renderIcon = (menuIcon) => {
-    if (!import_react14.default.isValidElement(menuIcon)) return menuIcon;
-    return import_react14.default.cloneElement(
+    if (!_react2.default.isValidElement(menuIcon)) return menuIcon;
+    return _react2.default.cloneElement(
       menuIcon,
       { color: itemStyles.iconColor }
     );
   };
-  return /* @__PURE__ */ import_react14.default.createElement(
-    import_react_native14.Pressable,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Pressable,
     {
       style: [
-        styles3.menuItemChip,
+        styles.menuItemChip,
         {
           backgroundColor: itemStyles.chipStyles.backgroundColor,
           borderRadius: itemStyles.chipStyles.borderRadius
@@ -1035,17 +303,17 @@ var FabMenuItem = ({
       ],
       onPress: (event) => {
         if (isDisabled) return;
-        onPress?.(event);
-        _onClose?.();
+        _optionalChain([onPress, 'optionalCall', _13 => _13(event)]);
+        _optionalChain([_onClose, 'optionalCall', _14 => _14()]);
       },
       disabled: isDisabled
     },
     renderIcon(icon),
-    /* @__PURE__ */ import_react14.default.createElement(
-      import_react_native14.Text,
+    /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [
-          styles3.menuItemLabel,
+          styles.menuItemLabel,
           {
             color: itemStyles.chipStyles.color,
             fontSize: itemStyles.chipStyles.fontSize
@@ -1056,8 +324,7 @@ var FabMenuItem = ({
     )
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FabMenu,
-  FabMenuItem
-});
+
+
+
+exports.FabMenu = FabMenu; exports.FabMenuItem = FabMenuItem;