@xaui/native 0.0.26 → 0.0.28

package/dist/alert/index.cjs

@@ -1,47 +1,29 @@
-"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/alert/index.ts
-var alert_exports = {};
-__export(alert_exports, {
-  Alert: () => Alert
-});
-module.exports = __toCommonJS(alert_exports);
+
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 // src/components/alert/alert.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_react_native_reanimated = __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/alert/alert.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: "center",
@@ -79,66 +61,11 @@ var styles = import_react_native.StyleSheet.create({
 });
 
 // src/components/alert/alert.hook.ts
-var import_react6 = require("react");
-var import_core = require("@xaui/core");
 
-// 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/alert/alert.hook.ts
+var _core = require('@xaui/core');
 var useAlertColorScheme = (themeColor) => {
-  const theme = useXUITheme();
-  const safeThemeColor = (0, import_core.getSafeThemeColor)(themeColor);
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   return {
     theme,
     colorScheme: theme.colors[safeThemeColor],
@@ -147,10 +74,10 @@ var useAlertColorScheme = (themeColor) => {
 };
 var useAlertContainerStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
-  const containerStyles = (0, import_react6.useMemo)(() => {
-    const backgroundColor = variant === "solid" ? colorScheme.main : variant === "flat" ? colorScheme.background : variant === "faded" ? (0, import_core.withOpacity)(colorScheme.background, 0.75) : "transparent";
+  const containerStyles = _react.useMemo.call(void 0, () => {
+    const backgroundColor = variant === "solid" ? colorScheme.main : variant === "flat" ? colorScheme.background : variant === "faded" ? _core.withOpacity.call(void 0, colorScheme.background, 0.75) : "transparent";
     const borderWidth = variant === "bordered" || variant === "faded" ? theme.borderWidth.md : 0;
-    const borderColor = variant === "bordered" ? (0, import_core.withOpacity)(colorScheme.main, 0.75) : variant === "faded" ? (0, import_core.withOpacity)(isDefault ? theme.colors.foreground : colorScheme.main, 0.25) : "transparent";
+    const borderColor = variant === "bordered" ? _core.withOpacity.call(void 0, colorScheme.main, 0.75) : variant === "faded" ? _core.withOpacity.call(void 0, isDefault ? theme.colors.foreground : colorScheme.main, 0.25) : "transparent";
     return {
       backgroundColor,
       borderColor,
@@ -163,10 +90,10 @@ var useAlertContainerStyles = (themeColor, variant) => {
 };
 var useAlertIconWrapperStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
-  const iconWrapperStyles = (0, import_react6.useMemo)(() => {
-    const backgroundColor = variant === "solid" ? (0, import_core.withOpacity)(colorScheme.foreground, 0.16) : (0, import_core.withOpacity)(isDefault ? theme.colors.foreground : colorScheme.main, 0.12);
+  const iconWrapperStyles = _react.useMemo.call(void 0, () => {
+    const backgroundColor = variant === "solid" ? _core.withOpacity.call(void 0, colorScheme.foreground, 0.16) : _core.withOpacity.call(void 0, isDefault ? theme.colors.foreground : colorScheme.main, 0.12);
     const borderWidth = variant === "bordered" || variant === "faded" ? theme.borderWidth.xs : 0;
-    const borderColor = (0, import_core.withOpacity)(
+    const borderColor = _core.withOpacity.call(void 0, 
       isDefault ? theme.colors.foreground : colorScheme.main,
       0.2
     );
@@ -180,7 +107,7 @@ var useAlertIconWrapperStyles = (themeColor, variant) => {
 };
 var useAlertTextStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
-  const textStyles = (0, import_react6.useMemo)(() => {
+  const textStyles = _react.useMemo.call(void 0, () => {
     const baseTextColor = variant === "solid" ? colorScheme.foreground : isDefault ? theme.colors.foreground : colorScheme.main;
     return {
       titleStyles: {
@@ -189,7 +116,7 @@ var useAlertTextStyles = (themeColor, variant) => {
         fontWeight: theme.fontWeights.semibold
       },
       descriptionStyles: {
-        color: (0, import_core.withOpacity)(baseTextColor, 0.75),
+        color: _core.withOpacity.call(void 0, baseTextColor, 0.75),
         fontSize: theme.fontSizes.xs,
         fontWeight: theme.fontWeights.normal
       },
@@ -201,11 +128,11 @@ var useAlertTextStyles = (themeColor, variant) => {
 };
 
 // src/components/alert/alert-icons.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
+
+var _reactnativesvg = require('react-native-svg'); var _reactnativesvg2 = _interopRequireDefault(_reactnativesvg);
 function InfoIcon({ color, size }) {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg.Line,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Line,
     {
       x1: 12,
       y1: 10,
@@ -215,11 +142,11 @@ function InfoIcon({ color, size }) {
       strokeWidth: 2,
       strokeLinecap: "round"
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.Circle, { cx: 12, cy: 7, r: 1, fill: color }));
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 7, r: 1, fill: color }));
 }
 function SuccessIcon({ color, size }) {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg.Path,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Path,
     {
       d: "M7 12.5L10.2 15.5L17 9",
       stroke: color,
@@ -230,16 +157,16 @@ function SuccessIcon({ color, size }) {
   ));
 }
 function WarningIcon({ color, size }) {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg.Path,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Path,
     {
       d: "M12 3L22 20H2L12 3Z",
       stroke: color,
       strokeWidth: 2,
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg.Line,
+  ), /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Line,
     {
       x1: 12,
       y1: 9,
@@ -249,11 +176,11 @@ function WarningIcon({ color, size }) {
       strokeWidth: 2,
       strokeLinecap: "round"
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.Circle, { cx: 12, cy: 17, r: 1, fill: color }));
+  ), /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 17, r: 1, fill: color }));
 }
 function DangerIcon({ color, size }) {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ import_react7.default.createElement(import_react_native_svg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg.Line,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnativesvg2.default, { width: size, height: size, viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ _react2.default.createElement(_reactnativesvg.Circle, { cx: 12, cy: 12, r: 10, stroke: color, strokeWidth: 2 }), /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Line,
     {
       x1: 9,
       y1: 9,
@@ -263,8 +190,8 @@ function DangerIcon({ color, size }) {
       strokeWidth: 2,
       strokeLinecap: "round"
     }
-  ), /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native_svg.Line,
+  ), /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Line,
     {
       x1: 15,
       y1: 9,
@@ -278,7 +205,7 @@ function DangerIcon({ color, size }) {
 }
 
 // src/components/alert/alert.tsx
-var import_icons = require("@xaui/icons");
+var _icons = require('@xaui/icons');
 var iconMap = {
   default: InfoIcon,
   primary: InfoIcon,
@@ -304,72 +231,72 @@ var Alert = ({
   onClose,
   onVisibleChange
 }) => {
-  const [internalVisible, setInternalVisible] = (0, import_react8.useState)(isVisible ?? true);
-  const [shouldRender, setShouldRender] = (0, import_react8.useState)(isVisible ?? true);
+  const [internalVisible, setInternalVisible] = _react.useState.call(void 0, _nullishCoalesce(isVisible, () => ( true)));
+  const [shouldRender, setShouldRender] = _react.useState.call(void 0, _nullishCoalesce(isVisible, () => ( true)));
   const isControlled = typeof isVisible === "boolean";
   const visible = isControlled ? isVisible : internalVisible;
-  const opacity = (0, import_react_native_reanimated.useSharedValue)(1);
-  const scale = (0, import_react_native_reanimated.useSharedValue)(1);
-  const radiusStyles = useBorderRadiusStyles(radius);
+  const opacity = _reactnativereanimated.useSharedValue.call(void 0, 1);
+  const scale = _reactnativereanimated.useSharedValue.call(void 0, 1);
+  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
   const containerStyles = useAlertContainerStyles(themeColor, variant);
   const iconWrapperStyles = useAlertIconWrapperStyles(themeColor, variant);
   const { titleStyles, descriptionStyles, iconColor, closeButtonColor } = useAlertTextStyles(themeColor, variant);
-  const finishClosing = (0, import_react8.useCallback)(() => {
+  const finishClosing = _react.useCallback.call(void 0, () => {
     setShouldRender(false);
     if (!isControlled) {
       setInternalVisible(false);
     }
-    onVisibleChange?.(false);
-    onClose?.();
+    _optionalChain([onVisibleChange, 'optionalCall', _ => _(false)]);
+    _optionalChain([onClose, 'optionalCall', _2 => _2()]);
   }, [isControlled, onClose, onVisibleChange]);
-  const handleClose = (0, import_react8.useCallback)(() => {
+  const handleClose = _react.useCallback.call(void 0, () => {
     if (!visible) return;
-    opacity.value = (0, import_react_native_reanimated.withTiming)(0, { duration: 250 });
-    scale.value = (0, import_react_native_reanimated.withTiming)(0.95, { duration: 250 }, (finished) => {
+    opacity.value = _reactnativereanimated.withTiming.call(void 0, 0, { duration: 250 });
+    scale.value = _reactnativereanimated.withTiming.call(void 0, 0.95, { duration: 250 }, (finished) => {
       if (finished) {
-        (0, import_react_native_reanimated.runOnJS)(finishClosing)();
+        _reactnativereanimated.runOnJS.call(void 0, finishClosing)();
       }
     });
   }, [finishClosing, opacity, scale, visible]);
-  (0, import_react8.useEffect)(() => {
+  _react.useEffect.call(void 0, () => {
     if (visible && !shouldRender) {
       setShouldRender(true);
       opacity.value = 0;
       scale.value = 0.95;
-      opacity.value = (0, import_react_native_reanimated.withTiming)(1, { duration: 250 });
-      scale.value = (0, import_react_native_reanimated.withTiming)(1, { duration: 250 });
+      opacity.value = _reactnativereanimated.withTiming.call(void 0, 1, { duration: 250 });
+      scale.value = _reactnativereanimated.withTiming.call(void 0, 1, { duration: 250 });
       return;
     }
     if (!visible && shouldRender) {
       handleClose();
     }
   }, [visible, shouldRender, opacity, scale, handleClose]);
-  const animatedStyle = (0, import_react_native_reanimated.useAnimatedStyle)(() => ({
+  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => ({
     opacity: opacity.value,
     transform: [{ scale: scale.value }]
   }));
-  const IconComponent = iconMap[themeColor] ?? InfoIcon;
+  const IconComponent = _nullishCoalesce(iconMap[themeColor], () => ( InfoIcon));
   const shouldShowClose = Boolean(closeButton || isClosable || onClose);
   const renderIcon = () => {
     if (hideIcon) return null;
-    if (icon && (0, import_react8.isValidElement)(icon)) {
-      return (0, import_react8.cloneElement)(icon, { color: iconColor, size: 22 });
+    if (icon && _react.isValidElement.call(void 0, icon)) {
+      return _react.cloneElement.call(void 0, icon, { color: iconColor, size: 22 });
     }
     if (icon) {
-      return /* @__PURE__ */ import_react8.default.createElement(import_react_native5.Text, { style: [styles.iconText, { color: iconColor }] }, icon);
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.iconText, { color: iconColor }] }, icon);
     }
-    return /* @__PURE__ */ import_react8.default.createElement(IconComponent, { color: iconColor, size: 22 });
+    return /* @__PURE__ */ _react2.default.createElement(IconComponent, { color: iconColor, size: 22 });
   };
   const renderContentText = (content) => {
     if (content === null || content === void 0) return null;
     if (typeof content === "string" || typeof content === "number") {
-      return /* @__PURE__ */ import_react8.default.createElement(
-        import_react_native5.Text,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [
             styles.description,
             descriptionStyles,
-            customAppearance?.description
+            _optionalChain([customAppearance, 'optionalAccess', _3 => _3.description])
           ]
         },
         content
@@ -377,54 +304,53 @@ var Alert = ({
     }
     return content;
   };
-  const titleNode = (0, import_react8.useMemo)(() => {
+  const titleNode = _react.useMemo.call(void 0, () => {
     if (title === null || title === void 0) return null;
     if (typeof title === "string" || typeof title === "number") {
-      return /* @__PURE__ */ import_react8.default.createElement(import_react_native5.Text, { style: [styles.title, titleStyles, customAppearance?.title] }, title);
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.title, titleStyles, _optionalChain([customAppearance, 'optionalAccess', _4 => _4.title])] }, title);
     }
     return title;
-  }, [title, customAppearance?.title, titleStyles]);
+  }, [title, _optionalChain([customAppearance, 'optionalAccess', _5 => _5.title]), titleStyles]);
   const descriptionNode = renderContentText(description);
   const childrenNode = renderContentText(children);
-  const closeButtonNode = (0, import_react8.useMemo)(() => {
+  const closeButtonNode = _react.useMemo.call(void 0, () => {
     if (!closeButton) return null;
-    if (!(0, import_react8.isValidElement)(closeButton)) return closeButton;
+    if (!_react.isValidElement.call(void 0, closeButton)) return closeButton;
     const existingOnPress = closeButton.props.onPress;
-    return (0, import_react8.cloneElement)(closeButton, {
+    return _react.cloneElement.call(void 0, closeButton, {
       onPress: (event) => {
-        existingOnPress?.(event);
+        _optionalChain([existingOnPress, 'optionalCall', _6 => _6(event)]);
         handleClose();
       }
     });
   }, [closeButton, handleClose]);
   if (!shouldRender) return null;
-  return /* @__PURE__ */ import_react8.default.createElement(
-    import_react_native_reanimated.default.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnativereanimated2.default.View,
     {
       accessibilityRole: "alert",
       style: [
         styles.container,
         containerStyles,
         radiusStyles,
-        customAppearance?.container,
+        _optionalChain([customAppearance, 'optionalAccess', _7 => _7.container]),
         animatedStyle
       ]
     },
-    !hideIcon && /* @__PURE__ */ import_react8.default.createElement(import_react_native5.View, { style: [styles.iconWrapper, iconWrapperStyles] }, renderIcon()),
-    /* @__PURE__ */ import_react8.default.createElement(import_react_native5.View, { style: styles.mainWrapper }, titleNode, descriptionNode, childrenNode && /* @__PURE__ */ import_react8.default.createElement(import_react_native5.View, { style: styles.extraContent }, childrenNode)),
-    shouldShowClose && /* @__PURE__ */ import_react8.default.createElement(import_react_native5.View, null, closeButtonNode ?? /* @__PURE__ */ import_react8.default.createElement(
-      import_react_native5.Pressable,
+    !hideIcon && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.iconWrapper, iconWrapperStyles] }, renderIcon()),
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.mainWrapper }, titleNode, descriptionNode, childrenNode && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.extraContent }, childrenNode)),
+    shouldShowClose && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, _nullishCoalesce(closeButtonNode, () => ( /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Pressable,
       {
         accessibilityRole: "button",
         accessibilityLabel: "Close",
         onPress: handleClose,
         style: styles.closeButton
       },
-      /* @__PURE__ */ import_react8.default.createElement(import_icons.CloseIcon, { size: 20, color: closeButtonColor })
-    ))
+      /* @__PURE__ */ _react2.default.createElement(_icons.CloseIcon, { size: 20, color: closeButtonColor })
+    ))))
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Alert
-});
+
+
+exports.Alert = Alert;

package/dist/alert/index.js

@@ -1,7 +1,8 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-URBEEDFX.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/alert/alert.tsx
 import React2, {

package/dist/app-bar/index.cjs

@@ -1,88 +1,15 @@
-"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/app-bar/index.ts
-var app_bar_exports = {};
-__export(app_bar_exports, {
-  AppBar: () => AppBar,
-  AppBarContent: () => AppBarContent,
-  AppBarEndContent: () => AppBarEndContent,
-  AppBarStartContent: () => AppBarStartContent
-});
-module.exports = __toCommonJS(app_bar_exports);
-
-// src/components/app-bar/app-bar.tsx
-var import_react7 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_core2 = require("@xaui/core");
-
-// 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-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
-  }
-});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }require('../chunk-HSPTLUFA.cjs');
 
-// 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;
-}
+var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
-// src/core/index.ts
-var import_theme2 = require("@xaui/core/theme");
+// src/components/app-bar/app-bar.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
+var _core = require('@xaui/core');
 
 // src/components/app-bar/app-bar.hook.ts
-var import_react6 = require("react");
+
 var resolveShadowStyle = (elevation, shadows) => {
   if (elevation <= 1) {
     return shadows.sm;
@@ -96,8 +23,8 @@ var resolveShadowStyle = (elevation, shadows) => {
   return shadows.xl;
 };
 var useAppBarElevationStyles = (elevation = 0) => {
-  const theme = useXUITheme();
-  return (0, import_react6.useMemo)(() => {
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
     if (elevation <= 0) {
       return {};
     }
@@ -109,8 +36,8 @@ var useAppBarElevationStyles = (elevation = 0) => {
 };
 
 // src/components/app-bar/app-bar.style.ts
-var import_react_native4 = require("react-native");
-var styles = import_react_native4.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   container: {
     width: "100%"
   },
@@ -164,16 +91,16 @@ var AppBar = ({
   children,
   style
 }) => {
-  const theme = useXUITheme();
+  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
   const elevationStyles = useAppBarElevationStyles(elevation);
   const isFloating = variant === "floating";
-  const safeThemeColor = (0, import_core2.getSafeThemeColor)(themeColor);
+  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   const isDefaultThemeColor = safeThemeColor === "default";
   const backgroundColor = isDefaultThemeColor ? theme.mode === "dark" ? theme.colors.default.background : "#FFFFFF" : colorScheme.background;
   const borderBottomColor = isDefaultThemeColor ? theme.mode === "dark" ? "rgba(255, 255, 255, 0.06)" : "rgba(0, 0, 0, 0.08)" : colorScheme.main;
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.container, isFloating && styles.floatingContainer] }, /* @__PURE__ */ import_react7.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.container, isFloating && styles.floatingContainer] }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.appBar,
@@ -194,24 +121,23 @@ var AppBarStartContent = ({
   children,
   style
 }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.startContent, style] }, children);
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.startContent, style] }, children);
 };
 var AppBarContent = ({
   children,
   style
 }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.content, style] }, children);
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.content, style] }, children);
 };
 var AppBarEndContent = ({
   children,
   style
 }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native5.View, { style: [styles.endContent, style] }, children);
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.endContent, style] }, children);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AppBar,
-  AppBarContent,
-  AppBarEndContent,
-  AppBarStartContent
-});
+
+
+
+
+
+exports.AppBar = AppBar; exports.AppBarContent = AppBarContent; exports.AppBarEndContent = AppBarEndContent; exports.AppBarStartContent = AppBarStartContent;

package/dist/app-bar/index.js

@@ -1,6 +1,7 @@
+import "../chunk-DXXNBF5P.js";
 import {
   useXUITheme
-} from "../chunk-4KSZLONZ.js";
+} from "../chunk-LTKYHG5V.js";
 
 // src/components/app-bar/app-bar.tsx
 import React from "react";