@mirror-physics/fractal-ui 0.2.0-next.74 → 0.2.0-next.76
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/README.md +8 -0
- package/dist/index.cjs +222 -182
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +237 -74
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +33 -9
- package/dist/index.d.ts +33 -9
- package/dist/index.js +221 -182
- package/dist/index.js.map +1 -1
- package/dist/tokens.css +71 -6
- package/package.json +3 -3
package/dist/index.d.cts
CHANGED
|
@@ -2,13 +2,18 @@ import * as React from 'react';
|
|
|
2
2
|
import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
|
|
5
|
+
/** Shared density scale for single-line controls and their labels. */
|
|
6
|
+
type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
|
|
5
8
|
type ButtonType = 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
6
|
-
type ButtonSize =
|
|
9
|
+
type ButtonSize = ControlSize;
|
|
7
10
|
type ButtonColor = 'blue' | 'pink' | 'orange' | 'green';
|
|
8
11
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
12
|
/** Visual hierarchy. Primary = strongest action, Secondary = neutral bordered, Ghost = minimal, Danger = destructive. */
|
|
10
13
|
buttonType?: ButtonType;
|
|
11
|
-
/**
|
|
14
|
+
/** Shared visual density; takes precedence over the buttonSize alias. */
|
|
15
|
+
controlSize?: ControlSize;
|
|
16
|
+
/** Backward-compatible alias for controlSize. */
|
|
12
17
|
buttonSize?: ButtonSize;
|
|
13
18
|
/** Color theme — maps to the design system's color scales. */
|
|
14
19
|
color?: ButtonColor;
|
|
@@ -99,6 +104,8 @@ interface PromptGridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
99
104
|
declare const PromptGrid: React.ForwardRefExoticComponent<PromptGridProps & React.RefAttributes<HTMLDivElement>>;
|
|
100
105
|
|
|
101
106
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
107
|
+
/** Visual density; native `size` still controls the character-width hint. */
|
|
108
|
+
controlSize?: ControlSize;
|
|
102
109
|
}
|
|
103
110
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
104
111
|
|
|
@@ -113,7 +120,7 @@ declare const TableSearch: React.ForwardRefExoticComponent<TableSearchProps & Re
|
|
|
113
120
|
interface NumberInputProps extends Omit<InputProps, 'type'> {
|
|
114
121
|
unit?: string;
|
|
115
122
|
}
|
|
116
|
-
declare function NumberInput({ unit, className, value, defaultValue, disabled, readOnly, min, max, ...props }: NumberInputProps): React.JSX.Element;
|
|
123
|
+
declare function NumberInput({ unit, controlSize, className, value, defaultValue, disabled, readOnly, min, max, ...props }: NumberInputProps): React.JSX.Element;
|
|
117
124
|
|
|
118
125
|
type SliderBaseProps = {
|
|
119
126
|
min?: number;
|
|
@@ -147,6 +154,7 @@ interface PasswordInputProps extends Omit<InputProps, 'type'> {
|
|
|
147
154
|
declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
148
155
|
|
|
149
156
|
interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
157
|
+
controlSize?: ControlSize;
|
|
150
158
|
}
|
|
151
159
|
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
152
160
|
|
|
@@ -256,7 +264,12 @@ interface DropdownProps {
|
|
|
256
264
|
/** Renders the trigger as a square icon button. Requires an accessible triggerLabel. */
|
|
257
265
|
iconOnly?: boolean;
|
|
258
266
|
noChevron?: boolean;
|
|
259
|
-
|
|
267
|
+
/** Shared visual density; takes precedence over size. */
|
|
268
|
+
controlSize?: ControlSize;
|
|
269
|
+
/** Backward-compatible size alias. */
|
|
270
|
+
size?: ControlSize;
|
|
271
|
+
/** Connect a persistent Label with htmlFor to the trigger. */
|
|
272
|
+
triggerId?: string;
|
|
260
273
|
triggerVariant?: 'outline' | 'tertiary';
|
|
261
274
|
className?: string;
|
|
262
275
|
triggerClassName?: string;
|
|
@@ -264,7 +277,7 @@ interface DropdownProps {
|
|
|
264
277
|
closeOnSelect?: boolean;
|
|
265
278
|
disabled?: boolean;
|
|
266
279
|
}
|
|
267
|
-
declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, triggerOrientation, triggerContent, label, iconOnly, noChevron, size, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
|
|
280
|
+
declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, triggerOrientation, triggerContent, label, iconOnly, noChevron, size: sizeAlias, controlSize, triggerId, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
|
|
268
281
|
|
|
269
282
|
type LinkTheme = 'default' | 'muted' | 'accent';
|
|
270
283
|
type LinkSize = 'sm' | 'md' | 'lg';
|
|
@@ -287,6 +300,13 @@ interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
287
300
|
}
|
|
288
301
|
declare function Checkbox({ checked, indeterminate, onCheckedChange, className, disabled, onClick, onKeyDown, ...props }: CheckboxProps): React.JSX.Element;
|
|
289
302
|
|
|
303
|
+
interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'onChange' | 'type'> {
|
|
304
|
+
label: React.ReactNode;
|
|
305
|
+
description?: React.ReactNode;
|
|
306
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
307
|
+
}
|
|
308
|
+
declare function Radio({ checked, className, description, disabled, label, onCheckedChange, ...props }: RadioProps): React.JSX.Element;
|
|
309
|
+
|
|
290
310
|
type SortDirection = 'asc' | 'desc' | null;
|
|
291
311
|
interface SortableTableDefaultSort {
|
|
292
312
|
key: string;
|
|
@@ -453,10 +473,11 @@ interface GhostLineProps extends Omit<GhostProps, 'height'> {
|
|
|
453
473
|
declare function Ghost({ className, width, height, radius, style, ...props }: GhostProps): React.JSX.Element;
|
|
454
474
|
declare function GhostLine({ className, size, width, ...props }: GhostLineProps): React.JSX.Element;
|
|
455
475
|
interface ButtonGhostProps extends Omit<GhostProps, 'height'> {
|
|
456
|
-
size?:
|
|
476
|
+
size?: ControlSize;
|
|
477
|
+
controlSize?: ControlSize;
|
|
457
478
|
iconOnly?: boolean;
|
|
458
479
|
}
|
|
459
|
-
declare function ButtonGhost({ className, size, iconOnly, width, ...props }: ButtonGhostProps): React.JSX.Element;
|
|
480
|
+
declare function ButtonGhost({ className, size, controlSize, iconOnly, width, ...props }: ButtonGhostProps): React.JSX.Element;
|
|
460
481
|
interface CardGhostProps extends HTMLAttributes<HTMLDivElement> {
|
|
461
482
|
lines?: number;
|
|
462
483
|
showHeader?: boolean;
|
|
@@ -478,6 +499,7 @@ interface DataTableGhostProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
478
499
|
declare function DataTableGhost({ className, showHeader, headers, columns, rows, columnWidths, size, ...props }: DataTableGhostProps): React.JSX.Element;
|
|
479
500
|
interface FormFieldGhostProps extends HTMLAttributes<HTMLDivElement> {
|
|
480
501
|
labelWidth?: GhostLength;
|
|
502
|
+
controlSize?: ControlSize;
|
|
481
503
|
multiline?: boolean;
|
|
482
504
|
}
|
|
483
505
|
declare function InputGhost({ className, labelWidth, ...props }: FormFieldGhostProps): React.JSX.Element;
|
|
@@ -489,7 +511,9 @@ declare const ToggleGhost: typeof CheckboxGhost;
|
|
|
489
511
|
declare function ChipGhost({ className, width, ...props }: Omit<GhostProps, 'height'>): React.JSX.Element;
|
|
490
512
|
declare function LinkGhost({ className, width, ...props }: Omit<GhostLineProps, 'size'>): React.JSX.Element;
|
|
491
513
|
declare const TextButtonGhost: typeof LinkGhost;
|
|
492
|
-
declare function DropdownGhost({ className, ...props }: HTMLAttributes<HTMLDivElement>
|
|
514
|
+
declare function DropdownGhost({ className, controlSize, ...props }: HTMLAttributes<HTMLDivElement> & {
|
|
515
|
+
controlSize?: ControlSize;
|
|
516
|
+
}): React.JSX.Element;
|
|
493
517
|
declare function ContentSwitcherGhost({ className, options, ...props }: HTMLAttributes<HTMLDivElement> & {
|
|
494
518
|
options?: number;
|
|
495
519
|
}): React.JSX.Element;
|
|
@@ -618,4 +642,4 @@ declare function useEscapeDismiss(priority: number, handler: () => void, enabled
|
|
|
618
642
|
|
|
619
643
|
declare function cn(...inputs: ClassValue[]): string;
|
|
620
644
|
|
|
621
|
-
export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };
|
|
645
|
+
export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, type ControlSize, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, Radio, type RadioProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };
|
package/dist/index.d.ts
CHANGED
|
@@ -2,13 +2,18 @@ import * as React from 'react';
|
|
|
2
2
|
import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
|
|
3
3
|
import { ClassValue } from 'clsx';
|
|
4
4
|
|
|
5
|
+
/** Shared density scale for single-line controls and their labels. */
|
|
6
|
+
type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
|
|
5
8
|
type ButtonType = 'primary' | 'secondary' | 'ghost' | 'danger';
|
|
6
|
-
type ButtonSize =
|
|
9
|
+
type ButtonSize = ControlSize;
|
|
7
10
|
type ButtonColor = 'blue' | 'pink' | 'orange' | 'green';
|
|
8
11
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
12
|
/** Visual hierarchy. Primary = strongest action, Secondary = neutral bordered, Ghost = minimal, Danger = destructive. */
|
|
10
13
|
buttonType?: ButtonType;
|
|
11
|
-
/**
|
|
14
|
+
/** Shared visual density; takes precedence over the buttonSize alias. */
|
|
15
|
+
controlSize?: ControlSize;
|
|
16
|
+
/** Backward-compatible alias for controlSize. */
|
|
12
17
|
buttonSize?: ButtonSize;
|
|
13
18
|
/** Color theme — maps to the design system's color scales. */
|
|
14
19
|
color?: ButtonColor;
|
|
@@ -99,6 +104,8 @@ interface PromptGridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
99
104
|
declare const PromptGrid: React.ForwardRefExoticComponent<PromptGridProps & React.RefAttributes<HTMLDivElement>>;
|
|
100
105
|
|
|
101
106
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
107
|
+
/** Visual density; native `size` still controls the character-width hint. */
|
|
108
|
+
controlSize?: ControlSize;
|
|
102
109
|
}
|
|
103
110
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
104
111
|
|
|
@@ -113,7 +120,7 @@ declare const TableSearch: React.ForwardRefExoticComponent<TableSearchProps & Re
|
|
|
113
120
|
interface NumberInputProps extends Omit<InputProps, 'type'> {
|
|
114
121
|
unit?: string;
|
|
115
122
|
}
|
|
116
|
-
declare function NumberInput({ unit, className, value, defaultValue, disabled, readOnly, min, max, ...props }: NumberInputProps): React.JSX.Element;
|
|
123
|
+
declare function NumberInput({ unit, controlSize, className, value, defaultValue, disabled, readOnly, min, max, ...props }: NumberInputProps): React.JSX.Element;
|
|
117
124
|
|
|
118
125
|
type SliderBaseProps = {
|
|
119
126
|
min?: number;
|
|
@@ -147,6 +154,7 @@ interface PasswordInputProps extends Omit<InputProps, 'type'> {
|
|
|
147
154
|
declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
148
155
|
|
|
149
156
|
interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
|
|
157
|
+
controlSize?: ControlSize;
|
|
150
158
|
}
|
|
151
159
|
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
152
160
|
|
|
@@ -256,7 +264,12 @@ interface DropdownProps {
|
|
|
256
264
|
/** Renders the trigger as a square icon button. Requires an accessible triggerLabel. */
|
|
257
265
|
iconOnly?: boolean;
|
|
258
266
|
noChevron?: boolean;
|
|
259
|
-
|
|
267
|
+
/** Shared visual density; takes precedence over size. */
|
|
268
|
+
controlSize?: ControlSize;
|
|
269
|
+
/** Backward-compatible size alias. */
|
|
270
|
+
size?: ControlSize;
|
|
271
|
+
/** Connect a persistent Label with htmlFor to the trigger. */
|
|
272
|
+
triggerId?: string;
|
|
260
273
|
triggerVariant?: 'outline' | 'tertiary';
|
|
261
274
|
className?: string;
|
|
262
275
|
triggerClassName?: string;
|
|
@@ -264,7 +277,7 @@ interface DropdownProps {
|
|
|
264
277
|
closeOnSelect?: boolean;
|
|
265
278
|
disabled?: boolean;
|
|
266
279
|
}
|
|
267
|
-
declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, triggerOrientation, triggerContent, label, iconOnly, noChevron, size, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
|
|
280
|
+
declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, triggerOrientation, triggerContent, label, iconOnly, noChevron, size: sizeAlias, controlSize, triggerId, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
|
|
268
281
|
|
|
269
282
|
type LinkTheme = 'default' | 'muted' | 'accent';
|
|
270
283
|
type LinkSize = 'sm' | 'md' | 'lg';
|
|
@@ -287,6 +300,13 @@ interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
287
300
|
}
|
|
288
301
|
declare function Checkbox({ checked, indeterminate, onCheckedChange, className, disabled, onClick, onKeyDown, ...props }: CheckboxProps): React.JSX.Element;
|
|
289
302
|
|
|
303
|
+
interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'onChange' | 'type'> {
|
|
304
|
+
label: React.ReactNode;
|
|
305
|
+
description?: React.ReactNode;
|
|
306
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
307
|
+
}
|
|
308
|
+
declare function Radio({ checked, className, description, disabled, label, onCheckedChange, ...props }: RadioProps): React.JSX.Element;
|
|
309
|
+
|
|
290
310
|
type SortDirection = 'asc' | 'desc' | null;
|
|
291
311
|
interface SortableTableDefaultSort {
|
|
292
312
|
key: string;
|
|
@@ -453,10 +473,11 @@ interface GhostLineProps extends Omit<GhostProps, 'height'> {
|
|
|
453
473
|
declare function Ghost({ className, width, height, radius, style, ...props }: GhostProps): React.JSX.Element;
|
|
454
474
|
declare function GhostLine({ className, size, width, ...props }: GhostLineProps): React.JSX.Element;
|
|
455
475
|
interface ButtonGhostProps extends Omit<GhostProps, 'height'> {
|
|
456
|
-
size?:
|
|
476
|
+
size?: ControlSize;
|
|
477
|
+
controlSize?: ControlSize;
|
|
457
478
|
iconOnly?: boolean;
|
|
458
479
|
}
|
|
459
|
-
declare function ButtonGhost({ className, size, iconOnly, width, ...props }: ButtonGhostProps): React.JSX.Element;
|
|
480
|
+
declare function ButtonGhost({ className, size, controlSize, iconOnly, width, ...props }: ButtonGhostProps): React.JSX.Element;
|
|
460
481
|
interface CardGhostProps extends HTMLAttributes<HTMLDivElement> {
|
|
461
482
|
lines?: number;
|
|
462
483
|
showHeader?: boolean;
|
|
@@ -478,6 +499,7 @@ interface DataTableGhostProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
478
499
|
declare function DataTableGhost({ className, showHeader, headers, columns, rows, columnWidths, size, ...props }: DataTableGhostProps): React.JSX.Element;
|
|
479
500
|
interface FormFieldGhostProps extends HTMLAttributes<HTMLDivElement> {
|
|
480
501
|
labelWidth?: GhostLength;
|
|
502
|
+
controlSize?: ControlSize;
|
|
481
503
|
multiline?: boolean;
|
|
482
504
|
}
|
|
483
505
|
declare function InputGhost({ className, labelWidth, ...props }: FormFieldGhostProps): React.JSX.Element;
|
|
@@ -489,7 +511,9 @@ declare const ToggleGhost: typeof CheckboxGhost;
|
|
|
489
511
|
declare function ChipGhost({ className, width, ...props }: Omit<GhostProps, 'height'>): React.JSX.Element;
|
|
490
512
|
declare function LinkGhost({ className, width, ...props }: Omit<GhostLineProps, 'size'>): React.JSX.Element;
|
|
491
513
|
declare const TextButtonGhost: typeof LinkGhost;
|
|
492
|
-
declare function DropdownGhost({ className, ...props }: HTMLAttributes<HTMLDivElement>
|
|
514
|
+
declare function DropdownGhost({ className, controlSize, ...props }: HTMLAttributes<HTMLDivElement> & {
|
|
515
|
+
controlSize?: ControlSize;
|
|
516
|
+
}): React.JSX.Element;
|
|
493
517
|
declare function ContentSwitcherGhost({ className, options, ...props }: HTMLAttributes<HTMLDivElement> & {
|
|
494
518
|
options?: number;
|
|
495
519
|
}): React.JSX.Element;
|
|
@@ -618,4 +642,4 @@ declare function useEscapeDismiss(priority: number, handler: () => void, enabled
|
|
|
618
642
|
|
|
619
643
|
declare function cn(...inputs: ClassValue[]): string;
|
|
620
644
|
|
|
621
|
-
export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };
|
|
645
|
+
export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, type ControlSize, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, Radio, type RadioProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };
|