@zvoove/unity-ui 2.27.0 → 2.29.0

package/dist/components/Skeleton/Skeleton.styled.d.ts

@@ -0,0 +1,43 @@
+export declare const skeletonStyles: import('tailwind-variants').TVReturnType<{
+    borderRadius: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+    };
+    animation: {
+        pulse: string[];
+        wave: string[];
+        false: string[];
+    };
+}, undefined, string[], {
+    borderRadius: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+    };
+    animation: {
+        pulse: string[];
+        wave: string[];
+        false: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    borderRadius: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        full: string[];
+    };
+    animation: {
+        pulse: string[];
+        wave: string[];
+        false: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/Skeleton/Skeleton.types.d.ts

@@ -0,0 +1,20 @@
+export interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The animation type of the skeleton.
+     * @default 'pulse'
+     */
+    animation?: 'pulse' | 'wave' | false;
+    /**
+     * The width of the skeleton.
+     */
+    width?: number | string;
+    /**
+     * The height of the skeleton.
+     */
+    height?: number | string;
+    /**
+     * The border radius of the skeleton.
+     * @default 'xs'
+     */
+    borderRadius?: 'xs' | 'sm' | 'md' | 'lg' | 'full';
+}

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

@@ -0,0 +1,2 @@
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton.types';

package/dist/components/Snackbar/Snackbar.constants.d.ts

@@ -0,0 +1,5 @@
+import { BackgroundColors, ForegroundColors, IconProps } from '../../index.ts';
+import { SnackbarOptions } from './';
+export declare const iconDictionary: Record<NonNullable<SnackbarOptions['variant']>, Omit<IconProps, 'size' | 'color'>>;
+export declare const cardColorDictionary: Record<NonNullable<SnackbarOptions['variant']>, BackgroundColors>;
+export declare const foregroundColorDictionary: Record<NonNullable<SnackbarOptions['variant']>, ForegroundColors>;

package/dist/components/Snackbar/Snackbar.context.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface SnackbarProviderProps {
+    children: React.ReactNode;
+    maxSnackbars?: number;
+    defaultDuration?: number;
+}
+export declare const SnackbarProvider: React.FC<SnackbarProviderProps>;
+export {};

package/dist/components/Snackbar/Snackbar.context.definition.d.ts

@@ -0,0 +1,2 @@
+import { SnackbarContextValue } from './Snackbar.types';
+export declare const SnackbarContext: import('react').Context<SnackbarContextValue | null>;

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { SnackbarProps } from './Snackbar.types';
+/**
+ * Snackbar component for displaying snackbar notifications
+ * Must be used within a SnackbarProvider
+ *
+ * @example
+ * ```tsx
+ * import { SnackbarProvider, Snackbar, useSnackbar } from '@components';
+ *
+ * function App() {
+ *   return (
+ *     <SnackbarProvider>
+ *       <Snackbar />
+ *       <YourApp />
+ *     </SnackbarProvider>
+ *   );
+ * }
+ *
+ * function YourComponent() {
+ *   const { snackbar, success, error } = useSnackbar();
+ *
+ *   return (
+ *     <button onClick={() => success('Operation completed!')}>
+ *       Click me
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+declare const Snackbar: React.FC<SnackbarProps>;
+export default Snackbar;

package/dist/components/Snackbar/Snackbar.styled.d.ts

@@ -0,0 +1,173 @@
+export declare const snackbarContainerStyles: import('tailwind-variants').TVReturnType<{
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+}, undefined, string[], {
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const snackbarStackStyles: import('tailwind-variants').TVReturnType<{
+    isHovered: {
+        true: string[];
+        false: string[];
+    };
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+}, undefined, string[], {
+    isHovered: {
+        true: string[];
+        false: string[];
+    };
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isHovered: {
+        true: string[];
+        false: string[];
+    };
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const snackbarItemStyles: import('tailwind-variants').TVReturnType<{
+    position: {
+        0: string[];
+        1: string[];
+        2: string[];
+    };
+    isHovered: {
+        true: never[];
+        false: never[];
+    };
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+    isMounted: {
+        true: string[];
+        false: string[];
+    };
+    isRemoving: {
+        true: string[];
+        false: never[];
+    };
+}, undefined, string[], {
+    position: {
+        0: string[];
+        1: string[];
+        2: string[];
+    };
+    isHovered: {
+        true: never[];
+        false: never[];
+    };
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+    isMounted: {
+        true: string[];
+        false: string[];
+    };
+    isRemoving: {
+        true: string[];
+        false: never[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    position: {
+        0: string[];
+        1: string[];
+        2: string[];
+    };
+    isHovered: {
+        true: never[];
+        false: never[];
+    };
+    placement: {
+        'top-left': string[];
+        'top-center': string[];
+        'top-right': string[];
+        'bottom-left': string[];
+        'bottom-center': string[];
+        'bottom-right': string[];
+    };
+    isMounted: {
+        true: string[];
+        false: string[];
+    };
+    isRemoving: {
+        true: string[];
+        false: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const snackbarActionStyles: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        positive: string[];
+        warning: string[];
+        error: string[];
+        subtle: string[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        positive: string[];
+        warning: string[];
+        error: string[];
+        subtle: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        positive: string[];
+        warning: string[];
+        error: string[];
+        subtle: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const snackbarCloseStyles: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;

package/dist/components/Snackbar/Snackbar.types.d.ts

@@ -0,0 +1,119 @@
+import { CommonIconNames, IconProps } from '../../index.ts';
+export type SnackbarVariant = 'default' | 'positive' | 'warning' | 'error' | 'subtle';
+export type SnackbarPlacement = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface SnackbarOptions {
+    /**
+     * The semantic variant of the Snackbar
+     */
+    variant?: SnackbarVariant;
+    /**
+     * Placement of the snackbar on screen
+     * @default 'top-right'
+     */
+    placement?: SnackbarPlacement;
+    /**
+     * Whether to show the close button
+     */
+    showCloseButton?: boolean;
+    /**
+     * Icon to display in the Snackbar
+     */
+    icon?: CommonIconNames | Omit<IconProps, 'size' | 'color'>;
+    /**
+     * Label for the action button
+     */
+    actionLabel?: string;
+    /**
+     * Action to perform when the action button is clicked
+     */
+    onAction?: (id: string) => void;
+    /**
+     * Callback when close button is clicked
+     */
+    onClose?: (id: string) => void;
+    /**
+     * Duration in milliseconds before auto-dismissing (0 = no auto-dismiss)
+     */
+    duration?: number;
+    /**
+     * Custom ID for the snackbar
+     */
+    id?: string;
+}
+export interface SnackbarItem {
+    /**
+     * Unique identifier for the snackbar
+     */
+    id: string;
+    /**
+     * Content of the snackbar
+     */
+    children: string;
+    /**
+     * Timestamp when the snackbar was created
+     */
+    createdAt: number;
+    /**
+     * Semantic variant of the snackbar
+     */
+    variant: SnackbarVariant;
+    /**
+     * Placement of the snackbar on screen
+     */
+    placement: SnackbarPlacement;
+    /**
+     * Whether to show the close button
+     */
+    showCloseButton: boolean;
+    /**
+     * Icon to display in the snackbar
+     */
+    icon?: CommonIconNames | Omit<IconProps, 'size' | 'color'>;
+    /**
+     * Label for the action button
+     */
+    actionLabel?: string;
+    /**
+     * Action to perform when the action button is clicked
+     */
+    onAction?: (id: string) => void;
+    /**
+     * Callback when close button is clicked
+     */
+    onClose?: (id: string) => void;
+    /**
+     * Duration in milliseconds before auto-dismissing (0 = no auto-dismiss)
+     */
+    duration: number;
+    /**
+     * Whether the snackbar is currently being removed
+     */
+    isRemoving?: boolean;
+}
+export type SnackbarProps = Record<string, never>;
+export interface SnackbarContextValue {
+    /**
+     * List of active snackbars
+     */
+    snackbars: SnackbarItem[];
+    /**
+     * Add a new snackbar
+     */
+    addSnackbar: (message: SnackbarItem['children'], options?: SnackbarOptions) => SnackbarItem['id'];
+    /**
+     * Remove a snackbar by ID
+     */
+    removeSnackbar: (id: string) => void;
+    /**
+     * Clear all snackbars
+     */
+    clearAll: () => void;
+    /**
+     * Pause all snackbar timeouts
+     */
+    pauseTimeouts: () => void;
+    /**
+     * Resume all snackbar timeouts
+     */
+    resumeTimeouts: () => void;
+}

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

@@ -0,0 +1,5 @@
+export { default as Snackbar } from './Snackbar';
+export { SnackbarProvider } from './Snackbar.context';
+export { useSnackbar } from './useSnackbar';
+export type { SnackbarOptions, SnackbarPlacement, SnackbarProps, SnackbarVariant, SnackbarItem, } from './Snackbar.types';
+export type { UseSnackbarReturn } from './useSnackbar';

package/dist/components/Snackbar/useSnackbar.d.ts

@@ -0,0 +1,20 @@
+import { SnackbarItem, SnackbarOptions } from './Snackbar.types';
+export interface UseSnackbarReturn {
+    /**
+     * Show a snackbar message
+     */
+    snackbar: (message: SnackbarItem['children'], options?: SnackbarOptions) => SnackbarItem['id'];
+    /**
+     * Dismiss a specific snackbar by ID
+     */
+    dismiss: (id: string) => void;
+    /**
+     * Dismiss all snackbars
+     */
+    dismissAll: () => void;
+}
+/**
+ * Hook to interact with the Snackbar system
+ * Must be used within a SnackbarProvider
+ */
+export declare const useSnackbar: () => UseSnackbarReturn;

package/dist/components/Stack/Stack.d.ts

@@ -0,0 +1,4 @@
+import { StackProps } from './Stack.types';
+export declare const ERROR_MESSAGE = "@Stack: className only accepts tailwindcss classes that defines height or width. \n\nExample: h-[200px], w-[200px], h-full, w-full, size-full, size-[500px]";
+declare const Stack: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLSpanElement>>;
+export default Stack;