@gamecp/ui 0.1.30 → 0.1.33

package/dist/index.d.mts

@@ -202,8 +202,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;
@@ -302,11 +331,12 @@ declare function SmartDropdown({ isOpen, onClose, trigger, children, className,
 interface Option {
     value: string;
     label: string;
-    description?: string;
+    description?: React.ReactNode;
     icon?: React.ReactNode;
     metadata?: {
         isDefault?: boolean;
         args?: string[];
+        commandType?: 'command' | 'bash' | 'sh' | 'powershell';
     };
 }
 interface SmartSelectProps {
@@ -315,19 +345,21 @@ interface SmartSelectProps {
     onChange: (value: string | string[]) => void;
     placeholder?: string;
     className?: string;
-    description?: string;
+    description?: React.ReactNode;
     disabled?: boolean;
     multiple?: boolean;
-    width?: number;
+    width?: number | 'auto' | 'fit-content';
     searchable?: boolean;
     keepOpen?: boolean;
     clearable?: boolean;
+    variant?: 'default' | 'compact';
+    renderSelected?: (option: Option) => React.ReactNode;
     onOpen?: () => void;
     onClose?: () => void;
     onSearch?: (search: string) => void;
     isLoading?: boolean;
 }
-declare function SmartSelect({ options, value, onChange, placeholder, className, description, disabled, multiple, width, searchable, keepOpen, clearable, onOpen, onClose, onSearch, isLoading, }: SmartSelectProps): react_jsx_runtime.JSX.Element;
+declare function SmartSelect({ options, value, onChange, placeholder, className, description, disabled, multiple, width, searchable, keepOpen, clearable, variant, renderSelected, onOpen, onClose, onSearch, isLoading, }: SmartSelectProps): react_jsx_runtime.JSX.Element;
 
 interface SkeletonProps {
     className?: string;
@@ -649,4 +681,4 @@ declare function IconButtonWithCount({ icon, label, count, onClick, onClear, sho
 
 declare const VERSION = "0.1.3";
 
-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, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, InfoNotice, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, Notice, 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, SuccessNotice, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, WarningNotice, useConfirmDialog };

package/dist/index.d.ts

@@ -202,8 +202,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;
@@ -302,11 +331,12 @@ declare function SmartDropdown({ isOpen, onClose, trigger, children, className,
 interface Option {
     value: string;
     label: string;
-    description?: string;
+    description?: React.ReactNode;
     icon?: React.ReactNode;
     metadata?: {
         isDefault?: boolean;
         args?: string[];
+        commandType?: 'command' | 'bash' | 'sh' | 'powershell';
     };
 }
 interface SmartSelectProps {
@@ -315,19 +345,21 @@ interface SmartSelectProps {
     onChange: (value: string | string[]) => void;
     placeholder?: string;
     className?: string;
-    description?: string;
+    description?: React.ReactNode;
     disabled?: boolean;
     multiple?: boolean;
-    width?: number;
+    width?: number | 'auto' | 'fit-content';
     searchable?: boolean;
     keepOpen?: boolean;
     clearable?: boolean;
+    variant?: 'default' | 'compact';
+    renderSelected?: (option: Option) => React.ReactNode;
     onOpen?: () => void;
     onClose?: () => void;
     onSearch?: (search: string) => void;
     isLoading?: boolean;
 }
-declare function SmartSelect({ options, value, onChange, placeholder, className, description, disabled, multiple, width, searchable, keepOpen, clearable, onOpen, onClose, onSearch, isLoading, }: SmartSelectProps): react_jsx_runtime.JSX.Element;
+declare function SmartSelect({ options, value, onChange, placeholder, className, description, disabled, multiple, width, searchable, keepOpen, clearable, variant, renderSelected, onOpen, onClose, onSearch, isLoading, }: SmartSelectProps): react_jsx_runtime.JSX.Element;
 
 interface SkeletonProps {
     className?: string;
@@ -649,4 +681,4 @@ declare function IconButtonWithCount({ icon, label, count, onClick, onClear, sho
 
 declare const VERSION = "0.1.3";
 
-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, EmptyState, FilterSelect, FilterToggleButton, FormInput, FormSection, Grid, IconButtonWithCount, InfoBox, InfoNotice, Link, type LinkProps, LoadingSpinner, MobileSearchLayout, Modal, Notice, 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, SuccessNotice, Switch, type SwitchVariant, Typography, VERSION, ViewToggle, WarningNotice, useConfirmDialog };