@xaui/native 0.0.37 → 0.0.39

package/dist/card/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/card/card.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -59,7 +59,7 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 var useCardContainerStyles = (themeColor, isBlurred) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
     const colorScheme = theme.colors[safeThemeColor];
@@ -72,7 +72,7 @@ var useCardContainerStyles = (themeColor, isBlurred) => {
   }, [isBlurred, theme, themeColor]);
 };
 var useCardElevationStyles = (elevation = 0) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const shadowStyles = elevation === 0 ? {} : elevation === 1 ? theme.shadows.sm : elevation === 2 ? theme.shadows.md : elevation === 3 ? theme.shadows.lg : theme.shadows.xl;
     return {
@@ -82,7 +82,7 @@ var useCardElevationStyles = (elevation = 0) => {
   }, [elevation, theme]);
 };
 var useCardTextStyles = (themeColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
     const colorScheme = theme.colors[safeThemeColor];
@@ -93,7 +93,7 @@ var useCardTextStyles = (themeColor) => {
   }, [theme, themeColor]);
 };
 var useCardFooterStyles = (themeColor, isFooterBlurred) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
     const colorScheme = theme.colors[safeThemeColor];
@@ -136,7 +136,7 @@ var Card = ({
 }) => {
   const animatedScale = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const animatedOpacity = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
-  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const containerStyles = useCardContainerStyles(themeColor, isBlurred);
   const elevationStyles = useCardElevationStyles(elevation);
   const contextValue = _react2.default.useMemo(

package/dist/card/index.js

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

package/dist/carousel/index.cjs

@@ -1,6 +1,6 @@
 "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; }
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/carousel/carousel.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -253,7 +253,7 @@ function Carousel({
   const onActiveItemChangeRef = _react.useRef.call(void 0, onActiveItemChange);
   onActiveItemChangeRef.current = onActiveItemChange;
   const scrollX = _reactnativereanimated.useSharedValue.call(void 0, 0);
-  const { borderRadius } = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const { borderRadius } = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const defaultSpacing = layout === "multi-browse" ? DEFAULT_ITEM_SPACING_MULTI_BROWSE : DEFAULT_ITEM_SPACING;
   const resolvedSpacing = _nullishCoalesce(itemSpacing, () => ( defaultSpacing));
   const isFullScreen = layout === "full-screen";

package/dist/carousel/index.js

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

package/dist/checkbox/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/checkbox/checkbox.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -158,7 +158,7 @@ function CheckboxIcon({
 
 var _core = require('@xaui/core');
 function useSizeStyles(size, variant) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sizeStyles = _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
@@ -187,7 +187,7 @@ function useSizeStyles(size, variant) {
   return sizeStyles;
 }
 function useRadiusStyles(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,
@@ -201,7 +201,7 @@ function useRadiusStyles(radius) {
   return radiusStyles;
 }
 function useCheckmarkColors(themeColor, variant, isActive) {
-  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 checkmarkColors = _react.useMemo.call(void 0, () => {
@@ -231,7 +231,7 @@ function useCheckmarkColors(themeColor, variant, isActive) {
   return checkmarkColors;
 }
 function useVariantStyles(themeColor, variant, isActive) {
-  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, () => {
@@ -318,7 +318,7 @@ var Checkbox = ({
   style,
   onValueChange
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
   const isControlled = typeof isCheckedProp === "boolean";
   const [internalChecked, setInternalChecked] = _react.useState.call(void 0, _nullishCoalesce(isCheckedProp, () => ( false)));

package/dist/checkbox/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/checkbox/checkbox.tsx
 import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";

package/dist/chip/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/chip/chip.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -78,7 +78,7 @@ function useChipCloseSize(size) {
   return _react.useMemo.call(void 0, () => closeSizeMap[size], [size]);
 }
 function useChipRadiusStyles(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 };
@@ -87,7 +87,7 @@ function useChipRadiusStyles(radius, height) {
   }, [height, radius, theme.borderRadius]);
 }
 function useChipVariantStyles(themeColor, variant) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeColor];
   return _react.useMemo.call(void 0, () => {

package/dist/chip/index.js

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

package/dist/{chunk-LUBWRVI2.js → chunk-2JKWVIPB.js}

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

package/dist/{chunk-RVR42THG.cjs → chunk-3XWF77Y3.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; }
 
 
-var _chunkOQ2BLOOGcjs = require('./chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
 
 // src/components/bottom-sheet/bottom-sheet.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -233,7 +233,7 @@ var useBottomSheetAnimation = ({
   };
 };
 var useBottomSheetStyles = (themeColor, radius) => {
-  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 sheetStyles = _react.useMemo.call(void 0, 
@@ -332,7 +332,7 @@ var BottomSheet = ({
       close();
     }
   };
-  return /* @__PURE__ */ _react2.default.createElement(_chunkOQ2BLOOGcjs.Portal, null, showBackdrop && /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles.backdrop, { opacity: backdropOpacity }] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { style: styles.backdrop, onPress: handleBackdropPress })), /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement(_chunkRZJFCDFScjs.Portal, null, showBackdrop && /* @__PURE__ */ _react2.default.createElement(_reactnative.Animated.View, { style: [styles.backdrop, { opacity: backdropOpacity }] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Pressable, { style: styles.backdrop, onPress: handleBackdropPress })), /* @__PURE__ */ _react2.default.createElement(
     _reactnative.Animated.View,
     {
       style: [

package/dist/{chunk-2ANGPYCP.cjs → chunk-43I45LX7.cjs}

@@ -1,6 +1,6 @@
 "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 _chunkOQ2BLOOGcjs = require('./chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
 
 // src/components/input-trigger/input-trigger.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -9,38 +9,43 @@ var _reactnative = require('react-native');
 // src/components/input-trigger/input-trigger.hook.ts
 
 var _core = require('@xaui/core');
-var sizeMap = {
-  sm: {
-    minHeight: 40,
-    fontSize: 14,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    slotGap: 8,
-    labelSize: 13,
-    helperSize: 12
-  },
-  md: {
-    minHeight: 46,
-    fontSize: 16,
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    slotGap: 10,
-    labelSize: 14,
-    helperSize: 13
-  },
-  lg: {
-    minHeight: 52,
-    fontSize: 17,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    slotGap: 12,
-    labelSize: 15,
-    helperSize: 15
-  }
+var useInputTriggerSizeStyles = (size) => {
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  return _react.useMemo.call(void 0, () => {
+    const sizeMap = {
+      sm: {
+        minHeight: theme.componentSizes.sm,
+        fontSize: 14,
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+        slotGap: 8,
+        labelSize: 13,
+        helperSize: 12
+      },
+      md: {
+        minHeight: theme.componentSizes.md,
+        fontSize: 16,
+        paddingHorizontal: 14,
+        paddingVertical: 10,
+        slotGap: 10,
+        labelSize: 14,
+        helperSize: 13
+      },
+      lg: {
+        minHeight: theme.componentSizes.lg,
+        fontSize: 17,
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        slotGap: 12,
+        labelSize: 15,
+        helperSize: 15
+      }
+    };
+    return sizeMap[size];
+  }, [size, theme]);
 };
-var useInputTriggerSizeStyles = (size) => _react.useMemo.call(void 0, () => sizeMap[size], [size]);
 var useInputTriggerRadiusStyles = (radius) => {
-  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: theme.borderRadius.full };
@@ -54,7 +59,7 @@ var useInputTriggerVariantStyles = ({
   isInvalid,
   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];
   return _react.useMemo.call(void 0, () => {

package/dist/{chunk-QMYWIWSX.cjs → chunk-FBTBWI3P.cjs}

@@ -1,6 +1,6 @@
 "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(); } }
 
-var _chunkOQ2BLOOGcjs = require('./chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
 
 // src/components/indicator/indicator.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -44,7 +44,7 @@ var CircularActivityIndicator = ({
   disableAnimation = false,
   showTrack = true
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const { current: timer } = _react.useRef.call(void 0, new _reactnative.Animated.Value(0));
   const rotation = _react.useRef.call(void 0, void 0);
   const startRotation = _react2.default.useCallback(() => {
@@ -279,7 +279,7 @@ var LinearActivityIndicator = ({
   borderRadius = 0,
   showTrack = true
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const { primaryTranslateX, primaryScaleX, secondaryTranslateX, secondaryScaleX } = useLinearActivityIndicatorAnimation(disableAnimation);
   const colorScheme = theme.colors[themeColor];
   const mainColor = color || colorScheme.main;
@@ -329,7 +329,7 @@ var ActivityIndicator = (props) => {
     borderRadius,
     showTrack
   } = props;
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const colorScheme = theme.colors[themeColor];
   const mainColor = _nullishCoalesce(color, () => ( colorScheme.main));
   const trackColor = _nullishCoalesce(backgroundColor, () => ( (showTrack ? colorScheme.background : "transparent")));

package/dist/{chunk-F7WH4DMG.js → chunk-J3BOFXIH.js}

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "./chunk-LTKYHG5V.js";
+} from "./chunk-LVNBYERF.js";
 
 // src/components/indicator/indicator.tsx
 import React3 from "react";

package/dist/{chunk-ED22WCCI.js → chunk-K24VDBNN.js}

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

package/dist/{chunk-LTKYHG5V.js → chunk-LVNBYERF.js}

@@ -83,6 +83,10 @@ function XUIProvider({
         ...defaultTheme.fontSizes,
         ...activeTheme.fontSizes
       },
+      componentSizes: {
+        ...defaultTheme.componentSizes,
+        ...activeTheme.componentSizes
+      },
       palette: colors
     };
   }, [lightTheme, darkTheme, colorScheme]);

package/dist/{chunk-E4DOPNVW.js → chunk-M6A23KUM.js}

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "./chunk-LTKYHG5V.js";
+} from "./chunk-LVNBYERF.js";
 
 // src/components/input-trigger/input-trigger.tsx
 import React from "react";
@@ -9,36 +9,41 @@ import { Pressable, Text, View } from "react-native";
 // src/components/input-trigger/input-trigger.hook.ts
 import { useMemo } from "react";
 import { getSafeThemeColor, withOpacity, withPaletteNumber } from "@xaui/core";
-var sizeMap = {
-  sm: {
-    minHeight: 40,
-    fontSize: 14,
-    paddingHorizontal: 12,
-    paddingVertical: 8,
-    slotGap: 8,
-    labelSize: 13,
-    helperSize: 12
-  },
-  md: {
-    minHeight: 46,
-    fontSize: 16,
-    paddingHorizontal: 14,
-    paddingVertical: 10,
-    slotGap: 10,
-    labelSize: 14,
-    helperSize: 13
-  },
-  lg: {
-    minHeight: 52,
-    fontSize: 17,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    slotGap: 12,
-    labelSize: 15,
-    helperSize: 15
-  }
+var useInputTriggerSizeStyles = (size) => {
+  const theme = useXUITheme();
+  return useMemo(() => {
+    const sizeMap = {
+      sm: {
+        minHeight: theme.componentSizes.sm,
+        fontSize: 14,
+        paddingHorizontal: 12,
+        paddingVertical: 8,
+        slotGap: 8,
+        labelSize: 13,
+        helperSize: 12
+      },
+      md: {
+        minHeight: theme.componentSizes.md,
+        fontSize: 16,
+        paddingHorizontal: 14,
+        paddingVertical: 10,
+        slotGap: 10,
+        labelSize: 14,
+        helperSize: 13
+      },
+      lg: {
+        minHeight: theme.componentSizes.lg,
+        fontSize: 17,
+        paddingHorizontal: 16,
+        paddingVertical: 12,
+        slotGap: 12,
+        labelSize: 15,
+        helperSize: 15
+      }
+    };
+    return sizeMap[size];
+  }, [size, theme]);
 };
-var useInputTriggerSizeStyles = (size) => useMemo(() => sizeMap[size], [size]);
 var useInputTriggerRadiusStyles = (radius) => {
   const theme = useXUITheme();
   return useMemo(() => {

package/dist/{chunk-OQ2BLOOG.cjs → chunk-RZJFCDFS.cjs}

@@ -83,6 +83,10 @@ function XUIProvider({
         ..._theme.defaultTheme.fontSizes,
         ...activeTheme.fontSizes
       },
+      componentSizes: {
+        ..._theme.defaultTheme.componentSizes,
+        ...activeTheme.componentSizes
+      },
       palette: _palette.colors
     };
   }, [lightTheme, darkTheme, colorScheme]);

package/dist/{chunk-JEGEPGVU.js → chunk-UVI56OO5.js}

@@ -1,9 +1,9 @@
 import {
   ActivityIndicator
-} from "./chunk-F7WH4DMG.js";
+} from "./chunk-J3BOFXIH.js";
 import {
   useXUITheme
-} from "./chunk-LTKYHG5V.js";
+} from "./chunk-LVNBYERF.js";
 
 // src/components/fab/fab.tsx
 import React from "react";

package/dist/{chunk-BD72HIPR.cjs → chunk-X5KNZ6YJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _chunkOQ2BLOOGcjs = require('./chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
 
 // src/components/divider/divider.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -25,7 +25,7 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 var useDividerColor = (themeColor, customColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const dividerColor = _react.useMemo.call(void 0, () => {
     if (customColor) {
       return customColor;

package/dist/{chunk-KTLGDLCB.cjs → chunk-XQED3KRW.cjs}

@@ -1,9 +1,9 @@
 "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');
 
 
-var _chunkOQ2BLOOGcjs = require('./chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
 
 // src/components/fab/fab.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -39,7 +39,7 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 function useFabSizeStyles(size) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sizeStyles = _react.useMemo.call(void 0, () => {
     const sizes = {
       sm: {
@@ -95,7 +95,7 @@ function useFabSizeStyles(size) {
   return { sizeStyles, extendedSizeStyles };
 }
 function useFabVariantStyles(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, () => {
@@ -126,7 +126,7 @@ function useFabVariantStyles(themeColor, variant, elevation = 0) {
   return variantStyles;
 }
 function useFabIconColor(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 iconColor = _react.useMemo.call(void 0, () => {
@@ -138,7 +138,7 @@ function useFabIconColor(themeColor, variant) {
   return { iconColor };
 }
 function useFabRadiusValue(radius, fallback) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (!radius) return fallback;
     const radiusMap = {
@@ -258,7 +258,7 @@ var Fab = ({
         ]
       },
       isLoading ? /* @__PURE__ */ _react2.default.createElement(
-        _chunkQMYWIWSXcjs.ActivityIndicator,
+        _chunkFBTBWI3Pcjs.ActivityIndicator,
         {
           variant: "circular",
           themeColor: variant === "solid" ? void 0 : themeColor,

package/dist/color-picker/index.cjs

@@ -1,13 +1,13 @@
 "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; }
 
-var _chunk2ANGPYCPcjs = require('../chunk-2ANGPYCP.cjs');
+var _chunk43I45LX7cjs = require('../chunk-43I45LX7.cjs');
 
 
-var _chunkRVR42THGcjs = require('../chunk-RVR42THG.cjs');
+var _chunk3XWF77Y3cjs = require('../chunk-3XWF77Y3.cjs');
 require('../chunk-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/color-picker/color-picker.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -341,7 +341,7 @@ var ColorPicker = ({
   onClose
 }) => {
   const [isOpen, setIsOpen] = _react.useState.call(void 0, _nullishCoalesce(isOpened, () => ( false)));
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sheetBackground = theme.mode === "dark" ? theme.colors.background : "#ffffff";
   _react.useEffect.call(void 0, () => {
     if (isOpened !== void 0) {
@@ -379,7 +379,7 @@ var ColorPicker = ({
     }
   );
   return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(
-    _chunk2ANGPYCPcjs.InputTrigger,
+    _chunk43I45LX7cjs.InputTrigger,
     {
       value: value ? "" : void 0,
       placeholder,
@@ -412,7 +412,7 @@ var ColorPicker = ({
       onPress: handleOpen
     }
   ), /* @__PURE__ */ _react2.default.createElement(
-    _chunkRVR42THGcjs.BottomSheet,
+    _chunk3XWF77Y3cjs.BottomSheet,
     {
       isOpen,
       snapPoints: [0.75],

package/dist/color-picker/index.js

@@ -1,13 +1,13 @@
 import {
   InputTrigger
-} from "../chunk-E4DOPNVW.js";
+} from "../chunk-M6A23KUM.js";
 import {
   BottomSheet
-} from "../chunk-ED22WCCI.js";
+} from "../chunk-K24VDBNN.js";
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/color-picker/color-picker.tsx
 import React, { useEffect, useState } from "react";

package/dist/core/index.cjs

@@ -10,7 +10,7 @@ var _chunk56RPWZD2cjs = require('../chunk-56RPWZD2.cjs');
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 
 
@@ -21,4 +21,4 @@ var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
 
 
 
-exports.Portal = _chunkOQ2BLOOGcjs.Portal; exports.PortalHost = _chunkOQ2BLOOGcjs.PortalHost; exports.XUIProvider = _chunkOQ2BLOOGcjs.XUIProvider; exports.defaultDarkTheme = _chunk56RPWZD2cjs.defaultDarkTheme; exports.defaultTheme = _chunk56RPWZD2cjs.defaultTheme; exports.palette = _chunk56RPWZD2cjs.colors; exports.useColorMode = _chunkOQ2BLOOGcjs.useColorMode; exports.useXUIColors = _chunkOQ2BLOOGcjs.useXUIColors; exports.useXUITheme = _chunkOQ2BLOOGcjs.useXUITheme;
+exports.Portal = _chunkRZJFCDFScjs.Portal; exports.PortalHost = _chunkRZJFCDFScjs.PortalHost; exports.XUIProvider = _chunkRZJFCDFScjs.XUIProvider; exports.defaultDarkTheme = _chunk56RPWZD2cjs.defaultDarkTheme; exports.defaultTheme = _chunk56RPWZD2cjs.defaultTheme; exports.palette = _chunk56RPWZD2cjs.colors; exports.useColorMode = _chunkRZJFCDFScjs.useColorMode; exports.useXUIColors = _chunkRZJFCDFScjs.useXUIColors; exports.useXUITheme = _chunkRZJFCDFScjs.useXUITheme;