@xaui/native 0.2.3 → 0.2.5

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

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
 import { RefreshControlProps } from 'react-native';
-import { T as ThemeColor } from '../index-DyU3sW3_.cjs';
+import { ThemeColor } from '@xaui/core/types';
 
 type SupportedChildProps = {
     refreshControl?: ReactElement | null;

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

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
 import { RefreshControlProps } from 'react-native';
-import { T as ThemeColor } from '../index-DyU3sW3_.js';
+import { ThemeColor } from '@xaui/core/types';
 
 type SupportedChildProps = {
     refreshControl?: ReactElement | null;

package/dist/segment-button/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.cjs';
+import { ThemeColor, Size } from '@xaui/core/types';
 
 type SegmentButtonVariant = 'outlined' | 'flat' | 'light' | 'faded';
 type ElevationLevel = 0 | 1 | 2 | 3 | 4;

package/dist/segment-button/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.js';
+import { ThemeColor, Size } from '@xaui/core/types';
 
 type SegmentButtonVariant = 'outlined' | 'flat' | 'light' | 'faded';
 type ElevationLevel = 0 | 1 | 2 | 3 | 4;

package/dist/select/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size, R as Radius } from '../index-BOw6tbkc.cjs';
+import { ThemeColor, Size, Radius } from '@xaui/core/types';
 
 type SelectVariant = 'bordered' | 'colored' | 'light' | 'underlined';
 type SelectLabelPlacement = 'inside' | 'outside' | 'outside-left' | 'outside-top';

package/dist/select/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size, R as Radius } from '../index-BOw6tbkc.js';
+import { ThemeColor, Size, Radius } from '@xaui/core/types';
 
 type SelectVariant = 'bordered' | 'colored' | 'light' | 'underlined';
 type SelectLabelPlacement = 'inside' | 'outside' | 'outside-left' | 'outside-top';

package/dist/skeleton/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ColorValue, DimensionValue, StyleProp, ViewStyle } from 'react-native';
-import { R as Radius } from '../index-BOw6tbkc.cjs';
+import { Radius } from '@xaui/core/types';
 
 type SkeletonProps = {
     /**

package/dist/skeleton/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ColorValue, DimensionValue, StyleProp, ViewStyle } from 'react-native';
-import { R as Radius } from '../index-BOw6tbkc.js';
+import { Radius } from '@xaui/core/types';
 
 type SkeletonProps = {
     /**

package/dist/slider/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { S as Size, T as ThemeColor, R as Radius } from '../index-BOw6tbkc.cjs';
+import { Size, ThemeColor, Radius } from '@xaui/core/types';
 
 type SliderOrientation = 'horizontal' | 'vertical';
 type SliderMark = {

package/dist/slider/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { S as Size, T as ThemeColor, R as Radius } from '../index-BOw6tbkc.js';
+import { Size, ThemeColor, Radius } from '@xaui/core/types';
 
 type SliderOrientation = 'horizontal' | 'vertical';
 type SliderMark = {

package/dist/snackbar/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor } from '../index-DyU3sW3_.cjs';
+import { ThemeColor } from '@xaui/core/types';
 
 type SnackbarPosition = 'top' | 'bottom';
 type SnackbarCustomAppearance = {

package/dist/snackbar/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor } from '../index-DyU3sW3_.js';
+import { ThemeColor } from '@xaui/core/types';
 
 type SnackbarPosition = 'top' | 'bottom';
 type SnackbarCustomAppearance = {

package/dist/snippet/index.d.cts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextStyle, StyleProp, ViewStyle } from 'react-native';
-import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.cjs';
+import { ThemeColor, Radius } from '@xaui/core/types';
 
 type SnippetVariant = 'outlined' | 'flat' | 'light';
 type CopyButtonPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'inline-left' | 'inline-right';

package/dist/snippet/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextStyle, StyleProp, ViewStyle } from 'react-native';
-import { T as ThemeColor, R as Radius } from '../index-DyU3sW3_.js';
+import { ThemeColor, Radius } from '@xaui/core/types';
 
 type SnippetVariant = 'outlined' | 'flat' | 'light';
 type CopyButtonPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'inline-left' | 'inline-right';

package/dist/stepper/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.cjs';
+import { ThemeColor, Size } from '@xaui/core/types';
 
 type StepperDirection = 'horizontal' | 'vertical';
 type StepperLineDisplayMode = 'progress' | 'all';

package/dist/stepper/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size } from '../index-BOw6tbkc.js';
+import { ThemeColor, Size } from '@xaui/core/types';
 
 type StepperDirection = 'horizontal' | 'vertical';
 type StepperLineDisplayMode = 'progress' | 'all';

package/dist/switch/index.d.cts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
+import { ThemeColor } from '@xaui/core/types';
 
 type SwitchVariant = 'inside' | 'overlap';
 type SwitchSize = 'sm' | 'md' | 'lg';

package/dist/switch/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.js';
+import { ThemeColor } from '@xaui/core/types';
 
 type SwitchVariant = 'inside' | 'overlap';
 type SwitchSize = 'sm' | 'md' | 'lg';

package/dist/tabs/index.cjs

@@ -197,12 +197,13 @@ function toTabItems(children) {
     if (!_react2.default.isValidElement(child) || child.type !== Tab) {
       return [];
     }
-    if (child.key == null) {
+    const tabKey = child.props.tabKey;
+    if (!tabKey) {
       return [];
     }
     return [
       {
-        key: String(child.key),
+        key: tabKey,
         title: child.props.title,
         startContent: child.props.startContent,
         endContent: child.props.endContent,

package/dist/tabs/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size, R as Radius } from '../index-BOw6tbkc.cjs';
+import { ThemeColor, Size, Radius } from '@xaui/core/types';
 
 type TabsVariant = 'solid' | 'bordered' | 'light' | 'underlined';
 type TabsItem = {
@@ -31,6 +31,10 @@ type TabsItem = {
     content?: ReactNode;
 };
 type TabProps = {
+    /**
+     * Unique identifier for the tab. Used for selection, disabled state, and content rendering.
+     */
+    tabKey: string;
     /**
      * Label content for the tab trigger.
      */

package/dist/tabs/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor, S as Size, R as Radius } from '../index-BOw6tbkc.js';
+import { ThemeColor, Size, Radius } from '@xaui/core/types';
 
 type TabsVariant = 'solid' | 'bordered' | 'light' | 'underlined';
 type TabsItem = {
@@ -31,6 +31,10 @@ type TabsItem = {
     content?: ReactNode;
 };
 type TabProps = {
+    /**
+     * Unique identifier for the tab. Used for selection, disabled state, and content rendering.
+     */
+    tabKey: string;
     /**
      * Label content for the tab trigger.
      */

package/dist/tabs/index.js

@@ -197,12 +197,13 @@ function toTabItems(children) {
     if (!React.isValidElement(child) || child.type !== Tab) {
       return [];
     }
-    if (child.key == null) {
+    const tabKey = child.props.tabKey;
+    if (!tabKey) {
       return [];
     }
     return [
       {
-        key: String(child.key),
+        key: tabKey,
         title: child.props.title,
         startContent: child.props.startContent,
         endContent: child.props.endContent,

package/dist/timepicker/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
+import { ThemeColor } from '@xaui/core/types';
 
 type TimeValue = {
     /**

package/dist/timepicker/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle, TextStyle } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.js';
+import { ThemeColor } from '@xaui/core/types';
 
 type TimeValue = {
     /**

package/dist/toolbar/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle, GestureResponderEvent } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
+import { ThemeColor } from '@xaui/core/types';
 
 type ToolbarVariant = 'floating' | 'docked' | 'vertical';
 type ToolbarPosition = 'top' | 'bottom' | 'left' | 'right';

package/dist/toolbar/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle, GestureResponderEvent } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.js';
+import { ThemeColor } from '@xaui/core/types';
 
 type ToolbarVariant = 'floating' | 'docked' | 'vertical';
 type ToolbarPosition = 'top' | 'bottom' | 'left' | 'right';

package/dist/typography/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, TextStyle } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.cjs';
+import { ThemeColor } from '@xaui/core/types';
 
 type TypographyAlign = 'center' | 'justify' | 'left' | 'right';
 type TypographyVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'caption' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'subtitleLarge' | 'subtitleMedium' | 'subtitleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';

package/dist/typography/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { StyleProp, TextStyle } from 'react-native';
-import { T as ThemeColor } from '../index-BOw6tbkc.js';
+import { ThemeColor } from '@xaui/core/types';
 
 type TypographyAlign = 'center' | 'justify' | 'left' | 'right';
 type TypographyVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'caption' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'subtitleLarge' | 'subtitleMedium' | 'subtitleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';

package/dist/view/index.cjs

@@ -443,21 +443,11 @@ var Screen = ({
 }) => {
   const theme = _chunk7UFBLUMVcjs.useXUITheme.call(void 0, );
   const resolvedBackgroundColor = _nullishCoalesce(backgroundColor, () => ( theme.colors.background));
-  const Container = safeArea ? _reactnativesafeareacontext.SafeAreaView : _reactnative.View;
-  return /* @__PURE__ */ _react2.default.createElement(
-    Container,
-    {
-      style: [
-        {
-          flex: 1,
-          backgroundColor: resolvedBackgroundColor,
-          padding
-        },
-        style
-      ]
-    },
-    children
-  );
+  const containerStyle = [{ flex: 1, backgroundColor: resolvedBackgroundColor, padding }, style];
+  if (safeArea) {
+    return /* @__PURE__ */ _react2.default.createElement(_reactnativesafeareacontext.SafeAreaView, { style: containerStyle }, children);
+  }
+  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: containerStyle }, children);
 };
 Screen.displayName = "Screen";
 

package/dist/view/index.d.cts

@@ -1,6 +1,6 @@
 import React, { ReactNode, ReactElement, ComponentType } from 'react';
 import { StyleProp, ViewStyle, ColorValue, ScrollViewProps } from 'react-native';
-import { T as ThemeColor, R as Radius } from '../index-BOw6tbkc.cjs';
+import { ThemeColor, Radius } from '@xaui/core/types';
 
 type MainAxisAlignment = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
 type CrossAxisAlignment = 'start' | 'center' | 'end' | 'stretch' | 'baseline';

package/dist/view/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, ReactElement, ComponentType } from 'react';
 import { StyleProp, ViewStyle, ColorValue, ScrollViewProps } from 'react-native';
-import { T as ThemeColor, R as Radius } from '../index-BOw6tbkc.js';
+import { ThemeColor, Radius } from '@xaui/core/types';
 
 type MainAxisAlignment = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
 type CrossAxisAlignment = 'start' | 'center' | 'end' | 'stretch' | 'baseline';

package/dist/view/index.js

@@ -443,21 +443,11 @@ var Screen = ({
 }) => {
   const theme = useXUITheme();
   const resolvedBackgroundColor = backgroundColor ?? theme.colors.background;
-  const Container = safeArea ? SafeAreaView : View12;
-  return /* @__PURE__ */ React12.createElement(
-    Container,
-    {
-      style: [
-        {
-          flex: 1,
-          backgroundColor: resolvedBackgroundColor,
-          padding
-        },
-        style
-      ]
-    },
-    children
-  );
+  const containerStyle = [{ flex: 1, backgroundColor: resolvedBackgroundColor, padding }, style];
+  if (safeArea) {
+    return /* @__PURE__ */ React12.createElement(SafeAreaView, { style: containerStyle }, children);
+  }
+  return /* @__PURE__ */ React12.createElement(View12, { style: containerStyle }, children);
 };
 Screen.displayName = "Screen";
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "Flutter-inspired React Native UI components with native animations powered by React Native Reanimated",
   "keywords": [
     "react-native",
@@ -182,6 +182,11 @@
       "import": "./dist/card/index.js",
       "require": "./dist/card/index.js"
     },
+    "./container": {
+      "types": "./dist/container/index.d.ts",
+      "import": "./dist/container/index.js",
+      "require": "./dist/container/index.js"
+    },
     "./input": {
       "types": "./dist/input/index.d.ts",
       "import": "./dist/input/index.js",
@@ -268,8 +273,8 @@
     "directory": "packages/native"
   },
   "dependencies": {
-    "@xaui/core": "0.2.0",
-    "@xaui/icons": "0.0.9"
+    "@xaui/core": "0.2.1",
+    "@xaui/icons": "0.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -282,9 +287,8 @@
   },
   "devDependencies": {
     "@types/react": "^19.1.0",
-    "@types/react-native": "^0.73.0",
     "react": "19.1.0",
-    "react-native": "^0.81.5",
+    "react-native": "0.83.6",
     "react-native-gesture-handler": "^2.28.0",
     "react-native-reanimated": "^4.0.0",
     "react-native-safe-area-context": "^5.6.0",

package/dist/index-BOw6tbkc.d.cts

@@ -1,5 +0,0 @@
-type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
-type Size = 'xs' | 'sm' | 'md' | 'lg';
-type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
-
-export type { Radius as R, Size as S, ThemeColor as T };

package/dist/index-BOw6tbkc.d.ts

@@ -1,5 +0,0 @@
-type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
-type Size = 'xs' | 'sm' | 'md' | 'lg';
-type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
-
-export type { Radius as R, Size as S, ThemeColor as T };

package/dist/index-DyU3sW3_.d.cts

@@ -1,4 +0,0 @@
-type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
-type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
-
-export type { Radius as R, ThemeColor as T };

package/dist/index-DyU3sW3_.d.ts

@@ -1,4 +0,0 @@
-type ThemeColor = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'warning' | 'success' | 'default';
-type Radius = 'none' | 'sm' | 'md' | 'lg' | 'full';
-
-export type { Radius as R, ThemeColor as T };