@admin-layout/gluestack-ui-mobile 10.0.9-alpha.9 → 10.1.1-alpha.8

package/lib/containers/layout/DrawerBottomNavigationConfig.d.ts

@@ -40,16 +40,16 @@ export declare const appDrawerBottomNavigationConfig: {
                     navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/stack").StackNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/stack").StackNavigationOptions, import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: string;
-            } & import("@react-navigation/routers").StackRouterOptions & import("@react-navigation/stack/lib/typescript/commonjs/src/types").StackNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_getStateForRouteNamesChange"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            } & import("@react-navigation/routers").StackRouterOptions & import("@react-navigation/stack/lib/typescript/commonjs/src/types").StackNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
                 children: React.ReactNode;
                 layout?: (props: {
                     state: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
@@ -86,13 +86,13 @@ export declare const appDrawerBottomNavigationConfig: {
                     navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/stack").StackNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/stack").StackNavigationOptions, import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: undefined;
             }>;
@@ -149,20 +149,20 @@ export declare const appDrawerBottomNavigationConfig: {
                     navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/drawer").DrawerNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/drawer").DrawerNavigationOptions, import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: string;
             } & import("@react-navigation/routers").DefaultRouterOptions & {
-                backBehavior?: import("@react-navigation/routers/lib/typescript/commonjs/src/TabRouter").BackBehavior;
+                backBehavior?: import("@react-navigation/routers/lib/typescript/src/TabRouter").BackBehavior;
             } & {
                 defaultStatus?: import("@react-navigation/routers").DrawerStatus;
-            } & import("@react-navigation/drawer/lib/typescript/commonjs/src/types").DrawerNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_getStateForRouteNamesChange"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            } & import("@react-navigation/drawer/lib/typescript/commonjs/src/types").DrawerNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
                 children: React.ReactNode;
                 layout?: (props: {
                     state: import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>;
@@ -201,13 +201,13 @@ export declare const appDrawerBottomNavigationConfig: {
                     navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/drawer").DrawerNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/drawer").DrawerNavigationOptions, import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: undefined;
             }>;
@@ -261,18 +261,18 @@ export declare const appDrawerBottomNavigationConfig: {
                     navigation: import("@react-navigation/bottom-tabs").BottomTabNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/bottom-tabs").BottomTabNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/bottom-tabs").BottomTabNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/bottom-tabs").BottomTabNavigationOptions, import("@react-navigation/bottom-tabs").BottomTabNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").TabNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").TabNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: string;
             } & import("@react-navigation/routers").DefaultRouterOptions & {
-                backBehavior?: import("@react-navigation/routers/lib/typescript/commonjs/src/TabRouter").BackBehavior;
-            } & import("@react-navigation/bottom-tabs/lib/typescript/commonjs/src/types").BottomTabNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_getStateForRouteNamesChange"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
+                backBehavior?: import("@react-navigation/routers/lib/typescript/src/TabRouter").BackBehavior;
+            } & import("@react-navigation/bottom-tabs/lib/typescript/commonjs/src/types").BottomTabNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
                 children: React.ReactNode;
                 layout?: (props: {
                     state: import("@react-navigation/routers").TabNavigationState<import("@react-navigation/routers").ParamListBase>;
@@ -307,13 +307,13 @@ export declare const appDrawerBottomNavigationConfig: {
                     navigation: import("@react-navigation/bottom-tabs").BottomTabNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/bottom-tabs").BottomTabNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/bottom-tabs").BottomTabNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/bottom-tabs").BottomTabNavigationOptions, import("@react-navigation/bottom-tabs").BottomTabNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").TabNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").TabNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: undefined;
             }>;

package/lib/containers/layout/DrawerConfig.d.ts

@@ -40,16 +40,16 @@ export declare const appDrawerConfig: {
                     navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/stack").StackNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/stack").StackNavigationOptions, import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: string;
-            } & import("@react-navigation/routers").StackRouterOptions & import("@react-navigation/stack/lib/typescript/commonjs/src/types").StackNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_getStateForRouteNamesChange"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            } & import("@react-navigation/routers").StackRouterOptions & import("@react-navigation/stack/lib/typescript/commonjs/src/types").StackNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
                 children: React.ReactNode;
                 layout?: (props: {
                     state: import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>;
@@ -86,13 +86,13 @@ export declare const appDrawerConfig: {
                     navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/stack").StackNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/stack").StackNavigationOptions, import("@react-navigation/stack").StackNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").StackNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: undefined;
             }>;
@@ -149,20 +149,20 @@ export declare const appDrawerConfig: {
                     navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/drawer").DrawerNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/drawer").DrawerNavigationOptions, import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: string;
             } & import("@react-navigation/routers").DefaultRouterOptions & {
-                backBehavior?: import("@react-navigation/routers/lib/typescript/commonjs/src/TabRouter").BackBehavior;
+                backBehavior?: import("@react-navigation/routers/lib/typescript/src/TabRouter").BackBehavior;
             } & {
                 defaultStatus?: import("@react-navigation/routers").DrawerStatus;
-            } & import("@react-navigation/drawer/lib/typescript/commonjs/src/types").DrawerNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_getStateForRouteNamesChange"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
+            } & import("@react-navigation/drawer/lib/typescript/commonjs/src/types").DrawerNavigationConfig, "layout" | "initialRouteName" | "children" | "id" | "screenListeners" | "screenOptions" | "screenLayout" | "UNSTABLE_router"> & import("@react-navigation/routers").DefaultRouterOptions<string> & {
                 children: React.ReactNode;
                 layout?: (props: {
                     state: import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>;
@@ -201,13 +201,13 @@ export declare const appDrawerConfig: {
                     navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
                     theme: ReactNavigation.Theme;
                 }) => import("@react-navigation/drawer").DrawerNavigationOptions);
-                screenLayout?: (props: {
-                    route: import("@react-navigation/core").RouteProp<import("@react-navigation/routers").ParamListBase, string>;
-                    navigation: import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>;
-                    theme: ReactNavigation.Theme;
-                    children: React.ReactElement;
-                }) => React.ReactElement;
-                UNSTABLE_getStateForRouteNamesChange?: (state: import("@react-navigation/routers").NavigationState) => import("@react-navigation/routers").PartialState<import("@react-navigation/routers").NavigationState> | undefined;
+                screenLayout?: (props: import("@react-navigation/core").ScreenLayoutArgs<import("@react-navigation/routers").ParamListBase, string, import("@react-navigation/drawer").DrawerNavigationOptions, import("@react-navigation/drawer").DrawerNavigationProp<import("@react-navigation/routers").ParamListBase, string, undefined>>) => React.ReactElement;
+                UNSTABLE_router?: <Action extends Readonly<{
+                    type: string;
+                    payload?: object;
+                    source?: string;
+                    target?: string;
+                }>>(original: import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>) => Partial<import("@react-navigation/routers").Router<import("@react-navigation/routers").DrawerNavigationState<import("@react-navigation/routers").ParamListBase>, Action>>;
             } & {
                 id: undefined;
             }>;

package/lib/redux/settings.d.ts

@@ -44,22 +44,16 @@ declare const settingsReducer: (state: {
         loading?: boolean;
     };
     title: string | false;
+    logo: string | React.ReactNode;
     iconfontUrl: string;
     colorPrimary?: string;
     primaryColor: string;
     colorWeak: boolean;
     splitMenus?: boolean;
     siderMenuType?: string;
-    showHeader?: boolean | any;
-    headerRender?: boolean | any;
-    showFooter?: boolean | any;
-    footerRender?: boolean | any;
-    searchBarRender?: boolean | any;
-    showMenu?: boolean | any;
-    menuRender?: false | any;
-    menuHeaderRender?: false | any;
+    currentRoute?: string;
+    routeSettings?: any;
     language: string;
-    logo: string;
     topLeftToggle: boolean;
     topRightSettingToggle: boolean;
 } | {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/gluestack-ui-mobile",
-    "version": "10.0.9-alpha.9",
+    "version": "10.1.1-alpha.8",
     "description": "Glustack-ui for mobile component layout",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -24,7 +24,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "10.0.9-alpha.9",
+        "@admin-layout/client": "10.1.1-alpha.8",
         "@expo/html-elements": "^0.11.2",
         "@gluestack-ui/accordion": "^1.0.12",
         "@gluestack-ui/actionsheet": "^0.2.50",
@@ -59,7 +59,11 @@
         "hoist-non-react-statics": "^3.3.2",
         "nativewind": "^4.1.23",
         "react-native-css-interop": "0.1.22",
-        "react-native-toast-message": "^2.1.5"
+        "react-native-toast-message": "^2.1.5",
+        "react-window": "^1.8.11"
+    },
+    "devDependencies": {
+        "@types/react-window": "^1.8.8"
     },
     "peerDependencies": {
         "@common-stack/remix-router-redux": "^6.0.2-alpha.2",
@@ -70,8 +74,8 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "5bc5474ea74926799338fe9be773b10858d1948c",
     "typescript": {
         "definition": "lib/index.d.ts"
-    }
+    },
+    "gitHead": "520a72ec4c8b0127be9a71f042c41aaff74f113b"
 }

package/src/components/ui/accordion/index.web.tsx

@@ -0,0 +1,294 @@
+'use client';
+import React from 'react';
+import { createAccordion } from '@gluestack-ui/accordion';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+import { withStyleContext, useStyleContext } from '@gluestack-ui/nativewind-utils/withStyleContext';
+import { UIIcon } from '@gluestack-ui/icon';
+
+const SCOPE = 'ACCORDION';
+
+/** Styles */
+const accordionStyle = tva({
+    base: 'w-full',
+    variants: {
+        variant: {
+            filled: 'bg-white shadow-hard-2',
+            unfilled: '',
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+        },
+    },
+});
+
+const accordionItemStyle = tva({
+    base: '',
+    parentVariants: {
+        variant: {
+            filled: 'bg-background-0',
+            unfilled: 'bg-transparent',
+        },
+    },
+});
+
+const accordionTitleTextStyle = tva({
+    base: 'text-typography-900 font-bold flex-1 text-left',
+    parentVariants: {
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+        },
+    },
+});
+
+const accordionIconStyle = tva({
+    base: 'text-typography-900 fill-none',
+    parentVariants: {
+        size: {
+            '2xs': 'h-3 w-3',
+            xs: 'h-3.5 w-3.5',
+            sm: 'h-4 w-4',
+            md: 'h-[18px] w-[18px]',
+            lg: 'h-5 w-5',
+            xl: 'h-6 w-6',
+        },
+    },
+});
+
+const accordionContentTextStyle = tva({
+    base: 'text-typography-700 font-normal',
+    parentVariants: {
+        size: {
+            sm: 'text-sm',
+            md: 'text-base',
+            lg: 'text-lg',
+        },
+    },
+});
+
+const accordionHeaderStyle = tva({
+    base: 'mx-0 my-0',
+});
+
+const accordionContentStyle = tva({
+    base: 'pt-1 pb-3 px-4',
+});
+
+const accordionTriggerStyle = tva({
+    base: 'w-full flex-row justify-between items-center outline-none focus:outline-none data-[disabled=true]:opacity-40 data-[disabled=true]:cursor-not-allowed data-[focus-visible=true]:bg-background-50 py-3 px-4',
+});
+
+// Create web-specific components
+const RootComponent = withStyleContext('div' as any, SCOPE);
+const ItemComponent = React.forwardRef((props: any, ref) => <div {...props} ref={ref} />);
+const HeaderComponent = React.forwardRef((props: any, ref) => <h3 {...props} ref={ref} />);
+const TriggerComponent = React.forwardRef((props: any, ref) => <button {...props} ref={ref} />);
+const TitleTextComponent = React.forwardRef((props: any, ref) => <span {...props} ref={ref} />);
+const ContentTextComponent = React.forwardRef((props: any, ref) => <p {...props} ref={ref} />);
+const ContentComponent = React.forwardRef((props: any, ref) => <div {...props} ref={ref} />);
+
+/** Creator */
+const UIAccordion = createAccordion({
+    Root: RootComponent,
+    Item: ItemComponent,
+    Header: HeaderComponent,
+    Trigger: TriggerComponent,
+    Icon: UIIcon,
+    TitleText: TitleTextComponent,
+    ContentText: ContentTextComponent,
+    Content: ContentComponent,
+});
+
+type StyleContextType = {
+    variant?: 'filled' | 'unfilled';
+    size?: 'sm' | 'md' | 'lg';
+};
+
+type IAccordionProps = React.ComponentPropsWithoutRef<typeof UIAccordion> &
+    VariantProps<typeof accordionStyle> & {
+        context?: StyleContextType;
+    };
+
+type IAccordionItemProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Item> &
+    VariantProps<typeof accordionItemStyle>;
+
+type IAccordionContentProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Content> &
+    VariantProps<typeof accordionContentStyle>;
+
+type IAccordionContentTextProps = React.ComponentPropsWithoutRef<typeof UIAccordion.ContentText> &
+    VariantProps<typeof accordionContentTextStyle>;
+
+type IAccordionIconProps = VariantProps<typeof accordionIconStyle> &
+    React.ComponentPropsWithoutRef<typeof UIAccordion.Icon> & {
+        as?: React.ElementType;
+        height?: number;
+        width?: number;
+    };
+
+type IAccordionHeaderProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Header> &
+    VariantProps<typeof accordionHeaderStyle>;
+
+type IAccordionTriggerProps = React.ComponentPropsWithoutRef<typeof UIAccordion.Trigger> &
+    VariantProps<typeof accordionTriggerStyle>;
+
+type IAccordionTitleTextProps = React.ComponentPropsWithoutRef<typeof UIAccordion.TitleText> &
+    VariantProps<typeof accordionTitleTextStyle>;
+
+/** Components */
+const Accordion = React.forwardRef<React.ElementRef<typeof UIAccordion>, IAccordionProps>(
+    ({ className, variant = 'filled', size = 'md', ...props }, ref) => {
+        return (
+            <UIAccordion
+                ref={ref}
+                {...props}
+                className={accordionStyle({ variant, class: className })}
+                context={{ variant, size }}
+            />
+        );
+    },
+);
+
+const AccordionItem = React.forwardRef<React.ElementRef<typeof UIAccordion.Item>, IAccordionItemProps>(
+    ({ className, ...props }, ref) => {
+        const { variant } = useStyleContext(SCOPE);
+        return (
+            <UIAccordion.Item
+                ref={ref}
+                {...props}
+                className={accordionItemStyle({
+                    parentVariants: { variant },
+                    class: className,
+                })}
+            />
+        );
+    },
+);
+
+const AccordionContent = React.forwardRef<React.ElementRef<typeof UIAccordion.Content>, IAccordionContentProps>(
+    ({ className, ...props }, ref) => {
+        return (
+            <UIAccordion.Content
+                ref={ref}
+                {...props}
+                className={accordionContentStyle({
+                    class: className,
+                })}
+            />
+        );
+    },
+);
+
+const AccordionContentText = React.forwardRef<
+    React.ElementRef<typeof UIAccordion.ContentText>,
+    IAccordionContentTextProps
+>(({ className, ...props }, ref) => {
+    const { size } = useStyleContext(SCOPE);
+    return (
+        <UIAccordion.ContentText
+            ref={ref}
+            {...props}
+            className={accordionContentTextStyle({
+                parentVariants: { size },
+                class: className,
+            })}
+        />
+    );
+});
+
+const AccordionIcon = React.forwardRef<React.ElementRef<typeof UIAccordion.Icon>, IAccordionIconProps>(
+    ({ size, className, ...props }, ref) => {
+        const { size: parentSize } = useStyleContext(SCOPE);
+
+        if (typeof size === 'number') {
+            return (
+                <UIAccordion.Icon
+                    ref={ref}
+                    {...props}
+                    className={accordionIconStyle({ class: className })}
+                    size={size}
+                />
+            );
+        } else if ((props.height !== undefined || props.width !== undefined) && size === undefined) {
+            return <UIAccordion.Icon ref={ref} {...props} className={accordionIconStyle({ class: className })} />;
+        }
+        return (
+            <UIAccordion.Icon
+                ref={ref}
+                {...props}
+                className={accordionIconStyle({
+                    size,
+                    class: className,
+                    parentVariants: { size: parentSize },
+                })}
+            />
+        );
+    },
+);
+
+const AccordionHeader = React.forwardRef<React.ElementRef<typeof UIAccordion.Header>, IAccordionHeaderProps>(
+    ({ className, ...props }, ref) => {
+        return (
+            <UIAccordion.Header
+                ref={ref}
+                {...props}
+                className={accordionHeaderStyle({
+                    class: className,
+                })}
+            />
+        );
+    },
+);
+
+const AccordionTrigger = React.forwardRef<React.ElementRef<typeof UIAccordion.Trigger>, IAccordionTriggerProps>(
+    ({ className, ...props }, ref) => {
+        return (
+            <UIAccordion.Trigger
+                ref={ref}
+                {...props}
+                className={accordionTriggerStyle({
+                    class: className,
+                })}
+            />
+        );
+    },
+);
+
+const AccordionTitleText = React.forwardRef<React.ElementRef<typeof UIAccordion.TitleText>, IAccordionTitleTextProps>(
+    ({ className, ...props }, ref) => {
+        const { size } = useStyleContext(SCOPE);
+        return (
+            <UIAccordion.TitleText
+                ref={ref}
+                {...props}
+                className={accordionTitleTextStyle({
+                    parentVariants: { size },
+                    class: className,
+                })}
+            />
+        );
+    },
+);
+
+Accordion.displayName = 'Accordion';
+AccordionItem.displayName = 'AccordionItem';
+AccordionHeader.displayName = 'AccordionHeader';
+AccordionTrigger.displayName = 'AccordionTrigger';
+AccordionTitleText.displayName = 'AccordionTitleText';
+AccordionContentText.displayName = 'AccordionContentText';
+AccordionIcon.displayName = 'AccordionIcon';
+AccordionContent.displayName = 'AccordionContent';
+
+export {
+    Accordion,
+    AccordionItem,
+    AccordionHeader,
+    AccordionTrigger,
+    AccordionTitleText,
+    AccordionContentText,
+    AccordionIcon,
+    AccordionContent,
+};