@unifiedsoftware/react-ui 2.0.1-beta.2 → 2.0.1-beta.20

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
@@ -6,9 +6,9 @@ import { FloatingRootContext } from '@floating-ui/react';
6
6
 
7
7
  interface Props$O {
8
8
  }
9
- type NativeAttrs$Q = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$O>;
10
- type DividerProps = Props$O & NativeAttrs$Q;
11
- declare const Divider: react.ForwardRefExoticComponent<Props$O & NativeAttrs$Q & react.RefAttributes<HTMLDivElement>>;
9
+ type NativeAttrs$R = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$O>;
10
+ type DividerProps = Props$O & NativeAttrs$R;
11
+ declare const Divider: react.ForwardRefExoticComponent<Props$O & NativeAttrs$R & react.RefAttributes<HTMLDivElement>>;
12
12
 
13
13
  type BoxShadow = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
14
14
  type BorderRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -53,9 +53,9 @@ interface Props$N {
53
53
  }) => React.ReactNode;
54
54
  onChange?: (value: any[]) => void;
55
55
  }
56
- type NativeAttrs$P = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$N>;
57
- type AccordionProps = Props$N & NativeAttrs$P;
58
- declare const Accordion: react.ForwardRefExoticComponent<Props$N & NativeAttrs$P & react.RefAttributes<HTMLDivElement>>;
56
+ type NativeAttrs$Q = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$N>;
57
+ type AccordionProps = Props$N & NativeAttrs$Q;
58
+ declare const Accordion: react.ForwardRefExoticComponent<Props$N & NativeAttrs$Q & react.RefAttributes<HTMLDivElement>>;
59
59
 
60
60
  interface AccordionItemContextValue {
61
61
  value: string;
@@ -72,9 +72,9 @@ interface Props$M {
72
72
  isOpen: boolean;
73
73
  }) => React.ReactNode;
74
74
  }
75
- type NativeAttrs$O = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$M>;
76
- type AccordionItemProps = Props$M & NativeAttrs$O;
77
- declare const AccordionItem: react.ForwardRefExoticComponent<Props$M & NativeAttrs$O & react.RefAttributes<HTMLDivElement>>;
75
+ type NativeAttrs$P = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$M>;
76
+ type AccordionItemProps = Props$M & NativeAttrs$P;
77
+ declare const AccordionItem: react.ForwardRefExoticComponent<Props$M & NativeAttrs$P & react.RefAttributes<HTMLDivElement>>;
78
78
 
79
79
  interface Props$L {
80
80
  as?: React.ElementType;
@@ -94,9 +94,9 @@ interface Props$L {
94
94
  subtitle?: React.HTMLAttributes<HTMLDivElement>;
95
95
  };
96
96
  }
97
- type NativeAttrs$N = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$L>;
98
- type AccordionHeaderProps = Props$L & NativeAttrs$N;
99
- declare const AccordionHeader: react.ForwardRefExoticComponent<Props$L & NativeAttrs$N & react.RefAttributes<HTMLDivElement>>;
97
+ type NativeAttrs$O = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$L>;
98
+ type AccordionHeaderProps = Props$L & NativeAttrs$O;
99
+ declare const AccordionHeader: react.ForwardRefExoticComponent<Props$L & NativeAttrs$O & react.RefAttributes<HTMLDivElement>>;
100
100
 
101
101
  type AccordionBodyProps = React.HTMLAttributes<HTMLDivElement>;
102
102
  declare const AccordionBody: react.ForwardRefExoticComponent<AccordionBodyProps & react.RefAttributes<HTMLDivElement>>;
@@ -345,6 +345,8 @@ interface UseElementSizeOptions<T> {
345
345
  }
346
346
  declare function useElementSize<T extends HTMLElement = any>(options: UseElementSizeOptions<T>): Resize;
347
347
 
348
+ declare function useExtractProps<T extends object, K extends keyof T>(props: T, keys: K[], defaults?: Partial<T>): [Pick<T, K>, Omit<T, K>];
349
+
348
350
  interface UseResizeObserverOptions<T> {
349
351
  ref?: React.RefObject<T | undefined>;
350
352
  onResize: () => void;
@@ -482,19 +484,49 @@ interface FormatStringOptions {
482
484
  type FormatOptions = FormatStringOptions | FormatNumberOptions | FormatDateOptions | FormatBooleanOptions | FormatCurrencyOptions | FormatPercentOptions | FormatFileSizeOptions;
483
485
  declare function format(options: FormatOptions): string | undefined;
484
486
 
485
- type SelectionValue<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | null : TItem[TKeyField];
486
- type SelectionItem<TData extends Record<string, any>, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = TMultiple extends true ? TClearable extends true ? TData[] | null : TData[] : TClearable extends true ? TData | null : TData;
487
- type SelectionOnChange<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value: SelectionValue<TData, TKeyField, TMultiple, TClearable>, item: SelectionItem<TData, TMultiple, TClearable>) => void;
488
- interface SelectionProps<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> {
487
+ type ColorScheme = 'default' | 'light' | 'dark';
488
+
489
+ type MediaQuery = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
490
+ type Responsive<T> = T | {
491
+ /**
492
+ * Minimum captured size: 0px
493
+ */
494
+ xs?: T;
495
+ /**
496
+ * Minimum captured size: 576px
497
+ */
498
+ sm?: T;
499
+ /**
500
+ * Minimum captured size: 768px
501
+ */
502
+ md?: T;
503
+ /**
504
+ * Minimum captured size: 992px
505
+ */
506
+ lg?: T;
507
+ /**
508
+ * Minimum captured size: 1200px
509
+ */
510
+ xl?: T;
511
+ /**
512
+ * Minimum captured size: 1400px
513
+ */
514
+ '2xl'?: T;
515
+ };
516
+
517
+ type SelectionValue$1<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | null : TItem[TKeyField];
518
+ type SelectionItem$1<TData extends Record<string, any>, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = TMultiple extends true ? TClearable extends true ? TData[] | null : TData[] : TClearable extends true ? TData | null : TData;
519
+ type SelectionOnChange$1<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value: SelectionValue$1<TData, TKeyField, TMultiple, TClearable>, item: SelectionItem$1<TData, TMultiple, TClearable>) => void;
520
+ interface SelectionProps$1<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> {
489
521
  data: TItem[];
490
522
  isMultiple?: TMultiple;
491
523
  clearable?: TClearable;
492
524
  keyField?: TKeyField;
493
- value?: SelectionValue<TItem, TKeyField, TMultiple, TClearable>;
494
- onChange?: SelectionOnChange<TItem, TKeyField, TMultiple, TClearable>;
525
+ value?: SelectionValue$1<TItem, TKeyField, TMultiple, TClearable>;
526
+ onChange?: SelectionOnChange$1<TItem, TKeyField, TMultiple, TClearable>;
495
527
  }
496
528
 
497
- declare const valueToValues: <TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false>(value?: SelectionValue<TItem, TKeyField, TMultiple, TClearable>) => TItem[TKeyField][];
529
+ declare const valueToValues: <TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false>(value?: SelectionValue$1<TItem, TKeyField, TMultiple, TClearable>) => TItem[TKeyField][];
498
530
  declare const valuesToValue: <TItem extends Record<string, any>, TKeyField extends keyof TItem>(values: TItem[TKeyField][]) => TItem[TKeyField] | null;
499
531
 
500
532
  declare function areArraysEqual<T extends string | number | symbol>(arr1: T[], arr2: T[]): boolean;
@@ -545,39 +577,40 @@ declare const useTimer: ({ mode, initialSeconds, maxSeconds, onTick, onComplete
545
577
  };
546
578
  type Timer = ReturnType<typeof useTimer>;
547
579
 
548
- type ColorScheme = 'default' | 'light' | 'dark';
580
+ type SelectionItem = Record<string, any>;
549
581
 
550
- type MediaQuery = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
551
- type Responsive<T> = T | {
552
- /**
553
- * Minimum captured size: 0px
554
- */
555
- xs?: T;
556
- /**
557
- * Minimum captured size: 576px
558
- */
559
- sm?: T;
560
- /**
561
- * Minimum captured size: 768px
562
- */
563
- md?: T;
564
- /**
565
- * Minimum captured size: 992px
566
- */
567
- lg?: T;
568
- /**
569
- * Minimum captured size: 1200px
570
- */
571
- xl?: T;
572
- /**
573
- * Minimum captured size: 1400px
574
- */
575
- '2xl'?: T;
576
- };
577
-
578
- type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
579
- type InputColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
580
582
  type InputVariant = 'filled' | 'outlined' | 'flat' | 'text';
583
+ type InputColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger' | 'dark' | 'light';
584
+ type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
585
+
586
+ interface InputBaseProps {
587
+ className?: string;
588
+ variant?: InputVariant;
589
+ color?: InputColor;
590
+ size?: InputSize;
591
+ startContent?: React.ReactNode;
592
+ endContent?: React.ReactNode;
593
+ startIcon?: React.ReactNode;
594
+ endIcon?: React.ReactNode;
595
+ startText?: string;
596
+ endText?: string;
597
+ disabled?: boolean;
598
+ clearable?: boolean;
599
+ closeButton?: boolean;
600
+ loading?: boolean;
601
+ error?: boolean;
602
+ readOnly?: boolean;
603
+ slotProps?: {
604
+ content?: React.HTMLAttributes<HTMLDivElement>;
605
+ };
606
+ }
607
+ type NativeAttrs$N = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps>;
608
+ type InputWrapperProps = InputBaseProps & NativeAttrs$N;
609
+ declare const InputWrapper: react.ForwardRefExoticComponent<InputBaseProps & NativeAttrs$N & react.RefAttributes<HTMLInputElement>>;
610
+
611
+ interface InputCloseProps extends React.HTMLAttributes<HTMLDivElement> {
612
+ }
613
+ declare const InputClose: React.FC<InputCloseProps>;
581
614
 
582
615
  interface Props$K {
583
616
  }
@@ -585,12 +618,20 @@ type NativeAttrs$M = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$K>;
585
618
  type InputGroupProps = Props$K & NativeAttrs$M;
586
619
  declare const InputGroup: react.ForwardRefExoticComponent<Props$K & NativeAttrs$M & react.RefAttributes<HTMLDivElement>>;
587
620
 
621
+ interface InputSelectorProps extends React.HTMLAttributes<HTMLDivElement> {
622
+ isOpen: boolean;
623
+ }
624
+ declare const InputSelector: React.FC<InputSelectorProps>;
625
+
626
+ declare function useInputProps<TProps extends InputBaseProps = InputBaseProps>(props: TProps): [Pick<TProps, "className" | "color" | "size" | "variant" | "disabled" | "startContent" | "endContent" | "slotProps" | "error" | "readOnly" | "startIcon" | "endIcon" | "startText" | "endText" | "loading">, Omit<TProps, "className" | "color" | "size" | "variant" | "disabled" | "startContent" | "endContent" | "slotProps" | "error" | "readOnly" | "startIcon" | "endIcon" | "startText" | "endText" | "loading">];
627
+
588
628
  type ListSize = 'sm' | 'md' | 'lg';
589
629
 
590
630
  interface ListProps extends React.HTMLAttributes<HTMLDivElement> {
591
631
  as?: React.ElementType;
592
632
  size?: ListSize;
593
633
  divider?: boolean;
634
+ nav?: boolean;
594
635
  }
595
636
  declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLDivElement>>;
596
637
 
@@ -604,7 +645,14 @@ interface Props$J {
604
645
  hoverable?: boolean;
605
646
  selected?: boolean;
606
647
  disabled?: boolean;
648
+ cssVars?: {
649
+ paddingInline?: react__default.CSSProperties['paddingInline'];
650
+ paddingBlock?: react__default.CSSProperties['paddingBlock'];
651
+ minHeight?: react__default.CSSProperties['minHeight'];
652
+ height?: react__default.CSSProperties['height'];
653
+ };
607
654
  slotProps?: {
655
+ container?: react__default.HTMLAttributes<HTMLDivElement>;
608
656
  startContent?: react__default.HTMLAttributes<HTMLDivElement>;
609
657
  content?: react__default.HTMLAttributes<HTMLDivElement>;
610
658
  endContent?: react__default.HTMLAttributes<HTMLDivElement>;
@@ -656,47 +704,48 @@ declare const Result: React.FC<ResultProps>;
656
704
 
657
705
  type AutocompleteMultiple = false;
658
706
  type AutocompleteClearable = true;
659
- type NativeAttrs$J<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key'> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$H<TItem, TKeyField>>;
707
+ type AutocompleteItem = SelectionItem;
708
+ type AutocompleteKeyField<TAutocompleteItem> = keyof TAutocompleteItem;
709
+ type NativeAttrs$J<TAutocompleteItem extends AutocompleteItem, TAutocompleteKeyField extends AutocompleteKeyField<TAutocompleteItem> = 'value'> = Omit<React.HTMLAttributes<HTMLDivElement>, keyof Props$H<TAutocompleteItem, TAutocompleteKeyField>>;
660
710
  type BaseProps$1<TItem extends Record<string, any>> = {
661
711
  textField?: keyof TItem;
662
712
  placeholder?: string;
663
713
  filter?: string;
664
714
  loading?: boolean;
665
715
  disabled?: boolean;
666
- readOnly?: boolean;
667
716
  disclosure?: Disclosure;
668
717
  virtual?: Omit<VirtualizerOptions, 'parentRef'>;
669
- color?: InputColor;
670
- variant?: InputVariant;
671
- size?: InputSize;
672
718
  startContent?: React.ReactNode;
673
719
  endContent?: React.ReactNode;
720
+ target?: boolean;
721
+ readOnly?: boolean;
722
+ inner?: boolean;
723
+ onClear?: () => void;
674
724
  onItemSelect?: (item: TItem) => void;
675
725
  onFilterChange?: (value: string) => void;
726
+ customFilter?: (item: TItem, filter: string) => boolean;
676
727
  renderItem?: (item: TItem, props: ListItemProps) => React.ReactNode;
677
728
  renderNoData?: (props: ResultProps) => React.ReactNode;
678
729
  };
679
- type Props$H<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps$1<TItem> & SelectionProps<TItem, TKeyField, TMultiple, TClearable>;
680
- type AutocompleteProps<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = Props$H<TItem, TKeyField, TMultiple, TClearable> & NativeAttrs$J<TItem, TKeyField>;
730
+ type Props$H<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'value', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps$1<TItem> & SelectionProps<TItem, TKeyField, TMultiple, TClearable> & Omit<InputBaseProps, 'clearable'>;
731
+ type AutocompleteProps<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'value', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = Props$H<TItem, TKeyField, TMultiple, TClearable> & NativeAttrs$J<TItem, TKeyField>;
732
+ type SelectionValue<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | undefined | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | undefined | null : TItem[TKeyField];
733
+ type SelectionOnChangeValue<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = TMultiple extends true ? TClearable extends true ? TItem[TKeyField][] | null : TItem[TKeyField][] : TClearable extends true ? TItem[TKeyField] | null : TItem[TKeyField];
734
+ type SelectionOnChangeItem<TData extends Record<string, any>, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = TMultiple extends true ? TClearable extends true ? TData[] | null : TData[] : TClearable extends true ? TData | null : TData;
735
+ type SelectionOnChange<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value: SelectionOnChangeValue<TData, TKeyField, TMultiple, TClearable>, item: SelectionOnChangeItem<TData, TMultiple, TClearable>) => void;
736
+ type SelectionRenderTrigger<TData extends Record<string, any>, TKeyField extends keyof TData, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> = (value?: SelectionOnChangeValue<TData, TKeyField, TMultiple, TClearable>, item?: SelectionOnChangeItem<TData, TMultiple, TClearable>) => React.ReactNode;
737
+ interface SelectionProps<TItem extends Record<string, any>, TKeyField extends keyof TItem, TMultiple extends boolean | undefined, TClearable extends boolean | undefined> {
738
+ data: TItem[];
739
+ isMultiple?: TMultiple;
740
+ clearable?: TClearable;
741
+ keyField?: TKeyField;
742
+ value?: SelectionValue<TItem, TKeyField, TMultiple, TClearable>;
743
+ onChange?: SelectionOnChange<TItem, TKeyField, TMultiple, TClearable>;
744
+ renderTrigger?: SelectionRenderTrigger<TItem, TKeyField, TMultiple, TClearable>;
745
+ }
681
746
 
682
747
  declare const Autocomplete: <TItem extends Record<string, any>, TKeyField extends keyof TItem = "key", TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = true>(props: AutocompleteProps<TItem, TKeyField, TMultiple, TClearable>) => react_jsx_runtime.JSX.Element;
683
748
 
684
- type AutocompleteContextValue<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key'> = {
685
- data: TItem[];
686
- values: TItem[TKeyField][];
687
- keyField: TKeyField;
688
- textField: keyof TItem;
689
- isMultiple: boolean;
690
- virtual?: Omit<VirtualizerOptions, 'parentRef'>;
691
- onChange: (value: TItem[]) => void;
692
- onItemSelect: (item: TItem) => void;
693
- renderItem?: (item: TItem, props: ListItemProps) => React.ReactNode;
694
- offset: number;
695
- setOffset: React.Dispatch<React.SetStateAction<number>>;
696
- };
697
- declare const AutocompleteContext: react.Context<AutocompleteContextValue<Record<string, any>, string> | null>;
698
- declare const useAutocomplete: () => AutocompleteContextValue<Record<string, any>, string>;
699
-
700
749
  type BackdropPlacement = 'top' | 'left' | 'center' | 'right' | 'bottom';
701
750
  type BackdropVariant = 'opaque' | 'blur' | 'transparent';
702
751
 
@@ -1291,7 +1340,7 @@ type BaseProps<TItem extends Record<string, any>> = {
1291
1340
  renderItem?: (item: TItem, props: ListItemProps) => React.ReactNode;
1292
1341
  renderNoData?: (props: ResultProps) => React.ReactNode;
1293
1342
  };
1294
- type Props$q<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps<TItem> & SelectionProps<TItem, TKeyField, TMultiple, TClearable>;
1343
+ type Props$q<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = BaseProps<TItem> & SelectionProps$1<TItem, TKeyField, TMultiple, TClearable>;
1295
1344
  type SelectProps<TItem extends Record<string, any>, TKeyField extends keyof TItem = 'key', TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false> = Props$q<TItem, TKeyField, TMultiple, TClearable> & NativeAttrs$s<TItem, TKeyField>;
1296
1345
 
1297
1346
  declare const Select: <TItem extends Record<string, any>, TKeyField extends keyof TItem = "key", TMultiple extends boolean | undefined = false, TClearable extends boolean | undefined = false>(props: SelectProps<TItem, TKeyField, TMultiple, TClearable>) => react_jsx_runtime.JSX.Element;
@@ -1409,6 +1458,8 @@ type TextInputProps = Props$m & NativeAttrs$o;
1409
1458
  declare const TextInput: react.ForwardRefExoticComponent<Props$m & NativeAttrs$o & react.RefAttributes<HTMLInputElement>>;
1410
1459
 
1411
1460
  type ToolbarSize = 'auto' | 'sm' | 'md' | 'lg';
1461
+ type ToolbarVariant = 'filled' | 'text';
1462
+ type ToolbarColor = 'secondary' | 'primary';
1412
1463
 
1413
1464
  interface Props$l {
1414
1465
  size?: ToolbarSize;
@@ -1416,14 +1467,9 @@ interface Props$l {
1416
1467
  subtitle?: React.ReactNode;
1417
1468
  startContent?: React.ReactNode;
1418
1469
  endContent?: React.ReactNode;
1419
- /**
1420
- * @deprecated Use `startContent` instead
1421
- */
1422
- startAction?: React.ReactNode;
1423
- /**
1424
- * @deprecated Use `endContent` instead
1425
- */
1426
- endAction?: React.ReactNode;
1470
+ bordered?: boolean;
1471
+ variant?: ToolbarVariant;
1472
+ color?: ToolbarColor;
1427
1473
  slotProps?: {
1428
1474
  startContent?: React.HTMLAttributes<HTMLDivElement>;
1429
1475
  content?: React.HTMLAttributes<HTMLDivElement>;
@@ -1956,6 +2002,8 @@ declare const Dropdown: (props: DropdownProps) => react_jsx_runtime.JSX.Element;
1956
2002
 
1957
2003
  interface DropdownContentProps {
1958
2004
  children: React.ReactNode;
2005
+ className?: string;
2006
+ style?: React.CSSProperties;
1959
2007
  }
1960
2008
  declare const DropdownContent: (props: DropdownContentProps) => react_jsx_runtime.JSX.Element;
1961
2009
 
@@ -2055,27 +2103,32 @@ interface UploadFileProps {
2055
2103
  }
2056
2104
  declare const UploadFiles: ({ data, max, readOnly, disabled, accept, multiple, onChange }: UploadFileProps) => react_jsx_runtime.JSX.Element;
2057
2105
 
2106
+ type Optional<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;
2058
2107
  type Rect = {
2059
2108
  x: number;
2060
2109
  y: number;
2061
2110
  width: number;
2062
2111
  height: number;
2063
2112
  };
2064
- type Cursor = {
2065
- x: number;
2066
- y: number;
2067
- };
2068
- type StackMeta = {
2113
+ type LayoutMeta = {
2069
2114
  id: string;
2115
+ title: string;
2070
2116
  x: number;
2071
2117
  y: number;
2072
2118
  width: number;
2073
2119
  height: number;
2120
+ minWidth?: number;
2121
+ maxWidth?: number;
2122
+ minHeight?: number;
2123
+ maxHeight?: number;
2124
+ adaptive?: boolean;
2125
+ readOnly?: boolean;
2074
2126
  };
2075
- type WindowMeta = {
2127
+ type PanelMeta<TData extends Record<string, any> = Record<string, any>> = {
2076
2128
  id: string;
2077
2129
  title: string;
2078
- content?: react__default.ReactNode;
2130
+ icon?: React.ReactNode;
2131
+ render?: React.ReactNode;
2079
2132
  x?: number;
2080
2133
  y?: number;
2081
2134
  width?: number;
@@ -2083,144 +2136,168 @@ type WindowMeta = {
2083
2136
  minimized?: boolean;
2084
2137
  maximized?: boolean;
2085
2138
  snapped?: boolean;
2139
+ dock: boolean;
2140
+ docked: boolean;
2141
+ undockLayoutId?: string;
2142
+ zIndex: number;
2143
+ zIndexFloating: number;
2144
+ zIndexLayout: number;
2145
+ layoutId?: string;
2146
+ layoutMinimized?: boolean;
2147
+ closable: boolean;
2086
2148
  closed?: boolean;
2087
- zIndex?: number;
2088
- stackId?: string;
2089
- };
2090
- declare function useMove(props: {
2091
- rect: Rect;
2092
- minWidth?: number;
2093
- minHeight?: number;
2094
- maxWidth?: number;
2095
- maxHeight?: number;
2096
- initialWidth?: number;
2097
- initialHeight?: number;
2098
- initialX?: number;
2099
- initialY?: number;
2100
- x?: number;
2101
- y?: number;
2102
- width?: number;
2103
- height?: number;
2104
- onSize?: (rect: Rect & {
2105
- maximized?: boolean;
2106
- }) => void;
2107
- onDrag?: (rect: Rect, cursor: Cursor) => void;
2108
- onDragEnd?: (rect: Rect, cursor: Cursor) => void;
2109
- visible?: boolean;
2110
- parentRef: react__default.RefObject<HTMLDivElement | null>;
2111
- useTransform?: boolean;
2112
- prevBoundsRef: react__default.MutableRefObject<{
2113
- x: number;
2114
- y: number;
2115
- width: number;
2116
- height: number;
2117
- } | null>;
2118
- zIndex?: number;
2119
- disabled?: boolean;
2120
- }): {
2121
- windowRef: react__default.MutableRefObject<HTMLDivElement | null>;
2122
- rect: {
2123
- x: number;
2124
- y: number;
2125
- width: number;
2126
- height: number;
2127
- };
2128
- style: react__default.CSSProperties;
2129
- visible: boolean;
2130
- onPointerDown_drag: (e: react__default.PointerEvent) => void;
2131
- positionStyles: react__default.CSSProperties;
2132
- };
2133
- declare function useResize({ parentRef, rect, disabled, minWidth, minHeight, maxWidth, maxHeight, onRect, }: {
2134
- parentRef: react__default.RefObject<HTMLDivElement | null>;
2135
- rect: Rect;
2136
2149
  minWidth?: number;
2137
2150
  maxWidth?: number;
2138
2151
  minHeight?: number;
2139
2152
  maxHeight?: number;
2140
- disabled?: boolean;
2141
- onRect: (rect: Rect) => void;
2142
- }): {
2143
- handles: string[];
2144
- disabled: boolean | undefined;
2145
- onResize: (e: react__default.PointerEvent, dir: string) => void;
2146
- };
2147
- declare function useSnapPreview({ parentRef, onDragEnd, }: {
2148
- parentRef: react__default.RefObject<HTMLDivElement | null>;
2149
- rect: Rect;
2150
- onDragEnd: (rect: Rect, maximized: boolean, snapped: boolean) => void;
2151
- }): {
2152
- rect?: Rect | undefined;
2153
- style?: {
2154
- left: number;
2155
- top: number;
2156
- width: number;
2157
- height: number;
2158
- } | undefined;
2159
- onDrag: (nx: number, ny: number, cursorX: number, cursorY: number) => void;
2160
- onDragEnd: () => void;
2153
+ data: TData;
2161
2154
  };
2162
- declare function useWindow({ parentRef, prevBoundsRef, meta, parentRect, isMobile, initialWidth, initialHeight, initialX, initialY, onUpdate, }: {
2163
- parentRef: react__default.RefObject<HTMLDivElement | null>;
2164
- prevBoundsRef?: react__default.MutableRefObject<{
2165
- x: number;
2166
- y: number;
2167
- width: number;
2168
- height: number;
2169
- } | null>;
2170
- meta: WindowMeta;
2171
- parentRect?: {
2172
- width?: number;
2173
- height?: number;
2174
- };
2175
- isMobile?: boolean;
2176
- initialWidth?: number;
2177
- initialHeight?: number;
2178
- initialX?: number;
2179
- initialY?: number;
2180
- onUpdate: (patch: Partial<WindowMeta>) => void;
2155
+ type Direction = 'top' | 'bottom' | 'left' | 'right';
2156
+ interface EdgeFlags {
2157
+ top: boolean;
2158
+ bottom: boolean;
2159
+ left: boolean;
2160
+ right: boolean;
2161
+ }
2162
+ interface LayoutRect {
2163
+ id: string;
2164
+ title: string;
2165
+ adaptive: boolean;
2166
+ readOnly: boolean;
2167
+ gridX: number;
2168
+ gridY: number;
2169
+ gridW: number;
2170
+ gridH: number;
2171
+ isEmpty: boolean;
2172
+ isVertical: boolean;
2173
+ baseFull: Rect;
2174
+ baseEmpty: Rect;
2175
+ dimensions: Rect;
2176
+ fullDimensions: Rect;
2177
+ emptyDimensions: Rect;
2178
+ dropZoneRect: Rect;
2179
+ dropAreaRect: Rect;
2180
+ edges: LayoutEdge[];
2181
+ gridEdges: EdgeFlags;
2182
+ gridBorders: EdgeFlags;
2183
+ neighbors: Partial<Record<Direction, string | null>>;
2184
+ realNeighbors: Partial<Record<Direction, string | null>>;
2185
+ actualNeighbors: Partial<Record<Direction, string | null>>;
2186
+ expansionNeighbors: Partial<Record<Direction, string | null>>;
2187
+ collisionNeighbors: Partial<Record<Direction, string | null>>;
2188
+ }
2189
+ interface LayoutEdge {
2190
+ layoutId: string | null;
2191
+ direction: Direction;
2192
+ border: boolean;
2193
+ }
2194
+
2195
+ declare function useLayoutPanelManager({ layouts, setLayouts, panels, setPanels, windowContainerRef, layoutContainerRef, }: {
2196
+ layouts: LayoutMeta[];
2197
+ setLayouts: React.Dispatch<React.SetStateAction<LayoutMeta[]>>;
2198
+ panels: PanelMeta[];
2199
+ setPanels: React.Dispatch<React.SetStateAction<PanelMeta[]>>;
2200
+ windowContainerRef: React.RefObject<HTMLDivElement>;
2201
+ layoutContainerRef: React.RefObject<HTMLDivElement>;
2181
2202
  }): {
2182
- rect: {
2183
- x: number;
2184
- y: number;
2185
- width: number;
2186
- height: number;
2187
- };
2188
- setPos: react__default.Dispatch<react__default.SetStateAction<{
2189
- x: number;
2190
- y: number;
2191
- }>>;
2192
- setSize: react__default.Dispatch<react__default.SetStateAction<{
2193
- width: number;
2194
- height: number;
2195
- }>>;
2196
- onToggleMaximize: () => void;
2203
+ isMobile: boolean;
2204
+ layouts: LayoutMeta[];
2205
+ setLayouts: react.Dispatch<react.SetStateAction<LayoutMeta[]>>;
2206
+ panels: PanelMeta[];
2207
+ panelsRef: react.MutableRefObject<PanelMeta[]>;
2208
+ setPanels: react.Dispatch<react.SetStateAction<PanelMeta[]>>;
2209
+ layoutContainerRef: react.RefObject<HTMLDivElement>;
2210
+ windowContainerRef: react.RefObject<HTMLDivElement>;
2211
+ windowContainerRect: Rect;
2212
+ layoutContainerRect: Rect;
2213
+ panelPrevRectsRef: react.MutableRefObject<Record<string, Rect>>;
2214
+ activePanelId: string | null;
2215
+ activePanel: PanelMeta | undefined;
2216
+ activeFloatingPanel: string | null;
2217
+ layoutPanelIds: Record<string, string[]>;
2218
+ createPanel: <TData extends Record<string, any> = Record<string, any>>(panel: Optional<Omit<PanelMeta<TData>, "zIndex" | "zIndexFloating" | "zIndexLayout">, "id" | "dock" | "docked" | "closable" | "data">) => string;
2219
+ selectPanel: (id: string) => void;
2220
+ updatePanel: (id: string, patch: Partial<PanelMeta>) => void;
2221
+ closePanel: (id: string) => void;
2222
+ minimizePanel: (id: string) => void;
2223
+ dockPanel: (id: string) => void;
2224
+ undockPanel: (id: string) => void;
2225
+ maximizeLayoutPanel: (id: string) => void;
2226
+ minimizeLayoutPanel: (id: string) => void;
2227
+ layoutRects: LayoutRect[];
2228
+ simulateLayoutPositions: (panelId: string, layoutId: string) => LayoutRect[];
2229
+ hoveredLayoutIdRef: react.MutableRefObject<Record<string, string | null>>;
2230
+ hoveredLayoutId: Record<string, string | null>;
2231
+ setHoveredLayoutId: react.Dispatch<react.SetStateAction<Record<string, string | null>>>;
2232
+ hoveredPanelIdsRef: react.MutableRefObject<Record<string, string | null>>;
2233
+ hoveredPanelIds: Record<string, string | null>;
2234
+ setHoveredPanelIds: react.Dispatch<react.SetStateAction<Record<string, string | null>>>;
2235
+ activePanelsByLayout: Record<string, string | null>;
2236
+ updateLayoutSize: (layoutId: string, newRect: Rect, isResizing?: boolean) => void;
2237
+ registerTabDragHandler: (panelId: string, handler: (event: React.PointerEvent) => void) => void;
2238
+ getTabDragHandler: (panelId: string) => (event: React.PointerEvent) => void;
2197
2239
  };
2198
- declare function useWindowStack({ windows, setWindows, windowContainerRef, stackContainerRef, }: {
2199
- windows: WindowMeta[];
2200
- setWindows: react__default.Dispatch<react__default.SetStateAction<WindowMeta[]>>;
2201
- windowContainerRef: react__default.RefObject<HTMLDivElement>;
2202
- stackContainerRef: react__default.RefObject<HTMLDivElement>;
2203
- }): {
2240
+ type LayoutManagerInstance = ReturnType<typeof useLayoutPanelManager>;
2241
+
2242
+ declare const useLayoutManager: () => {
2204
2243
  isMobile: boolean;
2244
+ layouts: LayoutMeta[];
2245
+ setLayouts: react__default.Dispatch<react__default.SetStateAction<LayoutMeta[]>>;
2246
+ panels: PanelMeta[];
2247
+ panelsRef: react__default.MutableRefObject<PanelMeta[]>;
2248
+ setPanels: react__default.Dispatch<react__default.SetStateAction<PanelMeta[]>>;
2249
+ layoutContainerRef: react__default.RefObject<HTMLDivElement>;
2250
+ windowContainerRef: react__default.RefObject<HTMLDivElement>;
2205
2251
  windowContainerRect: Rect;
2206
- stackContainerRect: Rect;
2207
- activeWindow: WindowMeta | undefined;
2208
- bringToFront: (id: string) => void;
2209
- updateWindow: (id: string, patch: Partial<WindowMeta>) => void;
2210
- closeWindow: (id: string) => void;
2211
- minimizeWindow: (id: string) => void;
2252
+ layoutContainerRect: Rect;
2253
+ panelPrevRectsRef: react__default.MutableRefObject<Record<string, Rect>>;
2254
+ activePanelId: string | null;
2255
+ activePanel: PanelMeta | undefined;
2256
+ activeFloatingPanel: string | null;
2257
+ layoutPanelIds: Record<string, string[]>;
2258
+ createPanel: <TData extends Record<string, any> = Record<string, any>>(panel: Optional<Omit<PanelMeta<TData>, "zIndex" | "zIndexFloating" | "zIndexLayout">, "id" | "dock" | "docked" | "closable" | "data">) => string;
2259
+ selectPanel: (id: string) => void;
2260
+ updatePanel: (id: string, patch: Partial<PanelMeta>) => void;
2261
+ closePanel: (id: string) => void;
2262
+ minimizePanel: (id: string) => void;
2263
+ dockPanel: (id: string) => void;
2264
+ undockPanel: (id: string) => void;
2265
+ maximizeLayoutPanel: (id: string) => void;
2266
+ minimizeLayoutPanel: (id: string) => void;
2267
+ layoutRects: LayoutRect[];
2268
+ simulateLayoutPositions: (panelId: string, layoutId: string) => LayoutRect[];
2269
+ hoveredLayoutIdRef: react__default.MutableRefObject<Record<string, string | null>>;
2270
+ hoveredLayoutId: Record<string, string | null>;
2271
+ setHoveredLayoutId: react__default.Dispatch<react__default.SetStateAction<Record<string, string | null>>>;
2272
+ hoveredPanelIdsRef: react__default.MutableRefObject<Record<string, string | null>>;
2273
+ hoveredPanelIds: Record<string, string | null>;
2274
+ setHoveredPanelIds: react__default.Dispatch<react__default.SetStateAction<Record<string, string | null>>>;
2275
+ activePanelsByLayout: Record<string, string | null>;
2276
+ updateLayoutSize: (layoutId: string, newRect: Rect, isResizing?: boolean) => void;
2277
+ registerTabDragHandler: (panelId: string, handler: (event: react__default.PointerEvent) => void) => void;
2278
+ getTabDragHandler: (panelId: string) => (event: react__default.PointerEvent) => void;
2212
2279
  };
2213
- declare function WindowManager({ windowContainerRef: externalWindowContainerRef, stackContainerRef: externalStackContainerRef, windows, setWindows, stacks, children, }: {
2214
- windows: WindowMeta[];
2215
- setWindows: react__default.Dispatch<react__default.SetStateAction<WindowMeta[]>>;
2216
- stacks: StackMeta[];
2217
- setStacks: react__default.Dispatch<react__default.SetStateAction<StackMeta[]>>;
2218
- windowContainerRef?: react__default.RefObject<HTMLDivElement>;
2219
- stackContainerRef?: react__default.RefObject<HTMLDivElement>;
2220
- children: react__default.ReactNode | ((options: {
2221
- content: react__default.ReactNode;
2222
- taskbar: react__default.ReactNode;
2223
- }) => react__default.ReactNode);
2280
+ declare function LayoutManager({ children, ...manager }: LayoutManagerInstance & {
2281
+ children: react__default.ReactNode;
2224
2282
  }): react_jsx_runtime.JSX.Element;
2225
2283
 
2226
- export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteClearable, AutocompleteContext, type AutocompleteContextValue, type AutocompleteMultiple, type AutocompleteProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupAlignment, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, type Cursor, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, DescriptionEmpty, type DescriptionEmptyProps, type DescriptionProps, DescriptionText, type DescriptionTextProps, Descriptions, type DescriptionsAlign, DescriptionsContext, type DescriptionsContextValue, type DescriptionsLayout, type DescriptionsMode, type DescriptionsProps, type DescriptionsSize, type Disclosure, Divider, type DividerProps, Draggable, DraggableContent, type DraggableContentProps, DraggableTrigger, Drawer, type DrawerBackdrop, DrawerBody, type DrawerBodyProps, type DrawerClose, DrawerContext, type DrawerContextValue, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownContent, type DropdownContentProps, DropdownContext, type DropdownContextValue, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldProps, type FormatBooleanOptions, type FormatCurrencyOptions, type FormatDateOptions, type FormatFileSizeOptions, type FormatNumberOptions, type FormatOptions, type FormatPercentOptions, type FormatStringOptions, Grid, GridContext, type GridContextValue, GridItem, type GridItemProps, type GridMode, type GridProps, GridSub, type GridSubProps, Html, type HtmlProps, INDENT_SIZE, Icon, type IconColor, type IconProps, type IconSize, Iframe, type IframeProps, type InfiniteData, type InfiniteQueryFunction, type InfiniteQueryOptions, type InfiniteQueryRefetchOptions, type InputColor, InputGroup, type InputGroupProps, type InputSize, type InputVariant, List, ListGroup, type ListGroupProps, ListItem, type ListItemProps, type ListProps, type ListSize, ListSubheader, type ListSubheaderProps, ListTree, ListTreeContext, type ListTreeContextValue, ListTreeItem, ListTreeItemIndentation, type ListTreeItemProps, type ListTreeProps, type MediaQuery, Menu, MenuContext, type MenuContextValue, MenuGroup, type MenuGroupItemType, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, MenuSubmenu, type MenuSubmenuProps, MenuValueContext, Modal, type ModalBackdrop, ModalBody, type ModalBodyProps, type ModalClose, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPlacement, type ModalProps, type ModalScrollBehavior, type ModalSize, type MutationError, type MutationFunction, type MutationOK, type MutationResult, MutationStatus, NavRail, NavRailItem, type NavRailItemProps, type NavRailPlacement, type NavRailProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type QueryFunction, QueryStatus, Radio, type RadioColor, RadioGroup, type RadioGroupAlignment, RadioGroupContext, type RadioGroupContextValue, type RadioGroupDirection, type RadioGroupProps, type RadioLabelPlacement, type RadioProps, type RadioSize, type RadioValue, type ReactRef, type Rect, type Resize, type Responsive, Result, type ResultProps, type ResultStatus, STRING_RULES, type ScrollAlignment, ScrollArea, type ScrollAreaProps, type ScrollBehavior, type ScrollToOptions, Select, type SelectClearable, SelectContext, type SelectContextValue, type SelectMultiple, type SelectProps, type SelectionItem, type SelectionOnChange, type SelectionProps, type SelectionValue, type StackMeta, Step, type StepColor, type StepProps, Steps, StepsContext, type StepsContextValue, type StepsProps, type StringRules, Swipe, SwipeItem, type SwipeItemProps, type SwipeProps, Switch, type SwitchColor, type SwitchLabelPlacement, type SwitchProps, type SwitchSize, Tab, type TabProps, Tabs, type TabsAlignment, type TabsProps, type TabsVariant, TextInput, type TextInputProps, type Timer, type TimerMode, Toolbar, type ToolbarProps, type ToolbarSize, Transition, type TransitionProps, Tree, TreeContext, type TreeContextValue, TreeItem, type TreeItemBase, type TreeItemData, type TreeItemProps, type TreeItemValue, type TreeProps$1 as TreeProps, type UploadFileData, type UploadFileProps, UploadFiles, type UseContainerMediaQueryOptions, type UseInfiniteQueryOptions, type UseInfiniteQueryResult, type UseMutationOptions, type UseMutationResult, type UseQueryOptions, type UseQueryResult, type UseResizeObserverOptions, type VirtualItem, type Virtualizer, type VirtualizerOptions, WindowManager, type WindowMeta, areArraysEqual, assignRef, breakpointsMap, clsx, containsPlainText, defaultBreakpoints, doesNotContainEmojis, flattenTree, format, formatCurrency, formatDate, formatDateTime, formatFileSize, formatPercent, formatShortDateTime, formatTime, generateId, getOpenValuesByPathname, hasResizeObserver, initializeTreeValues, isAlphanumeric, isEmpty, isEmptyString, isNumeric, mergeRefs, reactNodeToText, scrollToItem, toAlphaString, toAlphanumericString, toLocalDateString, toLocalDateTimeString, toNotEmojisString, toNumericString, toPlainTextString, toRulesString, updateTreeValues, useAccordion, useAccordionItem, useAutocomplete, useButtonGroup, useCheckboxGroup, useCollapse, useContainerMediaQuery, useDebounce, useDescriptionsContext, useDisclosure, useDrawer, useDropdownContext, useEffectEvent, useElementSize, useFormat, useGridContext, useInfiniteQuery, useLocalStorage, useMediaQuery, useMenu, useMenuItemValue, useModal, useMove, useMutation, useOnClickOutside, usePopover, usePrevious, useQuery, useRadioGroup, useResize, useResizeObserver, useSelect, useSnapPreview, useStep, useStepsContext, useTimer, useTree, useValueEffect, useVirtualizer, useWindow, useWindowStack, validateRules, valueToValues, valuesToValue };
2284
+ declare function LayoutCollisions({ layoutIds }: {
2285
+ layoutIds: string[];
2286
+ }): react_jsx_runtime.JSX.Element | undefined;
2287
+
2288
+ declare function Layouts(): react_jsx_runtime.JSX.Element | undefined;
2289
+
2290
+ declare function Panels(): react_jsx_runtime.JSX.Element;
2291
+
2292
+ declare function Taskbar(): react_jsx_runtime.JSX.Element;
2293
+
2294
+ declare const LayoutsDebug: () => react_jsx_runtime.JSX.Element;
2295
+
2296
+ declare const DropzoneLayouts: () => react_jsx_runtime.JSX.Element | null;
2297
+
2298
+ declare const DockLayouts: () => react_jsx_runtime.JSX.Element;
2299
+
2300
+ declare const usePanel: () => PanelMeta;
2301
+ declare const usePanelData: <TData extends Record<string, any>>() => TData;
2302
+
2303
+ export { Accordion, type AccordionArrow, AccordionBody, type AccordionBodyProps, type AccordionColor, AccordionContent, type AccordionContentProps, AccordionContext, AccordionHeader, type AccordionHeaderProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionVariant, Autocomplete, type AutocompleteClearable, type AutocompleteItem, type AutocompleteKeyField, type AutocompleteMultiple, type AutocompleteProps, Backdrop, type BackdropPlacement, type BackdropProps, type BackdropVariant, Badge, type BadgeProps, Button, type ButtonColor, ButtonGroup, ButtonGroupContext, type ButtonGroupContextValue, type ButtonGroupDirection, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardMedia, type CardMediaProps, type CardProps, CardSubtitle, type CardSubtitleProps, CardTitle, type CardTitleProps, Checkbox, type CheckboxColor, CheckboxGroup, type CheckboxGroupAlignment, CheckboxGroupContext, type CheckboxGroupContextValue, type CheckboxGroupDirection, type CheckboxGroupProps, type CheckboxLabelPlacement, type CheckboxProps, type CheckboxSize, type CheckboxValue, Chip, type ChipProps, Collapse, CollapseContent, type CollapseContentProps, CollapseContext, type CollapseContextValue, type CollapseProps, CollapseTrigger, type CollapseTriggerProps, type ColorScheme, type ContainerBreakpoints, ContainerMediaQuery, DataList, type DataListItem, type DataListKeyField, type DataListMultipleProps, type DataListProps, type DataListSingleProps, Description, DescriptionEmpty, type DescriptionEmptyProps, type DescriptionProps, DescriptionText, type DescriptionTextProps, Descriptions, type DescriptionsAlign, DescriptionsContext, type DescriptionsContextValue, type DescriptionsLayout, type DescriptionsMode, type DescriptionsProps, type DescriptionsSize, type Disclosure, Divider, type DividerProps, Draggable, DraggableContent, type DraggableContentProps, DraggableTrigger, Drawer, type DrawerBackdrop, DrawerBody, type DrawerBodyProps, type DrawerClose, DrawerContext, type DrawerContextValue, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerPlacement, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownContent, type DropdownContentProps, DropdownContext, type DropdownContextValue, DropdownItem, type DropdownItemProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldProps, type FormatBooleanOptions, type FormatCurrencyOptions, type FormatDateOptions, type FormatFileSizeOptions, type FormatNumberOptions, type FormatOptions, type FormatPercentOptions, type FormatStringOptions, Grid, GridContext, type GridContextValue, GridItem, type GridItemProps, type GridMode, type GridProps, GridSub, type GridSubProps, Html, type HtmlProps, INDENT_SIZE, Icon, type IconColor, type IconProps, type IconSize, Iframe, type IframeProps, type InfiniteData, type InfiniteQueryFunction, type InfiniteQueryOptions, type InfiniteQueryRefetchOptions, type InputBaseProps, InputClose, type InputCloseProps, type InputColor, InputGroup, type InputGroupProps, InputSelector, type InputSelectorProps, type InputSize, type InputVariant, InputWrapper, type InputWrapperProps, LayoutManager, LayoutCollisions as LayoutManagerColissions, DockLayouts as LayoutManagerDockLayouts, DropzoneLayouts as LayoutManagerDropzoneLayouts, type LayoutManagerInstance, Layouts as LayoutManagerLayouts, Panels as LayoutManagerPanels, Taskbar as LayoutManagerTaskbar, type LayoutMeta, LayoutsDebug, List, ListGroup, type ListGroupProps, ListItem, type ListItemProps, type ListProps, type ListSize, ListSubheader, type ListSubheaderProps, ListTree, ListTreeContext, type ListTreeContextValue, ListTreeItem, ListTreeItemIndentation, type ListTreeItemProps, type ListTreeProps, type MediaQuery, Menu, MenuContext, type MenuContextValue, MenuGroup, type MenuGroupItemType, type MenuGroupProps, MenuItem, type MenuItemProps, type MenuItemType, type MenuProps, MenuSubmenu, type MenuSubmenuProps, MenuValueContext, Modal, type ModalBackdrop, ModalBody, type ModalBodyProps, type ModalClose, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalPlacement, type ModalProps, type ModalScrollBehavior, type ModalSize, type MutationError, type MutationFunction, type MutationOK, type MutationResult, MutationStatus, NavRail, NavRailItem, type NavRailItemProps, type NavRailPlacement, type NavRailProps, type PanelMeta, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Portal, type PortalProps, type QueryFunction, QueryStatus, Radio, type RadioColor, RadioGroup, type RadioGroupAlignment, RadioGroupContext, type RadioGroupContextValue, type RadioGroupDirection, type RadioGroupProps, type RadioLabelPlacement, type RadioProps, type RadioSize, type RadioValue, type ReactRef, type Resize, type Responsive, Result, type ResultProps, type ResultStatus, STRING_RULES, type ScrollAlignment, ScrollArea, type ScrollAreaProps, type ScrollBehavior, type ScrollToOptions, Select, type SelectClearable, SelectContext, type SelectContextValue, type SelectMultiple, type SelectProps, type SelectionItem$1 as SelectionItem, type SelectionOnChange$1 as SelectionOnChange, type SelectionProps$1 as SelectionProps, type SelectionValue$1 as SelectionValue, Step, type StepColor, type StepProps, Steps, StepsContext, type StepsContextValue, type StepsProps, type StringRules, Swipe, SwipeItem, type SwipeItemProps, type SwipeProps, Switch, type SwitchColor, type SwitchLabelPlacement, type SwitchProps, type SwitchSize, Tab, type TabProps, Tabs, type TabsAlignment, type TabsProps, type TabsVariant, TextInput, type TextInputProps, type Timer, type TimerMode, Toolbar, type ToolbarColor, type ToolbarProps, type ToolbarSize, type ToolbarVariant, Transition, type TransitionProps, Tree, TreeContext, type TreeContextValue, TreeItem, type TreeItemBase, type TreeItemData, type TreeItemProps, type TreeItemValue, type TreeProps$1 as TreeProps, type UploadFileData, type UploadFileProps, UploadFiles, type UseContainerMediaQueryOptions, type UseInfiniteQueryOptions, type UseInfiniteQueryResult, type UseMutationOptions, type UseMutationResult, type UseQueryOptions, type UseQueryResult, type UseResizeObserverOptions, type VirtualItem, type Virtualizer, type VirtualizerOptions, areArraysEqual, assignRef, breakpointsMap, clsx, containsPlainText, defaultBreakpoints, doesNotContainEmojis, flattenTree, format, formatCurrency, formatDate, formatDateTime, formatFileSize, formatPercent, formatShortDateTime, formatTime, generateId, getOpenValuesByPathname, hasResizeObserver, initializeTreeValues, isAlphanumeric, isEmpty, isEmptyString, isNumeric, mergeRefs, reactNodeToText, scrollToItem, toAlphaString, toAlphanumericString, toLocalDateString, toLocalDateTimeString, toNotEmojisString, toNumericString, toPlainTextString, toRulesString, updateTreeValues, useAccordion, useAccordionItem, useButtonGroup, useCheckboxGroup, useCollapse, useContainerMediaQuery, useDebounce, useDescriptionsContext, useDisclosure, useDrawer, useDropdownContext, useEffectEvent, useElementSize, useExtractProps, useFormat, useGridContext, useInfiniteQuery, useInputProps, useLayoutManager, usePanel as useLayoutManagerPanel, usePanelData as useLayoutManagerPanelData, useLayoutPanelManager, useLocalStorage, useMediaQuery, useMenu, useMenuItemValue, useModal, useMutation, useOnClickOutside, usePopover, usePrevious, useQuery, useRadioGroup, useResizeObserver, useSelect, useStep, useStepsContext, useTimer, useTree, useValueEffect, useVirtualizer, validateRules, valueToValues, valuesToValue };