@xaui/native 0.0.38 → 0.0.40

package/dist/select/index.cjs

@@ -4,7 +4,7 @@ var _chunkDHSTKO3Kcjs = require('../chunk-DHSTKO3K.cjs');
 require('../chunk-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/select/select.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -27,38 +27,38 @@ var SelectContext = _react.createContext.call(void 0, null);
 var _core = require('@xaui/core');
 var _palette = require('@xaui/core/palette');
 var useSelectColorScheme = (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 useSelectSizeStyles = (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,
@@ -69,7 +69,7 @@ var useSelectSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useSelectRadiusStyles = (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,
@@ -143,7 +143,7 @@ var useSelectLabelStyle = (themeColor, isInvalid, labelSize) => {
   }, [isInvalid, labelSize, theme, themeColor, colorScheme]);
 };
 var useSelectValueColor = (isInvalid, shouldShowPlaceholder) => {
-  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;
@@ -155,7 +155,7 @@ var useSelectValueColor = (isInvalid, shouldShowPlaceholder) => {
   }, [isInvalid, shouldShowPlaceholder, theme]);
 };
 var useSelectHelperColor = (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;
@@ -164,7 +164,7 @@ var useSelectHelperColor = (isInvalid) => {
   }, [isInvalid, theme]);
 };
 var useSelectSelectorColor = (isInvalid, shouldShowPlaceholder) => {
-  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;
@@ -564,7 +564,7 @@ var Select = ({
   }, [currentSelectedKeys, items]);
   const displayValue = selectedLabels.length ? selectedLabels.join(", ") : placeholder;
   const shouldShowPlaceholder = selectedLabels.length === 0;
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sizeStyles = useSelectSizeStyles(size);
   const { radiusStyles, listboxRadius } = useSelectRadiusStyles(radius);
   const variantStyles = useSelectVariantStyles(themeColor, variant, isInvalid);
@@ -724,7 +724,7 @@ var Select = ({
 
 
 var useSelectItemSizeStyles = (size) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
@@ -756,7 +756,7 @@ var useSelectItemSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useSelectItemBackgroundColor = (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, () => {
@@ -767,7 +767,7 @@ var useSelectItemBackgroundColor = (themeColor, isSelected) => {
   }, [isSelected, colorScheme]);
 };
 var useSelectItemTextColors = () => {
-  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,
@@ -776,7 +776,7 @@ var useSelectItemTextColors = () => {
   }, [theme]);
 };
 var useSelectItemCheckmarkColor = (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/select/index.js

@@ -4,7 +4,7 @@ import {
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/select/select.tsx
 import React3, { useCallback as useCallback2, useMemo as useMemo2 } from "react";
@@ -37,28 +37,28 @@ var useSelectSizeStyles = (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/skeleton/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(); } }require('../chunk-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/skeleton/skeleton.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -29,7 +29,7 @@ var Skeleton = ({
   radius = "md",
   style
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const opacity = _react.useRef.call(void 0, new _reactnative.Animated.Value(0.6)).current;
   const resolvedColor = _react.useMemo.call(void 0, 
     () => _nullishCoalesce(skeletonColor, () => ( theme.colors.default.background)),

package/dist/skeleton/index.js

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

package/dist/slider/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/slider/slider.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -36,7 +36,7 @@ var runSliderThumbPressOutAnimation = (scale) => {
 
 var _core = require('@xaui/core');
 function useSliderSizeStyles(size) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
@@ -72,7 +72,7 @@ function useSliderSizeStyles(size) {
   }, [size, theme]);
 }
 function useSliderColorStyles(color, isDisabled) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeColor = _core.getSafeThemeColor.call(void 0, color);
   const palette = theme.colors[safeColor];
   const fillColor = _core.withPaletteNumber.call(void 0, palette.main, 400);
@@ -259,8 +259,8 @@ var Slider = ({
   const currentValue = isControlled ? clamp(controlledValue, minValue, maxValue) : internalValue;
   const sizeStyles = useSliderSizeStyles(size);
   const colorStyles = useSliderColorStyles(color, isDisabled);
-  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const thumbScale = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;
   const initialTouchTrackPosition = _react.useRef.call(void 0, 0);
   const animatedTrackPosition = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;

package/dist/slider/index.js

@@ -2,7 +2,7 @@ import "../chunk-SHBDANQN.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/slider/slider.tsx
 import React, { useCallback, useEffect, useMemo as useMemo2, useRef, useState } from "react";

package/dist/snackbar/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/snackbar/snackbar.tsx
 
@@ -102,7 +102,7 @@ var M3_DARK_INVERSE_SURFACE = "#E6E1E5";
 var M3_DARK_INVERSE_ON_SURFACE = "#322F35";
 var M3_DARK_INVERSE_PRIMARY = "#6750A4";
 var useSnackbarColors = (themeColor = "default") => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   return _react.useMemo.call(void 0, () => {
     if (safeThemeColor === "default") {
@@ -365,7 +365,7 @@ var SnackbarStack = ({
       ))
     )
   );
-  return usePortal ? /* @__PURE__ */ _react2.default.createElement(_chunkOQ2BLOOGcjs.Portal, null, stackNode) : stackNode;
+  return usePortal ? /* @__PURE__ */ _react2.default.createElement(_chunkRZJFCDFScjs.Portal, null, stackNode) : stackNode;
 };
 var Snackbar = ({
   isVisible,

package/dist/snackbar/index.js

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

package/dist/snippet/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/snippet/snippet.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -79,7 +79,7 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 var useSnippetColors = (themeColor, variant, isDisabled) => {
-  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];
@@ -160,7 +160,7 @@ var Snippet = ({
 }) => {
   const [isCopied, setIsCopied] = _react2.default.useState(false);
   const resetTimerRef = _react2.default.useRef(null);
-  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const colors = useSnippetColors(themeColor, variant, isDisabled);
   const { isTop, isLeft } = useCopyButtonPositionStyles(copyButtonPosition);
   _react2.default.useEffect(() => {

package/dist/snippet/index.js

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

package/dist/stepper/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/stepper/stepper.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -224,7 +224,7 @@ var useStepperSizeStyles = (size) => {
   return _react.useMemo.call(void 0, () => sizeMap[size], [size]);
 };
 var useStepperColors = (themeColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const scheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
   return _react.useMemo.call(void 0, 
     () => ({

package/dist/stepper/index.js

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

package/dist/switch/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/switch/switch.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -11,12 +11,12 @@ var _reactnative = require('react-native');
 
 var _core = require('@xaui/core');
 var useSwitchColorScheme = (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.colors[safeThemeColor];
 };
 var useSwitchSizeStyles = (variant, size) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sizeStyles = _react.useMemo.call(void 0, () => {
     if (variant === "overlap") {
       const sizes2 = {
@@ -72,7 +72,7 @@ var useSwitchSizeStyles = (variant, size) => {
   return sizeStyles;
 };
 var useSwitchRadiusStyles = (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,
@@ -102,7 +102,7 @@ var useSwitchTrackStyles = ({
   sizeStyles,
   radiusStyles
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const trackStyles = _react.useMemo.call(void 0, () => {
     const backgroundColor = isSelected ? variant === "overlap" ? colorScheme.background : colorScheme.main : theme.colors.default.background;
     return {
@@ -122,7 +122,7 @@ var useSwitchThumbStyles = ({
   sizeStyles,
   thumbRadius
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const thumbStyles = _react.useMemo.call(void 0, () => {
     const baseStyle = {
       width: sizeStyles.thumbSize,
@@ -236,7 +236,7 @@ var Switch = ({
   style,
   onValueChange
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const isControlled = typeof isSelectedProp === "boolean";
   const [internalSelected, setInternalSelected] = _react.useState.call(void 0, _nullishCoalesce(isSelectedProp, () => ( false)));
   const isSelected = isControlled ? isSelectedProp : internalSelected;

package/dist/switch/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/switch/switch.tsx
 import React, { useEffect, useMemo as useMemo2, useRef, useState } from "react";

package/dist/tabs/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/tabs/tabs.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -43,29 +43,29 @@ var runTabsCursorAnimation = (translateX, width, scaleX, toX, toWidth, duration)
 
 var _core = require('@xaui/core');
 function useTabsSizeStyles(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: 32,
+        minHeight: theme.componentSizes.xs,
         paddingHorizontal: theme.spacing.sm,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.xs
       },
       sm: {
-        minHeight: 36,
+        minHeight: theme.componentSizes.sm,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.sm
       },
       md: {
-        minHeight: 42,
+        minHeight: theme.componentSizes.md,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.sm,
         fontSize: theme.fontSizes.md
       },
       lg: {
-        minHeight: 50,
+        minHeight: theme.componentSizes.lg,
         paddingHorizontal: theme.spacing.lg,
         paddingVertical: theme.spacing.md,
         fontSize: theme.fontSizes.lg
@@ -75,7 +75,7 @@ function useTabsSizeStyles(size) {
   }, [size, theme]);
 }
 function useTabsVariantStyles(color, variant) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const safeColor = _core.getSafeThemeColor.call(void 0, color);
   const palette = theme.colors[safeColor];
   const cursorSolidColor = _core.withPaletteNumber.call(void 0, palette.main, 400);
@@ -246,7 +246,7 @@ var Tabs = ({
   );
   const sizeStyles = useTabsSizeStyles(size);
   const variantStyles = useTabsVariantStyles(color, variant);
-  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const cursorTranslateX = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
   const cursorWidth = _react.useRef.call(void 0, new _reactnative.Animated.Value(0)).current;
   const cursorScaleX = _react.useRef.call(void 0, new _reactnative.Animated.Value(1)).current;

package/dist/tabs/index.js

@@ -2,7 +2,7 @@ import "../chunk-SHBDANQN.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/tabs/tabs.tsx
 import React, { useCallback, useEffect, useMemo as useMemo2, useRef, useState } from "react";
@@ -47,25 +47,25 @@ function useTabsSizeStyles(size) {
   return useMemo(() => {
     const sizes = {
       xs: {
-        minHeight: 32,
+        minHeight: theme.componentSizes.xs,
         paddingHorizontal: theme.spacing.sm,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.xs
       },
       sm: {
-        minHeight: 36,
+        minHeight: theme.componentSizes.sm,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.xs,
         fontSize: theme.fontSizes.sm
       },
       md: {
-        minHeight: 42,
+        minHeight: theme.componentSizes.md,
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.sm,
         fontSize: theme.fontSizes.md
       },
       lg: {
-        minHeight: 50,
+        minHeight: theme.componentSizes.lg,
         paddingHorizontal: theme.spacing.lg,
         paddingVertical: theme.spacing.md,
         fontSize: theme.fontSizes.lg

package/dist/timepicker/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 _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-EUQDGTST.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/timepicker/timepicker.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -158,7 +158,7 @@ var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
   };
 };
 var useTimePickerColors = (themeColor) => {
-  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 {
@@ -717,7 +717,7 @@ var TimePickerDialog = ({
     _optionalChain([onCancel, 'optionalCall', _8 => _8()]);
     onClose();
   };
-  return /* @__PURE__ */ _react2.default.createElement(_chunkRVR42THGcjs.BottomSheet, { isOpen, onClose, snapPoints: [0.7] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement(_chunk3XWF77Y3cjs.BottomSheet, { isOpen, onClose, snapPoints: [0.7] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, /* @__PURE__ */ _react2.default.createElement(
     TimePicker,
     {
       value: tempValue,
@@ -760,7 +760,7 @@ var TimePickerTrigger = ({
   onPress,
   onClear
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const colors = useTimePickerColors(themeColor);
   const hasValue = Boolean(value);
   const displayValue = _react.useMemo.call(void 0, () => {

package/dist/timepicker/index.js

@@ -1,11 +1,11 @@
 import "../chunk-DECMUMCI.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/timepicker/timepicker.tsx
 import React, { useEffect, useMemo as useMemo2, useState as useState2 } from "react";

package/dist/toolbar/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/toolbar/toolbar.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -63,7 +63,7 @@ var useToolbarVariantStyles = (variant, position) => {
   }, [variant, position]);
 };
 var useToolbarColors = (themeColor) => {
-  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/toolbar/index.js

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

package/dist/typography/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(); } }require('../chunk-56RPWZD2.cjs');
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/typography/typography.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -44,7 +44,7 @@ var isKnownVariant = (variant) => {
   return Boolean(knownVariants[variant]);
 };
 var useTypographyColor = (themeColor) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const color = _react.useMemo.call(void 0, () => {
     if (themeColor === "default") {
       return theme.colors.foreground;
@@ -55,7 +55,7 @@ var useTypographyColor = (themeColor) => {
   return color;
 };
 var useTypographyVariantStyles = (variant) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const variantStyles = _react.useMemo.call(void 0, () => {
     if (!isKnownVariant(variant)) {
       return {

package/dist/typography/index.js

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