plume-ui-react 0.5.0 → 0.7.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/README.md +1 -1
- package/dist/chunk-DNENE4UC.mjs +1 -0
- package/dist/chunk-LWLHCHAV.mjs +1 -0
- package/dist/chunk-MAOSYNN2.mjs +1 -0
- package/dist/chunk-MREJ5C76.mjs +1 -0
- package/dist/chunk-V7QXMR67.mjs +1 -0
- package/dist/components/form/checkbox/checkbox.mjs +1 -1
- package/dist/components/form/radio/radio.mjs +1 -1
- package/dist/components/form/select/index.mjs +1 -0
- package/dist/components/form/select/select-content.mjs +1 -0
- package/dist/components/form/select/select-context.mjs +1 -0
- package/dist/components/form/select/select-dom.mjs +1 -0
- package/dist/components/form/select/select-group.mjs +1 -0
- package/dist/components/form/select/select-option.mjs +1 -0
- package/dist/components/form/select/select-trigger.mjs +1 -0
- package/dist/components/form/select/select-value.mjs +1 -0
- package/dist/components/form/select/select.mjs +1 -0
- package/dist/components/form/select/use-select-keyboard.mjs +1 -0
- package/dist/components/form/select/use-select-registry.mjs +1 -0
- package/dist/components/form/toggle/toggle.mjs +1 -1
- package/dist/components/interaction/dropdown/dropdown-context.mjs +1 -0
- package/dist/components/interaction/dropdown/dropdown-item.mjs +1 -0
- package/dist/components/interaction/dropdown/dropdown-label.mjs +1 -0
- package/dist/components/interaction/dropdown/dropdown-menu.mjs +1 -0
- package/dist/components/interaction/dropdown/dropdown-separator.mjs +1 -0
- package/dist/components/interaction/dropdown/dropdown-trigger.mjs +1 -0
- package/dist/components/interaction/dropdown/dropdown.mjs +1 -0
- package/dist/components/interaction/dropdown/index.mjs +1 -0
- package/dist/components/navigation/accordion/accordion-content.mjs +1 -0
- package/dist/components/navigation/accordion/accordion-context.mjs +1 -0
- package/dist/components/navigation/accordion/accordion-item.mjs +1 -0
- package/dist/components/navigation/accordion/accordion-trigger.mjs +1 -0
- package/dist/components/navigation/accordion/accordion.mjs +1 -0
- package/dist/components/navigation/accordion/index.mjs +1 -0
- package/dist/components/overlay/modal/modal-body.mjs +1 -1
- package/dist/components/overlay/modal/modal-close.mjs +1 -1
- package/dist/components/overlay/modal/modal-content.mjs +1 -1
- package/dist/components/overlay/modal/modal-footer.mjs +1 -1
- package/dist/components/overlay/modal/modal-header.mjs +1 -1
- package/dist/components/overlay/popover/popover-content.mjs +1 -1
- package/dist/components/overlay/toast/index.mjs +1 -1
- package/dist/components/overlay/toast/toast-item.mjs +1 -1
- package/dist/components/overlay/toast/toast-provider.mjs +1 -1
- package/dist/components/presentation/badge/badge.mjs +1 -1
- package/dist/components/presentation/chip/chip.mjs +1 -0
- package/dist/components/presentation/chip/index.mjs +1 -0
- package/dist/components/presentation/shared/tag-vars.mjs +1 -0
- package/dist/components/utility/progressbar/index.mjs +1 -0
- package/dist/components/utility/progressbar/progressbar.mjs +1 -0
- package/dist/components/utility/skeleton/index.mjs +1 -0
- package/dist/components/utility/skeleton/skeleton.mjs +1 -0
- package/dist/index.d.mts +267 -9
- package/dist/index.d.ts +267 -9
- package/dist/index.js +7 -7
- package/dist/index.mjs +1 -1
- package/dist/overlay/class-names.mjs +1 -0
- package/dist/overlay/icons.mjs +1 -0
- package/dist/overlay/overlay-close.mjs +1 -1
- package/dist/overlay/use-floating-panel.mjs +1 -0
- package/dist/overlay/use-selection-state.mjs +1 -0
- package/dist/overlay/use-typeahead.mjs +1 -0
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/dist/chunk-O5UHJVHD.mjs +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, Ref, ReactElement, LiHTMLAttributes, HtmlHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
2
|
+
import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent, Ref, AnchorHTMLAttributes, ReactElement, LiHTMLAttributes, HtmlHTMLAttributes, TextareaHTMLAttributes } from 'react';
|
|
3
3
|
|
|
4
4
|
type RadiusValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'full';
|
|
5
5
|
type SizeValue = 'max' | 'min' | 'full';
|
|
@@ -232,6 +232,57 @@ declare function lazyLoadContent(content: ReactNode): LazyExoticComponent<() =>
|
|
|
232
232
|
*/
|
|
233
233
|
declare function deepMerge<T>(target: T, ...sources: (Partial<T> | undefined)[]): T;
|
|
234
234
|
|
|
235
|
+
type AccordionVariant = 'outline' | 'filled' | 'unstyled';
|
|
236
|
+
|
|
237
|
+
interface AccordionBaseProps {
|
|
238
|
+
collapsible?: boolean;
|
|
239
|
+
colorScheme?: ColorScheme;
|
|
240
|
+
disabled?: boolean;
|
|
241
|
+
size?: Size;
|
|
242
|
+
variant?: AccordionVariant;
|
|
243
|
+
}
|
|
244
|
+
interface AccordionSingleProps {
|
|
245
|
+
defaultValue?: string;
|
|
246
|
+
onValueChange?: (value: string) => void;
|
|
247
|
+
type?: 'single';
|
|
248
|
+
value?: string;
|
|
249
|
+
}
|
|
250
|
+
interface AccordionMultipleProps {
|
|
251
|
+
defaultValue?: string[];
|
|
252
|
+
onValueChange?: (value: string[]) => void;
|
|
253
|
+
type: 'multiple';
|
|
254
|
+
value?: string[];
|
|
255
|
+
}
|
|
256
|
+
type AccordionOwnProps = AccordionBaseProps & (AccordionMultipleProps | AccordionSingleProps);
|
|
257
|
+
type AccordionRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'hidden' | 'id' | 'title'>;
|
|
258
|
+
type AccordionProps = Omit<ComponentProps, 'index'> & AccordionRootAttributes & AccordionOwnProps;
|
|
259
|
+
declare const Accordion: react.ForwardRefExoticComponent<AccordionProps & react.RefAttributes<HTMLDivElement>>;
|
|
260
|
+
|
|
261
|
+
interface AccordionContentOwnProps {
|
|
262
|
+
bodyClassName?: string;
|
|
263
|
+
}
|
|
264
|
+
type AccordionContentRootAttributes = Pick<HTMLAttributes<HTMLElement>, 'children' | 'title'>;
|
|
265
|
+
type AccordionContentProps = Omit<ComponentProps, 'index'> & AccordionContentRootAttributes & AccordionContentOwnProps;
|
|
266
|
+
declare const AccordionContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionContentRootAttributes & AccordionContentOwnProps & react.RefAttributes<HTMLElement>>;
|
|
267
|
+
|
|
268
|
+
interface AccordionItemOwnProps {
|
|
269
|
+
disabled?: boolean;
|
|
270
|
+
value: string;
|
|
271
|
+
}
|
|
272
|
+
type AccordionItemRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'children' | 'hidden' | 'id' | 'title'>;
|
|
273
|
+
type AccordionItemProps = Omit<ComponentProps, 'index'> & AccordionItemRootAttributes & AccordionItemOwnProps;
|
|
274
|
+
declare const AccordionItem: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionItemRootAttributes & AccordionItemOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
275
|
+
|
|
276
|
+
type AccordionTriggerPart = 'heading' | 'icon';
|
|
277
|
+
interface AccordionTriggerOwnProps {
|
|
278
|
+
classNames?: Partial<Record<AccordionTriggerPart, string>>;
|
|
279
|
+
headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
280
|
+
icon?: ReactNode;
|
|
281
|
+
}
|
|
282
|
+
type AccordionTriggerRootAttributes = Pick<HTMLAttributes<HTMLButtonElement>, 'children' | 'title'>;
|
|
283
|
+
type AccordionTriggerProps = Omit<ComponentProps, 'index'> & AccordionTriggerRootAttributes & AccordionTriggerOwnProps;
|
|
284
|
+
declare const AccordionTrigger: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & AccordionTriggerRootAttributes & AccordionTriggerOwnProps & react.RefAttributes<HTMLButtonElement>>;
|
|
285
|
+
|
|
235
286
|
interface BadgeOwnProps {
|
|
236
287
|
colorScheme?: ColorScheme;
|
|
237
288
|
dot?: boolean;
|
|
@@ -282,6 +333,8 @@ type CardHeaderProps = Omit<ComponentProps, 'index'> & CardHeaderRootAttributes;
|
|
|
282
333
|
declare const CardHeader: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & CardHeaderRootAttributes & react.RefAttributes<HTMLDivElement>>;
|
|
283
334
|
|
|
284
335
|
interface CheckboxOwnProps {
|
|
336
|
+
inputClassName?: string;
|
|
337
|
+
labelClassName?: string;
|
|
285
338
|
colorScheme?: ColorScheme;
|
|
286
339
|
indeterminate?: boolean;
|
|
287
340
|
readOnly?: boolean;
|
|
@@ -295,6 +348,23 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<ComponentProps, "in
|
|
|
295
348
|
labelsItself: boolean;
|
|
296
349
|
};
|
|
297
350
|
|
|
351
|
+
type ChipPart = 'icon' | 'label' | 'remove';
|
|
352
|
+
type ChipVariant = 'solid' | 'outline' | 'subtle' | 'unstyled';
|
|
353
|
+
interface ChipOwnProps {
|
|
354
|
+
classNames?: Partial<Record<ChipPart, string>>;
|
|
355
|
+
colorScheme?: ColorScheme;
|
|
356
|
+
disabled?: boolean;
|
|
357
|
+
icon?: ReactNode;
|
|
358
|
+
onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
359
|
+
removeLabel?: string;
|
|
360
|
+
shape?: Shape;
|
|
361
|
+
size?: Size;
|
|
362
|
+
variant?: ChipVariant;
|
|
363
|
+
}
|
|
364
|
+
type ChipRootAttributes = Pick<HTMLAttributes<HTMLSpanElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'hidden' | 'id' | 'title'>;
|
|
365
|
+
type ChipProps = Omit<ComponentProps, 'index'> & ChipRootAttributes & ChipOwnProps;
|
|
366
|
+
declare const Chip: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ChipRootAttributes & ChipOwnProps & react.RefAttributes<HTMLSpanElement>>;
|
|
367
|
+
|
|
298
368
|
interface DatePickerOwnProps {
|
|
299
369
|
colorScheme?: ColorScheme;
|
|
300
370
|
config?: DatePickerConfig;
|
|
@@ -329,6 +399,59 @@ type DatePickerRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'ari
|
|
|
329
399
|
type DatePickerProps = ComponentProps & DatePickerRootAttributes & DatePickerOwnProps;
|
|
330
400
|
declare const DatePicker: react.ForwardRefExoticComponent<ComponentProps & DatePickerRootAttributes & DatePickerOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
331
401
|
|
|
402
|
+
type Side = 'top' | 'bottom' | 'left' | 'right';
|
|
403
|
+
type Align = 'start' | 'center' | 'end';
|
|
404
|
+
type Placement = Side | `${Side}-${Align}`;
|
|
405
|
+
|
|
406
|
+
type DropdownVariant = 'elevated' | 'outline' | 'unstyled';
|
|
407
|
+
|
|
408
|
+
interface DropdownProps {
|
|
409
|
+
children: ReactNode;
|
|
410
|
+
closeOnSelect?: boolean;
|
|
411
|
+
defaultOpen?: boolean;
|
|
412
|
+
flip?: boolean;
|
|
413
|
+
offset?: number;
|
|
414
|
+
onOpenChange?: (open: boolean) => void;
|
|
415
|
+
open?: boolean;
|
|
416
|
+
placement?: Placement;
|
|
417
|
+
shift?: boolean;
|
|
418
|
+
size?: Size;
|
|
419
|
+
variant?: DropdownVariant;
|
|
420
|
+
}
|
|
421
|
+
declare function Dropdown({ children, closeOnSelect, defaultOpen, flip, offset, onOpenChange, open: openProp, placement, shift, size, variant, }: Readonly<DropdownProps>): ReactNode;
|
|
422
|
+
|
|
423
|
+
interface DropdownItemOwnProps {
|
|
424
|
+
children?: ReactNode;
|
|
425
|
+
closeOnSelect?: boolean;
|
|
426
|
+
disabled?: boolean;
|
|
427
|
+
href?: string;
|
|
428
|
+
icon?: ReactNode;
|
|
429
|
+
onSelect?: (event: MouseEvent<HTMLElement>) => void;
|
|
430
|
+
rel?: string;
|
|
431
|
+
shortcut?: ReactNode;
|
|
432
|
+
target?: string;
|
|
433
|
+
}
|
|
434
|
+
type DropdownItemRootAttributes = Pick<AnchorHTMLAttributes<HTMLElement>, 'aria-label'>;
|
|
435
|
+
type DropdownItemProps = Omit<ComponentProps, 'index'> & DropdownItemRootAttributes & DropdownItemOwnProps;
|
|
436
|
+
declare const DropdownItem: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & DropdownItemRootAttributes & DropdownItemOwnProps & react.RefAttributes<HTMLElement>>;
|
|
437
|
+
|
|
438
|
+
type DropdownLabelRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
439
|
+
type DropdownLabelProps = Omit<ComponentProps, 'index'> & DropdownLabelRootAttributes;
|
|
440
|
+
declare const DropdownLabel: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & DropdownLabelRootAttributes & react.RefAttributes<HTMLDivElement>>;
|
|
441
|
+
|
|
442
|
+
type DropdownMenuRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'children'>;
|
|
443
|
+
type DropdownMenuProps = Omit<ComponentProps, 'index'> & DropdownMenuRootAttributes;
|
|
444
|
+
declare const DropdownMenu: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & DropdownMenuRootAttributes & react.RefAttributes<HTMLDivElement>>;
|
|
445
|
+
|
|
446
|
+
type DropdownSeparatorProps = Omit<ComponentProps, 'index'>;
|
|
447
|
+
declare const DropdownSeparator: react.ForwardRefExoticComponent<DropdownSeparatorProps & react.RefAttributes<HTMLHRElement>>;
|
|
448
|
+
|
|
449
|
+
interface DropdownTriggerProps {
|
|
450
|
+
children: ReactNode;
|
|
451
|
+
className?: string;
|
|
452
|
+
}
|
|
453
|
+
declare const DropdownTrigger: react.ForwardRefExoticComponent<DropdownTriggerProps & react.RefAttributes<HTMLElement>>;
|
|
454
|
+
|
|
332
455
|
interface FieldOwnProps {
|
|
333
456
|
disabled?: boolean;
|
|
334
457
|
errorText?: ReactNode;
|
|
@@ -458,8 +581,11 @@ type ModalCloseProps = OverlayCloseProps;
|
|
|
458
581
|
declare const ModalClose: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & OverlayCloseOwnProps & react.RefAttributes<HTMLElement>>;
|
|
459
582
|
|
|
460
583
|
type ModalContentRootAttributes = Pick<HTMLAttributes<HTMLDialogElement>, 'aria-describedby' | 'aria-label' | 'aria-labelledby' | 'children'>;
|
|
461
|
-
|
|
462
|
-
|
|
584
|
+
interface ModalContentOwnProps {
|
|
585
|
+
backdropClassName?: string;
|
|
586
|
+
}
|
|
587
|
+
type ModalContentProps = Omit<ComponentProps, 'index'> & ModalContentRootAttributes & ModalContentOwnProps;
|
|
588
|
+
declare const ModalContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ModalContentRootAttributes & ModalContentOwnProps & react.RefAttributes<HTMLDialogElement>>;
|
|
463
589
|
|
|
464
590
|
type ModalFooterRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'children'>;
|
|
465
591
|
type ModalFooterProps = Omit<ComponentProps, 'index'> & ModalFooterRootAttributes;
|
|
@@ -478,10 +604,6 @@ interface ModalTriggerProps {
|
|
|
478
604
|
}
|
|
479
605
|
declare const ModalTrigger: react.ForwardRefExoticComponent<ModalTriggerProps & react.RefAttributes<HTMLElement>>;
|
|
480
606
|
|
|
481
|
-
type Side = 'top' | 'bottom' | 'left' | 'right';
|
|
482
|
-
type Align = 'start' | 'center' | 'end';
|
|
483
|
-
type Placement = Side | `${Side}-${Align}`;
|
|
484
|
-
|
|
485
607
|
type PopoverVariant = 'elevated' | 'outline' | 'unstyled';
|
|
486
608
|
|
|
487
609
|
interface PopoverProps {
|
|
@@ -511,7 +633,26 @@ interface PopoverTriggerProps {
|
|
|
511
633
|
}
|
|
512
634
|
declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLElement>>;
|
|
513
635
|
|
|
636
|
+
type ProgressBarVariant = 'solid' | 'striped' | 'unstyled';
|
|
637
|
+
interface ProgressBarOwnProps {
|
|
638
|
+
animated?: boolean;
|
|
639
|
+
colorScheme?: ColorScheme;
|
|
640
|
+
indeterminate?: boolean;
|
|
641
|
+
indicatorClassName?: string;
|
|
642
|
+
max?: number;
|
|
643
|
+
shape?: Shape;
|
|
644
|
+
size?: Size;
|
|
645
|
+
value?: number;
|
|
646
|
+
valueText?: string;
|
|
647
|
+
variant?: ProgressBarVariant;
|
|
648
|
+
}
|
|
649
|
+
type ProgressBarRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'hidden' | 'id' | 'title'>;
|
|
650
|
+
type ProgressBarProps = Omit<ComponentProps, 'index'> & ProgressBarRootAttributes & ProgressBarOwnProps;
|
|
651
|
+
declare const ProgressBar: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ProgressBarRootAttributes & ProgressBarOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
652
|
+
|
|
514
653
|
interface RadioOwnProps {
|
|
654
|
+
inputClassName?: string;
|
|
655
|
+
labelClassName?: string;
|
|
515
656
|
colorScheme?: ColorScheme;
|
|
516
657
|
readOnly?: boolean;
|
|
517
658
|
size?: Size;
|
|
@@ -542,6 +683,119 @@ type RadioGroupRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-descr
|
|
|
542
683
|
type RadioGroupProps = Omit<ComponentProps, 'index'> & RadioGroupRootAttributes & RadioGroupOwnProps;
|
|
543
684
|
declare const RadioGroup: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & RadioGroupRootAttributes & RadioGroupOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
544
685
|
|
|
686
|
+
type SelectVariant = 'outline' | 'filled' | 'underline' | 'unstyled';
|
|
687
|
+
interface SelectedOption {
|
|
688
|
+
icon?: ReactNode;
|
|
689
|
+
label: string;
|
|
690
|
+
value: string;
|
|
691
|
+
}
|
|
692
|
+
|
|
693
|
+
interface SelectBaseProps {
|
|
694
|
+
'aria-describedby'?: string;
|
|
695
|
+
'aria-invalid'?: boolean | 'true' | 'false';
|
|
696
|
+
children: ReactNode;
|
|
697
|
+
clearable?: boolean;
|
|
698
|
+
closeOnSelect?: boolean;
|
|
699
|
+
colorScheme?: ColorScheme;
|
|
700
|
+
defaultOpen?: boolean;
|
|
701
|
+
disabled?: boolean;
|
|
702
|
+
flip?: boolean;
|
|
703
|
+
id?: string;
|
|
704
|
+
name?: string;
|
|
705
|
+
offset?: number;
|
|
706
|
+
onOpenChange?: (open: boolean) => void;
|
|
707
|
+
open?: boolean;
|
|
708
|
+
placement?: Placement;
|
|
709
|
+
readOnly?: boolean;
|
|
710
|
+
required?: boolean;
|
|
711
|
+
searchable?: boolean;
|
|
712
|
+
shape?: Shape;
|
|
713
|
+
shift?: boolean;
|
|
714
|
+
size?: Size;
|
|
715
|
+
variant?: SelectVariant;
|
|
716
|
+
}
|
|
717
|
+
interface SelectSingleProps {
|
|
718
|
+
defaultValue?: string;
|
|
719
|
+
multiple?: false;
|
|
720
|
+
onValueChange?: (value: string) => void;
|
|
721
|
+
value?: string;
|
|
722
|
+
}
|
|
723
|
+
interface SelectMultipleProps {
|
|
724
|
+
defaultValue?: string[];
|
|
725
|
+
multiple: true;
|
|
726
|
+
onValueChange?: (value: string[]) => void;
|
|
727
|
+
value?: string[];
|
|
728
|
+
}
|
|
729
|
+
type SelectProps = SelectBaseProps & (SelectMultipleProps | SelectSingleProps);
|
|
730
|
+
declare function Select({ 'aria-describedby': describedBy, 'aria-invalid': ariaInvalid, children, clearable, closeOnSelect, colorScheme, defaultOpen, defaultValue, disabled, flip, id, multiple, name, offset, onOpenChange, onValueChange, open: openProp, placement, readOnly, required, searchable, shape, shift, size, value, variant, }: Readonly<SelectProps>): ReactNode;
|
|
731
|
+
|
|
732
|
+
type SelectContentRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'children'>;
|
|
733
|
+
type SelectContentPart = 'empty' | 'list' | 'search' | 'searchInput';
|
|
734
|
+
interface SelectContentOwnProps {
|
|
735
|
+
classNames?: Partial<Record<SelectContentPart, string>>;
|
|
736
|
+
emptyText?: ReactNode;
|
|
737
|
+
searchLabel?: string;
|
|
738
|
+
searchPlaceholder?: string;
|
|
739
|
+
}
|
|
740
|
+
type SelectContentProps = Omit<ComponentProps, 'index'> & SelectContentRootAttributes & SelectContentOwnProps;
|
|
741
|
+
declare const SelectContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectContentRootAttributes & SelectContentOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
742
|
+
|
|
743
|
+
interface SelectGroupOwnProps {
|
|
744
|
+
children?: ReactNode;
|
|
745
|
+
label: ReactNode;
|
|
746
|
+
labelClassName?: string;
|
|
747
|
+
}
|
|
748
|
+
type SelectGroupProps = Omit<ComponentProps, 'index'> & SelectGroupOwnProps;
|
|
749
|
+
declare const SelectGroup: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectGroupOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
750
|
+
|
|
751
|
+
type SelectOptionPart = 'check' | 'checkbox' | 'description' | 'icon';
|
|
752
|
+
interface SelectOptionOwnProps {
|
|
753
|
+
children?: ReactNode;
|
|
754
|
+
classNames?: Partial<Record<SelectOptionPart, string>>;
|
|
755
|
+
description?: ReactNode;
|
|
756
|
+
disabled?: boolean;
|
|
757
|
+
icon?: ReactNode;
|
|
758
|
+
label?: string;
|
|
759
|
+
value: string;
|
|
760
|
+
}
|
|
761
|
+
type SelectOptionProps = Omit<ComponentProps, 'index'> & SelectOptionOwnProps;
|
|
762
|
+
declare const SelectOption: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectOptionOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
763
|
+
|
|
764
|
+
type SelectTriggerPart = 'chevron' | 'chip' | 'chipRemove' | 'clear' | 'field' | 'trigger';
|
|
765
|
+
interface SelectTriggerOwnProps {
|
|
766
|
+
'aria-label'?: string;
|
|
767
|
+
'aria-labelledby'?: string;
|
|
768
|
+
children?: ReactNode;
|
|
769
|
+
classNames?: Partial<Record<SelectTriggerPart, string>>;
|
|
770
|
+
clearLabel?: string;
|
|
771
|
+
display?: 'chips' | 'text';
|
|
772
|
+
maxDisplay?: number;
|
|
773
|
+
placeholder?: ReactNode;
|
|
774
|
+
removeLabel?: (label: string) => string;
|
|
775
|
+
}
|
|
776
|
+
type SelectTriggerProps = Omit<ComponentProps, 'index'> & SelectTriggerOwnProps;
|
|
777
|
+
declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectTriggerOwnProps & react.RefAttributes<HTMLButtonElement>>;
|
|
778
|
+
|
|
779
|
+
interface SelectValueProps {
|
|
780
|
+
children?: (selected: readonly SelectedOption[]) => ReactNode;
|
|
781
|
+
placeholder?: ReactNode;
|
|
782
|
+
}
|
|
783
|
+
declare function SelectValue({ children, placeholder }: Readonly<SelectValueProps>): ReactNode;
|
|
784
|
+
|
|
785
|
+
type SkeletonShape = 'text' | 'rect' | 'circle';
|
|
786
|
+
type SkeletonVariant = 'pulse' | 'wave' | 'unstyled';
|
|
787
|
+
interface SkeletonOwnProps {
|
|
788
|
+
height?: number | string;
|
|
789
|
+
lineClassName?: string;
|
|
790
|
+
lines?: number;
|
|
791
|
+
shape?: SkeletonShape;
|
|
792
|
+
variant?: SkeletonVariant;
|
|
793
|
+
width?: number | string;
|
|
794
|
+
}
|
|
795
|
+
type SkeletonRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'hidden' | 'id'>;
|
|
796
|
+
type SkeletonProps = Omit<ComponentProps, 'index'> & SkeletonRootAttributes & SkeletonOwnProps;
|
|
797
|
+
declare const Skeleton: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SkeletonRootAttributes & SkeletonOwnProps & react.RefAttributes<HTMLDivElement>>;
|
|
798
|
+
|
|
545
799
|
interface SpinnerOwnProps {
|
|
546
800
|
color?: ColorShade;
|
|
547
801
|
size?: Size;
|
|
@@ -634,9 +888,11 @@ declare function useToast(): ToastApi;
|
|
|
634
888
|
|
|
635
889
|
type ToastPosition = 'top-start' | 'top' | 'top-end' | 'center-start' | 'center' | 'center-end' | 'bottom-start' | 'bottom' | 'bottom-end';
|
|
636
890
|
type ToastVariant = 'solid' | 'subtle' | 'outline' | 'unstyled';
|
|
891
|
+
type ToastPart = 'action' | 'content' | 'description' | 'dismiss' | 'icon' | 'title';
|
|
637
892
|
interface ToastProviderProps {
|
|
638
893
|
children: ReactNode;
|
|
639
894
|
className?: string;
|
|
895
|
+
classNames?: Partial<Record<ToastPart, string>>;
|
|
640
896
|
dismissLabel?: string;
|
|
641
897
|
duration?: number;
|
|
642
898
|
icons?: false | ToastIcons;
|
|
@@ -646,9 +902,11 @@ interface ToastProviderProps {
|
|
|
646
902
|
toastClassName?: string;
|
|
647
903
|
variant?: ToastVariant;
|
|
648
904
|
}
|
|
649
|
-
declare function ToastProvider({ children, className, dismissLabel, duration, icons, max, position, regionLabel, toastClassName, variant, }: Readonly<ToastProviderProps>): ReactNode;
|
|
905
|
+
declare function ToastProvider({ children, className, classNames, dismissLabel, duration, icons, max, position, regionLabel, toastClassName, variant, }: Readonly<ToastProviderProps>): ReactNode;
|
|
650
906
|
|
|
651
907
|
interface ToggleOwnProps {
|
|
908
|
+
inputClassName?: string;
|
|
909
|
+
labelClassName?: string;
|
|
652
910
|
colorScheme?: ColorScheme;
|
|
653
911
|
readOnly?: boolean;
|
|
654
912
|
size?: Size;
|
|
@@ -680,4 +938,4 @@ interface TooltipProps {
|
|
|
680
938
|
type TooltipVariant = 'solid' | 'outline' | 'unstyled';
|
|
681
939
|
declare function Tooltip({ children, className, closeDelay, content, defaultOpen, disabled, offset, onOpenChange, open: openProp, openDelay, placement, size, style, variant, }: Readonly<TooltipProps>): ReactNode;
|
|
682
940
|
|
|
683
|
-
export { Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FontSizes, type FontWeights, Icon, type IconProps, Input, type InputProps, type LazyLoadedComponent, type LineHeights, List, ListDivider, type ListDividerProps, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, type MaskChangeHandler, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, ModalTrigger, type ModalTriggerProps, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, type Size, type Sizes, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, type ToastAction, type ToastApi, type ToastContent, type ToastIcons, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastStatus, type ToastVariant, Toggle, type ToggleProps, Tooltip, type TooltipProps, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type ZIndeces, applyMask, colorVar, deepMerge, defaultDarkTheme, defaultTheme, formatDate, getContrastColor, getContrastRatio, getDarkenColor, getDateFormatByLanguage, getDateFromDateString, getDateStringByLanguage, getDaysOfWeekByLanguage, getLightenColor, getMonthsByLanguage, lazyLoadContent, themeToCssVars, useClickOutside, useDebounce, useMask, useTheme, useToast, validateFormatDate };
|
|
941
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionOwnProps, type AccordionProps, AccordionTrigger, type AccordionTriggerPart, type AccordionTriggerProps, type AccordionVariant, Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Dropdown, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FontSizes, type FontWeights, Icon, type IconProps, Input, type InputProps, type LazyLoadedComponent, type LineHeights, List, ListDivider, type ListDividerProps, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, type MaskChangeHandler, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, ModalTrigger, type ModalTriggerProps, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarVariant, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectContent, type SelectContentPart, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectOption, type SelectOptionPart, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerPart, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, type SelectedOption, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, type Size, type Sizes, Skeleton, type SkeletonProps, type SkeletonShape, type SkeletonVariant, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, type ToastAction, type ToastApi, type ToastContent, type ToastIcons, type ToastOptions, type ToastPart, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastStatus, type ToastVariant, Toggle, type ToggleProps, Tooltip, type TooltipProps, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type ZIndeces, applyMask, colorVar, deepMerge, defaultDarkTheme, defaultTheme, formatDate, getContrastColor, getContrastRatio, getDarkenColor, getDateFormatByLanguage, getDateFromDateString, getDateStringByLanguage, getDaysOfWeekByLanguage, getLightenColor, getMonthsByLanguage, lazyLoadContent, themeToCssVars, useClickOutside, useDebounce, useMask, useTheme, useToast, validateFormatDate };
|