@xaui/native 0.0.5 → 0.0.7

package/dist/accordion/index.cjs

@@ -75,6 +75,9 @@ function useXUIPalette() {
   return (0, import_react3.useMemo)(() => theme.palette, [theme]);
 }
 
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
+
 // src/components/accordion/accordion.hook.ts
 var useAccordionStyles = ({ variant, fullWidth }) => {
   const theme = useXUITheme();
@@ -460,6 +463,8 @@ var import_react_native6 = require("react-native");
 var styles2 = import_react_native6.StyleSheet.create({
   horizontal: {
     height: 1,
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   vertical: {

package/dist/accordion/index.js

@@ -1,10 +1,10 @@
 import {
   Divider
-} from "../chunk-AX7QS5WJ.js";
+} from "../chunk-R34CVLCX.js";
 import {
   useXUIPalette,
   useXUITheme
-} from "../chunk-3ECCBLTG.js";
+} from "../chunk-ORMNMNOK.js";
 
 // src/components/accordion/accordion.tsx
 import React4 from "react";

package/dist/button/index.cjs

@@ -74,6 +74,9 @@ function useBorderRadiusStyles(radius) {
   return borderRadius;
 }
 
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
+
 // src/components/indicator/circular-activity-indicator.tsx
 var import_react3 = __toESM(require("react"), 1);
 var import_react_native4 = require("react-native");
@@ -82,6 +85,8 @@ var import_react_native4 = require("react-native");
 var import_react_native3 = require("react-native");
 var styles = import_react_native3.StyleSheet.create({
   container: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%",
     justifyContent: "center"
   },
@@ -460,6 +465,8 @@ var styles2 = import_react_native7.StyleSheet.create({
     marginHorizontal: 4
   },
   fullWidth: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   disabled: {
@@ -604,7 +611,7 @@ var runPressOutAnimation = (animatedScale, animatedOpacity) => {
 // src/components/button/button.tsx
 var Button = ({
   children,
-  themeColor = "default",
+  themeColor = "primary",
   variant = "solid",
   size = "md",
   radius = "md",

package/dist/button/index.js

@@ -1,10 +1,10 @@
 import {
   ActivityIndicator
-} from "../chunk-KI7CPXTP.js";
+} from "../chunk-B2VGVZ3J.js";
 import {
   useBorderRadiusStyles,
   useXUITheme
-} from "../chunk-3ECCBLTG.js";
+} from "../chunk-ORMNMNOK.js";
 
 // src/components/button/button.tsx
 import React from "react";
@@ -39,6 +39,8 @@ var styles = StyleSheet.create({
     marginHorizontal: 4
   },
   fullWidth: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   disabled: {
@@ -183,7 +185,7 @@ var runPressOutAnimation = (animatedScale, animatedOpacity) => {
 // src/components/button/button.tsx
 var Button = ({
   children,
-  themeColor = "default",
+  themeColor = "primary",
   variant = "solid",
   size = "md",
   radius = "md",

package/dist/checkbox/index.cjs

@@ -203,6 +203,9 @@ function useXUITheme() {
   return theme;
 }
 
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
+
 // src/components/checkbox/checkbox.hook.ts
 function useSizeStyles(size, variant) {
   const theme = useXUITheme();
@@ -317,6 +320,8 @@ var styles = import_react_native5.StyleSheet.create({
     gap: 10
   },
   fullWidth: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   checkbox: {
@@ -351,7 +356,7 @@ var import_core4 = require("@xaui/core");
 var Checkbox = ({
   label,
   labelAlignment = "right",
-  themeColor = "default",
+  themeColor = "primary",
   variant = "filled",
   size = "md",
   radius = "sm",

package/dist/checkbox/index.js

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "../chunk-3ECCBLTG.js";
+} from "../chunk-ORMNMNOK.js";
 
 // src/components/checkbox/checkbox.tsx
 import React2, { useEffect as useEffect2, useRef as useRef2, useState } from "react";
@@ -265,6 +265,8 @@ var styles = StyleSheet.create({
     gap: 10
   },
   fullWidth: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   checkbox: {
@@ -299,7 +301,7 @@ import { getSafeThemeColor as getSafeThemeColor2 } from "@xaui/core";
 var Checkbox = ({
   label,
   labelAlignment = "right",
-  themeColor = "default",
+  themeColor = "primary",
   variant = "filled",
   size = "md",
   radius = "sm",

package/dist/{chunk-KI7CPXTP.js → chunk-B2VGVZ3J.js}

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "./chunk-3ECCBLTG.js";
+} from "./chunk-ORMNMNOK.js";
 
 // src/components/indicator/indicator.tsx
 import React3 from "react";
@@ -14,6 +14,8 @@ import { Animated, Easing, Platform, View } from "react-native";
 import { StyleSheet } from "react-native";
 var styles = StyleSheet.create({
   container: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%",
     justifyContent: "center"
   },

package/dist/{chunk-3ECCBLTG.js → chunk-ORMNMNOK.js}

@@ -74,11 +74,16 @@ function useBorderRadiusStyles(radius) {
   return borderRadius;
 }
 
+// src/core/index.ts
+import { defaultDarkTheme, defaultTheme as defaultTheme2 } from "@xaui/core/theme";
+
 export {
   XUIProvider,
   useColorMode,
   useXUITheme,
   useXUIColors,
   useXUIPalette,
-  useBorderRadiusStyles
+  useBorderRadiusStyles,
+  defaultDarkTheme,
+  defaultTheme2 as defaultTheme
 };

package/dist/{chunk-AX7QS5WJ.js → chunk-R34CVLCX.js}

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "./chunk-3ECCBLTG.js";
+} from "./chunk-ORMNMNOK.js";
 
 // src/components/divider/divider.tsx
 import React from "react";
@@ -11,6 +11,8 @@ import { StyleSheet } from "react-native";
 var styles = StyleSheet.create({
   horizontal: {
     height: 1,
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   vertical: {

package/dist/core/index.cjs

@@ -31,6 +31,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var core_exports = {};
 __export(core_exports, {
   XUIProvider: () => XUIProvider,
+  defaultDarkTheme: () => import_theme2.defaultDarkTheme,
+  defaultTheme: () => import_theme2.defaultTheme,
   useColorMode: () => useColorMode,
   useXUIColors: () => useXUIColors,
   useXUITheme: () => useXUITheme
@@ -94,9 +96,14 @@ function useXUIColors() {
   const theme = useXUITheme();
   return theme.colors;
 }
+
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   XUIProvider,
+  defaultDarkTheme,
+  defaultTheme,
   useColorMode,
   useXUIColors,
   useXUITheme

package/dist/core/index.d.cts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { XUITheme } from '@xaui/core/theme';
+export { defaultDarkTheme, defaultTheme } from '@xaui/core/theme';
 
 type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];

package/dist/core/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode } from 'react';
 import { XUITheme } from '@xaui/core/theme';
+export { defaultDarkTheme, defaultTheme } from '@xaui/core/theme';
 
 type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];

package/dist/core/index.js

@@ -1,11 +1,15 @@
 import {
   XUIProvider,
+  defaultDarkTheme,
+  defaultTheme,
   useColorMode,
   useXUIColors,
   useXUITheme
-} from "../chunk-3ECCBLTG.js";
+} from "../chunk-ORMNMNOK.js";
 export {
   XUIProvider,
+  defaultDarkTheme,
+  defaultTheme,
   useColorMode,
   useXUIColors,
   useXUITheme

package/dist/divider/index.cjs

@@ -43,6 +43,8 @@ var import_react_native = require("react-native");
 var styles = import_react_native.StyleSheet.create({
   horizontal: {
     height: 1,
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   vertical: {
@@ -72,6 +74,9 @@ function useXUITheme() {
   return theme;
 }
 
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
+
 // src/components/divider/divider.hook.ts
 var import_core2 = require("@xaui/core");
 var useDividerColor = (themeColor, customColor) => {

package/dist/divider/index.js

@@ -1,7 +1,7 @@
 import {
   Divider
-} from "../chunk-AX7QS5WJ.js";
-import "../chunk-3ECCBLTG.js";
+} from "../chunk-R34CVLCX.js";
+import "../chunk-ORMNMNOK.js";
 export {
   Divider
 };

package/dist/index.cjs

@@ -57,6 +57,9 @@ function useXUITheme() {
   return theme;
 }
 
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
+
 // src/components/indicator/circular-activity-indicator.tsx
 var import_react3 = __toESM(require("react"), 1);
 var import_react_native4 = require("react-native");
@@ -65,6 +68,8 @@ var import_react_native4 = require("react-native");
 var import_react_native3 = require("react-native");
 var styles = import_react_native3.StyleSheet.create({
   container: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%",
     justifyContent: "center"
   },
@@ -423,6 +428,8 @@ var import_react_native7 = require("react-native");
 var styles2 = import_react_native7.StyleSheet.create({
   horizontal: {
     height: 1,
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   vertical: {

package/dist/index.js

@@ -1,10 +1,10 @@
-import {
-  ActivityIndicator
-} from "./chunk-KI7CPXTP.js";
 import {
   Divider
-} from "./chunk-AX7QS5WJ.js";
-import "./chunk-3ECCBLTG.js";
+} from "./chunk-R34CVLCX.js";
+import {
+  ActivityIndicator
+} from "./chunk-B2VGVZ3J.js";
+import "./chunk-ORMNMNOK.js";
 export {
   ActivityIndicator,
   Divider

package/dist/indicator/index.cjs

@@ -56,6 +56,9 @@ function useXUITheme() {
   return theme;
 }
 
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
+
 // src/components/indicator/circular-activity-indicator.tsx
 var import_react3 = __toESM(require("react"), 1);
 var import_react_native4 = require("react-native");
@@ -64,6 +67,8 @@ var import_react_native4 = require("react-native");
 var import_react_native3 = require("react-native");
 var styles = import_react_native3.StyleSheet.create({
   container: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%",
     justifyContent: "center"
   },

package/dist/indicator/index.js

@@ -1,7 +1,7 @@
 import {
   ActivityIndicator
-} from "../chunk-KI7CPXTP.js";
-import "../chunk-3ECCBLTG.js";
+} from "../chunk-B2VGVZ3J.js";
+import "../chunk-ORMNMNOK.js";
 export {
   ActivityIndicator
 };

package/dist/progress/index.cjs

@@ -56,6 +56,9 @@ function useXUITheme() {
   return theme;
 }
 
+// src/core/index.ts
+var import_theme2 = require("@xaui/core/theme");
+
 // src/components/progress/circular-progress-indicator.tsx
 var import_react4 = __toESM(require("react"), 1);
 var import_react_native4 = require("react-native");
@@ -88,6 +91,8 @@ var useProgressAnimation = (value, disableAnimation) => {
 var import_react_native3 = require("react-native");
 var styles = import_react_native3.StyleSheet.create({
   container: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   track: {

package/dist/progress/index.js

@@ -1,6 +1,6 @@
 import {
   useXUITheme
-} from "../chunk-3ECCBLTG.js";
+} from "../chunk-ORMNMNOK.js";
 
 // src/components/progress/progress.tsx
 import React3 from "react";
@@ -38,6 +38,8 @@ var useProgressAnimation = (value, disableAnimation) => {
 import { StyleSheet } from "react-native";
 var styles = StyleSheet.create({
   container: {
+    flexShrink: 1,
+    flexBasis: "auto",
     width: "100%"
   },
   track: {