@cytario/design 6.0.1 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,52 +1,57 @@
1
- import { ButtonProps as ButtonProps$1, TextFieldProps, TextField, ColorField, SelectProps as SelectProps$1, CellProps, ColumnProps, TableProps, RowProps, TableBodyProps, TableHeaderProps, CheckboxProps as CheckboxProps$1, SwitchProps as SwitchProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, LabelProps as LabelProps$1, LinkProps as LinkProps$1, ToggleButtonProps as ToggleButtonProps$1, Selection, PopoverProps as PopoverProps$1, TabProps as TabProps$1, TabListProps as TabListProps$1, TabPanelProps as TabPanelProps$1, TabsProps as TabsProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, Key } from 'react-aria-components';
1
+ import { ButtonProps as ButtonProps$1, LinkProps as LinkProps$1, ToggleButtonProps as ToggleButtonProps$1, TextFieldProps, TextField, ColorField, SelectProps as SelectProps$1, CellProps, ColumnProps, TableProps, RowProps, 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';
2
2
  export { Key, RouterConfig, RouterProvider, Tab as UnstyledTab, TabList as UnstyledTabList, TabPanel as UnstyledTabPanel, Tabs as UnstyledTabs } from 'react-aria-components';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import { LucideIcon } from 'lucide-react';
5
- import * as React from 'react';
6
- import React__default, { ReactNode } from 'react';
4
+ import * as React$1 from 'react';
5
+ import React__default, { ComponentType, ReactNode, Ref, InputHTMLAttributes } from 'react';
6
+ import { LucideIcon, LucideProps } from 'lucide-react';
7
7
 
8
- type Size = "xs" | "sm" | "md" | "lg";
8
+ type ButtonSize = "xs" | "sm" | "md" | "lg";
9
9
  type ButtonVariant = "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "neutral" | "outline" | "ghost";
10
10
 
11
- type ButtonSize$1 = Size;
12
- interface ButtonProps extends ButtonProps$1 {
13
- /** Visual style variant */
11
+ /** Union of every registered icon name. */
12
+ type IconName = "AlertCircle" | "AlertTriangle" | "AlignCenter" | "AlignLeft" | "AlignRight" | "Archive" | "ArrowDown" | "ArrowRight" | "ArrowUp" | "Ban" | "Bookmark" | "BookmarkCheck" | "Braces" | "Check" | "CheckCircle" | "CheckCircle2" | "ChevronDown" | "ChevronRight" | "ChevronUp" | "Circle" | "CircleDot" | "Clock" | "Cloud" | "Columns2" | "Columns3" | "Copy" | "Download" | "Edit" | "EllipsisVertical" | "ExternalLink" | "Eye" | "EyeOff" | "File" | "FileSearch" | "FileSpreadsheet" | "FilterX" | "Folder" | "FolderPlus" | "FolderTree" | "Fullscreen" | "Grid2x2" | "Grid3x3" | "Heart" | "Image" | "ImageOff" | "Inbox" | "Info" | "Lasso" | "Layers" | "Layers2" | "LayoutGrid" | "List" | "ListFilter" | "LogOut" | "Mail" | "MapPin" | "Maximize" | "Microscope" | "Minus" | "MoreVertical" | "PanelLeftClose" | "PanelLeftOpen" | "PanelRightClose" | "PanelRightOpen" | "Pencil" | "Plug" | "Plus" | "RotateCcw" | "Search" | "SearchX" | "Send" | "Settings" | "Shield" | "ShieldCheck" | "Spline" | "Square" | "Star" | "Table" | "Tag" | "Trash2" | "Unplug" | "User" | "UserMinus" | "UserPlus" | "Users" | "UsersRound" | "X" | "XCircle" | "ZoomIn" | "ZoomOut";
13
+ /**
14
+ * Allowlist of icons available by name. Keys mirror the Lucide export name so
15
+ * call sites read `<Icon icon="Search" />`. Add an entry here (and to IconName
16
+ * above) before using a new icon — the explicit map keeps the bundle
17
+ * tree-shakeable (no wildcard import of the full Lucide set).
18
+ */
19
+ declare const iconRegistry: Record<IconName, LucideIcon>;
20
+
21
+ /** Any Lucide-compatible icon component — a Lucide icon or a custom SVG. */
22
+ type IconComponent = ComponentType<LucideProps>;
23
+ /** A registered icon name, or an icon component passed directly. */
24
+ type IconValue = IconName | IconComponent;
25
+ interface IconProps {
26
+ icon: IconValue;
27
+ size?: "xs" | "sm" | "md" | "lg" | "xl";
28
+ strokeWidth?: number;
29
+ className?: string;
30
+ }
31
+ /** An icon rendered at one of the design system's preset sizes. */
32
+ declare function Icon({ icon, size, strokeWidth, className, }: IconProps): react_jsx_runtime.JSX.Element;
33
+
34
+ /** Shared visual props for the button family (Button, ButtonLink). */
35
+ interface ButtonBaseProps {
14
36
  variant?: ButtonVariant;
15
- /** Size preset */
16
- size?: ButtonSize$1;
17
- /** Shows a spinner and disables interaction */
37
+ size?: ButtonSize;
18
38
  isLoading?: boolean;
19
- /** Lucide icon rendered before children */
20
- iconLeft?: LucideIcon;
21
- /** Lucide icon rendered after children */
22
- iconRight?: LucideIcon;
39
+ iconLeft?: IconValue;
40
+ iconRight?: IconValue;
41
+ className?: string;
23
42
  }
24
- declare function Button({ variant, size, isLoading, isDisabled, iconLeft, iconRight, className, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
43
+ type ButtonProps = Omit<ButtonProps$1, "className"> & ButtonBaseProps;
44
+ declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
45
+ type ButtonLinkProps = Omit<LinkProps$1, "className"> & ButtonBaseProps;
46
+ declare function ButtonLink(props: ButtonLinkProps): react_jsx_runtime.JSX.Element;
25
47
 
26
48
  interface SpinnerProps {
27
- /** Size preset */
28
- size?: "sm" | "md" | "lg";
29
- /** Accessible label — when provided, the spinner is announced to screen readers */
49
+ size?: ButtonSize;
30
50
  "aria-label"?: string;
31
- /** Additional CSS classes */
32
51
  className?: string;
33
52
  }
34
53
  declare function Spinner({ size, "aria-label": ariaLabel, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
35
54
 
36
- interface IconProps {
37
- /** A Lucide icon component */
38
- icon: LucideIcon;
39
- /** Size preset */
40
- size?: "sm" | "md" | "lg" | "xl";
41
- /** SVG stroke width */
42
- strokeWidth?: number;
43
- /** Accessible label — when provided, the icon is treated as meaningful */
44
- "aria-label"?: string;
45
- /** Additional CSS classes */
46
- className?: string;
47
- }
48
- declare function Icon({ icon: LucideComponent, size, strokeWidth, "aria-label": ariaLabel, className, }: IconProps): react_jsx_runtime.JSX.Element;
49
-
50
55
  interface TooltipProps {
51
56
  /** Tooltip content; `null`/`undefined` disables the tooltip entirely */
52
57
  content: ReactNode;
@@ -86,23 +91,28 @@ interface TruncatedTextProps {
86
91
  */
87
92
  declare const TruncatedText: ({ children, ellipsis, copyValue }: TruncatedTextProps) => react_jsx_runtime.JSX.Element;
88
93
 
89
- interface IconButtonProps extends Omit<ButtonProps$1, "className"> {
90
- /** Lucide icon to render */
91
- icon: LucideIcon;
92
- /** Required for accessibility — also used as tooltip content */
93
- "aria-label": string;
94
- /** Visual style variant */
94
+ type IconButtonProps = Omit<ButtonProps, "iconLeft" | "iconRight" | "children"> & {
95
+ icon: IconValue;
96
+ label: string;
97
+ ref?: Ref<HTMLButtonElement>;
98
+ };
99
+ declare function IconButton(props: IconButtonProps): react_jsx_runtime.JSX.Element;
100
+ type IconButtonLinkProps = Omit<ButtonLinkProps, "iconLeft" | "iconRight" | "children"> & {
101
+ icon: IconValue;
102
+ label: string;
103
+ ref?: Ref<HTMLAnchorElement>;
104
+ };
105
+ declare function IconButtonLink(props: IconButtonLinkProps): react_jsx_runtime.JSX.Element;
106
+ type IconButtonToggleProps = Omit<ToggleButtonProps$1, "className" | "children"> & {
107
+ icon: IconValue;
108
+ label: string;
95
109
  variant?: ButtonVariant;
96
- /** Size preset */
97
- size?: "xs" | "sm" | "md" | "lg";
98
- /** Show tooltip on hover (default true) */
99
- showTooltip?: boolean;
100
- /** Shows a spinner and disables interaction */
110
+ size?: ButtonSize;
101
111
  isLoading?: boolean;
102
- /** Additional CSS classes */
103
- className?: string;
104
- }
105
- declare function IconButton({ icon, "aria-label": ariaLabel, variant, size, showTooltip, isLoading, isDisabled, className, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
112
+ ref?: Ref<HTMLButtonElement>;
113
+ };
114
+ /** Icon button with a persistent on/off state (react-aria ToggleButton): `isSelected` toggles `aria-pressed` and the selected background. */
115
+ declare function IconButtonToggle(props: IconButtonToggleProps): react_jsx_runtime.JSX.Element;
106
116
 
107
117
  interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
108
118
  as?: typeof TextField | typeof ColorField;
@@ -111,13 +121,35 @@ interface InputProps extends Omit<TextFieldProps, "children" | "className"> {
111
121
  description?: string;
112
122
  errorMessage?: string;
113
123
  type?: "text" | "email" | "password" | "number";
114
- size?: Size;
124
+ size?: ButtonSize;
115
125
  prefix?: string;
116
126
  align?: "left" | "center" | "right";
117
127
  className?: string;
118
128
  }
119
129
  declare function Input({ as: FieldProp, label, placeholder, description, errorMessage, type, size, prefix, align, isDisabled, isRequired, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
120
130
 
131
+ interface InputPasswordProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
132
+ label?: string;
133
+ description?: string;
134
+ errorMessage?: string;
135
+ size?: ButtonSize;
136
+ isRequired?: boolean;
137
+ isDisabled?: boolean;
138
+ /** Disable only the visibility toggle; the input stays interactive. */
139
+ isToggleDisabled?: boolean;
140
+ showPasswordLabel?: string;
141
+ hidePasswordLabel?: string;
142
+ }
143
+ /**
144
+ * Password field with a built-in show/hide visibility toggle.
145
+ *
146
+ * Built on a native <input> (ref-forwarded, full native attribute/event
147
+ * passthrough) so it works equally in controlled React forms and in
148
+ * server-driven native forms (e.g. Keycloakify login themes). The toggle
149
+ * lives inside the input's border — no InputGroup composition required.
150
+ */
151
+ declare const InputPassword: React$1.ForwardRefExoticComponent<InputPasswordProps & React$1.RefAttributes<HTMLInputElement>>;
152
+
121
153
  interface SelectItem {
122
154
  id: string;
123
155
  name: string;
@@ -129,7 +161,7 @@ interface SelectProps extends Omit<SelectProps$1<SelectItem>, "children"> {
129
161
  description?: string;
130
162
  errorMessage?: string;
131
163
  /** Controls padding and font size */
132
- size?: Size;
164
+ size?: ButtonSize;
133
165
  /** Custom visual renderer for items in the dropdown and trigger.
134
166
  * `item.name` remains the accessible label (used for typeahead and screen readers). */
135
167
  renderItem?: (item: SelectItem) => React__default.ReactNode;
@@ -195,7 +227,7 @@ declare function useToast(): {
195
227
  };
196
228
 
197
229
  interface EmptyStateProps {
198
- icon?: LucideIcon;
230
+ icon?: IconValue;
199
231
  title: string;
200
232
  description?: string;
201
233
  action?: React__default.ReactNode;
@@ -247,26 +279,6 @@ interface FieldsetProps {
247
279
  }
248
280
  declare function Fieldset({ legend, children, className }: FieldsetProps): react_jsx_runtime.JSX.Element;
249
281
 
250
- interface InputGroupProps {
251
- children: React__default.ReactNode;
252
- className?: string;
253
- }
254
- declare function InputGroup({ children, className }: InputGroupProps): react_jsx_runtime.JSX.Element;
255
-
256
- type GroupPosition = "start" | "middle" | "end" | "standalone";
257
- interface InputGroupContextValue {
258
- inGroup: boolean;
259
- position: GroupPosition;
260
- }
261
- declare const InputGroupContext: React.Context<InputGroupContextValue>;
262
- declare function useInputGroup(): InputGroupContextValue;
263
-
264
- interface InputAddonProps {
265
- children: React__default.ReactNode;
266
- className?: string;
267
- }
268
- declare function InputAddon({ children, className }: InputAddonProps): react_jsx_runtime.JSX.Element;
269
-
270
282
  type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
271
283
  type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
272
284
  type HeadingWeight = "semibold" | "bold";
@@ -308,38 +320,8 @@ interface BreadcrumbsProps {
308
320
  }
309
321
  declare function Breadcrumbs({ items, className }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
310
322
 
311
- type ButtonSize = Size;
312
- interface ButtonLinkProps extends Omit<LinkProps$1, "className"> {
313
- /** Visual style variant */
314
- variant?: ButtonVariant;
315
- /** Size preset */
316
- size?: ButtonSize;
317
- /** Lucide icon rendered before children */
318
- iconLeft?: LucideIcon;
319
- /** Lucide icon rendered after children */
320
- iconRight?: LucideIcon;
321
- /** Additional CSS classes */
322
- className?: string;
323
- }
324
- declare function ButtonLink({ variant, size, iconLeft, iconRight, className, children, ...props }: ButtonLinkProps): react_jsx_runtime.JSX.Element;
325
- interface IconButtonLinkProps extends Omit<LinkProps$1, "className"> {
326
- /** Lucide icon to render */
327
- icon: LucideIcon;
328
- /** Required for accessibility — also used as tooltip content */
329
- "aria-label": string;
330
- /** Visual style variant */
331
- variant?: ButtonVariant;
332
- /** Size preset */
333
- size?: "sm" | "md" | "lg";
334
- /** Show tooltip on hover (default true) */
335
- showTooltip?: boolean;
336
- /** Additional CSS classes */
337
- className?: string;
338
- }
339
- declare function IconButtonLink({ icon, "aria-label": ariaLabel, variant, size, showTooltip, className, ...props }: IconButtonLinkProps): react_jsx_runtime.JSX.Element;
340
-
341
323
  type ToggleButtonVariant = "default" | "primary" | "outlined";
342
- type ToggleButtonSize = Size;
324
+ type ToggleButtonSize = ButtonSize;
343
325
  interface ToggleButtonProps extends Omit<ToggleButtonProps$1, "className"> {
344
326
  /** Visual style variant */
345
327
  variant?: ToggleButtonVariant;
@@ -352,29 +334,10 @@ interface ToggleButtonProps extends Omit<ToggleButtonProps$1, "className"> {
352
334
  }
353
335
  declare function ToggleButton({ variant, size, isSquare, className, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
354
336
 
355
- type ToggleButtonGroupSize = "sm" | "md" | "lg";
356
- interface ToggleButtonGroupProps extends Omit<RadioGroupProps$1, "className" | "children" | "orientation"> {
357
- /** Size preset for all items */
358
- size?: ToggleButtonGroupSize;
359
- /** Additional CSS classes */
360
- className?: string;
361
- children: ReactNode;
362
- }
363
- declare function ToggleButtonGroup({ size, className, children, ...props }: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
364
- interface ToggleButtonGroupItemProps extends Omit<RadioProps$1, "className" | "children"> {
365
- /** Label content — text or icon */
366
- children: ReactNode;
367
- /** When true, applies square icon-only sizing */
368
- isIconOnly?: boolean;
369
- /** Additional CSS classes */
370
- className?: string;
371
- }
372
- declare function ToggleButtonGroupItem({ children, isIconOnly, className, ...props }: ToggleButtonGroupItemProps): react_jsx_runtime.JSX.Element;
373
-
374
337
  interface MenuItemData {
375
338
  id: string;
376
339
  label: string;
377
- icon?: LucideIcon;
340
+ icon?: IconValue;
378
341
  onAction?: () => void;
379
342
  /** When set, renders the menu item as a navigational link */
380
343
  href?: string;
@@ -407,11 +370,55 @@ interface MenuProps {
407
370
  }
408
371
  declare function Menu({ items, content, children, onAction, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, className, }: MenuProps): react_jsx_runtime.JSX.Element;
409
372
 
373
+ interface UseContextMenuProps {
374
+ /** Menu body — compose `MenuItem` / `MenuSeparator` / `MenuSection`. */
375
+ content: ReactNode;
376
+ /** Called with the activated item key (fires alongside each item's own `onAction`). */
377
+ onAction?: (key: string) => void;
378
+ /** Extra classes for the menu popover. */
379
+ className?: string;
380
+ }
381
+ interface UseContextMenuResult {
382
+ /** Spread on the right-clickable element: opens the menu at the cursor. */
383
+ targetProps: {
384
+ onContextMenu: (event: React.MouseEvent) => void;
385
+ };
386
+ /**
387
+ * Spread on a keyboard/click trigger (e.g. an `IconButton`): opens the menu
388
+ * anchored to that element. Uses the press event's target — no ref wiring.
389
+ */
390
+ triggerProps: {
391
+ onPress: (event: PressEvent) => void;
392
+ };
393
+ /** Render this wherever — it portals itself. */
394
+ menu: ReactNode;
395
+ isOpen: boolean;
396
+ close: () => void;
397
+ }
398
+ /**
399
+ * Cursor-anchored context menu. Unlike {@link Menu} (a click-triggered dropdown
400
+ * anchored to its trigger), this opens at the pointer on right-click and stays
401
+ * open across other right-clicks.
402
+ *
403
+ * Built on a controlled, **non-modal** `Popover` — non-modal so a right-click
404
+ * on another element reaches its own handler (a modal popover's underlay would
405
+ * swallow it and leak the native menu). Because non-modal drops React-Aria's
406
+ * built-in outside dismiss (`isDismissable: !isNonModal`), this hook owns
407
+ * dismissal: a right-click elsewhere closes this menu (and its target opens a
408
+ * fresh one), any outside press closes it, and the native menu is suppressed
409
+ * while open.
410
+ *
411
+ * The popover anchors to a real hidden 0×0 element moved to the cursor (or to
412
+ * the trigger's rect for keyboard opens) — React-Aria's positioning observes
413
+ * the trigger with a `ResizeObserver`, so a plain virtual object won't do.
414
+ */
415
+ declare function useContextMenu({ content, onAction, className, }: UseContextMenuProps): UseContextMenuResult;
416
+
410
417
  interface MenuItemProps {
411
418
  id: string;
412
419
  /** Item label */
413
420
  children: React__default.ReactNode;
414
- icon?: LucideIcon;
421
+ icon?: IconValue;
415
422
  /** End-slot content: badges, shortcuts, chevrons */
416
423
  endContent?: React__default.ReactNode;
417
424
  onAction?: () => void;
@@ -519,7 +526,7 @@ declare function TabPanel({ className, ...props }: TabPanelProps): react_jsx_run
519
526
 
520
527
  type SegmentedControlSize = "sm" | "md" | "lg";
521
528
  type SegmentedControlSelectionMode = "single" | "none";
522
- interface SegmentedControlProps extends Omit<ToggleButtonGroupProps$1, "className" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange"> {
529
+ interface SegmentedControlProps extends Omit<ToggleButtonGroupProps, "className" | "selectionMode" | "selectedKeys" | "defaultSelectedKeys" | "onSelectionChange"> {
523
530
  /** Size preset for all items */
524
531
  size?: SegmentedControlSize;
525
532
  /** Selection behavior: "single" keeps one item selected, "none" means buttons fire actions without staying selected */
@@ -551,11 +558,11 @@ interface BadgeProps {
551
558
  /** Size preset */
552
559
  size?: BadgeSize;
553
560
  /** Optional leading icon */
554
- icon?: LucideIcon;
561
+ icon?: IconValue;
555
562
  /** Merge override */
556
563
  className?: string;
557
564
  }
558
- declare function Badge({ children, variant, size, icon: IconComponent, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
565
+ declare function Badge({ children, variant, size, icon, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
559
566
 
560
567
  type CardPadding = "none" | "sm" | "md" | "lg";
561
568
  interface CardProps {
@@ -631,7 +638,7 @@ interface BannerProps {
631
638
  /** Bold lead text */
632
639
  title?: string;
633
640
  /** Leading icon (auto-selected per variant if not set) */
634
- icon?: LucideIcon;
641
+ icon?: IconValue;
635
642
  /** Shows dismiss button */
636
643
  dismissible?: boolean;
637
644
  /** Dismiss callback */
@@ -941,4 +948,4 @@ declare const LineHeightTight = 1.25;
941
948
  declare const LineHeightNormal = 1.5;
942
949
  declare const LineHeightRelaxed = 1.625;
943
950
 
944
- export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerVariant, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize$1 as ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, Cell, Checkbox, type CheckboxProps, ColorAccent, ColorAccentForeground, ColorAccentPressed, ColorAlphaBlack06, ColorAlphaBlack40, ColorAlphaBlack60, ColorAlphaBlack80, ColorAlphaWhite06, ColorAlphaWhite10, ColorAmber100, ColorAmber200, ColorAmber300, ColorAmber400, ColorAmber50, ColorAmber500, ColorAmber600, ColorAmber700, ColorAmber800, ColorAmber900, ColorAmber950, ColorBackdrop, ColorBackground, ColorBadgeAmberBg, ColorBadgeAmberText, ColorBadgeGreenBg, ColorBadgeGreenText, ColorBadgeNeutralBg, ColorBadgeNeutralText, ColorBadgePurpleBg, ColorBadgePurpleText, ColorBadgeRoseBg, ColorBadgeRoseText, ColorBadgeSlateBg, ColorBadgeSlateText, ColorBadgeTealBg, ColorBadgeTealText, ColorBlack, ColorBlue100, ColorBlue200, ColorBlue300, ColorBlue400, ColorBlue50, ColorBlue500, ColorBlue600, ColorBlue700, ColorBlue800, ColorBlue900, ColorBlue950, ColorBorder, ColorCard, ColorDeltaDecreaseBg, ColorDeltaDecreaseIcon, ColorDeltaDecreaseText, ColorDeltaFlatBg, ColorDeltaFlatIcon, ColorDeltaFlatText, ColorDeltaIncreaseBg, ColorDeltaIncreaseIcon, ColorDeltaIncreaseText, ColorDestructive, ColorDestructiveBorder, ColorDestructiveForeground, ColorDestructiveHover, ColorDestructivePressed, ColorDestructiveSurface, ColorDestructiveSurfaceForeground, ColorForeground, ColorGreen100, ColorGreen200, ColorGreen300, ColorGreen400, ColorGreen50, ColorGreen500, ColorGreen600, ColorGreen700, ColorGreen800, ColorGreen900, ColorGreen950, ColorInfo, ColorInfoBorder, ColorInfoForeground, ColorInfoHover, ColorInfoPressed, ColorInfoSurface, ColorInfoSurfaceForeground, ColorMuted, ColorMutedForeground, ColorOverlay, ColorPrimary, ColorPrimaryForeground, ColorPrimaryHover, ColorPrimaryPressed, ColorProgressFill, ColorProgressFillDanger, ColorProgressFillSuccess, ColorProgressFillWarning, ColorProgressTrack, ColorPurple100, ColorPurple200, ColorPurple300, ColorPurple400, ColorPurple50, ColorPurple500, ColorPurple600, ColorPurple700, ColorPurple800, ColorPurple900, ColorPurple950, ColorRing, ColorRose100, ColorRose200, ColorRose300, ColorRose400, ColorRose50, ColorRose500, ColorRose600, ColorRose700, ColorRose800, ColorRose900, ColorRose950, ColorSecondary, ColorSecondaryForeground, ColorSecondaryHover, ColorSecondaryPressed, ColorSlate100, ColorSlate200, ColorSlate300, ColorSlate400, ColorSlate50, ColorSlate500, ColorSlate600, ColorSlate700, ColorSlate800, ColorSlate900, ColorSlate950, ColorSuccess, ColorSuccessBorder, ColorSuccessForeground, ColorSuccessHover, ColorSuccessPressed, ColorSuccessSurface, ColorSuccessSurfaceForeground, ColorTeal100, ColorTeal200, ColorTeal300, ColorTeal400, ColorTeal50, ColorTeal500, ColorTeal600, ColorTeal700, ColorTeal800, ColorTeal900, ColorTeal950, ColorWarning, ColorWarningBorder, ColorWarningForeground, ColorWarningHover, ColorWarningPressed, ColorWarningSurface, ColorWarningSurfaceForeground, ColorWhite, Column, type DataTableProps, type DeltaFormat, DeltaIndicator, type DeltaIndicatorProps, type DeltaMode, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FontSize2xl, FontSize3xl, FontSize4xl, FontSize5xl, FontSizeBase, FontSizeLg, FontSizeSm, FontSizeXl, FontSizeXs, FontWeightBold, FontWeightExtrabold, FontWeightLight, FontWeightMedium, FontWeightRegular, FontWeightSemibold, FormWizard, type FormWizardContextValue, FormWizardNav, type FormWizardNavProps, FormWizardProgress, type FormWizardProgressProps, type FormWizardProps, type GroupPosition, H1, H2, H3, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, Icon, IconButton, IconButtonLink, type IconButtonLinkProps, type IconButtonProps, type IconProps, Input, InputAddon, type InputAddonProps, InputGroup, InputGroupContext, type InputGroupProps, type InputProps, Label, type LabelProps, LineHeightNormal, LineHeightRelaxed, LineHeightTight, Link, type LinkProps, type LinkVariant, 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, Pill, type PillColor, type PillProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, 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, Spacing1, Spacing12, Spacing16, Spacing2, Spacing3, Spacing4, Spacing6, Spacing8, 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, ToggleButtonGroup, ToggleButtonGroupItem, type ToggleButtonGroupItemProps, type ToggleButtonGroupProps, type ToggleButtonGroupSize, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonVariant, Tooltip, type TooltipProps, TruncatedText, type TruncatedTextProps, createToastBridge, pillColorFromName, useFormWizard, useInputGroup, useToast };
951
+ export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerVariant, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, Cell, Checkbox, type CheckboxProps, ColorAccent, ColorAccentForeground, ColorAccentPressed, ColorAlphaBlack06, ColorAlphaBlack40, ColorAlphaBlack60, ColorAlphaBlack80, ColorAlphaWhite06, ColorAlphaWhite10, ColorAmber100, ColorAmber200, ColorAmber300, ColorAmber400, ColorAmber50, ColorAmber500, ColorAmber600, ColorAmber700, ColorAmber800, ColorAmber900, ColorAmber950, ColorBackdrop, ColorBackground, ColorBadgeAmberBg, ColorBadgeAmberText, ColorBadgeGreenBg, ColorBadgeGreenText, ColorBadgeNeutralBg, ColorBadgeNeutralText, ColorBadgePurpleBg, ColorBadgePurpleText, ColorBadgeRoseBg, ColorBadgeRoseText, ColorBadgeSlateBg, ColorBadgeSlateText, ColorBadgeTealBg, ColorBadgeTealText, ColorBlack, ColorBlue100, ColorBlue200, ColorBlue300, ColorBlue400, ColorBlue50, ColorBlue500, ColorBlue600, ColorBlue700, ColorBlue800, ColorBlue900, ColorBlue950, ColorBorder, ColorCard, ColorDeltaDecreaseBg, ColorDeltaDecreaseIcon, ColorDeltaDecreaseText, ColorDeltaFlatBg, ColorDeltaFlatIcon, ColorDeltaFlatText, ColorDeltaIncreaseBg, ColorDeltaIncreaseIcon, ColorDeltaIncreaseText, ColorDestructive, ColorDestructiveBorder, ColorDestructiveForeground, ColorDestructiveHover, ColorDestructivePressed, ColorDestructiveSurface, ColorDestructiveSurfaceForeground, ColorForeground, ColorGreen100, ColorGreen200, ColorGreen300, ColorGreen400, ColorGreen50, ColorGreen500, ColorGreen600, ColorGreen700, ColorGreen800, ColorGreen900, ColorGreen950, ColorInfo, ColorInfoBorder, ColorInfoForeground, ColorInfoHover, ColorInfoPressed, ColorInfoSurface, ColorInfoSurfaceForeground, ColorMuted, ColorMutedForeground, ColorOverlay, ColorPrimary, ColorPrimaryForeground, ColorPrimaryHover, ColorPrimaryPressed, ColorProgressFill, ColorProgressFillDanger, ColorProgressFillSuccess, ColorProgressFillWarning, ColorProgressTrack, ColorPurple100, ColorPurple200, ColorPurple300, ColorPurple400, ColorPurple50, ColorPurple500, ColorPurple600, ColorPurple700, ColorPurple800, ColorPurple900, ColorPurple950, ColorRing, ColorRose100, ColorRose200, ColorRose300, ColorRose400, ColorRose50, ColorRose500, ColorRose600, ColorRose700, ColorRose800, ColorRose900, ColorRose950, ColorSecondary, ColorSecondaryForeground, ColorSecondaryHover, ColorSecondaryPressed, ColorSlate100, ColorSlate200, ColorSlate300, ColorSlate400, ColorSlate50, ColorSlate500, ColorSlate600, ColorSlate700, ColorSlate800, ColorSlate900, ColorSlate950, ColorSuccess, ColorSuccessBorder, ColorSuccessForeground, ColorSuccessHover, ColorSuccessPressed, ColorSuccessSurface, ColorSuccessSurfaceForeground, ColorTeal100, ColorTeal200, ColorTeal300, ColorTeal400, ColorTeal50, ColorTeal500, ColorTeal600, ColorTeal700, ColorTeal800, ColorTeal900, ColorTeal950, ColorWarning, ColorWarningBorder, ColorWarningForeground, ColorWarningHover, ColorWarningPressed, ColorWarningSurface, ColorWarningSurfaceForeground, ColorWhite, Column, type DataTableProps, type DeltaFormat, DeltaIndicator, type DeltaIndicatorProps, type DeltaMode, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FontSize2xl, FontSize3xl, FontSize4xl, FontSize5xl, FontSizeBase, FontSizeLg, FontSizeSm, FontSizeXl, FontSizeXs, FontWeightBold, FontWeightExtrabold, FontWeightLight, FontWeightMedium, FontWeightRegular, FontWeightSemibold, FormWizard, type FormWizardContextValue, FormWizardNav, type FormWizardNavProps, FormWizardProgress, type FormWizardProgressProps, type FormWizardProps, H1, H2, H3, 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, LineHeightNormal, LineHeightRelaxed, LineHeightTight, Link, type LinkProps, type LinkVariant, 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, Pill, type PillColor, type PillProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, 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, Spacing1, Spacing12, Spacing16, Spacing2, Spacing3, Spacing4, Spacing6, Spacing8, 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 };