@okam/stack-ui 1.37.0 → 1.38.0

package/storybook/Menu/Menu.d.ts

@@ -0,0 +1,34 @@
+import type { ComponentType } from 'react';
+import React from 'react';
+import type { TButtonProps } from '../../components/Button/interface';
+import type { TMenuItemProps, TMenuProps, TMenuSidePanelProps } from '../../components/Menu/interface';
+export type TSubMenuTab = {
+    key: string;
+    title: string;
+    childItems?: TMenuItemProps[] | null;
+    extra: React.ReactNode | undefined;
+};
+export type TSubMenuExtraData = {
+    path: string;
+    data: React.ReactNode;
+};
+export declare const SidePanelControl: () => import("react/jsx-runtime").JSX.Element;
+export declare const BackBtn: ({ label }: TButtonProps & {
+    label?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseBtn: () => false | import("react/jsx-runtime").JSX.Element;
+export declare const ShowTab: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseBtnRender: () => import("react/jsx-runtime").JSX.Element;
+export declare const MenuFactory: ({ menuItems, tabs, id, defaultIsOpen, openBtn, MenuComponent, }: {
+    tabs: JSX.Element[];
+    id: string;
+    menuItems?: TMenuItemProps[] | null;
+    defaultIsOpen?: boolean;
+    openBtn?: React.ReactNode | null;
+    MenuComponent: ComponentType<TMenuProps | TMenuSidePanelProps>;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const menuTabs: (menu: TMenuItemProps[], extras?: TSubMenuExtraData[], MenuComponent?: ComponentType<TMenuProps>) => import("react/jsx-runtime").JSX.Element[];
+declare const MenuContent: () => import("react/jsx-runtime").JSX.Element;
+export default MenuContent;

package/storybook/Menu/NestedMenu.d.ts

@@ -0,0 +1,2 @@
+declare const MenuContent: () => import("react/jsx-runtime").JSX.Element;
+export default MenuContent;

package/storybook/Menu/mock.d.ts

@@ -0,0 +1,2 @@
+import type { TMenuItemProps } from '../../components/Menu/interface';
+export declare const items: TMenuItemProps[];

package/storybook/SelectField/index.d.ts

@@ -0,0 +1,3 @@
+import type { TSelectProps } from '../../components/fields/Select/Select.interface';
+declare const SelectContent: ({ disabled, isError, errorMessage, id, label, name, placeholderLabel, options, ...rest }: TSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectContent;

package/storybook/ShareButtonExample/index.d.ts

@@ -0,0 +1,3 @@
+import type { TShareButtonProps } from '../../components/ShareButton/interface';
+declare const ShareButtonExample: (props: TShareButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ShareButtonExample;

package/theme/Accordion/index.d.ts

@@ -1,267 +1,267 @@
 import type { TToken } from '../../providers/Theme/interface';
 export declare const accordionContainer: import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "text-center";
-        left: "text-left";
+        center: string;
+        left: string;
     };
 }, undefined, "[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "text-center";
-        left: "text-left";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "text-center";
-        left: "text-left";
+        center: string;
+        left: string;
     };
 }>, {
     textAlign: {
-        center: "text-center";
-        left: "text-left";
+        center: string;
+        left: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "text-center";
-        left: "text-left";
+        center: string;
+        left: string;
     };
 }, undefined, "[border-radius: 32px] p-1.5 focus:outline-none text-color-1-500", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "text-center";
-        left: "text-left";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "text-center";
-        left: "text-left";
+        center: string;
+        left: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const accordionButton: import("tailwind-variants").TVReturnType<{
     titleBold: {
-        true: "font-bold";
+        true: string;
     };
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0";
-        left: "grid-cols-[1fr_3rem]";
+        center: string;
+        left: string;
     };
     bgColor: {
-        gray: "bg-gray-300";
-        white: "bg-white";
+        gray: string;
+        white: string;
     };
 }, undefined, "grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<{
     titleBold: {
-        true: "font-bold";
+        true: string;
     };
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0";
-        left: "grid-cols-[1fr_3rem]";
+        center: string;
+        left: string;
     };
     bgColor: {
-        gray: "bg-gray-300";
-        white: "bg-white";
+        gray: string;
+        white: string;
     };
 }, {
     titleBold: {
-        true: "font-bold";
+        true: string;
     };
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0";
-        left: "grid-cols-[1fr_3rem]";
+        center: string;
+        left: string;
     };
     bgColor: {
-        gray: "bg-gray-300";
-        white: "bg-white";
+        gray: string;
+        white: string;
     };
 }>, {
     titleBold: {
-        true: "font-bold";
+        true: string;
     };
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0";
-        left: "grid-cols-[1fr_3rem]";
+        center: string;
+        left: string;
     };
     bgColor: {
-        gray: "bg-gray-300";
-        white: "bg-white";
+        gray: string;
+        white: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     titleBold: {
-        true: "font-bold";
+        true: string;
     };
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0";
-        left: "grid-cols-[1fr_3rem]";
+        center: string;
+        left: string;
     };
     bgColor: {
-        gray: "bg-gray-300";
-        white: "bg-white";
+        gray: string;
+        white: string;
     };
 }, undefined, "grid overflow-hidden w-full items-center border-b-2 border-color-1-500 focus-ring-black", import("tailwind-variants/dist/config.js").TVConfig<{
     titleBold: {
-        true: "font-bold";
+        true: string;
     };
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0";
-        left: "grid-cols-[1fr_3rem]";
+        center: string;
+        left: string;
     };
     bgColor: {
-        gray: "bg-gray-300";
-        white: "bg-white";
+        gray: string;
+        white: string;
     };
 }, {
     titleBold: {
-        true: "font-bold";
+        true: string;
     };
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] pl-0 sm:pl-0";
-        left: "grid-cols-[1fr_3rem]";
+        center: string;
+        left: string;
     };
     bgColor: {
-        gray: "bg-gray-300";
-        white: "bg-white";
+        gray: string;
+        white: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const accordionTitle: import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "justify-self-center col-start-2";
-        left: "justify-self-start";
+        center: string;
+        left: string;
     };
 }, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "justify-self-center col-start-2";
-        left: "justify-self-start";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "justify-self-center col-start-2";
-        left: "justify-self-start";
+        center: string;
+        left: string;
     };
 }>, {
     textAlign: {
-        center: "justify-self-center col-start-2";
-        left: "justify-self-start";
+        center: string;
+        left: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "justify-self-center col-start-2";
-        left: "justify-self-start";
+        center: string;
+        left: string;
     };
 }, undefined, "", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "justify-self-center col-start-2";
-        left: "justify-self-start";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "justify-self-center col-start-2";
-        left: "justify-self-start";
+        center: string;
+        left: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const accordionIcon: import("tailwind-variants").TVReturnType<{
     isOpen: {
-        true: "-rotate-90";
-        false: "";
+        true: string;
+        false: string;
     };
 }, undefined, "text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square", import("tailwind-variants/dist/config.js").TVConfig<{
     isOpen: {
-        true: "-rotate-90";
-        false: "";
+        true: string;
+        false: string;
     };
 }, {
     isOpen: {
-        true: "-rotate-90";
-        false: "";
+        true: string;
+        false: string;
     };
 }>, {
     isOpen: {
-        true: "-rotate-90";
-        false: "";
+        true: string;
+        false: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     isOpen: {
-        true: "-rotate-90";
-        false: "";
+        true: string;
+        false: string;
     };
 }, undefined, "text-color-1-500 min-h-12 rotate-90 min-w-12 rounded-full flex items-center justify-center transition duration-500 transform ml-auto aspect-square", import("tailwind-variants/dist/config.js").TVConfig<{
     isOpen: {
-        true: "-rotate-90";
-        false: "";
+        true: string;
+        false: string;
     };
 }, {
     isOpen: {
-        true: "-rotate-90";
-        false: "";
+        true: string;
+        false: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const accordionRegion: import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
-        left: "grid-cols-[1fr_3rem] text-left";
+        center: string;
+        left: string;
     };
 }, undefined, "\n    font-body \n    text-inherit\n    h-auto\n    grid\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
-        left: "grid-cols-[1fr_3rem] text-left";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
-        left: "grid-cols-[1fr_3rem] text-left";
+        center: string;
+        left: string;
     };
 }>, {
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
-        left: "grid-cols-[1fr_3rem] text-left";
+        center: string;
+        left: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
-        left: "grid-cols-[1fr_3rem] text-left";
+        center: string;
+        left: string;
     };
 }, undefined, "\n    font-body \n    text-inherit\n    h-auto\n    grid\n  ", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
-        left: "grid-cols-[1fr_3rem] text-left";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "grid-cols-[3rem_1fr_3rem] px-6 text-center";
-        left: "grid-cols-[1fr_3rem] text-left";
+        center: string;
+        left: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const accordionContent: import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "col-start-2";
-        left: "";
+        center: string;
+        left: string;
     };
 }, undefined, "overflow-hidden flex flex-col gap-2 items-start", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "col-start-2";
-        left: "";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "col-start-2";
-        left: "";
+        center: string;
+        left: string;
     };
 }>, {
     textAlign: {
-        center: "col-start-2";
-        left: "";
+        center: string;
+        left: string;
     };
 }, undefined, import("tailwind-variants").TVReturnType<{
     textAlign: {
-        center: "col-start-2";
-        left: "";
+        center: string;
+        left: string;
     };
 }, undefined, "overflow-hidden flex flex-col gap-2 items-start", import("tailwind-variants/dist/config.js").TVConfig<{
     textAlign: {
-        center: "col-start-2";
-        left: "";
+        center: string;
+        left: string;
     };
 }, {
     textAlign: {
-        center: "col-start-2";
-        left: "";
+        center: string;
+        left: string;
     };
 }>, unknown, unknown, undefined>>;
 export declare const accordionTheme: {