@okam/stack-ui 1.12.1 → 1.13.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.12.1",
+  "version": "1.13.0",
   "types": "./index.d.ts",
   "exports": {
     ".": {
@@ -23,16 +23,20 @@
     "@react-aria/focus": "^3.6.1",
     "@react-aria/i18n": "^3.8.1",
     "@react-aria/overlays": "3.17.0",
+    "@react-aria/tabs": "3.7.0",
     "@react-aria/utils": "3.20.0",
     "@react-aria/visually-hidden": "3.8.4",
     "@react-stately/calendar": "3.4.0",
+    "@react-stately/collections": "3.10.1",
     "@react-stately/datepicker": "3.7.0",
     "@react-stately/overlays": "3.6.2",
     "@react-stately/radio": "3.9.0",
+    "@react-stately/tabs": "3.6.0",
     "@react-stately/toggle": "3.6.2",
     "@react-types/dialog": "3.5.5",
     "@react-types/radio": "3.5.1",
     "@react-types/shared": "3.19.0",
+    "@react-types/tabs": "3.3.2",
     "@tsed/exceptions": "^6.100.3",
     "dequal": "^2.0.0",
     "isomorphic-dompurify": "0.26.0",
@@ -45,7 +49,7 @@
     "react-div-100vh": "0.7.0",
     "react-hook-form": "7.43.0",
     "react-i18next": "12.1.5",
-    "react-spring": "9.6.1",
+    "react-spring": "^9.7.3",
     "react-stately": "^3.24.0",
     "tailwind-variants": "^0.1.8",
     "unlazy": "^0.10.2",

package/providers/Menu/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { IMenuProviderProps, TMenuContext } from './interface';
+export declare const useMenu: () => TMenuContext, MenuProvider: import("react").Provider<TMenuContext | undefined>;
+export declare function MenuContextProvider({ children, defaultSelectedKey, defaultIsOpen, onCloseCallback, onOpenCallback, tabs, openBtn, closeBtn, ...rest }: IMenuProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/Menu/interface.d.ts

@@ -0,0 +1,28 @@
+import type { CollectionChildren } from '@react-types/shared';
+import type React from 'react';
+import type { AriaTabListProps } from 'react-aria';
+import type { TabListState } from 'react-stately';
+export type TMenuProviderProps = {
+    children: React.ReactNode;
+    tabs?: CollectionChildren<object>;
+    defaultSelectedKey: string;
+    defaultIsOpen?: boolean;
+    onCloseCallback?: () => void;
+    onOpenCallback?: () => void;
+    openBtn?: () => JSX.Element;
+    closeBtn?: () => JSX.Element;
+    secondaryOpenBtn?: () => JSX.Element;
+};
+export type IMenuProviderProps = AriaTabListProps<TMenuProviderProps> & TMenuProviderProps;
+export type TMenuContext = {
+    openBtn?: () => JSX.Element;
+    closeBtn?: () => JSX.Element;
+    secondaryOpenBtn?: () => JSX.Element;
+    tabState: TabListState<object>;
+    defaultSelectedKey: string;
+};
+export type TMenuProps = {
+    openBtn?: () => JSX.Element;
+    closeBtn?: () => JSX.Element;
+    secondaryOpenBtn?: () => JSX.Element;
+};

package/providers/SidePanel/index.d.ts

@@ -1,4 +1,4 @@
 import type { TSidePanelContext, TSidePanelProviderProps } from './interface';
 declare const useSidePanel: () => TSidePanelContext;
 export { useSidePanel };
-export declare function SidePanelContextProvider({ children, defaultSelectedKey }: TSidePanelProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SidePanelContextProvider({ children, defaultSelectedKey, onOpenCallback, onCloseCallback, defaultIsOpen, }: TSidePanelProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/SidePanel/interface.d.ts

@@ -3,6 +3,9 @@ import type React from 'react';
 export type TSidePanelProviderProps = {
     children: React.ReactNode;
     defaultSelectedKey: string;
+    defaultIsOpen?: boolean;
+    onOpenCallback?: () => void;
+    onCloseCallback?: () => void;
 };
 export type TButtonProps = {
     closeButtonProps: React.ButtonHTMLAttributes<HTMLButtonElement>;

package/providers/Theme/interface.d.ts

@@ -2,8 +2,9 @@ import type React from 'react';
 export type TStyleValue = false | string;
 export type TToken = Record<string, string | boolean>;
 export type TFunc = (props: TToken) => TStyleValue[] | string;
-export type TThemeRecord = Record<string, TFunc>;
-export type TTheme = Record<string, TFunc | TThemeRecord>;
+export type TTheme = {
+    [key: string]: TFunc | TTheme;
+};
 export type TStyle = Record<string, TStyleValue>;
 export type TCustomTheme = TStyleValue | null | undefined;
 export type TStyleCollection = Record<string, TStyle>;

package/transitions/RenderWithOpacity.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TProps {
+    isVisible: boolean;
+    children: React.ReactNode;
+}
+declare const RenderWithOpacity: ({ isVisible, children }: TProps) => JSX.Element;
+export default RenderWithOpacity;