@xaui/native 0.0.21 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xaui/native",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "Flutter-inspired React Native UI components with native animations powered by React Native Reanimated",
   "keywords": [
     "react-native",
@@ -37,10 +37,10 @@
       "import": "./dist/checkbox/index.js",
       "require": "./dist/checkbox/index.js"
     },
-    "./accordion": {
-      "types": "./dist/accordion/index.d.ts",
-      "import": "./dist/accordion/index.js",
-      "require": "./dist/accordion/index.js"
+    "./expansion-panel": {
+      "types": "./dist/expansion-panel/index.d.ts",
+      "import": "./dist/expansion-panel/index.js",
+      "require": "./dist/expansion-panel/index.js"
     },
     "./progress": {
       "types": "./dist/progress/index.d.ts",
@@ -57,6 +57,11 @@
       "import": "./dist/switch/index.js",
       "require": "./dist/switch/index.js"
     },
+    "./slider": {
+      "types": "./dist/slider/index.d.ts",
+      "import": "./dist/slider/index.js",
+      "require": "./dist/slider/index.js"
+    },
     "./select": {
       "types": "./dist/select/index.d.ts",
       "import": "./dist/select/index.js",
@@ -67,6 +72,11 @@
       "import": "./dist/divider/index.js",
       "require": "./dist/divider/index.js"
     },
+    "./drawer": {
+      "types": "./dist/drawer/index.d.ts",
+      "import": "./dist/drawer/index.js",
+      "require": "./dist/drawer/index.js"
+    },
     "./skeleton": {
       "types": "./dist/skeleton/index.d.ts",
       "import": "./dist/skeleton/index.js",
@@ -117,6 +127,16 @@
       "import": "./dist/segment-button/index.js",
       "require": "./dist/segment-button/index.js"
     },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.ts",
+      "import": "./dist/tabs/index.js",
+      "require": "./dist/tabs/index.js"
+    },
+    "./pager": {
+      "types": "./dist/pager/index.d.ts",
+      "import": "./dist/pager/index.js",
+      "require": "./dist/pager/index.js"
+    },
     "./chip": {
       "types": "./dist/chip/index.d.ts",
       "import": "./dist/chip/index.js",
@@ -127,6 +147,11 @@
       "import": "./dist/bottom-sheet/index.js",
       "require": "./dist/bottom-sheet/index.js"
     },
+    "./bottom-tab-bar": {
+      "types": "./dist/bottom-tab-bar/index.d.ts",
+      "import": "./dist/bottom-tab-bar/index.js",
+      "require": "./dist/bottom-tab-bar/index.js"
+    },
     "./menu": {
       "types": "./dist/menu/index.d.ts",
       "import": "./dist/menu/index.js",
@@ -142,6 +167,11 @@
       "import": "./dist/fab-menu/index.js",
       "require": "./dist/fab-menu/index.js"
     },
+    "./feature-discovery": {
+      "types": "./dist/feature-discovery/index.d.ts",
+      "import": "./dist/feature-discovery/index.js",
+      "require": "./dist/feature-discovery/index.js"
+    },
     "./card": {
       "types": "./dist/card/index.d.ts",
       "import": "./dist/card/index.js",
@@ -156,6 +186,41 @@
       "types": "./dist/list/index.d.ts",
       "import": "./dist/list/index.js",
       "require": "./dist/list/index.js"
+    },
+    "./radio": {
+      "types": "./dist/radio/index.d.ts",
+      "import": "./dist/radio/index.js",
+      "require": "./dist/radio/index.js"
+    },
+    "./toolbar": {
+      "types": "./dist/toolbar/index.d.ts",
+      "import": "./dist/toolbar/index.js",
+      "require": "./dist/toolbar/index.js"
+    },
+    "./app-bar": {
+      "types": "./dist/app-bar/index.d.ts",
+      "import": "./dist/app-bar/index.js",
+      "require": "./dist/app-bar/index.js"
+    },
+    "./timepicker": {
+      "types": "./dist/timepicker/index.d.ts",
+      "import": "./dist/timepicker/index.js",
+      "require": "./dist/timepicker/index.js"
+    },
+    "./stepper": {
+      "types": "./dist/stepper/index.d.ts",
+      "import": "./dist/stepper/index.js",
+      "require": "./dist/stepper/index.js"
+    },
+    "./menubox": {
+      "types": "./dist/menubox/index.d.ts",
+      "import": "./dist/menubox/index.js",
+      "require": "./dist/menubox/index.js"
+    },
+    "./chart": {
+      "types": "./dist/chart/index.d.ts",
+      "import": "./dist/chart/index.js",
+      "require": "./dist/chart/index.js"
     }
   },
   "files": [
@@ -193,7 +258,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "tsup --config tsup.config.ts",
+    "build": "tsup --config tsup.config.ts && node ./scripts/generate-types.mjs",
     "dev": "tsup --config tsup.config.ts --watch",
     "test": "vitest",
     "lint": "eslint src/",

package/dist/accordion/index.d.cts

@@ -1,153 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-
-type AccordionVariant = 'light' | 'bordered' | 'splitted';
-type AccordionSelectionMode = 'toggle' | 'multiple';
-type AccordionEvents = {
-    onSelectionChange?: (selectedKeys: string[]) => void;
-};
-type AccordionCustomAppearance = {
-    /**
-     * Custom styles for the container
-     */
-    container?: ViewStyle;
-    /**
-     * Custom styles for individual items
-     */
-    item?: ViewStyle;
-};
-type AccordionProps = {
-    /**
-     * List of AccordionItem components
-     */
-    children: ReactNode;
-    /**
-     * Visual variant of the accordion
-     * @default 'light'
-     */
-    variant?: AccordionVariant;
-    /**
-     * Selection behavior mode
-     * - toggle: Only one accordion item can be expanded at a time
-     * - multiple: Multiple accordion items can be expanded simultaneously
-     * @default 'toggle'
-     */
-    selectionMode?: AccordionSelectionMode;
-    /**
-     * Show dividers between accordion items
-     * @default false
-     */
-    showDivider?: boolean;
-    /**
-     * Hide the collapse/expand indicator
-     * @default false
-     */
-    hideIndicator?: boolean;
-    /**
-     * Whether the accordion should take full width
-     * @default true
-     */
-    fullWidth?: boolean;
-    /**
-     * Controlled expanded keys
-     */
-    expandedKeys?: string[];
-    /**
-     * Default expanded keys for uncontrolled mode
-     * Items with these keys will be expanded by default
-     */
-    defaultExpandedKeys?: string[];
-    /**
-     * Keys of disabled accordion items
-     */
-    disabledKeys?: string[];
-    /**
-     * Disable animations
-     * @default false
-     */
-    disableAnimation?: boolean;
-    /**
-     * Make the accordion items more compact
-     * @default false
-     */
-    isCompact?: boolean;
-    /**
-     * Custom appearance styles for all accordion parts
-     */
-    customAppearance?: AccordionCustomAppearance;
-} & AccordionEvents;
-
-declare const Accordion: React.FC<AccordionProps>;
-
-type AccordionItemEvents = {
-    onSelected?: (isSelected: boolean) => void;
-};
-type AccordionItemCustomAppearance = {
-    /**
-     * Custom styles for the base container
-     */
-    base?: ViewStyle;
-    /**
-     * Custom styles for the header container
-     */
-    heading?: ViewStyle;
-    /**
-     * Custom styles for the trigger button
-     */
-    trigger?: ViewStyle;
-    /**
-     * Custom styles for the title text
-     */
-    title?: TextStyle;
-    /**
-     * Custom styles for the subtitle text
-     */
-    subtitle?: TextStyle;
-    /**
-     * Custom styles for the content container
-     */
-    content?: ViewStyle;
-    /**
-     * Custom styles for the start content container
-     */
-    startContent?: ViewStyle;
-    /**
-     * Custom styles for the indicator
-     */
-    indicator?: ViewStyle;
-};
-type AccordionItemProps = {
-    /**
-     * Unique key for the accordion item
-     */
-    itemKey?: string;
-    /**
-     * Content to display when accordion item is expanded
-     */
-    children: ReactNode;
-    /**
-     * Title displayed in the accordion header
-     */
-    title: ReactNode;
-    /**
-     * Optional subtitle displayed below the title
-     */
-    subtitle?: ReactNode;
-    /**
-     * Content displayed at the start of the header (left side)
-     */
-    startContent?: ReactNode;
-    /**
-     * Custom indicator for the expanded/collapsed state
-     * @default ChevronRight icon
-     */
-    indicator?: ReactNode;
-    /**
-     * Custom appearance styles for all accordion item parts
-     */
-    customAppearance?: AccordionItemCustomAppearance;
-} & AccordionItemEvents;
-
-declare const AccordionItem: React.FC<AccordionItemProps>;
-
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, type AccordionVariant };

package/dist/accordion/index.d.ts

@@ -1,153 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-
-type AccordionVariant = 'light' | 'bordered' | 'splitted';
-type AccordionSelectionMode = 'toggle' | 'multiple';
-type AccordionEvents = {
-    onSelectionChange?: (selectedKeys: string[]) => void;
-};
-type AccordionCustomAppearance = {
-    /**
-     * Custom styles for the container
-     */
-    container?: ViewStyle;
-    /**
-     * Custom styles for individual items
-     */
-    item?: ViewStyle;
-};
-type AccordionProps = {
-    /**
-     * List of AccordionItem components
-     */
-    children: ReactNode;
-    /**
-     * Visual variant of the accordion
-     * @default 'light'
-     */
-    variant?: AccordionVariant;
-    /**
-     * Selection behavior mode
-     * - toggle: Only one accordion item can be expanded at a time
-     * - multiple: Multiple accordion items can be expanded simultaneously
-     * @default 'toggle'
-     */
-    selectionMode?: AccordionSelectionMode;
-    /**
-     * Show dividers between accordion items
-     * @default false
-     */
-    showDivider?: boolean;
-    /**
-     * Hide the collapse/expand indicator
-     * @default false
-     */
-    hideIndicator?: boolean;
-    /**
-     * Whether the accordion should take full width
-     * @default true
-     */
-    fullWidth?: boolean;
-    /**
-     * Controlled expanded keys
-     */
-    expandedKeys?: string[];
-    /**
-     * Default expanded keys for uncontrolled mode
-     * Items with these keys will be expanded by default
-     */
-    defaultExpandedKeys?: string[];
-    /**
-     * Keys of disabled accordion items
-     */
-    disabledKeys?: string[];
-    /**
-     * Disable animations
-     * @default false
-     */
-    disableAnimation?: boolean;
-    /**
-     * Make the accordion items more compact
-     * @default false
-     */
-    isCompact?: boolean;
-    /**
-     * Custom appearance styles for all accordion parts
-     */
-    customAppearance?: AccordionCustomAppearance;
-} & AccordionEvents;
-
-declare const Accordion: React.FC<AccordionProps>;
-
-type AccordionItemEvents = {
-    onSelected?: (isSelected: boolean) => void;
-};
-type AccordionItemCustomAppearance = {
-    /**
-     * Custom styles for the base container
-     */
-    base?: ViewStyle;
-    /**
-     * Custom styles for the header container
-     */
-    heading?: ViewStyle;
-    /**
-     * Custom styles for the trigger button
-     */
-    trigger?: ViewStyle;
-    /**
-     * Custom styles for the title text
-     */
-    title?: TextStyle;
-    /**
-     * Custom styles for the subtitle text
-     */
-    subtitle?: TextStyle;
-    /**
-     * Custom styles for the content container
-     */
-    content?: ViewStyle;
-    /**
-     * Custom styles for the start content container
-     */
-    startContent?: ViewStyle;
-    /**
-     * Custom styles for the indicator
-     */
-    indicator?: ViewStyle;
-};
-type AccordionItemProps = {
-    /**
-     * Unique key for the accordion item
-     */
-    itemKey?: string;
-    /**
-     * Content to display when accordion item is expanded
-     */
-    children: ReactNode;
-    /**
-     * Title displayed in the accordion header
-     */
-    title: ReactNode;
-    /**
-     * Optional subtitle displayed below the title
-     */
-    subtitle?: ReactNode;
-    /**
-     * Content displayed at the start of the header (left side)
-     */
-    startContent?: ReactNode;
-    /**
-     * Custom indicator for the expanded/collapsed state
-     * @default ChevronRight icon
-     */
-    indicator?: ReactNode;
-    /**
-     * Custom appearance styles for all accordion item parts
-     */
-    customAppearance?: AccordionItemCustomAppearance;
-} & AccordionItemEvents;
-
-declare const AccordionItem: React.FC<AccordionItemProps>;
-
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSelectionMode, type AccordionVariant };

package/dist/core/index.d.cts

@@ -1,28 +0,0 @@
-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];
-};
-interface XUIProviderProps {
-    children: ReactNode;
-    theme?: DeepPartial<XUITheme>;
-    darkTheme?: DeepPartial<XUITheme>;
-}
-declare function XUIProvider({ children, theme: lightTheme, darkTheme, }: XUIProviderProps): React.JSX.Element;
-
-type ColorMode = 'light' | 'dark';
-declare function useColorMode(): ColorMode;
-declare function useXUITheme(): XUITheme;
-declare function useXUIColors(): XUITheme['colors'];
-
-declare const Portal: React.FC<{
-    children: ReactNode;
-}>;
-
-declare const PortalHost: React.FC<{
-    children: ReactNode;
-}>;
-
-export { Portal, PortalHost, XUIProvider, useColorMode, useXUIColors, useXUITheme };

package/dist/fab/index.d.cts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { F as FabProps } from '../fab.type-U09H8B7D.cjs';
-export { b as FabSize, a as FabVariant } from '../fab.type-U09H8B7D.cjs';
-import 'react-native';
-import '../index-BOw6tbkc.cjs';
-import '../button.type-ikaWzhIg.cjs';
-
-declare const Fab: React.FC<FabProps>;
-
-export { Fab, FabProps };

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.d.cts

@@ -1,2 +0,0 @@
-
-export {  }