@gamecp/ui 0.1.32 → 0.1.34

package/dist/index.d.mts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { ButtonHTMLAttributes, ReactNode, AnchorHTMLAttributes } from 'react';
 import { IconType } from 'react-icons';
 
-type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'gray' | 'purple' | 'pink' | 'indigo' | 'amber' | 'orange' | 'yellow' | 'teal' | 'cyan' | 'lime' | 'emerald' | 'rose' | 'sky' | 'violet' | 'fuchsia' | 'custom';
+type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'gray' | 'purple' | 'pink' | 'indigo' | 'amber' | 'yellow' | 'orange' | 'teal' | 'cyan' | 'lime' | 'emerald' | 'rose' | 'sky' | 'violet' | 'fuchsia' | 'amber' | 'custom';
 type BadgeSize = 'sm' | 'md' | 'lg';
 interface BadgeProps {
     children: React__default.ReactNode;
@@ -71,12 +71,11 @@ interface CardProps extends AccordionCardProps, StatusCardProps {
     overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
     minHeight?: string;
     maxHeight?: string;
-    id?: string;
     headerBorder?: string;
     headerBg?: string;
     headerStatus?: 'online' | 'offline' | 'maintenance' | 'error' | 'restarting' | 'starting' | 'success' | 'info' | 'updating' | 'unknown';
 }
-declare function Card({ children, className, onClick, disabled, padding, borderAccent, variant, overflow, minHeight, maxHeight, hover, clickable, title, subtitle, description, icon: Icon, iconColor, iconSize, actionButton, headerClassName, accordion, defaultExpanded, onToggle, contentClassName, status, statusIcon, statusText, headerBorder, headerBg, headerStatus, id, }: CardProps): react_jsx_runtime.JSX.Element;
+declare function Card({ children, className, onClick, disabled, padding, borderAccent, variant, overflow, minHeight, maxHeight, hover, clickable, title, subtitle, description, icon: Icon, iconColor, iconSize, actionButton, headerClassName, accordion, defaultExpanded, onToggle, contentClassName, status, statusIcon, statusText, headerBorder, headerBg, headerStatus, }: CardProps): react_jsx_runtime.JSX.Element;
 
 interface ConfirmDialogOptions {
     title: string;
@@ -138,18 +137,18 @@ declare const EmptyState: React__default.FC<EmptyStateProps>;
 interface SelectOption {
     value: string;
     label: string;
-    description?: string;
+    description?: React__default.ReactNode;
 }
 type IconConfig = React__default.ReactNode | {
     left?: React__default.ReactNode;
     right?: React__default.ReactNode;
 };
 interface FormInputProps {
-    label?: string;
+    label: string;
     name: string;
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'select' | 'checkbox' | 'textarea' | 'color';
     value: string | number | boolean;
-    onChange: (e: React__default.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => void;
+    onChange: (e: React__default.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     placeholder?: string;
     required?: boolean;
     disabled?: boolean;
@@ -178,8 +177,16 @@ interface FormInputProps {
     isLoading?: boolean;
     copyable?: boolean;
     readOnly?: boolean;
+    sideActionTabbable?: boolean;
+    inputRef?: React__default.RefObject<HTMLInputElement | HTMLTextAreaElement>;
+    variablePicker?: {
+        mode?: 'predefined' | 'fields' | 'both' | 'environment' | 'admin' | 'all';
+        fields?: any[];
+        environmentVars?: Record<string, any>;
+        adminEnvironmentVars?: Record<string, any>;
+    };
 }
-declare function FormInput({ label, name, type, value, onChange, placeholder, required, disabled, error, className, inputClassName, min, max, step, maxLength, autoComplete, description, footerDescription, autoFocus, onKeyDown, onBlur, icon, options, multiSelect, selectWidth, searchable, clearable, rows, showHidePassword, onGeneratePassword, isLoading, copyable, readOnly, }: FormInputProps): react_jsx_runtime.JSX.Element;
+declare function FormInput({ label, name, type, value, onChange, placeholder, required, disabled, error, className, inputClassName, min, max, step, maxLength, autoComplete, description, footerDescription, autoFocus, onKeyDown, onBlur, icon, options, multiSelect, selectWidth, searchable, clearable, rows, showHidePassword, onGeneratePassword, isLoading, copyable, readOnly, sideActionTabbable, inputRef, variablePicker, }: FormInputProps): react_jsx_runtime.JSX.Element;
 
 interface FormSectionProps {
     title: string;
@@ -202,8 +209,37 @@ interface InfoBoxProps {
     children: React__default.ReactNode;
     variant?: 'default' | 'warning' | 'info' | 'success' | 'danger';
     className?: string;
+    /** Compact mode for inline usage */
+    compact?: boolean;
 }
-declare function InfoBox({ title, children, variant, className }: InfoBoxProps): react_jsx_runtime.JSX.Element;
+/**
+ * @deprecated Use Notice component instead. InfoBox is now a wrapper around Notice.
+ */
+declare function InfoBox({ title, children, variant, className, compact, }: InfoBoxProps): react_jsx_runtime.JSX.Element;
+
+interface NoticeProps {
+    /** Main content of the notice */
+    children: React__default.ReactNode;
+    /** Variant type of the notice */
+    variant?: 'info' | 'warning' | 'success' | 'danger' | 'default';
+    /** Icon to display. If not provided, uses default for variant */
+    icon?: React__default.ReactNode;
+    /** Optional title */
+    title?: string | React__default.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether to show the icon */
+    showIcon?: boolean;
+    /** Custom content to the right (e.g., a toggle button) */
+    action?: React__default.ReactNode;
+    /** Compact mode for inline usage (less padding, smaller text) */
+    compact?: boolean;
+}
+declare function Notice({ children, variant, icon, title, className, showIcon, action, compact, }: NoticeProps): react_jsx_runtime.JSX.Element;
+declare function InfoNotice(props: Omit<NoticeProps, 'variant'>): react_jsx_runtime.JSX.Element;
+declare function WarningNotice(props: Omit<NoticeProps, 'variant'>): react_jsx_runtime.JSX.Element;
+declare function SuccessNotice(props: Omit<NoticeProps, 'variant'>): react_jsx_runtime.JSX.Element;
+declare function DangerNotice(props: Omit<NoticeProps, 'variant'>): react_jsx_runtime.JSX.Element;
 
 interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     href: string;
@@ -244,10 +280,12 @@ interface ModalProps {
     className?: string;
     footer?: ReactNode;
     fullScreen?: boolean;
+    fullHeight?: boolean;
     noPadding?: boolean;
     footerBg?: 'white' | 'gray';
     variant?: 'default' | 'plain';
     scrollable?: boolean;
+    hasUnsavedChanges?: boolean;
     'aria-describedby'?: string;
     customStyles?: {
         container?: string;
@@ -257,7 +295,7 @@ interface ModalProps {
         footer?: string;
     };
 }
-declare function Modal({ isOpen, onClose, children, title, header, blocking, size, className, footer, fullScreen, noPadding, footerBg, variant, scrollable, 'aria-describedby': ariaDescribedBy, customStyles, }: ModalProps): React$1.ReactPortal | null;
+declare function Modal({ isOpen, onClose, children, title, header, blocking, size, className, footer, fullScreen, fullHeight, noPadding, footerBg, variant, scrollable, hasUnsavedChanges, 'aria-describedby': ariaDescribedBy, customStyles, }: ModalProps): React$1.ReactPortal | null;
 
 interface PageHeaderProps {
     icon?: IconType;
@@ -279,9 +317,12 @@ interface SwitchProps {
     className?: string;
     size?: 'sm' | 'md' | 'lg';
     variant?: SwitchVariant;
-    labelPosition?: 'left' | 'right';
+    tooltipId?: string;
+    tooltipContent?: string;
 }
-declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, labelPosition, }: SwitchProps): react_jsx_runtime.JSX.Element;
+declare function Switch({ checked, onChange, disabled, label, description, className, size, variant, labelPosition, tooltipId, tooltipContent, }: SwitchProps & {
+    labelPosition?: 'left' | 'right';
+}): react_jsx_runtime.JSX.Element;
 
 interface SmartDropdownProps {
     isOpen: boolean;
@@ -557,7 +598,7 @@ declare function FilterToggleButton({ isOpen, onClick, onClear, activeCount, cla
 }): react_jsx_runtime.JSX.Element;
 declare function MobileSearchLayout({ searchInput, filters, viewControls, activeFilterCount, onClearFilters, className, filterInline, searchButton, }: {
     searchInput: ReactNode;
-    filters: ReactNode;
+    filters?: ReactNode;
     viewControls?: ReactNode;
     activeFilterCount?: number;
     onClearFilters?: () => void;
@@ -576,32 +617,37 @@ declare function ViewToggle({ currentView, onViewChange, className, }: ViewToggl
 interface ActionButtonProps {
     icon?: React__default.ComponentType<{
         className?: string;
+        size?: number;
+        style?: React__default.CSSProperties;
     }>;
     label?: string;
-    onClick?: () => void | Promise<void>;
+    onClick?: () => void | Promise<any>;
     href?: string;
     disabled?: boolean;
     loading?: boolean;
     loadingIcon?: React__default.ComponentType<{
         className?: string;
+        size?: number;
+        style?: React__default.CSSProperties;
     }>;
     disableLoadingSpin?: boolean;
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     iconOnly?: boolean;
     className?: string;
     title?: string;
     tooltipId?: string;
+    tooltipContent?: string;
     tooltipPlace?: 'top' | 'bottom' | 'left' | 'right';
     tooltipOffset?: number;
     tooltipDelayShow?: number;
     tooltipDelayHide?: number;
     type?: 'button' | 'submit' | 'reset';
-    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'edit' | 'delete' | 'deactivate' | 'activate' | 'view' | 'metrics' | 'start' | 'stop' | 'restart' | 'pause' | 'clone';
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'edit' | 'delete' | 'deactivate' | 'activate' | 'view' | 'metrics' | 'start' | 'stop' | 'restart' | 'pause' | 'clone' | 'input';
     terminalMode?: boolean;
     fill?: boolean;
     [key: string]: any;
 }
-declare function ActionButton({ icon: IconComponent, label, onClick, href, disabled, size, iconOnly, className, title, tooltipId, tooltipPlace, tooltipOffset, tooltipDelayShow, tooltipDelayHide, type, variant, terminalMode, fill, loading: externalLoading, // Extract loading prop to prevent it from being passed to DOM
+declare function ActionButton({ icon: IconComponent, label, onClick, href, disabled, size, iconOnly, className, title, tooltipId, tooltipContent, tooltipPlace, tooltipOffset, tooltipDelayShow, tooltipDelayHide, type, variant, terminalMode, fill, loading: externalLoading, // Extract loading prop to prevent it from being passed to DOM
 loadingIcon: LoadingIconComponent, // Custom loading icon
 disableLoadingSpin, // Disable spin animation for custom loading icons
 ...restProps }: ActionButtonProps): react_jsx_runtime.JSX.Element;
@@ -615,8 +661,9 @@ interface SharedTooltipProps {
     className?: string;
     style?: React__default.CSSProperties;
     children?: React__default.ReactNode;
+    variant?: 'default' | 'help';
 }
-declare function SharedTooltip({ id, place, offset, delayShow, delayHide, className, style, children, }: SharedTooltipProps): react_jsx_runtime.JSX.Element;
+declare function SharedTooltip({ id, place, offset, delayShow, delayHide, className, style, children, variant, }: SharedTooltipProps): react_jsx_runtime.JSX.Element;
 
 interface SpinnerProps {
     size?: 'sm' | 'md' | 'lg' | 'xl';
@@ -643,6 +690,306 @@ interface IconButtonWithCountProps {
 }
 declare function IconButtonWithCount({ icon, label, count, onClick, onClear, showLabel, className, buttonClassName, countVariant, clearVariant, tooltipId, tooltipContent, clearTooltipId, clearTooltipContent, }: IconButtonWithCountProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Single dropdown item - flexible to support menus, selects, filters
+ */
+interface DropdownItem$1 {
+    /** Unique value for selection */
+    value: string;
+    /** Display label - string or ReactNode */
+    label: ReactNode;
+    /** Optional description/subtitle */
+    description?: ReactNode;
+    /** Optional icon (React component, element, or null) */
+    icon?: ReactNode;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Visual variant for the item */
+    variant?: 'default' | 'danger' | 'success' | 'warning';
+    /** Optional example text (for variable inputs) */
+    example?: string;
+    /** Any additional metadata */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * Pagination info for dropdown footer
+ */
+interface DropdownPaginationInfo {
+    page: number;
+    limit: number;
+    total: number;
+    pages: number;
+    hasNext: boolean;
+    hasPrev: boolean;
+}
+/**
+ * Position options for dropdown placement
+ */
+type DropdownPosition = 'auto' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-left-aligned' | 'bottom-left-aligned';
+/**
+ * Base props shared by all dropdown variants
+ */
+interface DropdownBaseProps {
+    /** The trigger element that opens the dropdown */
+    trigger: ReactNode;
+    /** Whether the dropdown is disabled */
+    disabled?: boolean;
+    /** Width of dropdown panel */
+    width?: number | 'auto' | 'fit-content';
+    /** Max height before scrolling */
+    maxHeight?: number;
+    /** Offset from trigger */
+    offset?: number;
+    /** Position preference */
+    position?: DropdownPosition;
+    /** Custom className for dropdown panel */
+    className?: string;
+    /** Custom className for trigger wrapper (for width classes like w-full) */
+    triggerClassName?: string;
+    /** ID for accessibility */
+    id?: string;
+    /** Called when dropdown opens - useful for lazy loading */
+    onOpen?: () => void;
+    /** Called when dropdown closes */
+    onClose?: () => void;
+}
+/**
+ * Props for item-based dropdowns (menus, selects)
+ */
+interface DropdownItemsProps {
+    /** Array of items to display */
+    items: DropdownItem$1[];
+    /** Currently selected value(s) */
+    value?: string | string[];
+    /** Selection change handler */
+    onChange?: (value: string | string[]) => void;
+    /** Allow multiple selections */
+    multiple?: boolean;
+    /** Close dropdown after selection (default: true for single, false for multiple) */
+    closeOnSelect?: boolean;
+}
+/**
+ * Props for custom content dropdowns
+ */
+interface DropdownContentProps {
+    /** Custom children content */
+    children: ReactNode;
+}
+/**
+ * Slot props for header/footer
+ */
+interface DropdownSlotProps {
+    /** Header content (search, filters, etc.) */
+    header?: ReactNode;
+    /** Footer content (pagination, actions, etc.) */
+    footer?: ReactNode;
+}
+/**
+ * Full Dropdown component props - supports items OR children
+ */
+type DropdownProps = DropdownBaseProps & DropdownSlotProps & ((DropdownItemsProps & {
+    children?: never;
+}) | (DropdownContentProps & {
+    items?: never;
+    value?: never;
+    onChange?: never;
+    multiple?: never;
+    closeOnSelect?: never;
+}));
+
+/**
+ * Core Dropdown component
+ *
+ * Handles:
+ * - Open/close state management
+ * - Portal-based positioning
+ * - Animation
+ * - Click-outside-to-close
+ * - Resize/scroll repositioning
+ * - Keyboard (Escape to close)
+ *
+ * Use with `items` for standard menus/selects,
+ * or `children` for custom content.
+ */
+declare function Dropdown({ trigger, disabled, width, maxHeight, offset, position, className, triggerClassName, id, header, footer, onOpen, onClose, items, value, onChange, multiple, closeOnSelect, children, }: DropdownProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownItemProps {
+    item: DropdownItem$1;
+    selected?: boolean;
+    multiple?: boolean;
+    onClick: () => void;
+}
+/**
+ * Single dropdown item renderer
+ * Supports icon, label, description, and selection state
+ */
+declare function DropdownItem({ item, selected, multiple, onClick, }: DropdownItemProps): react_jsx_runtime.JSX.Element;
+
+interface SelectProps {
+    /** Options to choose from */
+    options: DropdownItem$1[];
+    /** Currently selected value (string for single, string[] for multiple) */
+    value?: string | string[];
+    /** Selection change handler */
+    onChange: (value: string | string[]) => void;
+    /** Placeholder when nothing selected */
+    placeholder?: string;
+    /** Enable search/filter */
+    searchable?: boolean;
+    /** Server-side search callback */
+    onSearch?: (search: string) => void;
+    /** Show loading state */
+    isLoading?: boolean;
+    /** Allow multiple selections */
+    multiple?: boolean;
+    /** Allow clearing selection */
+    clearable?: boolean;
+    /** Dropdown width */
+    width?: number | 'auto';
+    /** Max dropdown height */
+    maxHeight?: number;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Additional className for trigger */
+    className?: string;
+    /** Optional icon for trigger */
+    icon?: React.ReactNode;
+    /** Pagination data */
+    pagination?: DropdownPaginationInfo;
+    /** Page change handler */
+    onPageChange?: (page: number) => void;
+    /** Called when dropdown opens */
+    onOpen?: () => void;
+    /** Called when dropdown closes */
+    onClose?: () => void;
+    /** Visual variant */
+    variant?: 'default' | 'compact';
+    /** Custom render for selected value display */
+    renderSelected?: (option: DropdownItem$1) => ReactNode;
+    /** Keep dropdown open after selection (useful for multi-select) */
+    keepOpen?: boolean;
+}
+/**
+ * Select preset - combines Dropdown with SelectTrigger
+ * Replaces SmartSelect with a cleaner API
+ */
+declare function Select({ options, value, onChange, placeholder, searchable, onSearch, isLoading, multiple, clearable, width, maxHeight, disabled, className, icon, pagination, onPageChange, onOpen, onClose, variant, renderSelected, keepOpen, }: SelectProps): react_jsx_runtime.JSX.Element;
+
+type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2' | '3' | '4' | '5' | '6';
+interface DropDownArrowProps {
+    isOpen: boolean;
+    disabled?: boolean;
+    size?: Size;
+    color?: 'default' | 'gray' | 'primary' | 'secondary' | 'destructive' | 'currentColor' | 'danger';
+    className?: string;
+    'aria-hidden'?: boolean;
+}
+declare const colorClasses: {
+    default: string;
+    currentColor: string;
+    gray: string;
+    primary: string;
+    secondary: string;
+    destructive: string;
+    danger: string;
+};
+declare function DropDownArrow({ isOpen, disabled, size, color, className, 'aria-hidden': ariaHidden, }: DropDownArrowProps & {
+    color?: keyof typeof colorClasses;
+}): react_jsx_runtime.JSX.Element;
+
+interface ErrorMessageProps {
+    message: string | React__default.ReactNode;
+    type?: 'error' | 'warning' | 'success' | 'info' | 'unsaved';
+    className?: string;
+    icon?: React__default.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    /** Action button configuration for unsaved type */
+    actionButton?: {
+        text: string;
+        loadingText?: string;
+        isLoading?: boolean;
+        onClick: () => void;
+        icon?: React__default.ReactNode;
+    };
+}
+declare function ErrorMessage({ message, type, className, icon, dismissible, onDismiss, actionButton, }: ErrorMessageProps): react_jsx_runtime.JSX.Element;
+declare function ErrorAlert({ message, className, dismissible, onDismiss, }: Omit<ErrorMessageProps, 'type'>): react_jsx_runtime.JSX.Element;
+declare function SuccessAlert({ message, className, dismissible, onDismiss, }: Omit<ErrorMessageProps, 'type'>): react_jsx_runtime.JSX.Element;
+declare function WarningAlert({ message, className, dismissible, onDismiss, }: Omit<ErrorMessageProps, 'type'>): react_jsx_runtime.JSX.Element;
+declare function InfoAlert({ message, className, dismissible, onDismiss, icon, }: Omit<ErrorMessageProps, 'type'>): react_jsx_runtime.JSX.Element;
+declare function UnsavedAlert({ message, className, actionButton, }: Omit<ErrorMessageProps, 'type' | 'dismissible' | 'onDismiss'>): react_jsx_runtime.JSX.Element;
+
+interface UnsavedChangesNotificationProps {
+    /** Whether to show the notification */
+    show: boolean;
+    /** Variant style - 'banner' for full-width banner, 'compact' for inline notification */
+    variant?: 'banner' | 'compact';
+    /** Custom message text */
+    message?: string;
+    /** Custom subtitle text (only used in banner variant) */
+    subtitle?: string;
+    /** Whether the save button is loading */
+    isSaving?: boolean;
+    /** Save button text */
+    saveButtonText?: string;
+    /** Save button loading text */
+    saveButtonLoadingText?: string;
+    /** Callback when save button is clicked */
+    onSave?: () => void;
+    /** Additional CSS classes */
+    className?: string;
+    /** Whether to show the save button */
+    showSaveButton?: boolean;
+}
+declare function UnsavedChangesNotification({ show, variant, message, subtitle, isSaving, saveButtonText, saveButtonLoadingText, onSave, className, showSaveButton, }: UnsavedChangesNotificationProps): react_jsx_runtime.JSX.Element | null;
+
+interface VariableItem {
+    key: string;
+    name: string;
+    description: string;
+    example: string;
+    category: 'server' | 'network' | 'game' | 'system' | 'field' | 'environment' | 'admin';
+    type?: 'predefined' | 'field' | 'environment' | 'admin';
+}
+interface VariableSelectorProps {
+    onSelectVariable: (variable: VariableItem) => void;
+    className?: string;
+    buttonText?: string;
+    buttonClassName?: string;
+    buttonTitle?: string;
+    tooltipId?: string;
+    mode?: 'predefined' | 'fields' | 'both' | 'environment' | 'admin' | 'all';
+    fields?: any[];
+    environmentVars?: Record<string, any>;
+    adminEnvironmentVars?: Record<string, any>;
+    showSearch?: boolean;
+    showCategories?: boolean;
+    placeholder?: string;
+}
+declare function VariableSelector({ onSelectVariable, className, buttonText, buttonClassName, buttonTitle, tooltipId, mode, fields, environmentVars, adminEnvironmentVars, showSearch, showCategories, placeholder, }: VariableSelectorProps): react_jsx_runtime.JSX.Element;
+interface VariableInputProps {
+    name?: string;
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    error?: string;
+    className?: string;
+    autoFocus?: boolean;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    multiline?: boolean;
+    rows?: number;
+    disabled?: boolean;
+    description?: string | React.ReactNode;
+    footerDescription?: string | React.ReactNode;
+    mode?: 'predefined' | 'fields' | 'both' | 'environment' | 'admin' | 'all';
+    fields?: any[];
+    environmentVars?: Record<string, any>;
+    adminEnvironmentVars?: Record<string, any>;
+}
+declare function VariableInput({ name, label, value, onChange, placeholder, error, className, autoFocus, onKeyDown, multiline, rows, disabled, description, footerDescription, mode, fields, environmentVars, adminEnvironmentVars, }: VariableInputProps): react_jsx_runtime.JSX.Element;
+
 /**
  * @gamecp/ui - GameCP UI Component Library
  *
@@ -650,6 +997,6 @@ declare function IconButtonWithCount({ icon, label, count, onClick, onClear, sho
  * All components are built with TypeScript and Tailwind CSS.
  */
 
-declare const VERSION = "0.1.3";
+declare const VERSION = "0.1.35";
 
-export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, SharedTooltip, SidebarNavItem, type SidebarNavItemProps, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, useConfirmDialog };
+export { ActionButton, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, type ButtonSize, type ButtonVariant, Card, ConfirmDialog, type ConfirmDialogOptions, Container, DangerNotice, DataTable, DataTableActions, DataTableBody, DataTableCell, DataTableEmptyState, DataTableHeader, DataTableHeaderCell, DataTableLoadingState, DataTableRow, DropDownArrow, Dropdown, DropdownItem, EmptyState, ErrorAlert, ErrorMessage, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoAlert, InfoBox, InfoNotice, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, Notice, PageHeader, RefreshButton, SearchCard, SearchCardContent, SearchCardHeader, SearchInput, Select, SharedTooltip, SidebarNavItem, type SidebarNavItemProps, Skeleton, SkeletonCard, SkeletonEnvironmentsList, SkeletonForm, SkeletonGameCard, SkeletonGameServerCard, SkeletonGameServerCards, SkeletonGameServerTable, SkeletonGamesTable, SkeletonItem, SkeletonList, SkeletonNodeCard, SkeletonNodeCards, SkeletonNodeTable, SkeletonRecentActivity, SkeletonSearchCard, SkeletonStats, SkeletonTable, SkeletonTenantCard, SkeletonUserCard, SmartDropdown, SmartSelect, Spinner, StatusBadge, StickyActionsColumn, SuccessAlert, SuccessNotice, Switch, type SwitchVariant, Typography, UnsavedAlert, UnsavedChangesNotification, VERSION, VariableInput, VariableSelector, ViewToggle, WarningAlert, WarningNotice, useConfirmDialog };