ownui-system 0.1.2 → 0.1.3

package/dist/components/SnackBar/SnackBar.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from "@storybook/react";
+import { SnackBar } from ".";
+declare const meta: {
+    title: string;
+    component: typeof SnackBar;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Danger: Story;
+export declare const WithAction: Story;

package/dist/components/SnackBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SnackBarProvider } from "./snackbar-provider";
+export { default as SnackBar } from "./snackbar";

package/dist/components/SnackBar/snackbar-context.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+export type SnackBarType = "normal" | "success" | "danger";
+export type SnackBarAction = {
+    name: string;
+    callback: () => void;
+};
+export type SnackBarOptions = {
+    type: SnackBarType;
+    action?: SnackBarAction;
+    delay?: number;
+};
+type SnackBarContextValue = {
+    isOpen: boolean;
+    message?: string;
+    action?: SnackBarAction;
+    type?: SnackBarType;
+    delay: number;
+    openSnackBar: (message: string, options?: SnackBarOptions) => void;
+    closeSnackBar: () => void;
+    resetSnackBar: () => void;
+};
+declare function useContext(): SnackBarContextValue;
+export default function useSnackBarContext(): {
+    SnackBarContextProvider: import("react").Provider<SnackBarContextValue | undefined>;
+    useContext: typeof useContext;
+    Context: import("react").Context<SnackBarContextValue | undefined>;
+};
+export {};

package/dist/components/SnackBar/snackbar-provider.d.ts

@@ -0,0 +1,7 @@
+import { type PropsWithChildren } from "react";
+type SnackBarAreaProps = {
+    className?: string;
+    zIndex?: number;
+} & PropsWithChildren;
+declare function SnackBarProvider({ children, className, zIndex, }: SnackBarAreaProps): import("react/jsx-runtime").JSX.Element;
+export default SnackBarProvider;

package/dist/components/SnackBar/snackbar-style.d.ts

@@ -0,0 +1,5 @@
+export declare const baseStyle = "fixed z-[var(--zIndex)] flex items-center justify-center w-full h-full top-0 left-0 ";
+export declare const itemPositionStyle = "fixed left-[50%] bottom-10";
+export declare const itemStyle = "flex items-center justify-between gap-12 rounded-xl text-white w-fit min-w-[144px] h-14 bg-gray-950 opacity-95 shadow-[0px_4px_10px_0px_rgba(106,113,126,0.40)]";
+export declare const withActionStyle = "pl-8 pr-6";
+export declare const withoutActionStyle = "pl-[42px] pr-11";

package/dist/components/SnackBar/snackbar-transition.d.ts

@@ -0,0 +1,18 @@
+export declare const slideInOut: {
+    enter: {
+        y: string;
+        x: string;
+        transition: {
+            duration: number;
+            ease: number[];
+        };
+    };
+    exit: {
+        y: string;
+        x: string;
+        transition: {
+            duration: number;
+            ease: number[];
+        };
+    };
+};

package/dist/components/SnackBar/snackbar.d.ts

@@ -0,0 +1,5 @@
+type SnackBarProps = {
+    className?: string;
+};
+declare function SnackBar({ className }: SnackBarProps): import("react/jsx-runtime").JSX.Element;
+export default SnackBar;

package/dist/components/index.d.ts

@@ -16,8 +16,9 @@ export * from "./Modal";
 export * from "./Dropdown";
 export * from "./Popover";
 export * from "./BottomSheet";
-export * from './InfiniteSlider';
-export * from './Checkbox';
-export * from './Radio';
-export * from './Pagination';
-export * from './Switch';
+export * from "./InfiniteSlider";
+export * from "./Checkbox";
+export * from "./Radio";
+export * from "./Pagination";
+export * from "./Switch";
+export * from "./SnackBar";

package/dist/components/shared/SwitchCase.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+type Case = string | number;
+type SwitchCaseProps<T extends Case> = {
+    value: T;
+    caseBy: Partial<Record<T, JSX.Element | null>>;
+    defaultComponent?: JSX.Element | null;
+};
+declare function SwitchCase<T extends Case>({ value, caseBy, defaultComponent, }: SwitchCaseProps<T>): JSX.Element | null;
+export default SwitchCase;

package/dist/hooks/useTimeout.d.ts

@@ -0,0 +1,8 @@
+import { type DependencyList } from "react";
+type UseTimeoutProps = {
+    callback: () => void;
+    enabled?: boolean;
+    delay?: number;
+};
+declare function useTimeout({ callback, enabled, delay }: UseTimeoutProps, deps?: DependencyList): void;
+export default useTimeout;