@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.css +1 -1
- package/dist/index.d.ts +136 -129
- package/dist/index.js +901 -798
- package/dist/index.js.map +1 -1
- package/package.json +2 -8
- package/src/tokens/variables-dark.css +1 -1
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,
|
|
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
|
|
5
|
-
import
|
|
6
|
-
import
|
|
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
|
|
8
|
+
type ButtonSize = "xs" | "sm" | "md" | "lg";
|
|
9
9
|
type ButtonVariant = "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "neutral" | "outline" | "ghost";
|
|
10
10
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
16
|
-
size?: ButtonSize$1;
|
|
17
|
-
/** Shows a spinner and disables interaction */
|
|
37
|
+
size?: ButtonSize;
|
|
18
38
|
isLoading?: boolean;
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
iconRight?: LucideIcon;
|
|
39
|
+
iconLeft?: IconValue;
|
|
40
|
+
iconRight?: IconValue;
|
|
41
|
+
className?: string;
|
|
23
42
|
}
|
|
24
|
-
|
|
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
|
-
|
|
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
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
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
|
-
|
|
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
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
declare function
|
|
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?:
|
|
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?:
|
|
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?:
|
|
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 =
|
|
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?:
|
|
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?:
|
|
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
|
|
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?:
|
|
561
|
+
icon?: IconValue;
|
|
555
562
|
/** Merge override */
|
|
556
563
|
className?: string;
|
|
557
564
|
}
|
|
558
|
-
declare function Badge({ children, variant, size, icon
|
|
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?:
|
|
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
|
|
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 };
|