@xaui/native 0.0.38 → 0.0.40

package/dist/alert/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/alert/alert.tsx
 
@@ -64,7 +64,7 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 var useAlertColorScheme = (themeColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   return {
     theme,
@@ -75,7 +75,8 @@ var useAlertColorScheme = (themeColor) => {
 var useAlertContainerStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
   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 isDark = theme.mode === "dark";
+    const backgroundColor = variant === "solid" ? isDark ? colorScheme.background : colorScheme.main : variant === "flat" ? isDark ? _core.withOpacity.call(void 0, colorScheme.background, 0.5) : 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" ? _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 {
@@ -91,7 +92,8 @@ var useAlertContainerStyles = (themeColor, variant) => {
 var useAlertIconWrapperStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
   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 isDark = theme.mode === "dark";
+    const backgroundColor = variant === "solid" ? _core.withOpacity.call(void 0, isDark ? colorScheme.main : 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 = _core.withOpacity.call(void 0, 
       isDefault ? theme.colors.foreground : colorScheme.main,
@@ -108,7 +110,8 @@ var useAlertIconWrapperStyles = (themeColor, variant) => {
 var useAlertTextStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
   const textStyles = _react.useMemo.call(void 0, () => {
-    const baseTextColor = variant === "solid" ? colorScheme.foreground : isDefault ? theme.colors.foreground : colorScheme.main;
+    const isDark = theme.mode === "dark";
+    const baseTextColor = variant === "solid" ? isDark ? colorScheme.main : colorScheme.foreground : isDefault ? theme.colors.foreground : colorScheme.main;
     return {
       titleStyles: {
         color: baseTextColor,
@@ -237,7 +240,7 @@ var Alert = ({
   const visible = isControlled ? isVisible : internalVisible;
   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 radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const containerStyles = useAlertContainerStyles(themeColor, variant);
   const iconWrapperStyles = useAlertIconWrapperStyles(themeColor, variant);
   const { titleStyles, descriptionStyles, iconColor, closeButtonColor } = useAlertTextStyles(themeColor, variant);

package/dist/alert/index.d.cts

@@ -87,4 +87,4 @@ type AlertProps = {
 
 declare const Alert: React.FC<AlertProps>;
 
-export { Alert, type AlertProps, type AlertVariant };
+export { Alert, type AlertProps, type AlertRadius, type AlertVariant };

package/dist/alert/index.d.ts

@@ -87,4 +87,4 @@ type AlertProps = {
 
 declare const Alert: React.FC<AlertProps>;
 
-export { Alert, type AlertProps, type AlertVariant };
+export { Alert, type AlertProps, type AlertRadius, type AlertVariant };

package/dist/alert/index.js

@@ -2,7 +2,7 @@ import "../chunk-SHBDANQN.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/alert/alert.tsx
 import React2, {
@@ -75,7 +75,8 @@ var useAlertColorScheme = (themeColor) => {
 var useAlertContainerStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
   const containerStyles = useMemo(() => {
-    const backgroundColor = variant === "solid" ? colorScheme.main : variant === "flat" ? colorScheme.background : variant === "faded" ? withOpacity(colorScheme.background, 0.75) : "transparent";
+    const isDark = theme.mode === "dark";
+    const backgroundColor = variant === "solid" ? isDark ? colorScheme.background : colorScheme.main : variant === "flat" ? isDark ? withOpacity(colorScheme.background, 0.5) : colorScheme.background : variant === "faded" ? withOpacity(colorScheme.background, 0.75) : "transparent";
     const borderWidth = variant === "bordered" || variant === "faded" ? theme.borderWidth.md : 0;
     const borderColor = variant === "bordered" ? withOpacity(colorScheme.main, 0.75) : variant === "faded" ? withOpacity(isDefault ? theme.colors.foreground : colorScheme.main, 0.25) : "transparent";
     return {
@@ -91,7 +92,8 @@ var useAlertContainerStyles = (themeColor, variant) => {
 var useAlertIconWrapperStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
   const iconWrapperStyles = useMemo(() => {
-    const backgroundColor = variant === "solid" ? withOpacity(colorScheme.foreground, 0.16) : withOpacity(isDefault ? theme.colors.foreground : colorScheme.main, 0.12);
+    const isDark = theme.mode === "dark";
+    const backgroundColor = variant === "solid" ? withOpacity(isDark ? colorScheme.main : colorScheme.foreground, 0.16) : withOpacity(isDefault ? theme.colors.foreground : colorScheme.main, 0.12);
     const borderWidth = variant === "bordered" || variant === "faded" ? theme.borderWidth.xs : 0;
     const borderColor = withOpacity(
       isDefault ? theme.colors.foreground : colorScheme.main,
@@ -108,7 +110,8 @@ var useAlertIconWrapperStyles = (themeColor, variant) => {
 var useAlertTextStyles = (themeColor, variant) => {
   const { theme, colorScheme, isDefault } = useAlertColorScheme(themeColor);
   const textStyles = useMemo(() => {
-    const baseTextColor = variant === "solid" ? colorScheme.foreground : isDefault ? theme.colors.foreground : colorScheme.main;
+    const isDark = theme.mode === "dark";
+    const baseTextColor = variant === "solid" ? isDark ? colorScheme.main : colorScheme.foreground : isDefault ? theme.colors.foreground : colorScheme.main;
     return {
       titleStyles: {
         color: baseTextColor,

package/dist/app-bar/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }require('../chunk-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/app-bar/app-bar.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -23,7 +23,7 @@ var resolveShadowStyle = (elevation, shadows) => {
   return shadows.xl;
 };
 var useAppBarElevationStyles = (elevation = 0) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (elevation <= 0) {
       return {};
@@ -94,7 +94,7 @@ var AppBar = ({
   children,
   style
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const elevationStyles = useAppBarElevationStyles(elevation);
   const isFloating = variant === "floating";
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);

package/dist/app-bar/index.js

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

package/dist/autocomplete/index.cjs

@@ -5,7 +5,7 @@ require('../chunk-56RPWZD2.cjs');
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/autocomplete/autocomplete.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -24,38 +24,38 @@ var AutocompleteContext = _react.createContext.call(void 0, {
 var _core = require('@xaui/core');
 var _palette = require('@xaui/core/palette');
 var useAutocompleteColorScheme = (themeColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   return { theme, colorScheme };
 };
 var useAutocompleteSizeStyles = (size) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
-        minHeight: 34,
+        minHeight: theme.componentSizes.xs,
         paddingHorizontal: theme.spacing.sm,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.xs,
         labelSize: theme.fontSizes.xs
       },
       sm: {
-        minHeight: 38,
+        minHeight: theme.componentSizes.sm,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.sm,
         labelSize: theme.fontSizes.xs
       },
       md: {
-        minHeight: 42,
+        minHeight: theme.componentSizes.md,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.sm,
         fontSize: theme.fontSizes.md,
         labelSize: theme.fontSizes.sm
       },
       lg: {
-        minHeight: 50,
+        minHeight: theme.componentSizes.lg,
         paddingHorizontal: theme.spacing.lg,
         paddingVertical: theme.spacing.md,
         fontSize: theme.fontSizes.lg,
@@ -66,7 +66,7 @@ var useAutocompleteSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useAutocompleteRadiusStyles = (radius) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const radiusStyles = _react.useMemo.call(void 0, () => {
     const radii = {
       none: theme.borderRadius.none,
@@ -140,7 +140,7 @@ var useAutocompleteLabelStyle = (themeColor, isInvalid, labelSize) => {
   }, [isInvalid, labelSize, theme, themeColor, colorScheme]);
 };
 var useAutocompleteHelperColor = (isInvalid) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (isInvalid) {
       return theme.colors.danger.main;
@@ -434,7 +434,7 @@ var AutocompleteDialogHeader = ({
   onFocus,
   onBlur
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.header }, title ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles2.titleRow }, /* @__PURE__ */ _react2.default.createElement(
     _reactnative.Pressable,
     {
@@ -534,7 +534,7 @@ var AutocompleteDialog = ({
   onFocus,
   onBlur
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const { width: screenWidth, height: screenHeight } = _reactnative.useWindowDimensions.call(void 0, );
   const fadeAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
   const slideAnim = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
@@ -632,7 +632,7 @@ var AutocompleteDialog = ({
       onBlur
     }
   );
-  return /* @__PURE__ */ _react2.default.createElement(_chunkOQ2BLOOGcjs.Portal, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [overlayStyle, style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement(_chunkRZJFCDFScjs.Portal, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [overlayStyle, style] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.backdrop, { opacity: fadeAnim }] }), /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles2.dialogContainer, containerAnimatedStyle] }, /* @__PURE__ */ _react2.default.createElement(
     _reactnative.View,
     {
       style: [styles2.container, { backgroundColor: theme.colors.background }]
@@ -820,7 +820,7 @@ var Autocomplete = ({
       (item) => defaultFilterFunction(item.labelText, currentInputValue)
     );
   }, [disableLocalFilter, items, currentInputValue]);
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sizeStyles = useAutocompleteSizeStyles(size);
   const { radiusStyles } = useAutocompleteRadiusStyles(radius);
   const variantStyles = useAutocompleteVariantStyles(themeColor, variant, isInvalid);
@@ -981,7 +981,7 @@ var styles3 = _reactnative.StyleSheet.create({
 
 
 var useAutocompleteItemSizeStyles = (size) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
@@ -1013,7 +1013,7 @@ var useAutocompleteItemSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useAutocompleteItemBackgroundColor = (themeColor, isSelected) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   return _react.useMemo.call(void 0, () => {
@@ -1021,7 +1021,7 @@ var useAutocompleteItemBackgroundColor = (themeColor, isSelected) => {
   }, [isSelected, colorScheme]);
 };
 var useAutocompleteItemTextColors = () => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     return {
       textColor: theme.colors.foreground,
@@ -1030,7 +1030,7 @@ var useAutocompleteItemTextColors = () => {
   }, [theme]);
 };
 var useAutocompleteItemCheckmarkColor = (themeColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   return _react.useMemo.call(void 0, () => {

package/dist/autocomplete/index.js

@@ -5,7 +5,7 @@ import "../chunk-SHBDANQN.js";
 import {
   Portal,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/autocomplete/autocomplete.tsx
 import React4, { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef3, useState as useState3 } from "react";
@@ -34,28 +34,28 @@ var useAutocompleteSizeStyles = (size) => {
   return useMemo(() => {
     const sizes = {
       xs: {
-        minHeight: 34,
+        minHeight: theme.componentSizes.xs,
         paddingHorizontal: theme.spacing.sm,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.xs,
         labelSize: theme.fontSizes.xs
       },
       sm: {
-        minHeight: 38,
+        minHeight: theme.componentSizes.sm,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.sm,
         labelSize: theme.fontSizes.xs
       },
       md: {
-        minHeight: 42,
+        minHeight: theme.componentSizes.md,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.sm,
         fontSize: theme.fontSizes.md,
         labelSize: theme.fontSizes.sm
       },
       lg: {
-        minHeight: 50,
+        minHeight: theme.componentSizes.lg,
         paddingHorizontal: theme.spacing.lg,
         paddingVertical: theme.spacing.md,
         fontSize: theme.fontSizes.lg,

package/dist/avatar/index.cjs

@@ -1,7 +1,7 @@
 "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-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/avatar/avatar.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -50,7 +50,7 @@ function resolveAvatarSize(size) {
   return sizeMap[size];
 }
 function useAvatarSizeStyles(size) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const resolvedSize = _react.useMemo.call(void 0, () => resolveAvatarSize(size), [size]);
   const fontSize = _react.useMemo.call(void 0, () => {
     if (typeof size === "number") {
@@ -64,7 +64,7 @@ function useAvatarSizeStyles(size) {
   };
 }
 function useAvatarRadiusStyles(radius, size) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (radius === "full") {
       return { borderRadius: size / 2 };
@@ -80,7 +80,7 @@ function useAvatarRadiusStyles(radius, size) {
   }, [radius, size, theme]);
 }
 function useAvatarColors(themeColor, isDisabled) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   const backgroundColor = _react.useMemo.call(void 0, () => {
@@ -199,7 +199,7 @@ var AvatarGroup = ({
   renderCount,
   customAppearance
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const resolvedSize = resolveAvatarSize(size);
   const spacing = theme.spacing.xs;
   const overlap = Math.round(resolvedSize * 0.28);

package/dist/avatar/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/avatar/avatar.tsx
 import React from "react";

package/dist/badge/index.cjs

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }require('../chunk-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/badge/badge.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -41,7 +41,7 @@ var fontSizeMap = {
   lg: 12
 };
 function useBadgeSizeStyles(size, isDot, isOneChar) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const { height, minWidth, dot } = sizeMap[size];
     const fontSize = fontSizeMap[size];
@@ -71,7 +71,7 @@ function useBadgeSizeStyles(size, isDot, isOneChar) {
   }, [isDot, isOneChar, size, theme]);
 }
 function useBadgeVariantStyles(themeColor, variant) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   return _react.useMemo.call(void 0, () => {
@@ -101,7 +101,7 @@ function useBadgeVariantStyles(themeColor, variant) {
   }, [colorScheme, theme, variant]);
 }
 function useBadgeRadiusStyles(radius, height) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (radius === "full") {
       return { borderRadius: height / 2 };

package/dist/badge/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/badge/badge.tsx
 import React from "react";

package/dist/bottom-sheet/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-EUQDGTST.cjs');
 
 
-var _chunkRVR42THGcjs = require('../chunk-RVR42THG.cjs');
+var _chunk3XWF77Y3cjs = require('../chunk-3XWF77Y3.cjs');
 require('../chunk-56RPWZD2.cjs');
-require('../chunk-OQ2BLOOG.cjs');
+require('../chunk-RZJFCDFS.cjs');
 
 
-exports.BottomSheet = _chunkRVR42THGcjs.BottomSheet;
+exports.BottomSheet = _chunk3XWF77Y3cjs.BottomSheet;

package/dist/bottom-sheet/index.js

@@ -1,9 +1,9 @@
 import "../chunk-DECMUMCI.js";
 import {
   BottomSheet
-} from "../chunk-ED22WCCI.js";
+} from "../chunk-K24VDBNN.js";
 import "../chunk-SHBDANQN.js";
-import "../chunk-LTKYHG5V.js";
+import "../chunk-LVNBYERF.js";
 export {
   BottomSheet
 };

package/dist/bottom-tab-bar/index.cjs

@@ -1,7 +1,7 @@
 "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-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/bottom-tab-bar/bottom-tab-bar.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -49,7 +49,7 @@ var useBottomTabBarSizeStyles = (size) => {
   return _react.useMemo.call(void 0, () => sizeMap[size], [size]);
 };
 var useBottomTabBarColors = (themeColor, activeColor, inactiveColor, indicatorColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
   return _react.useMemo.call(void 0, () => {
     return {

package/dist/bottom-tab-bar/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/bottom-tab-bar/bottom-tab-bar.tsx
 import React2, { useMemo as useMemo3, useState as useState2 } from "react";

package/dist/button/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkQMYWIWSXcjs = require('../chunk-QMYWIWSX.cjs');
+var _chunkFBTBWI3Pcjs = require('../chunk-FBTBWI3P.cjs');
 require('../chunk-56RPWZD2.cjs');
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/button/button.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -56,7 +56,7 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 var useTextStyles = (themeColor, variant) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   const textColor = _react.useMemo.call(void 0, () => {
@@ -70,31 +70,31 @@ var useTextStyles = (themeColor, variant) => {
   };
 };
 function useSizesStyles(size) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sizeStyles = _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         paddingHorizontal: theme.spacing.sm,
         paddingVertical: theme.spacing.xs,
-        minHeight: 34,
+        minHeight: theme.componentSizes.xs,
         fontSize: theme.fontSizes.xs
       },
       sm: {
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.xs,
-        minHeight: 38,
+        minHeight: theme.componentSizes.sm,
         fontSize: theme.fontSizes.sm
       },
       md: {
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.sm,
-        minHeight: 42,
+        minHeight: theme.componentSizes.md,
         fontSize: theme.fontSizes.md
       },
       lg: {
         paddingHorizontal: theme.spacing.lg,
         paddingVertical: theme.spacing.md,
-        minHeight: 50,
+        minHeight: theme.componentSizes.lg,
         fontSize: theme.fontSizes.lg
       }
     };
@@ -112,7 +112,7 @@ function useSizesStyles(size) {
   return { sizeStyles, spinnerSize };
 }
 function useVariantSizesStyles(themeColor, variant, elevation = 0) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   const variantStyles = _react.useMemo.call(void 0, () => {
@@ -208,7 +208,7 @@ var Button = ({
   const animatedScale = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const animatedOpacity = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const { sizeStyles, spinnerSize } = useSizesStyles(size);
-  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const variantStyles = useVariantSizesStyles(themeColor, variant, elevation);
   const { textColor } = useTextStyles(themeColor, variant);
   const handlePressIn = (event) => {
@@ -224,7 +224,7 @@ var Button = ({
     _optionalChain([onPressOut, 'optionalCall', _2 => _2(event)]);
   };
   const spinner = /* @__PURE__ */ _react2.default.createElement(
-    _chunkQMYWIWSXcjs.ActivityIndicator,
+    _chunkFBTBWI3Pcjs.ActivityIndicator,
     {
       variant: "circular",
       themeColor: variant === "solid" ? void 0 : themeColor,
@@ -298,13 +298,13 @@ var iconButtonStyles = _reactnative.StyleSheet.create({
 // src/components/button/icon-button.hook.ts
 
 var useIconButtonSizeStyles = (size) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizeMap = {
-      xs: { width: 34, height: 34 },
-      sm: { width: 38, height: 38 },
-      md: { width: 42, height: 42 },
-      lg: { width: 50, height: 50 }
+      xs: { width: theme.componentSizes.xs, height: theme.componentSizes.xs },
+      sm: { width: theme.componentSizes.sm, height: theme.componentSizes.sm },
+      md: { width: theme.componentSizes.md, height: theme.componentSizes.md },
+      lg: { width: theme.componentSizes.lg, height: theme.componentSizes.md }
     };
     return sizeMap[size];
   }, [size, theme]);
@@ -329,7 +329,7 @@ var IconButton = ({
   const animatedScale = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const animatedOpacity = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const sizeStyles = useIconButtonSizeStyles(size);
-  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const variantStyles = useVariantSizesStyles(themeColor, variant, elevation);
   const { textColor } = useTextStyles(themeColor, variant);
   const handlePressIn = (event) => {
@@ -376,7 +376,7 @@ var IconButton = ({
         ]
       },
       isLoading ? /* @__PURE__ */ _react2.default.createElement(
-        _chunkQMYWIWSXcjs.ActivityIndicator,
+        _chunkFBTBWI3Pcjs.ActivityIndicator,
         {
           variant: "circular",
           themeColor: variant === "solid" ? void 0 : themeColor,