@okam/stack-ui 0.0.1

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@okam/stack-ui",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "repository": {
+    "url": "https://github.com/OKAMca/stack.git"
+  }
+}

package/providers/SidePanel/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TSidePanelContext, TSidePanelProviderProps } from './interface';
+export declare const useSidePanel: () => TSidePanelContext, SidePanelProvider: import("react").Provider<TSidePanelContext | undefined>;
+export declare function SidePanelContextProvider({ children, defaultSelectedKey }: TSidePanelProviderProps): import("react/jsx-runtime").JSX.Element;

package/providers/SidePanel/interface.d.ts

@@ -0,0 +1,17 @@
+import type { OverlayTriggerState } from '@react-stately/overlays';
+import type React from 'react';
+export type TSidePanelProviderProps = {
+    children: React.ReactNode;
+    defaultSelectedKey: string;
+};
+export type TButtonProps = {
+    closeButtonProps: React.ButtonHTMLAttributes<HTMLButtonElement>;
+    closeButtonRef: React.MutableRefObject<null>;
+    openButtonProps: React.HTMLAttributes<HTMLDivElement>;
+    openButtonRef: React.MutableRefObject<null>;
+};
+export type TSidePanelContext = {
+    defaultSelectedKey: string;
+    overlayState: OverlayTriggerState;
+    buttonProps: TButtonProps;
+};

package/providers/Theme/hooks.d.ts

@@ -0,0 +1,3 @@
+import type { TCustomTheme, TToken } from './interface';
+declare const useThemeContext: (func?: string | null, props?: TToken, customTheme?: TCustomTheme) => any;
+export default useThemeContext;

package/providers/Theme/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TThemeProviderProps, TThemePanelContext, TTheme } from './interface';
+export declare function createCtxNullable<A extends Record<string, unknown> | null>(): readonly [() => A | null, React.Provider<A | undefined>];
+export declare const useTheme: () => TThemePanelContext<TTheme> | null, ThemeProvider: React.Provider<TThemePanelContext<TTheme> | undefined>;
+export declare function ThemeContextProvider({ children, brandTheme }: TThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const createThemeProvider: (brandTheme: TTheme) => ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { makeTheme } from './utils';

package/providers/Theme/interface.d.ts

@@ -0,0 +1,23 @@
+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 TStyle = Record<string, TStyleValue>;
+export type TCustomTheme = TStyleValue[] | null | undefined;
+export type TStyleCollection = Record<string, TStyle>;
+export type TDefaultTheme = {
+    typography: (props: TToken) => TStyleValue[] | string;
+};
+export type TThemeProviderProps<T = TTheme> = {
+    children: React.ReactNode;
+    brandTheme?: T;
+};
+export type TThemePanelContext<T = TTheme> = {
+    brandTheme: T;
+};
+export interface ITheme {
+    defaultTokens: TToken;
+    styles: TStyleCollection;
+}

package/providers/Theme/utils.d.ts

@@ -0,0 +1,2 @@
+import type { TTheme } from './interface';
+export declare const makeTheme: (theme: TTheme) => TTheme;

package/transitions/ModalTransition.d.ts

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

package/transitions/RenderWithSlide.d.ts

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

package/transitions/SidePanelTransition.d.ts

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

package/types/components.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+import type { RefCallBack } from 'react-hook-form';
+import type { TCustomTheme, TToken } from '../providers/Theme/interface';
+export interface TDefaultComponent<T = TToken> {
+    as?: React.ElementType<any>;
+    customTheme?: TCustomTheme;
+    tokens?: T;
+    themeName?: string | null;
+    children?: React.ReactNode;
+}
+export type TReactHookForm = {
+    onBlur?: (...event: any[]) => void;
+    onChange?: (...event: any[]) => void;
+    fieldRef?: RefCallBack;
+    min?: string | number | undefined;
+    max?: string | number | undefined;
+    maxLength?: number | undefined;
+    minLength?: number | undefined;
+    pattern?: string | undefined;
+    validation?: object;
+};
+export type Nullable<T> = T | undefined | null;
+export type Maybe<T> = T | null;