@xaui/native 0.1.5 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/README.md +109 -113
  2. package/dist/alert/index.cjs +6 -9
  3. package/dist/alert/index.js +4 -7
  4. package/dist/app-bar/index.cjs +4 -4
  5. package/dist/app-bar/index.js +2 -2
  6. package/dist/autocomplete/index.cjs +20 -25
  7. package/dist/autocomplete/index.d.cts +1 -1
  8. package/dist/autocomplete/index.d.ts +1 -1
  9. package/dist/autocomplete/index.js +11 -16
  10. package/dist/avatar/index.cjs +9 -9
  11. package/dist/avatar/index.js +5 -5
  12. package/dist/badge/index.cjs +13 -14
  13. package/dist/badge/index.js +10 -11
  14. package/dist/bottom-sheet/index.cjs +3 -3
  15. package/dist/bottom-sheet/index.js +2 -2
  16. package/dist/bottom-tab-bar/index.cjs +2 -2
  17. package/dist/bottom-tab-bar/index.js +1 -1
  18. package/dist/button/index.cjs +19 -22
  19. package/dist/button/index.d.cts +3 -3
  20. package/dist/button/index.d.ts +3 -3
  21. package/dist/button/index.js +12 -15
  22. package/dist/card/index.cjs +8 -8
  23. package/dist/card/index.js +3 -3
  24. package/dist/carousel/index.cjs +2 -2
  25. package/dist/carousel/index.js +1 -1
  26. package/dist/checkbox/index.cjs +11 -11
  27. package/dist/checkbox/index.js +6 -6
  28. package/dist/chip/index.cjs +11 -11
  29. package/dist/chip/index.js +9 -9
  30. package/dist/{chunk-K24VDBNN.js → chunk-4JFWQ5XT.js} +2 -2
  31. package/dist/{chunk-RZJFCDFS.cjs → chunk-7UFBLUMV.cjs} +13 -19
  32. package/dist/{chunk-M6A23KUM.js → chunk-A45TVXU5.js} +29 -5
  33. package/dist/{chunk-3XWF77Y3.cjs → chunk-BYWUAPC4.cjs} +4 -4
  34. package/dist/{chunk-X5KNZ6YJ.cjs → chunk-DJ4Q37UT.cjs} +2 -2
  35. package/dist/{chunk-LVNBYERF.js → chunk-RBSA4NH4.js} +13 -19
  36. package/dist/{chunk-HYL4EU3Y.cjs → chunk-UGEINZM7.cjs} +14 -13
  37. package/dist/{chunk-WGWXGIZ3.js → chunk-UU4HHBDN.js} +10 -9
  38. package/dist/{chunk-J3BOFXIH.js → chunk-VSZEXOUN.js} +4 -4
  39. package/dist/{chunk-FBTBWI3P.cjs → chunk-YIEUN3G5.cjs} +7 -7
  40. package/dist/{chunk-43I45LX7.cjs → chunk-ZH6ZSV2Q.cjs} +33 -9
  41. package/dist/{chunk-2JKWVIPB.js → chunk-ZY7IUTAT.js} +1 -1
  42. package/dist/color-picker/index.cjs +7 -7
  43. package/dist/color-picker/index.d.cts +1 -1
  44. package/dist/color-picker/index.d.ts +1 -1
  45. package/dist/color-picker/index.js +4 -4
  46. package/dist/core/index.cjs +2 -2
  47. package/dist/core/index.d.cts +1 -2
  48. package/dist/core/index.d.ts +1 -2
  49. package/dist/core/index.js +1 -1
  50. package/dist/datepicker/index.cjs +28 -30
  51. package/dist/datepicker/index.d.cts +1 -1
  52. package/dist/datepicker/index.d.ts +1 -1
  53. package/dist/datepicker/index.js +17 -19
  54. package/dist/dialog/index.cjs +5 -5
  55. package/dist/dialog/index.js +1 -1
  56. package/dist/divider/index.cjs +3 -3
  57. package/dist/divider/index.js +2 -2
  58. package/dist/drawer/index.cjs +4 -4
  59. package/dist/drawer/index.js +3 -3
  60. package/dist/expansion-panel/index.cjs +12 -12
  61. package/dist/expansion-panel/index.js +3 -3
  62. package/dist/fab/index.cjs +4 -4
  63. package/dist/fab/index.js +3 -3
  64. package/dist/fab-menu/index.cjs +8 -8
  65. package/dist/fab-menu/index.js +4 -4
  66. package/dist/feature-discovery/index.cjs +6 -6
  67. package/dist/feature-discovery/index.js +5 -5
  68. package/dist/indicator/index.cjs +3 -3
  69. package/dist/indicator/index.js +2 -2
  70. package/dist/input/index.cjs +38 -20
  71. package/dist/input/index.d.cts +2 -2
  72. package/dist/input/index.d.ts +2 -2
  73. package/dist/input/index.js +36 -18
  74. package/dist/input-trigger/index.cjs +193 -4
  75. package/dist/input-trigger/index.d.cts +5 -3
  76. package/dist/input-trigger/index.d.ts +5 -3
  77. package/dist/input-trigger/index.js +192 -3
  78. package/dist/{input-trigger.type-BL70fHE9.d.cts → input-trigger.type-By_1ZjKd.d.cts} +86 -3
  79. package/dist/{input-trigger.type-BODYStHk.d.ts → input-trigger.type-DlSqg2eG.d.ts} +86 -3
  80. package/dist/list/index.cjs +6 -6
  81. package/dist/list/index.js +2 -2
  82. package/dist/menu/index.cjs +4 -4
  83. package/dist/menu/index.js +2 -2
  84. package/dist/menubox/index.cjs +7 -7
  85. package/dist/menubox/index.d.cts +1 -1
  86. package/dist/menubox/index.d.ts +1 -1
  87. package/dist/menubox/index.js +3 -3
  88. package/dist/picker/index.cjs +7 -7
  89. package/dist/picker/index.d.cts +1 -1
  90. package/dist/picker/index.d.ts +1 -1
  91. package/dist/picker/index.js +4 -4
  92. package/dist/progress/index.cjs +3 -3
  93. package/dist/progress/index.js +2 -2
  94. package/dist/radio/index.cjs +9 -9
  95. package/dist/radio/index.js +3 -3
  96. package/dist/refresh-control/index.cjs +45 -0
  97. package/dist/refresh-control/index.d.cts +55 -0
  98. package/dist/refresh-control/index.d.ts +55 -0
  99. package/dist/refresh-control/index.js +45 -0
  100. package/dist/segment-button/index.cjs +8 -8
  101. package/dist/segment-button/index.js +5 -5
  102. package/dist/select/index.cjs +50 -58
  103. package/dist/select/index.d.cts +2 -2
  104. package/dist/select/index.d.ts +2 -2
  105. package/dist/select/index.js +37 -45
  106. package/dist/skeleton/index.cjs +4 -4
  107. package/dist/skeleton/index.js +3 -3
  108. package/dist/slider/index.cjs +5 -5
  109. package/dist/slider/index.js +1 -1
  110. package/dist/snackbar/index.cjs +6 -6
  111. package/dist/snackbar/index.js +4 -4
  112. package/dist/snippet/index.cjs +4 -4
  113. package/dist/snippet/index.js +2 -2
  114. package/dist/stepper/index.cjs +3 -3
  115. package/dist/stepper/index.js +2 -2
  116. package/dist/switch/index.cjs +8 -8
  117. package/dist/switch/index.js +2 -2
  118. package/dist/tabs/index.cjs +7 -7
  119. package/dist/tabs/index.js +4 -4
  120. package/dist/timepicker/index.cjs +7 -7
  121. package/dist/timepicker/index.js +4 -4
  122. package/dist/toolbar/index.cjs +3 -3
  123. package/dist/toolbar/index.js +2 -2
  124. package/dist/typography/index.cjs +3 -3
  125. package/dist/typography/index.js +1 -1
  126. package/dist/view/index.cjs +4 -4
  127. package/dist/view/index.js +2 -2
  128. package/package.json +8 -3
@@ -1,9 +1,9 @@
1
1
  "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; }
2
2
 
3
- var _chunkFBTBWI3Pcjs = require('./chunk-FBTBWI3P.cjs');
3
+ var _chunkYIEUN3G5cjs = require('./chunk-YIEUN3G5.cjs');
4
4
 
5
5
 
6
- var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
6
+ var _chunk7UFBLUMVcjs = require('./chunk-7UFBLUMV.cjs');
7
7
 
8
8
  // src/components/fab/fab.tsx
9
9
  var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -39,7 +39,7 @@ var styles = _reactnative.StyleSheet.create({
39
39
 
40
40
  var _core = require('@xaui/core');
41
41
  function useFabSizeStyles(size) {
42
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
42
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
43
43
  const sizeStyles = _react.useMemo.call(void 0, () => {
44
44
  const sizes = {
45
45
  sm: {
@@ -95,18 +95,17 @@ function useFabSizeStyles(size) {
95
95
  return { sizeStyles, extendedSizeStyles };
96
96
  }
97
97
  function useFabVariantStyles(themeColor, variant, elevation = 0) {
98
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
98
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
99
99
  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
100
100
  const colorScheme = theme.colors[safeThemeColor];
101
101
  const variantStyles = _react.useMemo.call(void 0, () => {
102
- const isDark = theme.mode === "dark";
103
102
  const variantMap = {
104
103
  solid: {
105
- backgroundColor: isDark ? colorScheme.background : colorScheme.main,
104
+ backgroundColor: colorScheme.main,
106
105
  borderWidth: 0
107
106
  },
108
107
  flat: {
109
- backgroundColor: isDark ? _core.withOpacity.call(void 0, colorScheme.background, 0.5) : colorScheme.background,
108
+ backgroundColor: colorScheme.container,
110
109
  borderWidth: 0
111
110
  },
112
111
  outlined: {
@@ -127,20 +126,22 @@ function useFabVariantStyles(themeColor, variant, elevation = 0) {
127
126
  return variantStyles;
128
127
  }
129
128
  function useFabIconColor(themeColor, variant) {
130
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
129
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
131
130
  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
132
131
  const colorScheme = theme.colors[safeThemeColor];
133
132
  const iconColor = _react.useMemo.call(void 0, () => {
134
- const isDark = theme.mode === "dark";
135
133
  if (variant === "solid") {
136
- return isDark ? colorScheme.main : colorScheme.foreground;
134
+ return colorScheme.onMain;
135
+ }
136
+ if (variant === "flat") {
137
+ return colorScheme.onContainer;
137
138
  }
138
139
  return colorScheme.main;
139
- }, [variant, colorScheme, theme]);
140
+ }, [variant, colorScheme]);
140
141
  return { iconColor };
141
142
  }
142
143
  function useFabRadiusValue(radius, fallback) {
143
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
144
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
144
145
  return _react.useMemo.call(void 0, () => {
145
146
  if (!radius) return fallback;
146
147
  const radiusMap = {
@@ -260,7 +261,7 @@ var Fab = ({
260
261
  ]
261
262
  },
262
263
  isLoading ? /* @__PURE__ */ _react2.default.createElement(
263
- _chunkFBTBWI3Pcjs.ActivityIndicator,
264
+ _chunkYIEUN3G5cjs.ActivityIndicator,
264
265
  {
265
266
  variant: "circular",
266
267
  themeColor: variant === "solid" ? void 0 : themeColor,
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  ActivityIndicator
3
- } from "./chunk-J3BOFXIH.js";
3
+ } from "./chunk-VSZEXOUN.js";
4
4
  import {
5
5
  useXUITheme
6
- } from "./chunk-LVNBYERF.js";
6
+ } from "./chunk-RBSA4NH4.js";
7
7
 
8
8
  // src/components/fab/fab.tsx
9
9
  import React from "react";
@@ -37,7 +37,7 @@ var styles = StyleSheet.create({
37
37
 
38
38
  // src/components/fab/fab.hook.ts
39
39
  import { useMemo } from "react";
40
- import { getSafeThemeColor, withOpacity } from "@xaui/core";
40
+ import { getSafeThemeColor } from "@xaui/core";
41
41
  function useFabSizeStyles(size) {
42
42
  const theme = useXUITheme();
43
43
  const sizeStyles = useMemo(() => {
@@ -99,14 +99,13 @@ function useFabVariantStyles(themeColor, variant, elevation = 0) {
99
99
  const safeThemeColor = getSafeThemeColor(themeColor);
100
100
  const colorScheme = theme.colors[safeThemeColor];
101
101
  const variantStyles = useMemo(() => {
102
- const isDark = theme.mode === "dark";
103
102
  const variantMap = {
104
103
  solid: {
105
- backgroundColor: isDark ? colorScheme.background : colorScheme.main,
104
+ backgroundColor: colorScheme.main,
106
105
  borderWidth: 0
107
106
  },
108
107
  flat: {
109
- backgroundColor: isDark ? withOpacity(colorScheme.background, 0.5) : colorScheme.background,
108
+ backgroundColor: colorScheme.container,
110
109
  borderWidth: 0
111
110
  },
112
111
  outlined: {
@@ -131,12 +130,14 @@ function useFabIconColor(themeColor, variant) {
131
130
  const safeThemeColor = getSafeThemeColor(themeColor);
132
131
  const colorScheme = theme.colors[safeThemeColor];
133
132
  const iconColor = useMemo(() => {
134
- const isDark = theme.mode === "dark";
135
133
  if (variant === "solid") {
136
- return isDark ? colorScheme.main : colorScheme.foreground;
134
+ return colorScheme.onMain;
135
+ }
136
+ if (variant === "flat") {
137
+ return colorScheme.onContainer;
137
138
  }
138
139
  return colorScheme.main;
139
- }, [variant, colorScheme, theme]);
140
+ }, [variant, colorScheme]);
140
141
  return { iconColor };
141
142
  }
142
143
  function useFabRadiusValue(radius, fallback) {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useXUITheme
3
- } from "./chunk-LVNBYERF.js";
3
+ } from "./chunk-RBSA4NH4.js";
4
4
 
5
5
  // src/components/indicator/indicator.tsx
6
6
  import React3 from "react";
@@ -71,7 +71,7 @@ var CircularActivityIndicator = ({
71
71
  const safeThemeColor = getSafeThemeColor(themeColor);
72
72
  const colorScheme = theme.colors[safeThemeColor];
73
73
  const mainColor = color || colorScheme.main;
74
- const trackColor = showTrack ? backgroundColor ?? colorScheme.background : "transparent";
74
+ const trackColor = showTrack ? backgroundColor ?? colorScheme.container : "transparent";
75
75
  const strokeWidth = size * 0.1;
76
76
  const frames = 60 * DURATION / 1e3;
77
77
  const easing = Easing.bezier(0.4, 0, 0.7, 1);
@@ -283,7 +283,7 @@ var LinearActivityIndicator = ({
283
283
  const { primaryTranslateX, primaryScaleX, secondaryTranslateX, secondaryScaleX } = useLinearActivityIndicatorAnimation(disableAnimation);
284
284
  const colorScheme = theme.colors[themeColor];
285
285
  const mainColor = color || colorScheme.main;
286
- const trackColor = showTrack ? backgroundColor ?? colorScheme.background : "transparent";
286
+ const trackColor = showTrack ? backgroundColor ?? colorScheme.container : "transparent";
287
287
  const barStyle = {
288
288
  ...StyleSheet2.absoluteFillObject,
289
289
  backgroundColor: mainColor,
@@ -332,7 +332,7 @@ var ActivityIndicator = (props) => {
332
332
  const theme = useXUITheme();
333
333
  const colorScheme = theme.colors[themeColor];
334
334
  const mainColor = color ?? colorScheme.main;
335
- const trackColor = backgroundColor ?? (showTrack ? colorScheme.background : "transparent");
335
+ const trackColor = backgroundColor ?? (showTrack ? colorScheme.container : "transparent");
336
336
  if (variant === "circular") {
337
337
  const circleSize = size ?? 40;
338
338
  return /* @__PURE__ */ React3.createElement(
@@ -1,6 +1,6 @@
1
1
  "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(); } }
2
2
 
3
- var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
3
+ var _chunk7UFBLUMVcjs = require('./chunk-7UFBLUMV.cjs');
4
4
 
5
5
  // src/components/indicator/indicator.tsx
6
6
  var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -44,7 +44,7 @@ var CircularActivityIndicator = ({
44
44
  disableAnimation = false,
45
45
  showTrack = true
46
46
  }) => {
47
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
47
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
48
48
  const { current: timer } = _react.useRef.call(void 0, new _reactnative.Animated.Value(0));
49
49
  const rotation = _react.useRef.call(void 0, void 0);
50
50
  const startRotation = _react2.default.useCallback(() => {
@@ -71,7 +71,7 @@ var CircularActivityIndicator = ({
71
71
  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
72
72
  const colorScheme = theme.colors[safeThemeColor];
73
73
  const mainColor = color || colorScheme.main;
74
- const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.background)) : "transparent";
74
+ const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.container)) : "transparent";
75
75
  const strokeWidth = size * 0.1;
76
76
  const frames = 60 * DURATION / 1e3;
77
77
  const easing = _reactnative.Easing.bezier(0.4, 0, 0.7, 1);
@@ -279,11 +279,11 @@ var LinearActivityIndicator = ({
279
279
  borderRadius = 0,
280
280
  showTrack = true
281
281
  }) => {
282
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
282
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
283
283
  const { primaryTranslateX, primaryScaleX, secondaryTranslateX, secondaryScaleX } = useLinearActivityIndicatorAnimation(disableAnimation);
284
284
  const colorScheme = theme.colors[themeColor];
285
285
  const mainColor = color || colorScheme.main;
286
- const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.background)) : "transparent";
286
+ const trackColor = showTrack ? _nullishCoalesce(backgroundColor, () => ( colorScheme.container)) : "transparent";
287
287
  const barStyle = {
288
288
  ..._reactnative.StyleSheet.absoluteFillObject,
289
289
  backgroundColor: mainColor,
@@ -329,10 +329,10 @@ var ActivityIndicator = (props) => {
329
329
  borderRadius,
330
330
  showTrack
331
331
  } = props;
332
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
332
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
333
333
  const colorScheme = theme.colors[themeColor];
334
334
  const mainColor = _nullishCoalesce(color, () => ( colorScheme.main));
335
- const trackColor = _nullishCoalesce(backgroundColor, () => ( (showTrack ? colorScheme.background : "transparent")));
335
+ const trackColor = _nullishCoalesce(backgroundColor, () => ( (showTrack ? colorScheme.container : "transparent")));
336
336
  if (variant === "circular") {
337
337
  const circleSize = _nullishCoalesce(size, () => ( 40));
338
338
  return /* @__PURE__ */ _react2.default.createElement(
@@ -1,6 +1,6 @@
1
1
  "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; }
2
2
 
3
- var _chunkRZJFCDFScjs = require('./chunk-RZJFCDFS.cjs');
3
+ var _chunk7UFBLUMVcjs = require('./chunk-7UFBLUMV.cjs');
4
4
 
5
5
  // src/components/input-trigger/input-trigger.tsx
6
6
  var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -10,7 +10,7 @@ var _reactnative = require('react-native');
10
10
 
11
11
  var _core = require('@xaui/core');
12
12
  var useInputTriggerSizeStyles = (size) => {
13
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
13
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
14
14
  return _react.useMemo.call(void 0, () => {
15
15
  const sizeMap = {
16
16
  sm: {
@@ -45,7 +45,7 @@ var useInputTriggerSizeStyles = (size) => {
45
45
  }, [size, theme]);
46
46
  };
47
47
  var useInputTriggerRadiusStyles = (radius) => {
48
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
48
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
49
49
  return _react.useMemo.call(void 0, () => {
50
50
  if (radius === "full") {
51
51
  return { borderRadius: theme.borderRadius.full };
@@ -59,10 +59,11 @@ var useInputTriggerVariantStyles = ({
59
59
  isInvalid,
60
60
  isDisabled
61
61
  }) => {
62
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
62
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
63
63
  const safeThemeColor = _core.getSafeThemeColor.call(void 0, themeColor);
64
64
  const colorScheme = theme.colors[safeThemeColor];
65
65
  return _react.useMemo.call(void 0, () => {
66
+ const isDark = theme.mode === "dark";
66
67
  const neutralBorder = _core.withOpacity.call(void 0, theme.colors.foreground, 0.1);
67
68
  const textColor = isDisabled ? _core.withOpacity.call(void 0, theme.colors.foreground, 0.55) : theme.colors.foreground;
68
69
  const placeholderColor = _core.withOpacity.call(void 0, theme.colors.foreground, 0.45);
@@ -96,10 +97,9 @@ var useInputTriggerVariantStyles = ({
96
97
  helperColor
97
98
  };
98
99
  }
99
- if (variant === "faded") {
100
+ if (variant === "light") {
100
101
  return {
101
102
  container: {
102
- backgroundColor: _core.withOpacity.call(void 0, colorScheme.background, 0.68),
103
103
  borderColor: isInvalid ? theme.colors.danger.main : "transparent",
104
104
  borderWidth: isInvalid ? theme.borderWidth.md : 0
105
105
  },
@@ -112,7 +112,7 @@ var useInputTriggerVariantStyles = ({
112
112
  }
113
113
  return {
114
114
  container: {
115
- backgroundColor: colorScheme.background,
115
+ backgroundColor: _core.withOpacity.call(void 0, colorScheme.container, isDark ? 0.25 : 0.4),
116
116
  borderColor: isInvalid ? _core.withPaletteNumber.call(void 0, theme.colors.danger.main, 500) : "transparent",
117
117
  borderWidth: isInvalid ? theme.borderWidth.md : 0
118
118
  },
@@ -145,6 +145,26 @@ var styles = _reactnative.StyleSheet.create({
145
145
  flexDirection: "row",
146
146
  alignItems: "center"
147
147
  },
148
+ fileTrigger: {
149
+ alignItems: "center",
150
+ justifyContent: "center"
151
+ },
152
+ filePlusButton: {
153
+ alignItems: "center",
154
+ justifyContent: "center"
155
+ },
156
+ fileContent: {
157
+ textAlign: "center"
158
+ },
159
+ fileCustomContent: {
160
+ alignItems: "center"
161
+ },
162
+ fileSelectedContent: {
163
+ width: "100%",
164
+ alignItems: "center",
165
+ justifyContent: "center",
166
+ overflow: "hidden"
167
+ },
148
168
  underlinedWrapper: {
149
169
  borderBottomLeftRadius: 0,
150
170
  borderBottomRightRadius: 0,
@@ -177,7 +197,7 @@ var InputTrigger = ({
177
197
  startContent,
178
198
  endContent,
179
199
  themeColor = "primary",
180
- variant = "flat",
200
+ variant = "colored",
181
201
  size = "md",
182
202
  radius = "md",
183
203
  isDisabled = false,
@@ -310,4 +330,8 @@ var InputTrigger = ({
310
330
 
311
331
 
312
332
 
313
- exports.InputTrigger = InputTrigger;
333
+
334
+
335
+
336
+
337
+ exports.useInputTriggerSizeStyles = useInputTriggerSizeStyles; exports.useInputTriggerRadiusStyles = useInputTriggerRadiusStyles; exports.useInputTriggerVariantStyles = useInputTriggerVariantStyles; exports.styles = styles; exports.InputTrigger = InputTrigger;
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  useXUITheme
3
- } from "./chunk-LVNBYERF.js";
3
+ } from "./chunk-RBSA4NH4.js";
4
4
 
5
5
  // src/components/divider/divider.tsx
6
6
  import React from "react";
@@ -1,13 +1,13 @@
1
1
  "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; }
2
2
 
3
- var _chunk43I45LX7cjs = require('../chunk-43I45LX7.cjs');
3
+ var _chunkZH6ZSV2Qcjs = require('../chunk-ZH6ZSV2Q.cjs');
4
4
 
5
5
 
6
- var _chunk3XWF77Y3cjs = require('../chunk-3XWF77Y3.cjs');
6
+ var _chunkBYWUAPC4cjs = require('../chunk-BYWUAPC4.cjs');
7
7
  require('../chunk-56RPWZD2.cjs');
8
8
 
9
9
 
10
- var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
10
+ var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
11
11
 
12
12
  // src/components/color-picker/color-picker.tsx
13
13
  var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -327,7 +327,7 @@ var ColorPicker = ({
327
327
  colorGroups = defaultColorGroups,
328
328
  sheetTitle = "Pick a color",
329
329
  themeColor = "primary",
330
- variant = "flat",
330
+ variant = "colored",
331
331
  size = "md",
332
332
  radius = "md",
333
333
  isOpened,
@@ -341,7 +341,7 @@ var ColorPicker = ({
341
341
  onClose
342
342
  }) => {
343
343
  const [isOpen, setIsOpen] = _react.useState.call(void 0, _nullishCoalesce(isOpened, () => ( false)));
344
- const theme = _chunkRZJFCDFScjs.useXUITheme.call(void 0, );
344
+ const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
345
345
  const sheetBackground = theme.mode === "dark" ? theme.colors.background : "#ffffff";
346
346
  _react.useEffect.call(void 0, () => {
347
347
  if (isOpened !== void 0) {
@@ -379,7 +379,7 @@ var ColorPicker = ({
379
379
  }
380
380
  );
381
381
  return /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(
382
- _chunk43I45LX7cjs.InputTrigger,
382
+ _chunkZH6ZSV2Qcjs.InputTrigger,
383
383
  {
384
384
  value: value ? "" : void 0,
385
385
  placeholder,
@@ -412,7 +412,7 @@ var ColorPicker = ({
412
412
  onPress: handleOpen
413
413
  }
414
414
  ), /* @__PURE__ */ _react2.default.createElement(
415
- _chunk3XWF77Y3cjs.BottomSheet,
415
+ _chunkBYWUAPC4cjs.BottomSheet,
416
416
  {
417
417
  isOpen,
418
418
  snapPoints: [0.75],
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { ViewStyle } from 'react-native';
3
3
  import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.cjs';
4
- import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-BL70fHE9.cjs';
4
+ import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-By_1ZjKd.cjs';
5
5
 
6
6
  type ColorGroup = {
7
7
  /**
@@ -1,7 +1,7 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { ViewStyle } from 'react-native';
3
3
  import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.js';
4
- import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-BODYStHk.js';
4
+ import { d as InputTriggerLabelPlacement, b as InputTriggerVariant, c as InputTriggerSize } from '../input-trigger.type-DlSqg2eG.js';
5
5
 
6
6
  type ColorGroup = {
7
7
  /**
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  InputTrigger
3
- } from "../chunk-M6A23KUM.js";
3
+ } from "../chunk-A45TVXU5.js";
4
4
  import {
5
5
  BottomSheet
6
- } from "../chunk-K24VDBNN.js";
6
+ } from "../chunk-4JFWQ5XT.js";
7
7
  import "../chunk-SHBDANQN.js";
8
8
  import {
9
9
  useXUITheme
10
- } from "../chunk-LVNBYERF.js";
10
+ } from "../chunk-RBSA4NH4.js";
11
11
 
12
12
  // src/components/color-picker/color-picker.tsx
13
13
  import React, { useEffect, useState } from "react";
@@ -327,7 +327,7 @@ var ColorPicker = ({
327
327
  colorGroups = defaultColorGroups,
328
328
  sheetTitle = "Pick a color",
329
329
  themeColor = "primary",
330
- variant = "flat",
330
+ variant = "colored",
331
331
  size = "md",
332
332
  radius = "md",
333
333
  isOpened,
@@ -10,7 +10,7 @@ var _chunk56RPWZD2cjs = require('../chunk-56RPWZD2.cjs');
10
10
 
11
11
 
12
12
 
13
- var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
13
+ var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
14
14
 
15
15
 
16
16
 
@@ -21,4 +21,4 @@ var _chunkRZJFCDFScjs = require('../chunk-RZJFCDFS.cjs');
21
21
 
22
22
 
23
23
 
24
- exports.Portal = _chunkRZJFCDFScjs.Portal; exports.PortalHost = _chunkRZJFCDFScjs.PortalHost; exports.XUIProvider = _chunkRZJFCDFScjs.XUIProvider; exports.defaultDarkTheme = _chunk56RPWZD2cjs.defaultDarkTheme; exports.defaultTheme = _chunk56RPWZD2cjs.defaultTheme; exports.palette = _chunk56RPWZD2cjs.colors; exports.useColorMode = _chunkRZJFCDFScjs.useColorMode; exports.useXUIColors = _chunkRZJFCDFScjs.useXUIColors; exports.useXUITheme = _chunkRZJFCDFScjs.useXUITheme;
24
+ exports.Portal = _chunk7UFBLUMVcjs.Portal; exports.PortalHost = _chunk7UFBLUMVcjs.PortalHost; exports.XUIProvider = _chunk7UFBLUMVcjs.XUIProvider; exports.defaultDarkTheme = _chunk56RPWZD2cjs.defaultDarkTheme; exports.defaultTheme = _chunk56RPWZD2cjs.defaultTheme; exports.palette = _chunk56RPWZD2cjs.colors; exports.useColorMode = _chunk7UFBLUMVcjs.useColorMode; exports.useXUIColors = _chunk7UFBLUMVcjs.useXUIColors; exports.useXUITheme = _chunk7UFBLUMVcjs.useXUITheme;
@@ -9,9 +9,8 @@ type DeepPartial<T> = {
9
9
  interface XUIProviderProps {
10
10
  children: ReactNode;
11
11
  theme?: DeepPartial<XUITheme>;
12
- darkTheme?: DeepPartial<XUITheme>;
13
12
  }
14
- declare function XUIProvider({ children, theme: lightTheme, darkTheme, }: XUIProviderProps): React.JSX.Element;
13
+ declare function XUIProvider({ children, theme }: XUIProviderProps): React.JSX.Element;
15
14
 
16
15
  type ColorMode = 'light' | 'dark';
17
16
  declare function useColorMode(): ColorMode;
@@ -9,9 +9,8 @@ type DeepPartial<T> = {
9
9
  interface XUIProviderProps {
10
10
  children: ReactNode;
11
11
  theme?: DeepPartial<XUITheme>;
12
- darkTheme?: DeepPartial<XUITheme>;
13
12
  }
14
- declare function XUIProvider({ children, theme: lightTheme, darkTheme, }: XUIProviderProps): React.JSX.Element;
13
+ declare function XUIProvider({ children, theme }: XUIProviderProps): React.JSX.Element;
15
14
 
16
15
  type ColorMode = 'light' | 'dark';
17
16
  declare function useColorMode(): ColorMode;
@@ -10,7 +10,7 @@ import {
10
10
  useColorMode,
11
11
  useXUIColors,
12
12
  useXUITheme
13
- } from "../chunk-LVNBYERF.js";
13
+ } from "../chunk-RBSA4NH4.js";
14
14
  export {
15
15
  Portal,
16
16
  PortalHost,