@drdex0101/water-design-system 2.0.0 → 3.0.0

package/dist/components/Popup/Popup.d.ts

@@ -0,0 +1,62 @@
+import { default as React } from 'react';
+
+export interface PopupProps {
+    /** Whether the popup is open */
+    open: boolean;
+    /** Callback when popup should close */
+    onClose?: () => void;
+    /** Popup title */
+    title?: string;
+    /** Show close button */
+    showCloseButton?: boolean;
+    /** Popup content */
+    children?: React.ReactNode;
+    /** Primary action */
+    primaryAction?: {
+        label: string;
+        onClick: () => void;
+        variant?: 'primary' | 'danger';
+    };
+    /** Secondary action */
+    secondaryAction?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Close on overlay click */
+    closeOnOverlayClick?: boolean;
+    /** Custom width */
+    width?: number;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const Popup: ({ open, onClose, title, showCloseButton, children, primaryAction, secondaryAction, closeOnOverlayClick, width, style, }: PopupProps) => import("react/jsx-runtime").JSX.Element | null;
+export interface PopupAutocloseProps {
+    /** Whether the popup is open */
+    open: boolean;
+    /** Callback when popup closes */
+    onClose?: () => void;
+    /** Icon element */
+    icon?: React.ReactNode;
+    /** Title text */
+    title: string;
+    /** Title color */
+    titleColor?: 'success' | 'error' | 'warning' | 'default';
+    /** Description text */
+    description?: string;
+    /** Auto-close delay in seconds */
+    autoCloseDelay?: number;
+    /** Show auto-close countdown */
+    showCountdown?: boolean;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const PopupAutoclose: ({ open, onClose, icon, title, titleColor, description, autoCloseDelay, showCountdown, style, }: PopupAutocloseProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const SuccessIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ErrorIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const WarningIcon: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './Popup';

package/dist/components/SideMenu/SideMenu.d.ts

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+
+export interface SideMenuItem {
+    /** Unique identifier */
+    id: string;
+    /** Item label */
+    label: string;
+    /** Left icon */
+    icon?: React.ReactNode;
+    /** Right icon */
+    rightIcon?: React.ReactNode;
+    /** Whether item is selected */
+    selected?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Item type */
+    type?: 'default' | 'rename' | 'selected';
+}
+export interface SideMenuProps {
+    /** Search placeholder */
+    searchPlaceholder?: string;
+    /** Search value */
+    searchValue?: string;
+    /** Search change handler */
+    onSearchChange?: (value: string) => void;
+    /** Primary actions (top menu items) */
+    primaryActions?: SideMenuItem[];
+    /** Conversation records */
+    conversations?: SideMenuItem[];
+    /** Callback when item is clicked */
+    onItemClick?: (id: string) => void;
+    /** Callback when conversation options is clicked */
+    onConversationOptions?: (id: string) => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const SideMenu: ({ searchPlaceholder, searchValue, onSearchChange, primaryActions, conversations, onItemClick, onConversationOptions, style, }: SideMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideMenuAddIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const SideMenuShareIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export * from './SideMenu';

package/dist/components/Tabs/Tabs.d.ts

@@ -1,26 +1,28 @@
-import { default as React } from 'react';
+import { default as React, ReactNode } from 'react';
 
-export type TabsVariant = 'default' | 'text';
+export type TabsVariant = 'default' | 'class' | 'pill';
 export interface TabItem {
     /** Unique identifier for the tab */
     id: string;
     /** Tab label */
     label: string;
+    /** Tab icon */
+    icon?: ReactNode;
     /** Whether the tab is disabled */
     disabled?: boolean;
 }
 export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Array of tab items */
-    items: TabItem[];
+    tabs: TabItem[];
     /** Currently active tab ID */
     activeTab?: string;
     /** Default active tab ID for uncontrolled usage */
-    defaultActiveTab?: string;
+    defaultTab?: string;
     /** Callback when tab changes */
     onChange?: (tabId: string) => void;
     /** Tab style variant */
     variant?: TabsVariant;
-    /** Additional tool element to display on the right */
+    /** Additional tool element to display on the right (only for non-pill variants) */
     tool?: React.ReactNode;
 }
-export declare const Tabs: ({ items, activeTab, defaultActiveTab, onChange, variant, tool, style, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ tabs, activeTab: externalActiveTab, defaultTab, onChange, variant, tool, style, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -9,4 +9,12 @@ export * from './components/Tabs';
 export * from './components/Toast';
 export * from './components/Toggle';
 export * from './components/Poker';
+export * from './components/Card';
+export * from './components/BottomNav';
+export * from './components/BottomSheet';
+export * from './components/DropdownMenu';
+export * from './components/Popup';
+export * from './components/SideMenu';
+export * from './components/Icon';
+export * from './components/DatePicker';
 export * from './tokens';

package/dist/pages/Showcase.d.ts

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