@drdex0101/water-design-system 2.0.0 → 3.0.2

package/dist/components/BottomNav/BottomNav.d.ts

@@ -0,0 +1,66 @@
+import { default as React } from 'react';
+
+export interface NavItem {
+    /** Unique identifier */
+    id: string;
+    /** Item label */
+    label: string;
+    /** Icon element */
+    icon: React.ReactNode;
+    /** Active icon element (optional, uses icon if not provided) */
+    activeIcon?: React.ReactNode;
+    /** Show notification badge */
+    showBadge?: boolean;
+}
+export interface BottomNavProps {
+    /** Navigation items */
+    items: NavItem[];
+    /** Currently active item ID */
+    activeId?: string;
+    /** Callback when item is selected */
+    onChange?: (id: string) => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const BottomNav: ({ items, activeId, onChange, style, }: BottomNavProps) => import("react/jsx-runtime").JSX.Element;
+export interface NavMenuItemProps {
+    /** Item label */
+    label: string;
+    /** Icon element */
+    icon: React.ReactNode;
+    /** Whether item is selected */
+    selected?: boolean;
+    /** Show notification badge */
+    showBadge?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const NavMenuItem: ({ label, icon, selected, showBadge, onClick, style, }: NavMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export interface ToolMenuProps {
+    /** Icon element */
+    icon: React.ReactNode;
+    /** Label */
+    label: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const ToolMenu: ({ icon, label, onClick, style, }: ToolMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavHomeIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NavAIIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NavEventIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NavHandRecordIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NavMoreIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+
+export interface BottomSheetProps {
+    /** Whether the sheet is open */
+    open: boolean;
+    /** Callback when sheet should close */
+    onClose?: () => void;
+    /** Sheet title */
+    title?: React.ReactNode;
+    /** Snap points as percentages (e.g., [0.5, 0.9] for 50% and 90% height) */
+    snapPoints?: number[];
+    /** Initial snap point percentage */
+    initialSnapPoint?: number;
+    /** Sheet content */
+    children?: React.ReactNode;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const BottomSheet: ({ open, onClose, title, snapPoints, initialSnapPoint, children, style, }: BottomSheetProps) => import("react/jsx-runtime").JSX.Element | null;
+export interface OverlayProps {
+    /** Whether the overlay is visible */
+    visible: boolean;
+    /** Callback when overlay is clicked */
+    onClick?: () => void;
+    /** Children */
+    children?: React.ReactNode;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const Overlay: ({ visible, onClick, children, style, }: OverlayProps) => import("react/jsx-runtime").JSX.Element | null;
+export interface SheetTitleProps {
+    /** Title type */
+    type?: 'main' | 'detail' | 'subtitle';
+    /** Title text */
+    children: React.ReactNode;
+    /** Show back button (for detail type) */
+    showBackButton?: boolean;
+    /** Back button click handler */
+    onBack?: () => void;
+    /** Right icon/tool */
+    rightIcon?: React.ReactNode;
+    /** Right text */
+    rightText?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const SheetTitle: ({ type, children, showBackButton, onBack, rightIcon, rightText, style, }: SheetTitleProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,149 @@
+import { default as React } from 'react';
+
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Card variant */
+    variant?: 'default' | 'outlined' | 'elevated';
+    /** Padding size */
+    padding?: 'none' | 'sm' | 'md' | 'lg';
+    /** Border radius */
+    rounded?: 'sm' | 'md' | 'lg' | 'xl';
+    /** Children */
+    children?: React.ReactNode;
+}
+export declare const Card: ({ variant, padding, rounded, children, style, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export interface TournamentCardProps {
+    /** Card image URL */
+    imageUrl?: string;
+    /** Badge text */
+    badge?: string;
+    /** Tournament title */
+    title: string;
+    /** Location */
+    location?: string;
+    /** Date range */
+    dateRange?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const TournamentCard: ({ imageUrl, badge, title, location, dateRange, onClick, style, }: TournamentCardProps) => import("react/jsx-runtime").JSX.Element;
+export interface ListItemCardProps {
+    /** Left icon */
+    leftIcon?: React.ReactNode;
+    /** Title */
+    title: string;
+    /** Description */
+    description?: string;
+    /** Right element */
+    rightElement?: React.ReactNode;
+    /** Badge text */
+    badge?: string;
+    /** Badge variant */
+    badgeVariant?: 'default' | 'success' | 'warning' | 'error';
+    /** Credit info */
+    creditInfo?: string;
+    /** Amount info */
+    amount?: string;
+    /** Amount variant */
+    amountVariant?: 'default' | 'positive' | 'negative';
+    /** Additional info (e.g., Buy-in, Cash-out) */
+    additionalInfo?: {
+        label: string;
+        value: string;
+    }[];
+    /** Click handler */
+    onClick?: () => void;
+    /** Selected state */
+    selected?: boolean;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const ListItemCard: ({ leftIcon, title, description, rightElement, badge, badgeVariant, creditInfo, amount, amountVariant, additionalInfo, onClick, selected, style, }: ListItemCardProps) => import("react/jsx-runtime").JSX.Element;
+export interface EventCardProps {
+    /** Event ID */
+    id?: number;
+    /** Banner image URL */
+    banner_url?: string | null;
+    /** Event name */
+    event_name: string;
+    /** Event code */
+    event_code: string;
+    /** Start date */
+    date_from?: string;
+    /** End date */
+    date_to?: string;
+    /** Custom date text */
+    dateText?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Custom class name */
+    className?: string;
+}
+export declare const EventCard: ({ banner_url, event_name, event_code, date_from, date_to, dateText, onClick, style, className, }: EventCardProps) => import("react/jsx-runtime").JSX.Element;
+export interface HandRecordCardProps {
+    /** Poker cards */
+    cards?: Array<{
+        suit: 'heart' | 'spade' | 'diamond' | 'club';
+        value: string;
+    }>;
+    /** Title */
+    title: string;
+    /** Subtitle */
+    subtitle?: string;
+    /** Date */
+    date?: string;
+    /** Badge text */
+    badge?: string;
+    /** Badge color */
+    badgeColor?: 'blue' | 'green' | 'red';
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const HandRecordCard: ({ cards, title, subtitle, date, badge, badgeColor, onClick, style, }: HandRecordCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LocationIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const FavoriteIcon: ({ filled }: {
+    filled?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface SubEventCardProps {
+    /** Event date (YYYY-MM-DD format) */
+    eventDate: string;
+    /** Start time (HH:mm:ss format) */
+    startTime: string;
+    /** Late registration time (HH:mm:ss format) */
+    lateRegTime?: string;
+    /** Event name */
+    eventName: string;
+    /** Guaranteed prize pool */
+    guaranteedPrizePool?: number;
+    /** Buy-in amount in TWD */
+    buyInTwd?: number | null;
+    /** Blind level time in minutes */
+    blindLevelTime?: number;
+    /** Starting stack */
+    stack?: number;
+    /** Banner image URL */
+    bannerUrl?: string | null;
+    /** Festival name */
+    festivalName?: string;
+    /** Festival ID */
+    festivalId?: number;
+    /** Event sequence number */
+    eventSeq?: number;
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether the event is favorited */
+    isFavorite?: boolean;
+    /** Alias for isFavorite */
+    initialIsFavorite?: boolean;
+    /** Callback when favorite is toggled */
+    onFavoriteToggle?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const SubEventCard: ({ eventDate, startTime, lateRegTime, eventName, buyInTwd, blindLevelTime, stack, bannerUrl, festivalName, festivalId, eventSeq, onClick, isFavorite, initialIsFavorite, onFavoriteToggle, style, }: SubEventCardProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/DatePicker/Calendar.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export interface CalendarProps {
+    /** The currently viewed date (determines the month/year shown) */
+    viewDate: Date;
+    /** Callback when the viewed month/year changes */
+    onViewDateChange: (date: Date) => void;
+    /** The currently selected day (1-31) */
+    selectedDay: number | null;
+    /** Callback when a day is clicked */
+    onDaySelect: (day: number) => void;
+    /** Set of days (1-31) in the current month that have events (to show indicators) */
+    datesWithEvents?: Set<number>;
+    /** Custom style for the container */
+    style?: React.CSSProperties;
+}
+/**
+ * A standalone Calendar component extracted from the MyEventListMobile view.
+ * Displays a monthly calendar grid with navigation and optional event indicators.
+ */
+export declare const Calendar: ({ viewDate, onViewDateChange, selectedDay, onDaySelect, datesWithEvents, style, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+
+export interface DatePickerProps {
+    /** Selected start date */
+    selectedStartDate?: Date;
+    /** Selected end date (for range mode) */
+    selectedEndDate?: Date;
+    /** Start time (for details mode) */
+    startTime?: string;
+    /** End time (for details mode) */
+    endTime?: string;
+    /** Callback when date range changes */
+    onDateRangeChange?: (startDate: Date | null, endDate: Date | null) => void;
+    /** Callback when single date is selected (for single mode) */
+    onSingleDateChange?: (date: Date | null) => void;
+    /** Callback when time changes (for details mode) */
+    onTimeChange?: (startTime: string, endTime: string) => void;
+    /** Callback when apply button is clicked */
+    onApply?: () => void;
+    /** Whether the picker is open */
+    isOpen?: boolean;
+    /** Callback when picker should close */
+    onClose?: () => void;
+    /** Picker mode: 'normal' (range), 'single', or 'details' (range + time) */
+    mode?: 'normal' | 'single' | 'details';
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const DatePicker: ({ selectedStartDate, selectedEndDate, startTime, endTime, onDateRangeChange, onSingleDateChange, onTimeChange, onApply, isOpen, onClose, mode, style, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element | null;
+export interface DatePickerInputProps {
+    /** Selected date or date range text (overrides startDate/endDate display) */
+    value?: string;
+    /** Start date for range selection */
+    startDate?: Date;
+    /** End date for range selection */
+    endDate?: Date;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const DatePickerInput: ({ value, startDate, endDate, placeholder, onClick, style, }: DatePickerInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from './DatePicker';
+export * from './Calendar';

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+
+export interface DropdownMenuItem {
+    /** Unique identifier */
+    id: string;
+    /** Item label */
+    label: string;
+    /** Left icon */
+    icon?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Danger/destructive item */
+    danger?: boolean;
+    /** Divider after this item */
+    dividerAfter?: boolean;
+}
+export interface DropdownMenuProps {
+    /** Menu items */
+    items: DropdownMenuItem[];
+    /** Callback when item is selected */
+    onSelect?: (id: string) => void;
+    /** Currently selected item ID */
+    selectedId?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const DropdownMenu: ({ items, onSelect, selectedId, style, }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+export interface DropdownTriggerProps {
+    /** Trigger content */
+    children: React.ReactNode;
+    /** Whether dropdown is open */
+    open?: boolean;
+    /** Toggle handler */
+    onClick?: () => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const DropdownTrigger: ({ children, open, onClick, style, }: DropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export interface DropdownProps {
+    /** Trigger element */
+    trigger: React.ReactNode;
+    /** Menu items */
+    items: DropdownMenuItem[];
+    /** Callback when item is selected */
+    onSelect?: (id: string) => void;
+    /** Selected item ID */
+    selectedId?: string;
+    /** Controlled open state */
+    open?: boolean;
+    /** Controlled open change handler */
+    onOpenChange?: (open: boolean) => void;
+    /** Placement */
+    placement?: 'bottom-start' | 'bottom-end' | 'bottom';
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const Dropdown: ({ trigger, items, onSelect, selectedId, open: controlledOpen, onOpenChange, placement, style, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownDefaultIcon: ({ color }: {
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface SelectProps {
+    /** List of options to select from */
+    options: string[];
+    /** Currently selected value */
+    value: string;
+    /** Callback when value changes */
+    onChange: (value: string) => void;
+    /** Left icon (optional) */
+    icon?: React.ReactNode;
+    /** Placeholder text when no value selected */
+    placeholder?: string;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare const Select: ({ options, value, onChange, icon, placeholder, disabled, style, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectDefaultIcon: () => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,136 @@
+import { default as React } from 'react';
+
+export interface IconProps {
+    /** Icon size (width and height) */
+    size?: number;
+    /** Icon color */
+    color?: string;
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+/** 活動 (Activity/Event) */
+export declare const ActivityIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 訂閱交易 (Subscribe/Trade) */
+export declare const SubscribeIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** AI 解決 (AI Solution) */
+export declare const AISolutionIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 玩人解析 (Player Analysis) */
+export declare const PlayerAnalysisIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 我的錦標 (My Tournament) */
+export declare const TournamentIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Daily Training */
+export declare const DailyTrainingIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 牌譜筆記 (Hand Record Notes) */
+export declare const HandNotesIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 對手下注 (Opponent Bet) */
+export declare const BetIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Drop 存取 */
+export declare const DropIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 錦標賽統 (Tournament Stats) */
+export declare const StatsIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 報名記錄 (Registration) */
+export declare const RegistrationIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** 記錄牌譜 (Record Hands) */
+export declare const RecordIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Search */
+export declare const SearchIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Chevron Down */
+export declare const ChevronDownIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Chevron Up */
+export declare const ChevronUpIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Chevron Left */
+export declare const ChevronLeftIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Chevron Right */
+export declare const ChevronRightIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Arrow Up */
+export declare const ArrowUpIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Arrow Down */
+export declare const ArrowDownIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Arrow Left */
+export declare const ArrowLeftIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Arrow Right */
+export declare const ArrowRightIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Plus */
+export declare const PlusIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Minus */
+export declare const MinusIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Close / X */
+export declare const CloseIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Check */
+export declare const CheckIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Menu (Hamburger) */
+export declare const MenuIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** More Vertical (Dots) */
+export declare const MoreVerticalIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** More Horizontal (Dots) */
+export declare const MoreHorizontalIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** User */
+export declare const UserIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Share */
+export declare const ShareIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Edit / Pencil */
+export declare const EditIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Delete / Trash */
+export declare const DeleteIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Copy */
+export declare const CopyIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Settings / Gear */
+export declare const SettingsIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Light Mode / Sun */
+export declare const LightModeIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Dark Mode / Moon */
+export declare const DarkModeIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Loading / Spinner */
+export declare const LoadingIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Spade */
+export declare const SpadeIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Heart */
+export declare const HeartIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Diamond */
+export declare const DiamondIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Club */
+export declare const ClubIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Chip / Token */
+export declare const ChipIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Eye / View */
+export declare const EyeIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Eye Off / Hide */
+export declare const EyeOffIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** AI */
+export declare const AIIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Fingerprint */
+export declare const FingerprintIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Upload Image */
+export declare const UploadImageIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Upload File */
+export declare const UploadFileIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Shopping Cart */
+export declare const CartIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Discord - with brand color #5865F2 */
+export declare const DiscordIcon: ({ size, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Google - with brand colors */
+export declare const GoogleIcon: ({ size, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Instagram - with gradient colors */
+export declare const InstagramIcon: ({ size, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** TWD (Taiwan Dollar) - Taiwan flag style */
+export declare const TWDIcon: ({ size, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** USD (US Dollar) - US flag style */
+export declare const USDIcon: ({ size, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** KRW (Korean Won) */
+export declare const KRWIcon: ({ size, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** XRP */
+export declare const XRPIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Percent */
+export declare const PercentIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Firewall / Security */
+export declare const FirewallIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Home */
+export declare const HomeIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Event */
+export declare const EventIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** Hand Record */
+export declare const HandRecordIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+/** More */
+export declare const MoreIcon: ({ size, color, style, className }: IconProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/Poker/PokerCard.d.ts

@@ -1,28 +1,27 @@
 import { default as React } from 'react';
+import { ThemeMode } from '../../tokens/semantic';
 
-export type PokerCardState = 'default' | 'add' | 'back' | 'pending' | 'option';
-export type PokerCardSuit = 'heart' | 'spade' | 'diamond' | 'club' | 'empty' | 'number' | 'both';
-export interface PokerCardProps {
-    /** Card state */
-    state?: PokerCardState;
-    /** Card suit */
-    suit?: PokerCardSuit;
-    /** Card value (for default state) */
-    value?: string;
-    /** Whether the card is selected */
-    selected?: boolean;
-    /** Click handler */
-    onClick?: () => void;
-    /** Custom style */
+export type Suit = 'spades' | 'clubs' | 'hearts' | 'diamonds';
+export interface PokerCard {
+    suit: Suit;
+    rank: string;
+}
+export interface RotatedCardsProps {
+    cards: (PokerCard | null)[];
     style?: React.CSSProperties;
+    theme?: ThemeMode;
 }
-export declare const PokerCard: ({ state, suit, value, selected, onClick, style, }: PokerCardProps) => import("react/jsx-runtime").JSX.Element;
-export interface PokerCardGroupProps {
-    /** Array of cards */
-    cards: PokerCardProps[];
-    /** Gap between cards */
-    gap?: number;
-    /** Custom style */
+export declare const SuitIcon: ({ suit, theme }: {
+    suit: Suit;
+    theme?: ThemeMode;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface PokerCardProps {
+    card: PokerCard | null;
     style?: React.CSSProperties;
+    theme?: ThemeMode;
+    selected?: boolean;
 }
-export declare const PokerCardGroup: ({ cards, gap, style }: PokerCardGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PokerCardComponent: ({ card, style, theme, selected }: PokerCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PokerCard: ({ card, style, theme, selected }: PokerCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleCard: ({ card, style, theme, selected }: PokerCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RotatedCards: ({ cards, style, theme }: RotatedCardsProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1 @@
 export * from './PokerCard';
-export * from './PokerPlayer';
-export * from './PokerStatusIndicator';
-export * from './PokerTable';