@xaui/native 0.0.37 → 0.0.39

package/dist/input/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/input/input.tsx
 import React, { forwardRef, useMemo as useMemo2, useState, useRef, useEffect } from "react";
@@ -17,37 +17,40 @@ import { CloseIcon } from "@xaui/icons";
 // src/components/input/input.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 useTextInputSizeStyles = (size) => {
-  return useMemo(() => sizeMap[size], [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 useTextInputRadiusStyles = (radius) => {
   const theme = useXUITheme();

package/dist/input-trigger/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk2ANGPYCPcjs = require('../chunk-2ANGPYCP.cjs');
+var _chunk43I45LX7cjs = require('../chunk-43I45LX7.cjs');
 require('../chunk-56RPWZD2.cjs');
-require('../chunk-OQ2BLOOG.cjs');
+require('../chunk-RZJFCDFS.cjs');
 
 
-exports.InputTrigger = _chunk2ANGPYCPcjs.InputTrigger;
+exports.InputTrigger = _chunk43I45LX7cjs.InputTrigger;

package/dist/input-trigger/index.js

@@ -1,8 +1,8 @@
 import {
   InputTrigger
-} from "../chunk-E4DOPNVW.js";
+} from "../chunk-M6A23KUM.js";
 import "../chunk-SHBDANQN.js";
-import "../chunk-LTKYHG5V.js";
+import "../chunk-LVNBYERF.js";
 export {
   InputTrigger
 };

package/dist/list/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/list/list.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -45,7 +45,7 @@ var styles = _reactnative.StyleSheet.create({
 
 
 var ListDivider = () => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return /* @__PURE__ */ _react2.default.createElement(
     _reactnative.View,
     {
@@ -143,7 +143,7 @@ var List = ({
 // src/components/list/list.hook.ts
 
 var useListItemSizeStyles = (size) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
@@ -189,7 +189,7 @@ var ListItem = ({
   onPress
 }) => {
   const context = _react.useContext.call(void 0, ListContext);
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const selectionMode = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _2 => _2.selectionMode]), () => ( "none"));
   const isPressable = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _3 => _3.isPressable]), () => ( true));
   const isSelectable = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _4 => _4.isSelectable]), () => ( false));
@@ -301,7 +301,7 @@ function ListBuilder({
   style,
   flatListProps
 }) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const isControlled = controlledSelectedKeys !== void 0;
   const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, defaultSelectedKeys);
   const selectedKeys = isControlled ? controlledSelectedKeys : internalSelectedKeys;

package/dist/list/index.js

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

package/dist/menu/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/menu/menu.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -160,7 +160,7 @@ var Menu = ({
   customAppearance,
   maxHeight = 280
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const { triggerRef, triggerPosition } = useMenuTriggerMeasurements(visible);
   const { contentSize, handleContentLayout, isMeasured } = useMenuContentLayout(visible);
   const menuPosition = useMenuPosition(triggerPosition, contentSize, position);
@@ -274,7 +274,7 @@ var MenuItem = ({
   customAppearance,
   accessibilityLabel
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const titleColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground;
   const renderTitle = () => {
     if (typeof title === "string" || typeof title === "number") {

package/dist/menu/index.js

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

package/dist/menubox/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/menubox/menubox.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -51,7 +51,7 @@ var MenuBox = ({
   style,
   backgroundColor
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const itemCount = _react.Children.count(children);
   const itemKeys = _react.useMemo.call(void 0, () => {
     const keys = [];
@@ -91,7 +91,7 @@ var MenuBox = ({
 // src/components/menubox/menubox.hook.ts
 
 var useMenuBoxItemSizeStyles = (size) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
@@ -123,7 +123,7 @@ var useMenuBoxItemSizeStyles = (size) => {
   }, [size, theme]);
 };
 var useMenuBoxRadiusStyles = (radius, isFirst, isLast) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const radiusMap = {
       none: theme.borderRadius.none,
@@ -178,7 +178,7 @@ var runMenuBoxPressOutAnimation = (animatedScale, animatedOpacity) => {
 // src/components/menubox/menubox-item.tsx
 var MenuBoxItem = (props) => {
   const context = _react.useContext.call(void 0, MenuBoxContext);
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const animatedScale = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const animatedOpacity = _react2.default.useRef(new _reactnative.Animated.Value(1)).current;
   const {

package/dist/menubox/index.js

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

package/dist/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/picker/picker.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -156,7 +156,7 @@ var Picker = ({
   const [internalIsOpen, setInternalIsOpen] = _react.useState.call(void 0, false);
   const isControlled = isOpened !== void 0;
   const isOpen = isControlled ? Boolean(isOpened) : internalIsOpen;
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const sheetBackground = theme.mode === "dark" ? theme.colors.background : "#ffffff";
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
@@ -187,7 +187,7 @@ var Picker = ({
   };
   const chevronColor = _core.withOpacity.call(void 0, theme.colors.foreground, 0.45);
   return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(
-    _chunk2ANGPYCPcjs.InputTrigger,
+    _chunk43I45LX7cjs.InputTrigger,
     {
       value: displayLabel,
       placeholder,
@@ -206,7 +206,7 @@ var Picker = ({
       onPress: handleOpen
     }
   ), /* @__PURE__ */ _react2.default.createElement(
-    _chunkRVR42THGcjs.BottomSheet,
+    _chunk3XWF77Y3cjs.BottomSheet,
     {
       isOpen,
       snapPoints: [Math.min(0.35 + options.length * 0.065, 0.85)],

package/dist/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/picker/picker.tsx
 import React, { useState } from "react";

package/dist/progress/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/progress/progress.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -157,7 +157,7 @@ var Progress = (props) => {
     size,
     disableAnimation = false
   } = 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, () => ( colorScheme.background));

package/dist/progress/index.js

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

package/dist/radio/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/radio/radio.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -18,7 +18,7 @@ var RadioGroupContext = _react2.default.createContext(
 
 
 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: {
@@ -47,7 +47,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,
@@ -61,7 +61,7 @@ function useRadiusStyles(radius) {
   return radiusStyles;
 }
 function useDotColors(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 dotColors = _react.useMemo.call(void 0, () => {
@@ -82,7 +82,7 @@ function useDotColors(themeColor, variant, isActive) {
   return dotColors;
 }
 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, () => {
@@ -244,7 +244,7 @@ var Radio = ({
   onValueChange
 }) => {
   const group = _react.useContext.call(void 0, RadioGroupContext);
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const resolvedLabelAlignment = _nullishCoalesce(_nullishCoalesce(labelAlignment, () => ( _optionalChain([group, 'optionalAccess', _ => _.labelAlignment]))), () => ( "right"));
   const resolvedThemeColor = _nullishCoalesce(_nullishCoalesce(themeColor, () => ( _optionalChain([group, 'optionalAccess', _2 => _2.themeColor]))), () => ( "primary"));
   const resolvedVariant = _nullishCoalesce(_nullishCoalesce(variant, () => ( _optionalChain([group, 'optionalAccess', _3 => _3.variant]))), () => ( "filled"));
@@ -410,7 +410,7 @@ var RadioGroup = ({
   gap,
   style
 }) => {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   const isControlled = typeof value === "string";
   const [internalValue, setInternalValue] = _react.useState.call(void 0, defaultValue);
   const selectedValue = isControlled ? value : internalValue;

package/dist/radio/index.js

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

package/dist/segment-button/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkOQ2BLOOGcjs = require('../chunk-OQ2BLOOG.cjs');
+var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
 
 // src/components/segment-button/segment-button.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -53,34 +53,34 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 function useSegmentSizeStyles(size) {
-  const theme = _chunkOQ2BLOOGcjs.useXUITheme.call(void 0, );
+  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
         paddingHorizontal: theme.spacing.sm,
         paddingVertical: theme.spacing.xs,
-        minHeight: 32,
+        minHeight: theme.componentSizes.xs,
         fontSize: theme.fontSizes.xs,
         iconSize: 14
       },
       sm: {
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.xs,
-        minHeight: 36,
+        minHeight: theme.componentSizes.sm,
         fontSize: theme.fontSizes.sm,
         iconSize: 16
       },
       md: {
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.sm,
-        minHeight: 40,
+        minHeight: theme.componentSizes.md,
         fontSize: theme.fontSizes.md,
         iconSize: 18
       },
       lg: {
         paddingHorizontal: theme.spacing.lg,
         paddingVertical: theme.spacing.md,
-        minHeight: 48,
+        minHeight: theme.componentSizes.lg,
         fontSize: theme.fontSizes.lg,
         iconSize: 20
       }
@@ -89,7 +89,7 @@ function useSegmentSizeStyles(size) {
   }, [size, theme]);
 }
 function useSegmentVariantStyles(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 selectedBackgroundColor = _core.withPaletteNumber.call(void 0, colorScheme.main, 400);
@@ -182,7 +182,7 @@ var SegmentButton = ({
     return selected ? [selected] : [];
   }, [selected]);
   const variantStyles = useSegmentVariantStyles(themeColor, variant, elevation);
-  const radiusStyles = _chunkOQ2BLOOGcjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
   const toggleItem = _react.useCallback.call(void 0, 
     (key) => {
       let nextSelected;

package/dist/segment-button/index.js

@@ -2,7 +2,7 @@ import "../chunk-SHBDANQN.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LTKYHG5V.js";
+} from "../chunk-LVNBYERF.js";
 
 // src/components/segment-button/segment-button.tsx
 import React, { useCallback, useMemo as useMemo2, useState } from "react";
@@ -59,28 +59,28 @@ function useSegmentSizeStyles(size) {
       xs: {
         paddingHorizontal: theme.spacing.sm,
         paddingVertical: theme.spacing.xs,
-        minHeight: 32,
+        minHeight: theme.componentSizes.xs,
         fontSize: theme.fontSizes.xs,
         iconSize: 14
       },
       sm: {
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.xs,
-        minHeight: 36,
+        minHeight: theme.componentSizes.sm,
         fontSize: theme.fontSizes.sm,
         iconSize: 16
       },
       md: {
         paddingHorizontal: theme.spacing.md,
         paddingVertical: theme.spacing.sm,
-        minHeight: 40,
+        minHeight: theme.componentSizes.md,
         fontSize: theme.fontSizes.md,
         iconSize: 18
       },
       lg: {
         paddingHorizontal: theme.spacing.lg,
         paddingVertical: theme.spacing.md,
-        minHeight: 48,
+        minHeight: theme.componentSizes.lg,
         fontSize: theme.fontSizes.lg,
         iconSize: 20
       }

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, () => {