@xaui/native 0.1.5 → 0.2.0

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/skeleton/skeleton.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -29,11 +29,11 @@ var Skeleton = ({
   radius = "md",
   style
 }) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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)),
-    [skeletonColor, theme.colors.default.background]
+    () => _nullishCoalesce(skeletonColor, () => ( theme.colors.default.container)),
+    [skeletonColor, theme.colors.default.container]
   );
   const resolvedRadius = _react.useMemo.call(void 0, 
     () => theme.borderRadius[radius],

package/dist/skeleton/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/skeleton/skeleton.tsx
 import React, { useEffect, useMemo, useRef } from "react";
@@ -32,8 +32,8 @@ var Skeleton = ({
   const theme = useXUITheme();
   const opacity = useRef(new Animated.Value(0.6)).current;
   const resolvedColor = useMemo(
-    () => skeletonColor ?? theme.colors.default.background,
-    [skeletonColor, theme.colors.default.background]
+    () => skeletonColor ?? theme.colors.default.container,
+    [skeletonColor, theme.colors.default.container]
   );
   const resolvedRadius = useMemo(
     () => theme.borderRadius[radius],

package/dist/slider/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const radiusStyles = _chunk7UFBLUMVcjs.useBorderRadiusStyles.call(void 0, radius);
+  const theme = _chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   return _react.useMemo.call(void 0, () => {
     if (safeThemeColor === "default") {
@@ -120,9 +120,9 @@ var useSnackbarColors = (themeColor = "default") => {
     const colorScheme = theme.colors[safeThemeColor];
     return {
       containerColor: colorScheme.main,
-      textColor: colorScheme.foreground,
-      actionColor: _core.withOpacity.call(void 0, colorScheme.foreground, 0.82),
-      pressedOverlayColor: _core.withOpacity.call(void 0, colorScheme.foreground, 0.16)
+      textColor: colorScheme.onMain,
+      actionColor: _core.withOpacity.call(void 0, colorScheme.onMain, 0.82),
+      pressedOverlayColor: _core.withOpacity.call(void 0, colorScheme.onMain, 0.16)
     };
   }, [safeThemeColor, theme]);
 };
@@ -365,7 +365,7 @@ var SnackbarStack = ({
       ))
     )
   );
-  return usePortal ? /* @__PURE__ */ _react2.default.createElement(_chunkRZJFCDFScjs.Portal, null, stackNode) : stackNode;
+  return usePortal ? /* @__PURE__ */ _react2.default.createElement(_chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/snackbar/snackbar.tsx
 import React, {
@@ -120,9 +120,9 @@ var useSnackbarColors = (themeColor = "default") => {
     const colorScheme = theme.colors[safeThemeColor];
     return {
       containerColor: colorScheme.main,
-      textColor: colorScheme.foreground,
-      actionColor: withOpacity(colorScheme.foreground, 0.82),
-      pressedOverlayColor: withOpacity(colorScheme.foreground, 0.16)
+      textColor: colorScheme.onMain,
+      actionColor: withOpacity(colorScheme.onMain, 0.82),
+      pressedOverlayColor: withOpacity(colorScheme.onMain, 0.16)
     };
   }, [safeThemeColor, theme]);
 };

package/dist/snippet/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/snippet/snippet.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -99,7 +99,7 @@ var styles = _reactnative.StyleSheet.create({
 
 var _core = require('@xaui/core');
 var useSnippetColors = (themeColor, variant, isDisabled) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
     const colorScheme = theme.colors[safeThemeColor];
@@ -107,7 +107,7 @@ var useSnippetColors = (themeColor, variant, isDisabled) => {
     const textColor = isDisabled ? _core.withOpacity.call(void 0, theme.colors.foreground, 0.56) : theme.colors.foreground;
     if (variant === "flat") {
       return {
-        containerBackground: colorScheme.background,
+        containerBackground: colorScheme.container,
         containerBorder: "transparent",
         text: textColor,
         copyButtonBackground: _core.withOpacity.call(void 0, colorScheme.main, isDark ? 0.2 : 0.14),
@@ -182,7 +182,7 @@ var Snippet = ({
 }) => {
   const [isCopied, setIsCopied] = _react2.default.useState(false);
   const resetTimerRef = _react2.default.useRef(null);
-  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunk7UFBLUMVcjs.useBorderRadiusStyles.call(void 0, radius);
   const colors = useSnippetColors(themeColor, variant, isDisabled);
   const { isTop, isLeft, isInline } = useCopyButtonPositionStyles(copyButtonPosition);
   _react2.default.useEffect(() => {

package/dist/snippet/index.js

@@ -2,7 +2,7 @@ import "../chunk-SHBDANQN.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/snippet/snippet.tsx
 import React from "react";
@@ -107,7 +107,7 @@ var useSnippetColors = (themeColor, variant, isDisabled) => {
     const textColor = isDisabled ? withOpacity(theme.colors.foreground, 0.56) : theme.colors.foreground;
     if (variant === "flat") {
       return {
-        containerBackground: colorScheme.background,
+        containerBackground: colorScheme.container,
         containerBorder: "transparent",
         text: textColor,
         copyButtonBackground: withOpacity(colorScheme.main, isDark ? 0.2 : 0.14),

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/stepper/stepper.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -224,13 +224,13 @@ var useStepperSizeStyles = (size) => {
   return _react.useMemo.call(void 0, () => sizeMap[size], [size]);
 };
 var useStepperColors = (themeColor) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const scheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
   return _react.useMemo.call(void 0, 
     () => ({
       activeIndicatorBackground: scheme.main,
       activeIndicatorBorder: scheme.main,
-      activeIndicatorText: scheme.foreground,
+      activeIndicatorText: scheme.onMain,
       completedIndicatorBackground: _core.withOpacity.call(void 0, scheme.main, 0.2),
       completedIndicatorBorder: scheme.main,
       completedIndicatorText: scheme.main,

package/dist/stepper/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/stepper/stepper.tsx
 import React, { useMemo, useState } from "react";
@@ -230,7 +230,7 @@ var useStepperColors = (themeColor) => {
     () => ({
       activeIndicatorBackground: scheme.main,
       activeIndicatorBorder: scheme.main,
-      activeIndicatorText: scheme.foreground,
+      activeIndicatorText: scheme.onMain,
       completedIndicatorBackground: withOpacity(scheme.main, 0.2),
       completedIndicatorBorder: scheme.main,
       completedIndicatorText: scheme.main,

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
   return theme.colors[safeThemeColor];
 };
 var useSwitchSizeStyles = (variant, size) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _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,
@@ -102,9 +102,9 @@ var useSwitchTrackStyles = ({
   sizeStyles,
   radiusStyles
 }) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const trackStyles = _react.useMemo.call(void 0, () => {
-    const backgroundColor = isSelected ? variant === "overlap" ? colorScheme.background : colorScheme.main : theme.colors.default.background;
+    const backgroundColor = isSelected ? variant === "overlap" ? colorScheme.container : colorScheme.main : theme.colors.default.container;
     return {
       width: sizeStyles.trackWidth,
       height: sizeStyles.trackHeight,
@@ -122,7 +122,7 @@ var useSwitchThumbStyles = ({
   sizeStyles,
   thumbRadius
 }) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/switch/switch.tsx
 import React, { useEffect, useMemo as useMemo2, useRef, useState } from "react";
@@ -104,7 +104,7 @@ var useSwitchTrackStyles = ({
 }) => {
   const theme = useXUITheme();
   const trackStyles = useMemo(() => {
-    const backgroundColor = isSelected ? variant === "overlap" ? colorScheme.background : colorScheme.main : theme.colors.default.background;
+    const backgroundColor = isSelected ? variant === "overlap" ? colorScheme.container : colorScheme.main : theme.colors.default.container;
     return {
       width: sizeStyles.trackWidth,
       height: sizeStyles.trackHeight,

package/dist/tabs/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/tabs/tabs.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -43,7 +43,7 @@ var runTabsCursorAnimation = (translateX, width, scaleX, toX, toWidth, duration)
 
 var _core = require('@xaui/core');
 function useTabsSizeStyles(size) {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     const sizes = {
       xs: {
@@ -75,20 +75,20 @@ function useTabsSizeStyles(size) {
   }, [size, theme]);
 }
 function useTabsVariantStyles(color, variant) {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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);
   return _react.useMemo.call(void 0, () => {
     const variants = {
       solid: {
-        listBackgroundColor: palette.background,
+        listBackgroundColor: palette.container,
         listBorderColor: "transparent",
         listBorderWidth: 0,
         listPaddingHorizontal: 4,
         cursorColor: cursorSolidColor,
         textColor: palette.main,
-        selectedTextColor: palette.foreground,
+        selectedTextColor: palette.onMain,
         cursorHeight: void 0,
         cursorTop: 4,
         cursorBottom: 4,
@@ -101,7 +101,7 @@ function useTabsVariantStyles(color, variant) {
         listPaddingHorizontal: 0,
         cursorColor: cursorSolidColor,
         textColor: palette.main,
-        selectedTextColor: palette.foreground,
+        selectedTextColor: palette.onMain,
         cursorHeight: void 0,
         cursorTop: 0,
         cursorBottom: 0,
@@ -246,7 +246,7 @@ var Tabs = ({
   );
   const sizeStyles = useTabsSizeStyles(size);
   const variantStyles = useTabsVariantStyles(color, variant);
-  const radiusStyles = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
+  const radiusStyles = _chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/tabs/tabs.tsx
 import React, { useCallback, useEffect, useMemo as useMemo2, useRef, useState } from "react";
@@ -82,13 +82,13 @@ function useTabsVariantStyles(color, variant) {
   return useMemo(() => {
     const variants = {
       solid: {
-        listBackgroundColor: palette.background,
+        listBackgroundColor: palette.container,
         listBorderColor: "transparent",
         listBorderWidth: 0,
         listPaddingHorizontal: 4,
         cursorColor: cursorSolidColor,
         textColor: palette.main,
-        selectedTextColor: palette.foreground,
+        selectedTextColor: palette.onMain,
         cursorHeight: void 0,
         cursorTop: 4,
         cursorBottom: 4,
@@ -101,7 +101,7 @@ function useTabsVariantStyles(color, variant) {
         listPaddingHorizontal: 0,
         cursorColor: cursorSolidColor,
         textColor: palette.main,
-        selectedTextColor: palette.foreground,
+        selectedTextColor: palette.onMain,
         cursorHeight: void 0,
         cursorTop: 0,
         cursorBottom: 0,

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 _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/timepicker/timepicker.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -158,14 +158,14 @@ var useTimePickerState = (initialValue, is24Hour = false, onChange) => {
   };
 };
 var useTimePickerColors = (themeColor) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
   return _react.useMemo.call(void 0, () => {
     return {
       background: theme.colors.background,
       surface: _core.withOpacity.call(void 0, colorScheme.main, 0.12),
       primary: colorScheme.main,
-      onPrimary: colorScheme.foreground,
+      onPrimary: colorScheme.onMain,
       text: theme.colors.foreground,
       textSecondary: _core.withOpacity.call(void 0, theme.colors.foreground, 0.6),
       border: _core.withOpacity.call(void 0, theme.colors.foreground, 0.12),
@@ -174,7 +174,7 @@ var useTimePickerColors = (themeColor) => {
     };
   }, [
     colorScheme.main,
-    colorScheme.foreground,
+    colorScheme.onMain,
     theme.colors.background,
     theme.colors.foreground
   ]);
@@ -717,7 +717,7 @@ var TimePickerDialog = ({
     _optionalChain([onCancel, 'optionalCall', _8 => _8()]);
     onClose();
   };
-  return /* @__PURE__ */ _react2.default.createElement(_chunk3XWF77Y3cjs.BottomSheet, { isOpen, onClose, snapPoints: [0.7] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, null, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ _react2.default.createElement(_chunkBYWUAPC4cjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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-K24VDBNN.js";
+} from "../chunk-4JFWQ5XT.js";
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/timepicker/timepicker.tsx
 import React, { useEffect, useMemo as useMemo2, useState as useState2 } from "react";
@@ -165,7 +165,7 @@ var useTimePickerColors = (themeColor) => {
       background: theme.colors.background,
       surface: withOpacity(colorScheme.main, 0.12),
       primary: colorScheme.main,
-      onPrimary: colorScheme.foreground,
+      onPrimary: colorScheme.onMain,
       text: theme.colors.foreground,
       textSecondary: withOpacity(theme.colors.foreground, 0.6),
       border: withOpacity(theme.colors.foreground, 0.12),
@@ -174,7 +174,7 @@ var useTimePickerColors = (themeColor) => {
     };
   }, [
     colorScheme.main,
-    colorScheme.foreground,
+    colorScheme.onMain,
     theme.colors.background,
     theme.colors.foreground
   ]);

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/toolbar/toolbar.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -63,11 +63,11 @@ var useToolbarVariantStyles = (variant, position) => {
   }, [variant, position]);
 };
 var useToolbarColors = (themeColor) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const colorScheme = theme.colors[_core.getSafeThemeColor.call(void 0, themeColor)];
   return _react.useMemo.call(void 0, () => {
     return {
-      background: theme.mode === "dark" ? theme.colors.default.background : theme.colors.background,
+      background: theme.mode === "dark" ? theme.colors.default.container : theme.colors.background,
       divider: _core.withOpacity.call(void 0, theme.colors.foreground, 0.1),
       title: theme.colors.foreground,
       subtitle: _core.withOpacity.call(void 0, theme.colors.foreground, 0.72),

package/dist/toolbar/index.js

@@ -1,7 +1,7 @@
 import "../chunk-SHBDANQN.js";
 import {
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/toolbar/toolbar.tsx
 import React, { useEffect } from "react";
@@ -67,7 +67,7 @@ var useToolbarColors = (themeColor) => {
   const colorScheme = theme.colors[getSafeThemeColor(themeColor)];
   return useMemo(() => {
     return {
-      background: theme.mode === "dark" ? theme.colors.default.background : theme.colors.background,
+      background: theme.mode === "dark" ? theme.colors.default.container : theme.colors.background,
       divider: withOpacity(theme.colors.foreground, 0.1),
       title: theme.colors.foreground,
       subtitle: withOpacity(theme.colors.foreground, 0.72),

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 _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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 = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
+  const theme = _chunk7UFBLUMVcjs.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-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/typography/typography.tsx
 import React, { useMemo as useMemo2 } from "react";

package/dist/view/index.cjs

@@ -2,7 +2,7 @@
 
 
 
-var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
+var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
 
 // src/components/view/column/column.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -402,7 +402,7 @@ var resolveBackgroundColor = (color, theme) => {
     return theme.colors[color];
   }
   const safeColor = _core.getSafeThemeColor.call(void 0, color);
-  return theme.colors[safeColor].background;
+  return theme.colors[safeColor].container;
 };
 var Surface = ({
   children,
@@ -412,8 +412,8 @@ var Surface = ({
   fullWidth = false,
   style
 }) => {
-  const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
-  const radiusStyle = _chunkRZJFCDFScjs.useBorderRadiusStyles.call(void 0, radius);
+  const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
+  const radiusStyle = _chunk7UFBLUMVcjs.useBorderRadiusStyles.call(void 0, radius);
   const background = resolveBackgroundColor(themeColor, theme);
   return /* @__PURE__ */ _react2.default.createElement(
     _reactnative.View,

package/dist/view/index.js

@@ -2,7 +2,7 @@ import "../chunk-SHBDANQN.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-LVNBYERF.js";
+} from "../chunk-RBSA4NH4.js";
 
 // src/components/view/column/column.tsx
 import React from "react";
@@ -402,7 +402,7 @@ var resolveBackgroundColor = (color, theme) => {
     return theme.colors[color];
   }
   const safeColor = getSafeThemeColor(color);
-  return theme.colors[safeColor].background;
+  return theme.colors[safeColor].container;
 };
 var Surface = ({
   children,