@cytario/design 9.3.1 → 9.5.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps as ButtonProps$1, LinkProps as LinkProps$1, ToggleButtonProps as ToggleButtonProps$1, TextFieldProps, TextField, ColorField, SelectProps as SelectProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, TableProps, RowProps as RowProps$1, TableBodyProps, TableHeaderProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, LabelProps as LabelProps$1, Selection, PressEvent, PopoverProps as PopoverProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, ToggleButtonGroupProps, Key } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, LinkProps as LinkProps$1, ToggleButtonProps as ToggleButtonProps$1, TextFieldProps, TextField, ColorField, SelectProps as SelectProps$1, CellProps as CellProps$1, ColumnProps as ColumnProps$1, TableProps, RowProps as RowProps$1, TableBodyProps, TableHeaderProps, CheckboxProps as CheckboxProps$1, SwitchFieldProps, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, LabelProps as LabelProps$1, Selection, PressEvent, PopoverProps as PopoverProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, ToggleButtonGroupProps, Key } from 'react-aria-components';
 export { Key, RouterConfig, RouterProvider, Tab as UnstyledTab, TabList as UnstyledTabList, TabPanel as UnstyledTabPanel, Tabs as UnstyledTabs } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
@@ -17,9 +17,14 @@ declare function Logo({ color, highlightColor, scale, className, }: LogoProps):
 
 type ButtonSize = "xs" | "sm" | "md" | "lg";
 type ButtonVariant = "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "neutral" | "outline" | "ghost";
+declare const variantStyles: Record<ButtonVariant, string>;
+/** Selected (toggled-on) background per variant — reuses each variant's pressed
+ * tone. Keyed on react-aria's `data-selected` (`selected:`), so it only takes
+ * effect on ToggleButton-backed components. Literal classes for Tailwind. */
+declare const selectedStyles: Record<ButtonVariant, string>;
 
 /** Union of every registered icon name. */
-type IconName = "AlertCircle" | "AlertTriangle" | "AlignCenter" | "AlignLeft" | "AlignRight" | "Archive" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowUpRight" | "Ban" | "Bookmark" | "BookmarkCheck" | "Braces" | "Building2" | "Calendar" | "Check" | "CheckCircle" | "CheckCircle2" | "ChevronDown" | "ChevronRight" | "ChevronUp" | "Circle" | "CircleDot" | "CircleSlash" | "Clock" | "Cloud" | "Columns2" | "Columns3" | "Copy" | "CreditCard" | "Database" | "Download" | "Edit" | "EllipsisVertical" | "ExternalLink" | "Eye" | "EyeOff" | "File" | "FileSearch" | "FileSpreadsheet" | "FilterX" | "Folder" | "FolderPlus" | "FolderTree" | "Fullscreen" | "Github" | "Grid2x2" | "Grid3x3" | "Hand" | "Heart" | "Image" | "ImageOff" | "Inbox" | "Info" | "KeyRound" | "Lasso" | "Layers" | "Layers2" | "LayoutDashboard" | "LayoutGrid" | "Linkedin" | "List" | "ListFilter" | "LogOut" | "Mail" | "MapPin" | "Maximize" | "Menu" | "Microscope" | "Minus" | "MoreVertical" | "Move" | "Network" | "PanelLeftClose" | "PanelLeftOpen" | "PanelRightClose" | "PanelRightOpen" | "Pencil" | "Pentagon" | "Plug" | "Plus" | "Power" | "PowerOff" | "RefreshCw" | "RotateCcw" | "RotateCw" | "ScrollText" | "Search" | "SearchX" | "Send" | "Settings" | "Shield" | "ShieldCheck" | "Spline" | "Square" | "SquarePen" | "Star" | "Table" | "Tag" | "Trash2" | "Unplug" | "User" | "UserMinus" | "UserPlus" | "Users" | "UsersRound" | "X" | "XCircle" | "ZoomIn" | "ZoomOut";
+type IconName = "AlertCircle" | "AlertTriangle" | "AlignCenter" | "AlignLeft" | "AlignRight" | "Archive" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowUpRight" | "Ban" | "Bookmark" | "BookmarkCheck" | "Braces" | "Building2" | "Calendar" | "Check" | "CheckCircle" | "CheckCircle2" | "ChevronDown" | "ChevronRight" | "ChevronUp" | "Circle" | "CircleDot" | "CircleSlash" | "Clock" | "Cloud" | "Columns2" | "Columns3" | "Copy" | "CreditCard" | "Crosshair" | "Database" | "Download" | "Edit" | "EllipsisVertical" | "ExternalLink" | "Eye" | "EyeOff" | "File" | "FileSearch" | "FileSpreadsheet" | "FilterX" | "Folder" | "FolderPlus" | "FolderTree" | "Fullscreen" | "Github" | "Grid2x2" | "Grid3x3" | "Hand" | "Heart" | "Image" | "ImageOff" | "Inbox" | "Info" | "KeyRound" | "Lasso" | "Layers" | "Layers2" | "LayoutDashboard" | "LayoutGrid" | "Linkedin" | "List" | "ListFilter" | "LogOut" | "Mail" | "MapPin" | "Maximize" | "Menu" | "Microscope" | "Minus" | "MoreVertical" | "Move" | "Network" | "PanelLeftClose" | "PanelLeftOpen" | "PanelRightClose" | "PanelRightOpen" | "Pencil" | "Pentagon" | "Plug" | "Plus" | "Power" | "PowerOff" | "RefreshCw" | "RotateCcw" | "RotateCw" | "ScrollText" | "Search" | "SearchX" | "Send" | "Settings" | "Shield" | "ShieldCheck" | "Spline" | "Square" | "SquarePen" | "Star" | "Table" | "Tag" | "Trash2" | "Unplug" | "User" | "UserMinus" | "UserPlus" | "Users" | "UsersRound" | "X" | "XCircle" | "ZoomIn" | "ZoomOut";
 /**
  * Allowlist of icons available by name. Keys mirror the Lucide export name so
  * call sites read `<Icon icon="Search" />`. Add an entry here (and to IconName
@@ -41,6 +46,8 @@ interface IconProps {
 /** An icon rendered at one of the design system's preset sizes. */
 declare function Icon({ icon, size, strokeWidth, className, }: IconProps): react_jsx_runtime.JSX.Element;
 
+/** Layout, shape and state classes shared by the text buttons (Button, ButtonLink). */
+declare const buttonBaseClass = "\n  inline-flex items-center justify-center gap-2 shrink-0 cursor-pointer\n  rounded-full\n  font-medium\n  leading-none\n  outline-none transition-colors no-underline\n  focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\n  disabled:opacity-50 disabled:pointer-events-none\n";
 /** Shared visual props for the button family (Button, ButtonLink). */
 interface ButtonBaseProps {
     variant?: ButtonVariant;
@@ -178,6 +185,7 @@ type IconButtonLinkProps = Omit<ButtonLinkProps, "iconLeft" | "iconRight" | "chi
     ref?: Ref<HTMLAnchorElement>;
 };
 declare function IconButtonLink(props: IconButtonLinkProps): react_jsx_runtime.JSX.Element;
+/** @deprecated Use IconButton with aria-pressed instead. No consumers remain. */
 type IconButtonToggleProps = Omit<ToggleButtonProps$1, "className" | "children"> & {
     icon: IconValue;
     label: string;
@@ -186,7 +194,7 @@ type IconButtonToggleProps = Omit<ToggleButtonProps$1, "className" | "children">
     isLoading?: boolean;
     ref?: Ref<HTMLButtonElement>;
 };
-/** Icon button with a persistent on/off state (react-aria ToggleButton): `isSelected` toggles `aria-pressed` and the selected background. */
+/** @deprecated Use IconButton with aria-pressed instead. No consumers remain. */
 declare function IconButtonToggle(props: IconButtonToggleProps): react_jsx_runtime.JSX.Element;
 
 interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
@@ -197,11 +205,12 @@ interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
     errorMessage?: string;
     type?: "text" | "email" | "password" | "number";
     size?: ButtonSize;
-    prefix?: string;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
     align?: "left" | "center" | "right";
     className?: string;
 }
-declare function Input({ as: FieldProp, label, placeholder, description, errorMessage, type, size, prefix, align, isDisabled, isRequired, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ as: FieldProp, label, placeholder, description, errorMessage, type, size, prefix, suffix, align, isDisabled, isRequired, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
 interface InputPasswordProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
     label?: string;
@@ -330,11 +339,9 @@ interface CheckboxProps extends Omit<CheckboxProps$1, "children" | "className">
 }
 declare function Checkbox({ children, className, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
 
-type PresetColor = "primary" | "success" | "destructive";
-interface SwitchProps extends Omit<SwitchProps$1, "children" | "className"> {
+interface SwitchProps extends Omit<SwitchFieldProps, "children" | "className"> {
     children?: React__default.ReactNode;
-    /** Preset color name or any valid CSS color string for the track when selected */
-    color?: PresetColor | (string & {});
+    color?: string;
     className?: string;
 }
 declare function Switch({ children, color, className, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
@@ -769,6 +776,10 @@ interface PathPillProps {
 }
 declare function PathPill({ children, visibleCount, colorFn, className, }: PathPillProps): react_jsx_runtime.JSX.Element | null;
 
+interface MetricTextProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+}
+declare function MetricText({ className, ...rest }: MetricTextProps): react_jsx_runtime.JSX.Element;
+
 interface FormWizardContextValue {
     /** Zero-based index of the currently active step */
     currentStep: number;
@@ -810,4 +821,4 @@ interface FormWizardNavProps {
 }
 declare function FormWizardNav({ onNext, isSubmitting, submitLabel, }: FormWizardNavProps): react_jsx_runtime.JSX.Element;
 
-export { Badge, type BadgeColor, type BadgeProps, type BadgeSize, Banner, type BannerProps, type BannerVariant, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Cell, Checkbox, type CheckboxProps, Column, type DataTableProps, type DeltaFormat, DeltaIndicator, type DeltaIndicatorProps, type DeltaMode, Description, DescriptionList, type DescriptionListItemProps, type DescriptionListLayout, type DescriptionListProps, type DescriptionProps, type DescriptionSize, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FormWizard, type FormWizardContextValue, FormWizardNav, type FormWizardNavProps, FormWizardProgress, type FormWizardProgressProps, type FormWizardProps, H1, H2, H3, H4, H5, H6, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, Icon, IconButton, IconButtonLink, type IconButtonLinkProps, type IconButtonProps, IconButtonToggle, type IconButtonToggleProps, type IconComponent, type IconName, type IconProps, type IconValue, Input, InputPassword, type InputPasswordProps, type InputProps, Label, type LabelProps, Link, type LinkProps, type LinkVariant, Logo, type LogoProps, Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuHeader, type MenuHeaderProps, MenuItem, type MenuItemData, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MetricCard, type MetricCardProps, type MetricCardSize, PathPill, type PathPillProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, Prose, type ProseProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Row, SectionHeader, type SectionHeaderProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, type SegmentedControlSelectionMode, type SegmentedControlSize, Select, type SelectItem, type SelectProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableSize, Tabs, type TabsProps, type TabsSize, type TabsVariant, type ToastBridge, type ToastContextValue, type ToastData, type ToastPlacement, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleButton, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonVariant, Tooltip, type TooltipProps, TruncatedText, type TruncatedTextProps, type UseContextMenuProps, type UseContextMenuResult, createToastBridge, iconRegistry, pillColorFromName, useContextMenu, useFormWizard, useToast };
+export { Badge, type BadgeColor, type BadgeProps, type BadgeSize, Banner, type BannerProps, type BannerVariant, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Cell, Checkbox, type CheckboxProps, Column, type DataTableProps, type DeltaFormat, DeltaIndicator, type DeltaIndicatorProps, type DeltaMode, Description, DescriptionList, type DescriptionListItemProps, type DescriptionListLayout, type DescriptionListProps, type DescriptionProps, type DescriptionSize, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FormWizard, type FormWizardContextValue, FormWizardNav, type FormWizardNavProps, FormWizardProgress, type FormWizardProgressProps, type FormWizardProps, H1, H2, H3, H4, H5, H6, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, Icon, IconButton, IconButtonLink, type IconButtonLinkProps, type IconButtonProps, IconButtonToggle, type IconButtonToggleProps, type IconComponent, type IconName, type IconProps, type IconValue, Input, InputPassword, type InputPasswordProps, type InputProps, Label, type LabelProps, Link, type LinkProps, type LinkVariant, Logo, type LogoProps, Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuHeader, type MenuHeaderProps, MenuItem, type MenuItemData, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MetricCard, type MetricCardProps, type MetricCardSize, MetricText, type MetricTextProps, PathPill, type PathPillProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, Prose, type ProseProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Row, SectionHeader, type SectionHeaderProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, type SegmentedControlSelectionMode, type SegmentedControlSize, Select, type SelectItem, type SelectProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableSize, Tabs, type TabsProps, type TabsSize, type TabsVariant, type ToastBridge, type ToastContextValue, type ToastData, type ToastPlacement, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleButton, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonVariant, Tooltip, type TooltipProps, TruncatedText, type TruncatedTextProps, type UseContextMenuProps, type UseContextMenuResult, buttonBaseClass, createToastBridge, iconRegistry, pillColorFromName, selectedStyles, useContextMenu, useFormWizard, useToast, variantStyles };