@xaui/native 0.1.4 → 0.2.0

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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));
@@ -199,7 +199,7 @@ var ListItem = ({
   const sizeStyles = useListItemSizeStyles(size);
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  const backgroundColor = isSelected ? colorScheme.background : "transparent";
+  const backgroundColor = isSelected ? colorScheme.container : "transparent";
   const titleColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground;
   const descriptionColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground + "99";
   const handlePress = () => {
@@ -301,7 +301,7 @@ function ListBuilder({
   style,
   flatListProps
 }) {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/list/list.tsx
 import React2, { useCallback, useMemo, useState } from "react";
@@ -199,7 +199,7 @@ var ListItem = ({
   const sizeStyles = useListItemSizeStyles(size);
   const safeThemeColor = getSafeThemeColor(themeColor);
   const colorScheme = theme.colors[safeThemeColor];
-  const backgroundColor = isSelected ? colorScheme.background : "transparent";
+  const backgroundColor = isSelected ? colorScheme.container : "transparent";
   const titleColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground;
   const descriptionColor = isDisabled ? theme.colors.foreground + "50" : theme.colors.foreground + "99";
   const handlePress = () => {

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const { triggerRef, triggerPosition } = useMenuTriggerMeasurements(visible);
   const { contentSize, handleContentLayout, isMeasured } = useMenuContentLayout(visible);
   const menuPosition = useMenuPosition(triggerPosition, contentSize, position);
@@ -201,7 +201,7 @@ var Menu = ({
             {
               top: isMeasured ? menuPosition.top : -9999,
               left: isMeasured ? menuPosition.left : -9999,
-              backgroundColor: theme.mode === "dark" ? theme.colors.default.background : theme.colors.background,
+              backgroundColor: theme.mode === "dark" ? theme.colors.default.container : theme.colors.background,
               borderRadius: theme.borderRadius.md,
               opacity: isMeasured ? opacity : 0,
               transform: [{ scale }],
@@ -274,7 +274,7 @@ var MenuItem = ({
   customAppearance,
   accessibilityLabel
 }) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/menu/menu.tsx
 import React from "react";
@@ -201,7 +201,7 @@ var Menu = ({
             {
               top: isMeasured ? menuPosition.top : -9999,
               left: isMeasured ? menuPosition.left : -9999,
-              backgroundColor: theme.mode === "dark" ? theme.colors.default.background : theme.colors.background,
+              backgroundColor: theme.mode === "dark" ? theme.colors.default.container : theme.colors.background,
               borderRadius: theme.borderRadius.md,
               opacity: isMeasured ? opacity : 0,
               transform: [{ scale }],

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/menubox/menubox.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -51,7 +51,7 @@ var MenuBox = ({
   style,
   backgroundColor
 }) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const itemCount = _react.Children.count(children);
   const itemKeys = _react.useMemo.call(void 0, () => {
     const keys = [];
@@ -68,7 +68,7 @@ var MenuBox = ({
   const getItemIndex = (itemKey) => {
     return itemKeys.indexOf(itemKey);
   };
-  const bgColor = _nullishCoalesce(backgroundColor, () => ( theme.colors.default.background));
+  const bgColor = _nullishCoalesce(backgroundColor, () => ( theme.colors.default.container));
   const contextValue = _react.useMemo.call(void 0, 
     () => ({
       size,
@@ -91,7 +91,7 @@ var MenuBox = ({
 // src/components/menubox/menubox.hook.ts
 
 var useMenuBoxItemSizeStyles = (size) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 {
@@ -193,7 +193,7 @@ var MenuBoxItem = (props) => {
   } = props;
   const size = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _ => _.size]), () => ( "md"));
   const radius = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _2 => _2.radius]), () => ( "lg"));
-  const itemBackgroundColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _3 => _3.backgroundColor]), () => ( (theme.mode === "dark" ? theme.colors.default.background : theme.colors.background)));
+  const itemBackgroundColor = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _3 => _3.backgroundColor]), () => ( (theme.mode === "dark" ? theme.colors.default.container : theme.colors.background)));
   const spacing = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _4 => _4.spacing]), () => ( 0));
   const itemCount = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _5 => _5.itemCount]), () => ( 1));
   const index = _nullishCoalesce(_optionalChain([context, 'optionalAccess', _6 => _6.getItemIndex, 'call', _7 => _7(itemKey)]), () => ( 0));

package/dist/menubox/index.d.cts

@@ -86,7 +86,7 @@ type MenuBoxProps = {
     style?: ViewStyle;
     /**
      * Background color for MenuBox items
-     * Uses `theme.colors.default.background` by default
+     * Uses `theme.colors.default.container` by default
      */
     backgroundColor?: string;
 };

package/dist/menubox/index.d.ts

@@ -86,7 +86,7 @@ type MenuBoxProps = {
     style?: ViewStyle;
     /**
      * Background color for MenuBox items
-     * Uses `theme.colors.default.background` by default
+     * Uses `theme.colors.default.container` by default
      */
     backgroundColor?: string;
 };

package/dist/menubox/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/menubox/menubox.tsx
 import React, { useMemo, Children, isValidElement } from "react";
@@ -68,7 +68,7 @@ var MenuBox = ({
   const getItemIndex = (itemKey) => {
     return itemKeys.indexOf(itemKey);
   };
-  const bgColor = backgroundColor ?? theme.colors.default.background;
+  const bgColor = backgroundColor ?? theme.colors.default.container;
   const contextValue = useMemo(
     () => ({
       size,
@@ -193,7 +193,7 @@ var MenuBoxItem = (props) => {
   } = props;
   const size = context?.size ?? "md";
   const radius = context?.radius ?? "lg";
-  const itemBackgroundColor = context?.backgroundColor ?? (theme.mode === "dark" ? theme.colors.default.background : theme.colors.background);
+  const itemBackgroundColor = context?.backgroundColor ?? (theme.mode === "dark" ? theme.colors.default.container : theme.colors.background);
   const spacing = context?.spacing ?? 0;
   const itemCount = context?.itemCount ?? 1;
   const index = context?.getItemIndex(itemKey) ?? 0;

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 _chunk43I45LX7cjs = require('../chunk-43I45LX7.cjs');
+var _chunkZH6ZSV2Qcjs = require('../chunk-ZH6ZSV2Q.cjs');
 
 
-var _chunk3XWF77Y3cjs = require('../chunk-3XWF77Y3.cjs');
+var _chunkBYWUAPC4cjs = require('../chunk-BYWUAPC4.cjs');
 require('../chunk-56RPWZD2.cjs');
 
 
-var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/picker/picker.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -140,7 +140,7 @@ var Picker = ({
   errorMessage,
   sheetTitle,
   themeColor = "primary",
-  variant = "flat",
+  variant = "colored",
   size = "md",
   radius = "md",
   isOpened,
@@ -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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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(
-    _chunk43I45LX7cjs.InputTrigger,
+    _chunkZH6ZSV2Qcjs.InputTrigger,
     {
       value: displayLabel,
       placeholder,
@@ -206,7 +206,7 @@ var Picker = ({
       onPress: handleOpen
     }
   ), /* @__PURE__ */ _react2.default.createElement(
-    _chunk3XWF77Y3cjs.BottomSheet,
+    _chunkBYWUAPC4cjs.BottomSheet,
     {
       isOpen,
       snapPoints: [Math.min(0.35 + options.length * 0.065, 0.85)],

package/dist/picker/index.d.cts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
 import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.cjs';
-import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-BL70fHE9.cjs';
+import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-By_1ZjKd.cjs';
 
 type PickerOption = {
     /**

package/dist/picker/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle } from 'react-native';
 import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.js';
-import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-BODYStHk.js';
+import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-DlSqg2eG.js';
 
 type PickerOption = {
     /**

package/dist/picker/index.js

@@ -1,13 +1,13 @@
 import {
   InputTrigger
-} from "../chunk-M6A23KUM.js";
+} from "../chunk-A45TVXU5.js";
 import {
   BottomSheet
-} from "../chunk-K24VDBNN.js";
+} from "../chunk-4JFWQ5XT.js";
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/picker/picker.tsx
 import React, { useState } from "react";
@@ -140,7 +140,7 @@ var Picker = ({
   errorMessage,
   sheetTitle,
   themeColor = "primary",
-  variant = "flat",
+  variant = "colored",
   size = "md",
   radius = "md",
   isOpened,

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/progress/progress.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -157,10 +157,10 @@ var Progress = (props) => {
     size,
     disableAnimation = false
   } = props;
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const colorScheme = theme.colors[themeColor];
   const mainColor = _nullishCoalesce(color, () => ( colorScheme.main));
-  const trackColor = _nullishCoalesce(backgroundColor, () => ( colorScheme.background));
+  const trackColor = _nullishCoalesce(backgroundColor, () => ( colorScheme.container));
   const clampedValue = clampProgress(value);
   const accessibilityValue = {
     min: 0,

package/dist/progress/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/progress/progress.tsx
 import React3 from "react";
@@ -160,7 +160,7 @@ var Progress = (props) => {
   const theme = useXUITheme();
   const colorScheme = theme.colors[themeColor];
   const mainColor = color ?? colorScheme.main;
-  const trackColor = backgroundColor ?? colorScheme.background;
+  const trackColor = backgroundColor ?? colorScheme.container;
   const clampedValue = clampProgress(value);
   const accessibilityValue = {
     min: 0,

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   const dotColors = _react.useMemo.call(void 0, () => {
@@ -72,7 +72,7 @@ function useDotColors(themeColor, variant, isActive) {
     }
     if (variant === "filled") {
       return {
-        checked: colorScheme.foreground
+        checked: colorScheme.onMain
       };
     }
     return {
@@ -82,13 +82,13 @@ function useDotColors(themeColor, variant, isActive) {
   return dotColors;
 }
 function useVariantStyles(themeColor, variant, isActive) {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   const colorScheme = theme.colors[safeThemeColor];
   const variantStyles = _react.useMemo.call(void 0, () => {
     if (variant === "filled") {
       return {
-        backgroundColor: "transparent",
+        backgroundColor: isActive ? colorScheme.main : "transparent",
         borderWidth: isActive ? 0 : theme.borderWidth.md,
         borderColor: isActive ? "transparent" : colorScheme.main
       };
@@ -244,7 +244,7 @@ var Radio = ({
   onValueChange
 }) => {
   const group = _react.useContext.call(void 0, RadioGroupContext);
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/radio/radio.tsx
 import React2, { useContext, useEffect, useRef, useState } from "react";
@@ -72,7 +72,7 @@ function useDotColors(themeColor, variant, isActive) {
     }
     if (variant === "filled") {
       return {
-        checked: colorScheme.foreground
+        checked: colorScheme.onMain
       };
     }
     return {
@@ -88,7 +88,7 @@ function useVariantStyles(themeColor, variant, isActive) {
   const variantStyles = useMemo(() => {
     if (variant === "filled") {
       return {
-        backgroundColor: "transparent",
+        backgroundColor: isActive ? colorScheme.main : "transparent",
         borderWidth: isActive ? 0 : theme.borderWidth.md,
         borderColor: isActive ? "transparent" : colorScheme.main
       };

package/dist/refresh-control/index.cjs

@@ -0,0 +1,45 @@
+"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 _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
+
+// src/components/refresh-control/refresh-control.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
+var PullToRefresh = ({
+  refreshing,
+  onRefresh,
+  enabled = true,
+  themeColor = "primary",
+  color,
+  title,
+  titleColor,
+  progressViewOffset,
+  children,
+  refreshControlProps
+}) => {
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
+  const indicatorColor = _nullishCoalesce(color, () => ( theme.colors[themeColor].main));
+  const indicatorTitleColor = _nullishCoalesce(titleColor, () => ( theme.colors.foreground));
+  const refreshControl = /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.RefreshControl,
+    {
+      refreshing,
+      onRefresh,
+      enabled,
+      colors: [indicatorColor],
+      tintColor: indicatorColor,
+      title,
+      titleColor: indicatorTitleColor,
+      progressViewOffset,
+      ...refreshControlProps
+    }
+  );
+  return _react2.default.cloneElement(children, {
+    refreshControl
+  });
+};
+PullToRefresh.displayName = "PullToRefresh";
+
+
+exports.PullToRefresh = PullToRefresh;

package/dist/refresh-control/index.d.cts

@@ -0,0 +1,55 @@
+import React, { ReactElement } from 'react';
+import { RefreshControlProps } from 'react-native';
+import { T as ThemeColor } from '../index-DyU3sW3_.cjs';
+
+type SupportedChildProps = {
+    refreshControl?: ReactElement | null;
+};
+type PullToRefreshProps = {
+    /**
+     * Whether the refresh indicator is visible.
+     */
+    refreshing: boolean;
+    /**
+     * Callback fired when user triggers pull-to-refresh.
+     */
+    onRefresh: () => void | Promise<void>;
+    /**
+     * Whether pull-to-refresh is enabled.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Theme color used for the refresh indicator.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Override indicator color.
+     */
+    color?: string;
+    /**
+     * Title shown near the refresh indicator.
+     */
+    title?: string;
+    /**
+     * Override title color.
+     */
+    titleColor?: string;
+    /**
+     * Progress offset from top (Android).
+     */
+    progressViewOffset?: number;
+    /**
+     * Scrollable child that accepts `refreshControl` prop.
+     */
+    children: ReactElement<SupportedChildProps>;
+    /**
+     * Additional native refresh control props.
+     */
+    refreshControlProps?: Omit<RefreshControlProps, 'refreshing' | 'onRefresh' | 'enabled' | 'colors' | 'tintColor' | 'title' | 'titleColor' | 'progressViewOffset'>;
+};
+
+declare const PullToRefresh: React.FC<PullToRefreshProps>;
+
+export { PullToRefresh, type PullToRefreshProps };

package/dist/refresh-control/index.d.ts

@@ -0,0 +1,55 @@
+import React, { ReactElement } from 'react';
+import { RefreshControlProps } from 'react-native';
+import { T as ThemeColor } from '../index-DyU3sW3_.js';
+
+type SupportedChildProps = {
+    refreshControl?: ReactElement | null;
+};
+type PullToRefreshProps = {
+    /**
+     * Whether the refresh indicator is visible.
+     */
+    refreshing: boolean;
+    /**
+     * Callback fired when user triggers pull-to-refresh.
+     */
+    onRefresh: () => void | Promise<void>;
+    /**
+     * Whether pull-to-refresh is enabled.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Theme color used for the refresh indicator.
+     * @default 'primary'
+     */
+    themeColor?: ThemeColor;
+    /**
+     * Override indicator color.
+     */
+    color?: string;
+    /**
+     * Title shown near the refresh indicator.
+     */
+    title?: string;
+    /**
+     * Override title color.
+     */
+    titleColor?: string;
+    /**
+     * Progress offset from top (Android).
+     */
+    progressViewOffset?: number;
+    /**
+     * Scrollable child that accepts `refreshControl` prop.
+     */
+    children: ReactElement<SupportedChildProps>;
+    /**
+     * Additional native refresh control props.
+     */
+    refreshControlProps?: Omit<RefreshControlProps, 'refreshing' | 'onRefresh' | 'enabled' | 'colors' | 'tintColor' | 'title' | 'titleColor' | 'progressViewOffset'>;
+};
+
+declare const PullToRefresh: React.FC<PullToRefreshProps>;
+
+export { PullToRefresh, type PullToRefreshProps };