@mlw-packages/react-components 1.4.5 → 1.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +56 -17
- package/dist/index.d.mts +124 -60
- package/dist/index.d.ts +124 -60
- package/dist/index.js +25 -3399
- package/dist/index.mjs +25 -3405
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -668,6 +668,9 @@ body {
|
|
|
668
668
|
.inline-block {
|
|
669
669
|
display: inline-block;
|
|
670
670
|
}
|
|
671
|
+
.inline {
|
|
672
|
+
display: inline;
|
|
673
|
+
}
|
|
671
674
|
.flex {
|
|
672
675
|
display: flex;
|
|
673
676
|
}
|
|
@@ -876,6 +879,9 @@ body {
|
|
|
876
879
|
.w-28 {
|
|
877
880
|
width: 7rem;
|
|
878
881
|
}
|
|
882
|
+
.w-3 {
|
|
883
|
+
width: 0.75rem;
|
|
884
|
+
}
|
|
879
885
|
.w-3\.5 {
|
|
880
886
|
width: 0.875rem;
|
|
881
887
|
}
|
|
@@ -1001,8 +1007,8 @@ body {
|
|
|
1001
1007
|
.min-w-5 {
|
|
1002
1008
|
min-width: 1.25rem;
|
|
1003
1009
|
}
|
|
1004
|
-
.min-w-\[1\.
|
|
1005
|
-
min-width: 1.
|
|
1010
|
+
.min-w-\[1\.5rem\] {
|
|
1011
|
+
min-width: 1.5rem;
|
|
1006
1012
|
}
|
|
1007
1013
|
.min-w-\[150px\] {
|
|
1008
1014
|
min-width: 150px;
|
|
@@ -1476,10 +1482,6 @@ body {
|
|
|
1476
1482
|
.border-input {
|
|
1477
1483
|
border-color: hsl(var(--input));
|
|
1478
1484
|
}
|
|
1479
|
-
.border-neutral-200 {
|
|
1480
|
-
--tw-border-opacity: 1;
|
|
1481
|
-
border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
|
|
1482
|
-
}
|
|
1483
1485
|
.border-primary {
|
|
1484
1486
|
border-color: hsl(var(--primary));
|
|
1485
1487
|
}
|
|
@@ -1524,6 +1526,10 @@ body {
|
|
|
1524
1526
|
.bg-black\/80 {
|
|
1525
1527
|
background-color: rgb(0 0 0 / 0.8);
|
|
1526
1528
|
}
|
|
1529
|
+
.bg-blue-500 {
|
|
1530
|
+
--tw-bg-opacity: 1;
|
|
1531
|
+
background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
|
|
1532
|
+
}
|
|
1527
1533
|
.bg-blue-600 {
|
|
1528
1534
|
--tw-bg-opacity: 1;
|
|
1529
1535
|
background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
|
|
@@ -1544,6 +1550,10 @@ body {
|
|
|
1544
1550
|
.bg-foreground {
|
|
1545
1551
|
background-color: hsl(var(--foreground));
|
|
1546
1552
|
}
|
|
1553
|
+
.bg-gray-200 {
|
|
1554
|
+
--tw-bg-opacity: 1;
|
|
1555
|
+
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
1556
|
+
}
|
|
1547
1557
|
.bg-gray-400 {
|
|
1548
1558
|
--tw-bg-opacity: 1;
|
|
1549
1559
|
background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
|
|
@@ -1568,6 +1578,10 @@ body {
|
|
|
1568
1578
|
--tw-bg-opacity: 1;
|
|
1569
1579
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
|
|
1570
1580
|
}
|
|
1581
|
+
.bg-indigo-500 {
|
|
1582
|
+
--tw-bg-opacity: 1;
|
|
1583
|
+
background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
|
|
1584
|
+
}
|
|
1571
1585
|
.bg-muted {
|
|
1572
1586
|
background-color: hsl(var(--muted));
|
|
1573
1587
|
}
|
|
@@ -1582,6 +1596,14 @@ body {
|
|
|
1582
1596
|
--tw-bg-opacity: 1;
|
|
1583
1597
|
background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
|
|
1584
1598
|
}
|
|
1599
|
+
.bg-orange-500 {
|
|
1600
|
+
--tw-bg-opacity: 1;
|
|
1601
|
+
background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
|
|
1602
|
+
}
|
|
1603
|
+
.bg-pink-500 {
|
|
1604
|
+
--tw-bg-opacity: 1;
|
|
1605
|
+
background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));
|
|
1606
|
+
}
|
|
1585
1607
|
.bg-popover {
|
|
1586
1608
|
background-color: hsl(var(--popover));
|
|
1587
1609
|
}
|
|
@@ -1594,6 +1616,10 @@ body {
|
|
|
1594
1616
|
.bg-primary\/20 {
|
|
1595
1617
|
background-color: hsl(var(--primary) / 0.2);
|
|
1596
1618
|
}
|
|
1619
|
+
.bg-purple-500 {
|
|
1620
|
+
--tw-bg-opacity: 1;
|
|
1621
|
+
background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1));
|
|
1622
|
+
}
|
|
1597
1623
|
.bg-red-500 {
|
|
1598
1624
|
--tw-bg-opacity: 1;
|
|
1599
1625
|
background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
|
|
@@ -1727,6 +1753,10 @@ body {
|
|
|
1727
1753
|
padding-left: 24rem;
|
|
1728
1754
|
padding-right: 24rem;
|
|
1729
1755
|
}
|
|
1756
|
+
.py-0 {
|
|
1757
|
+
padding-top: 0px;
|
|
1758
|
+
padding-bottom: 0px;
|
|
1759
|
+
}
|
|
1730
1760
|
.py-0\.5 {
|
|
1731
1761
|
padding-top: 0.125rem;
|
|
1732
1762
|
padding-bottom: 0.125rem;
|
|
@@ -1980,10 +2010,6 @@ body {
|
|
|
1980
2010
|
--tw-text-opacity: 1;
|
|
1981
2011
|
color: rgb(64 64 64 / var(--tw-text-opacity, 1));
|
|
1982
2012
|
}
|
|
1983
|
-
.text-neutral-800 {
|
|
1984
|
-
--tw-text-opacity: 1;
|
|
1985
|
-
color: rgb(38 38 38 / var(--tw-text-opacity, 1));
|
|
1986
|
-
}
|
|
1987
2013
|
.text-neutral-900 {
|
|
1988
2014
|
--tw-text-opacity: 1;
|
|
1989
2015
|
color: rgb(23 23 23 / var(--tw-text-opacity, 1));
|
|
@@ -2669,6 +2695,10 @@ body {
|
|
|
2669
2695
|
--tw-bg-opacity: 1;
|
|
2670
2696
|
background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
|
|
2671
2697
|
}
|
|
2698
|
+
.hover\:bg-indigo-600:hover {
|
|
2699
|
+
--tw-bg-opacity: 1;
|
|
2700
|
+
background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1));
|
|
2701
|
+
}
|
|
2672
2702
|
.hover\:bg-muted:hover {
|
|
2673
2703
|
background-color: hsl(var(--muted));
|
|
2674
2704
|
}
|
|
@@ -2683,6 +2713,14 @@ body {
|
|
|
2683
2713
|
--tw-bg-opacity: 1;
|
|
2684
2714
|
background-color: rgb(64 64 64 / var(--tw-bg-opacity, 1));
|
|
2685
2715
|
}
|
|
2716
|
+
.hover\:bg-orange-600:hover {
|
|
2717
|
+
--tw-bg-opacity: 1;
|
|
2718
|
+
background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
|
|
2719
|
+
}
|
|
2720
|
+
.hover\:bg-pink-600:hover {
|
|
2721
|
+
--tw-bg-opacity: 1;
|
|
2722
|
+
background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));
|
|
2723
|
+
}
|
|
2686
2724
|
.hover\:bg-primary:hover {
|
|
2687
2725
|
background-color: hsl(var(--primary));
|
|
2688
2726
|
}
|
|
@@ -2692,6 +2730,10 @@ body {
|
|
|
2692
2730
|
.hover\:bg-primary\/90:hover {
|
|
2693
2731
|
background-color: hsl(var(--primary) / 0.9);
|
|
2694
2732
|
}
|
|
2733
|
+
.hover\:bg-purple-600:hover {
|
|
2734
|
+
--tw-bg-opacity: 1;
|
|
2735
|
+
background-color: rgb(147 51 234 / var(--tw-bg-opacity, 1));
|
|
2736
|
+
}
|
|
2695
2737
|
.hover\:bg-red-600:hover {
|
|
2696
2738
|
--tw-bg-opacity: 1;
|
|
2697
2739
|
background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
|
|
@@ -3582,9 +3624,6 @@ body {
|
|
|
3582
3624
|
--tw-border-opacity: 1;
|
|
3583
3625
|
border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
|
|
3584
3626
|
}
|
|
3585
|
-
.dark\:border-transparent:is(.dark *) {
|
|
3586
|
-
border-color: transparent;
|
|
3587
|
-
}
|
|
3588
3627
|
.dark\:border-zinc-900:is(.dark *) {
|
|
3589
3628
|
--tw-border-opacity: 1;
|
|
3590
3629
|
border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
|
|
@@ -3593,13 +3632,13 @@ body {
|
|
|
3593
3632
|
--tw-bg-opacity: 1;
|
|
3594
3633
|
background-color: hsl(231 15% 19% / var(--tw-bg-opacity, 1));
|
|
3595
3634
|
}
|
|
3596
|
-
.dark\:bg-blue-700:is(.dark *) {
|
|
3597
|
-
--tw-bg-opacity: 1;
|
|
3598
|
-
background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
|
|
3599
|
-
}
|
|
3600
3635
|
.dark\:bg-destructive\/60:is(.dark *) {
|
|
3601
3636
|
background-color: hsl(var(--destructive) / 0.6);
|
|
3602
3637
|
}
|
|
3638
|
+
.dark\:bg-gray-800:is(.dark *) {
|
|
3639
|
+
--tw-bg-opacity: 1;
|
|
3640
|
+
background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
|
|
3641
|
+
}
|
|
3603
3642
|
.dark\:bg-input\/30:is(.dark *) {
|
|
3604
3643
|
background-color: hsl(var(--input) / 0.3);
|
|
3605
3644
|
}
|
package/dist/index.d.mts
CHANGED
|
@@ -5,10 +5,17 @@ import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
|
|
|
5
5
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
6
6
|
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
7
7
|
import { VariantProps } from 'class-variance-authority';
|
|
8
|
+
import { DayPicker } from 'react-day-picker';
|
|
9
|
+
import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
|
|
8
10
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
9
11
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
10
12
|
import { DialogProps } from '@radix-ui/react-dialog';
|
|
13
|
+
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
|
14
|
+
import { Drawer } from 'vaul';
|
|
11
15
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
16
|
+
import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
|
|
17
|
+
import { OTPInput } from 'input-otp';
|
|
18
|
+
import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
|
|
12
19
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
13
20
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
14
21
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
@@ -19,7 +26,6 @@ import * as SliderPrimitive from '@radix-ui/react-slider';
|
|
|
19
26
|
import { Toaster as Toaster$1 } from 'sonner';
|
|
20
27
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
21
28
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
22
|
-
import { DayPicker } from 'react-day-picker';
|
|
23
29
|
|
|
24
30
|
declare const AlertDialogBase: React$1.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
25
31
|
declare const AlertDialogTriggerBase: React$1.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -55,6 +61,28 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
|
|
|
55
61
|
declare const AvatarImageBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
|
|
56
62
|
declare const AvatarFallbackBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
57
63
|
|
|
64
|
+
declare const badgeVariants: (props?: ({
|
|
65
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
66
|
+
status?: "destructive" | "success" | "desactivated" | "away" | "custom" | null | undefined;
|
|
67
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
68
|
+
type StatusType = "success" | "desactivated" | "destructive" | "away" | "custom";
|
|
69
|
+
interface BadgeBaseProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
70
|
+
asChild?: boolean;
|
|
71
|
+
status?: StatusType;
|
|
72
|
+
statusColor?: string;
|
|
73
|
+
}
|
|
74
|
+
declare function BadgeBase({ className, variant, status, statusColor, asChild, children, style, ...props }: BadgeBaseProps): react_jsx_runtime.JSX.Element;
|
|
75
|
+
|
|
76
|
+
declare function BreadcrumbBase({ ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
77
|
+
declare function BreadcrumbListBase({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
78
|
+
declare function BreadcrumbItemBase({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
79
|
+
declare function BreadcrumbLinkBase({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
|
|
80
|
+
asChild?: boolean;
|
|
81
|
+
}): react_jsx_runtime.JSX.Element;
|
|
82
|
+
declare function BreadcrumbPageBase({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
83
|
+
declare function BreadcrumbSeparatorBase({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
84
|
+
declare function BreadcrumbEllipsisBase({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
85
|
+
|
|
58
86
|
declare const buttonVariantsBase: (props?: ({
|
|
59
87
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
60
88
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
@@ -70,6 +98,12 @@ interface ButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
70
98
|
}
|
|
71
99
|
declare const ButtonGroupBase: React$1.ForwardRefExoticComponent<ButtonGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
72
100
|
|
|
101
|
+
type CalendarProps = React$1.ComponentProps<typeof DayPicker>;
|
|
102
|
+
declare function CalendarBase({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
103
|
+
declare namespace CalendarBase {
|
|
104
|
+
var displayName: string;
|
|
105
|
+
}
|
|
106
|
+
|
|
73
107
|
declare const CardBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
|
|
74
108
|
testid?: string;
|
|
75
109
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -89,6 +123,22 @@ declare const CardFooterBase: React$1.ForwardRefExoticComponent<React$1.HTMLAttr
|
|
|
89
123
|
testid?: string;
|
|
90
124
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
91
125
|
|
|
126
|
+
type CarouselApi = UseEmblaCarouselType[1];
|
|
127
|
+
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
|
|
128
|
+
type CarouselOptions = UseCarouselParameters[0];
|
|
129
|
+
type CarouselPlugin = UseCarouselParameters[1];
|
|
130
|
+
type CarouselProps = {
|
|
131
|
+
opts?: CarouselOptions;
|
|
132
|
+
plugins?: CarouselPlugin;
|
|
133
|
+
orientation?: "horizontal" | "vertical";
|
|
134
|
+
setApi?: (api: CarouselApi) => void;
|
|
135
|
+
};
|
|
136
|
+
declare function CarouselBase({ orientation, opts, setApi, plugins, className, children, ...props }: React$1.ComponentProps<"div"> & CarouselProps): react_jsx_runtime.JSX.Element;
|
|
137
|
+
declare function CarouselContentBase({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
138
|
+
declare function CarouselItemBase({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
139
|
+
declare function CarouselPrevious({ className, variant, size, ...props }: React$1.ComponentProps<typeof ButtonBase>): react_jsx_runtime.JSX.Element;
|
|
140
|
+
declare function CarouselNextBase({ className, variant, size, ...props }: React$1.ComponentProps<typeof ButtonBase>): react_jsx_runtime.JSX.Element;
|
|
141
|
+
|
|
92
142
|
declare const CheckboxBase: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
93
143
|
testid?: string;
|
|
94
144
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -185,6 +235,29 @@ declare const CommandShortcutBase: {
|
|
|
185
235
|
displayName: string;
|
|
186
236
|
};
|
|
187
237
|
|
|
238
|
+
declare function ContextMenuBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
239
|
+
declare function ContextMenuTriggerBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
240
|
+
declare function ContextMenuGroupBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
|
|
241
|
+
declare function ContextMenuPortalBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
|
|
242
|
+
declare function ContextMenuSubBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
|
|
243
|
+
declare function ContextMenuRadioGroupBase(props: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
|
|
244
|
+
declare function ContextMenuSubTriggerBase({ className, inset, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
|
|
245
|
+
inset?: boolean;
|
|
246
|
+
}): react_jsx_runtime.JSX.Element;
|
|
247
|
+
declare function ContextMenuSubContentBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
|
|
248
|
+
declare function ContextMenuContentBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
249
|
+
declare function ContextMenuItemBase({ className, inset, variant, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
|
|
250
|
+
inset?: boolean;
|
|
251
|
+
variant?: "default" | "destructive";
|
|
252
|
+
}): react_jsx_runtime.JSX.Element;
|
|
253
|
+
declare function ContextMenuCheckboxItemBase({ className, children, checked, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
|
|
254
|
+
declare function ContextMenuRadioItemBase({ className, children, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
|
|
255
|
+
declare function ContextMenuLabelBase({ className, inset, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
|
|
256
|
+
inset?: boolean;
|
|
257
|
+
}): react_jsx_runtime.JSX.Element;
|
|
258
|
+
declare function ContextMenuSeparatorBase({ className, ...props }: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
|
|
259
|
+
declare function ContextMenuShortcutBase({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
260
|
+
|
|
188
261
|
type TestIdProps$1 = {
|
|
189
262
|
testid?: string;
|
|
190
263
|
};
|
|
@@ -199,6 +272,17 @@ declare const DialogFooterBase: React$1.ForwardRefExoticComponent<React$1.HTMLAt
|
|
|
199
272
|
declare const DialogTitleBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & TestIdProps$1 & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
200
273
|
declare const DialogDescriptionBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & TestIdProps$1 & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
201
274
|
|
|
275
|
+
declare function DrawerBase({ ...props }: React$1.ComponentProps<typeof Drawer.Root>): react_jsx_runtime.JSX.Element;
|
|
276
|
+
declare function DrawerTriggerBase({ ...props }: React$1.ComponentProps<typeof Drawer.Trigger>): react_jsx_runtime.JSX.Element;
|
|
277
|
+
declare function DrawerPortalBase({ ...props }: React$1.ComponentProps<typeof Drawer.Portal>): react_jsx_runtime.JSX.Element;
|
|
278
|
+
declare function DrawerCloseBase({ ...props }: React$1.ComponentProps<typeof Drawer.Close>): react_jsx_runtime.JSX.Element;
|
|
279
|
+
declare function DrawerOverlayBase({ className, ...props }: React$1.ComponentProps<typeof Drawer.Overlay>): react_jsx_runtime.JSX.Element;
|
|
280
|
+
declare function DrawerContentBase({ className, children, ...props }: React$1.ComponentProps<typeof Drawer.Content>): react_jsx_runtime.JSX.Element;
|
|
281
|
+
declare function DrawerHeaderBase({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
282
|
+
declare function DrawerFooterBase({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
283
|
+
declare function DrawerTitleBase({ className, ...props }: React$1.ComponentProps<typeof Drawer.Title>): react_jsx_runtime.JSX.Element;
|
|
284
|
+
declare function DrawerDescriptionBase({ className, ...props }: React$1.ComponentProps<typeof Drawer.Description>): react_jsx_runtime.JSX.Element;
|
|
285
|
+
|
|
202
286
|
declare const DropDownMenuBase: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
203
287
|
declare const DropDownMenuTriggerBase: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
204
288
|
declare const DropDownMenuGroupBase: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -228,6 +312,19 @@ declare const DropDownMenuShortcutBase: {
|
|
|
228
312
|
displayName: string;
|
|
229
313
|
};
|
|
230
314
|
|
|
315
|
+
declare function HoverCardBase(props: React$1.ComponentProps<typeof HoverCardPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
316
|
+
declare function HoverCardTriggerBase(props: React$1.ComponentProps<typeof HoverCardPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
317
|
+
declare function HoverCardContentBase({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof HoverCardPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
318
|
+
|
|
319
|
+
declare function InputOTPBase({ className, containerClassName, ...props }: React$1.ComponentProps<typeof OTPInput> & {
|
|
320
|
+
containerClassName?: string;
|
|
321
|
+
}): react_jsx_runtime.JSX.Element;
|
|
322
|
+
declare function InputOTPGroupBase({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
323
|
+
declare function InputOTPSlotBase({ index, className, ...props }: React$1.ComponentProps<"div"> & {
|
|
324
|
+
index: number;
|
|
325
|
+
}): react_jsx_runtime.JSX.Element;
|
|
326
|
+
declare function InputOTPSeparatorBase({ ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
327
|
+
|
|
231
328
|
interface InputBaseProps extends React$1.ComponentProps<"input"> {
|
|
232
329
|
label?: string;
|
|
233
330
|
labelClassname?: string;
|
|
@@ -237,6 +334,27 @@ interface InputBaseProps extends React$1.ComponentProps<"input"> {
|
|
|
237
334
|
}
|
|
238
335
|
declare const InputBase: React$1.ForwardRefExoticComponent<Omit<InputBaseProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
239
336
|
|
|
337
|
+
type LabelBaseProps = React$1.ComponentPropsWithoutRef<"label"> & {
|
|
338
|
+
asChild?: boolean;
|
|
339
|
+
testid?: string;
|
|
340
|
+
};
|
|
341
|
+
declare const LabelBase: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
|
|
342
|
+
asChild?: boolean;
|
|
343
|
+
testid?: string;
|
|
344
|
+
} & React$1.RefAttributes<HTMLLabelElement>>;
|
|
345
|
+
|
|
346
|
+
declare function NavigationMenuBase({ className, children, viewport, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
|
347
|
+
viewport?: boolean;
|
|
348
|
+
}): react_jsx_runtime.JSX.Element;
|
|
349
|
+
declare function NavigationMenuListBase({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime.JSX.Element;
|
|
350
|
+
declare function NavigationMenuItemBase({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime.JSX.Element;
|
|
351
|
+
declare const navigationMenuTriggerStyle: (props?: class_variance_authority_dist_types.ClassProp | undefined) => string;
|
|
352
|
+
declare function NavigationMenuTriggerBase({ className, children, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
353
|
+
declare function NavigationMenuContentBase({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
|
|
354
|
+
declare function NavigationMenuViewportBase({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime.JSX.Element;
|
|
355
|
+
declare function NavigationMenuLinkBase({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime.JSX.Element;
|
|
356
|
+
declare function NavigationMenuIndicatorBase({ className, ...props }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime.JSX.Element;
|
|
357
|
+
|
|
240
358
|
declare const PopoverBase: React$1.FC<PopoverPrimitive.PopoverProps>;
|
|
241
359
|
declare const PopoverTriggerBase: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
242
360
|
declare const PopoverAnchorBase: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
@@ -296,7 +414,7 @@ declare const SheetCloseBase: React$1.ForwardRefExoticComponent<DialogPrimitive.
|
|
|
296
414
|
declare const SheetPortalBase: React$1.FC<DialogPrimitive.DialogPortalProps>;
|
|
297
415
|
declare const SheetOverlayBase: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
298
416
|
declare const sheetVariants: (props?: ({
|
|
299
|
-
side?: "
|
|
417
|
+
side?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
300
418
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
301
419
|
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
|
|
302
420
|
}
|
|
@@ -518,7 +636,7 @@ interface MultiComboboxProps<T extends string> extends Omit<ComboboxProps<T>, "s
|
|
|
518
636
|
}
|
|
519
637
|
declare function MultiCombobox<T extends string>({ items, selected, onChange, className, placeholder, searchPlaceholder, label, labelClassname, testIds, }: MultiComboboxProps<T>): react_jsx_runtime.JSX.Element;
|
|
520
638
|
|
|
521
|
-
interface SelectItem
|
|
639
|
+
interface SelectItem<T extends string> {
|
|
522
640
|
label: string;
|
|
523
641
|
value: T;
|
|
524
642
|
}
|
|
@@ -540,74 +658,20 @@ interface SelectTestIds {
|
|
|
540
658
|
error?: string;
|
|
541
659
|
}
|
|
542
660
|
interface SelectPropsWithItems<T extends string> extends DefaultSelectProps {
|
|
543
|
-
items: SelectItem
|
|
661
|
+
items: SelectItem<T>[];
|
|
544
662
|
groupItems?: never;
|
|
545
663
|
testIds?: SelectTestIds;
|
|
546
664
|
}
|
|
547
665
|
interface SelectPropsWithGroupItems<T extends string> extends DefaultSelectProps {
|
|
548
666
|
items?: never;
|
|
549
667
|
groupItems: {
|
|
550
|
-
[key: string]: SelectItem
|
|
668
|
+
[key: string]: SelectItem<T>[];
|
|
551
669
|
};
|
|
552
670
|
testIds?: SelectTestIds;
|
|
553
671
|
}
|
|
554
672
|
type SelectProps<T extends string> = SelectPropsWithItems<T> | SelectPropsWithGroupItems<T>;
|
|
555
673
|
declare function Select<T extends string>({ items, groupItems, placeholder, onChange, errorMessage, testIds, }: SelectProps<T>): react_jsx_runtime.JSX.Element;
|
|
556
674
|
|
|
557
|
-
type LabelBaseProps = React$1.ComponentPropsWithoutRef<"label"> & {
|
|
558
|
-
asChild?: boolean;
|
|
559
|
-
testid?: string;
|
|
560
|
-
};
|
|
561
|
-
declare const LabelBase: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
|
|
562
|
-
asChild?: boolean;
|
|
563
|
-
testid?: string;
|
|
564
|
-
} & React$1.RefAttributes<HTMLLabelElement>>;
|
|
565
|
-
|
|
566
675
|
declare function useIsMobile(): boolean;
|
|
567
676
|
|
|
568
|
-
type CalendarProps
|
|
569
|
-
declare function CalendarBase({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
570
|
-
declare namespace CalendarBase {
|
|
571
|
-
var displayName: string;
|
|
572
|
-
}
|
|
573
|
-
|
|
574
|
-
type BaseType = string | string[] | number | boolean | Date;
|
|
575
|
-
|
|
576
|
-
type FilterTypes = "string" | "number" | "boolean" | "date" | "select" | "multi-select";
|
|
577
|
-
type FilterValues = BaseType;
|
|
578
|
-
type Filter<T extends Record<string, unknown>> = {
|
|
579
|
-
id: keyof T | null;
|
|
580
|
-
conditionId: FilterConditions | null;
|
|
581
|
-
valueType: FilterTypes | null;
|
|
582
|
-
value: FilterValues | null;
|
|
583
|
-
};
|
|
584
|
-
type FilterConditions = "$eq" | "$ne" | "$gt" | "$lt" | "$gte" | "$lte" | "$startsWith" | "$endsWith" | "$contains" | "$in" | "$nin" | "$exists" | "$notExists";
|
|
585
|
-
type AvailableFilterConditions = {
|
|
586
|
-
conditionId: FilterConditions;
|
|
587
|
-
conditionName: string;
|
|
588
|
-
valueType: FilterTypes;
|
|
589
|
-
selectValues?: SelectItem[];
|
|
590
|
-
};
|
|
591
|
-
type AvailableFilter<T extends Record<string, unknown>> = {
|
|
592
|
-
filterId: keyof T;
|
|
593
|
-
filterName: string;
|
|
594
|
-
conditions: AvailableFilterConditions[];
|
|
595
|
-
};
|
|
596
|
-
interface SelectItem {
|
|
597
|
-
label: string;
|
|
598
|
-
value: string;
|
|
599
|
-
}
|
|
600
|
-
|
|
601
|
-
interface ApplyFilterProps {
|
|
602
|
-
condition: FilterConditions;
|
|
603
|
-
filterValue: FilterValues | null;
|
|
604
|
-
valueType: FilterTypes | null;
|
|
605
|
-
value: FilterValues;
|
|
606
|
-
}
|
|
607
|
-
declare function applyfilter({ condition, filterValue, valueType, value, }: ApplyFilterProps): boolean | undefined;
|
|
608
|
-
|
|
609
|
-
declare const defaultStringConditions: AvailableFilterConditions[];
|
|
610
|
-
|
|
611
|
-
declare function buildFilterSummary<T extends Record<string, unknown>>(filter: Filter<T>, availableFilters: AvailableFilter<T>[]): string | null;
|
|
612
|
-
|
|
613
|
-
export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, CheckboxBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, DateTimePicker, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, InputBase, type InputBaseProps, LabelBase, type LabelBaseProps, ModeToggleBase, MultiCombobox, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem$1 as SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipTriggerBase, UseSideBarBase, applyfilter, buildFilterSummary, buttonVariantsBase, defaultStringConditions, toast, useIsMobile, useTheme };
|
|
677
|
+
export { AlertDialogActionBase, AlertDialogBase, AlertDialogCancelBase, AlertDialogContentBase, AlertDialogDescriptionBase, AlertDialogFooterBase, AlertDialogHeaderBase, AlertDialogOverlayBase, AlertDialogPortalBase, AlertDialogTitleBase, AlertDialogTriggerBase, AvatarBase, AvatarFallbackBase, AvatarImageBase, BadgeBase, BreadcrumbBase, BreadcrumbEllipsisBase, BreadcrumbItemBase, BreadcrumbLinkBase, BreadcrumbListBase, BreadcrumbPageBase, BreadcrumbSeparatorBase, ButtonBase, ButtonGroupBase, type ButtonProps, CalendarBase, type CalendarProps, CardBase, CardContentBase, CardDescriptionBase, CardFooterBase, CardHeaderBase, CardTitleBase, type CarouselApi, CarouselBase, CarouselContentBase, CarouselItemBase, CarouselNextBase, CarouselPrevious, CheckboxBase, Combobox, type ComboboxProps, type ComboboxTestIds, CommandBase, CommandDialogBase, CommandEmptyBase, CommandGroupBase, CommandInputBase, CommandItemBase, CommandListBase, CommandSeparatorBase, CommandShortcutBase, ContextMenuBase, ContextMenuCheckboxItemBase, ContextMenuContentBase, ContextMenuGroupBase, ContextMenuItemBase, ContextMenuLabelBase, ContextMenuPortalBase, ContextMenuRadioGroupBase, ContextMenuRadioItemBase, ContextMenuSeparatorBase, ContextMenuShortcutBase, ContextMenuSubBase, ContextMenuSubContentBase, ContextMenuSubTriggerBase, ContextMenuTriggerBase, DateTimePicker, DialogBase, DialogCloseBase, DialogContentBase, DialogDescriptionBase, DialogFooterBase, DialogHeaderBase, DialogOverlayBase, DialogPortalBase, DialogTitleBase, DialogTriggerBase, DrawerBase, DrawerCloseBase, DrawerContentBase, DrawerDescriptionBase, DrawerFooterBase, DrawerHeaderBase, DrawerOverlayBase, DrawerPortalBase, DrawerTitleBase, DrawerTriggerBase, DropDownMenuBase, DropDownMenuCheckboxItemBase, DropDownMenuContentBase, DropDownMenuGroupBase, DropDownMenuItemBase, DropDownMenuLabelBase, DropDownMenuPortalBase, DropDownMenuRadioGroupBase, DropDownMenuRadioItemBase, DropDownMenuSeparatorBase, DropDownMenuShortcutBase, DropDownMenuSubBase, DropDownMenuSubContentBase, DropDownMenuSubTriggerBase, DropDownMenuTriggerBase, HoverCardBase, HoverCardContentBase, HoverCardTriggerBase, InputBase, type InputBaseProps, InputOTPBase, InputOTPGroupBase, InputOTPSeparatorBase, InputOTPSlotBase, LabelBase, type LabelBaseProps, ModeToggleBase, MultiCombobox, NavigationMenuBase, NavigationMenuContentBase, NavigationMenuIndicatorBase, NavigationMenuItemBase, NavigationMenuLinkBase, NavigationMenuListBase, NavigationMenuTriggerBase, NavigationMenuViewportBase, PopoverAnchorBase, PopoverBase, PopoverContentBase, PopoverTriggerBase, ProgressBase, type ProgressBaseProps, ProgressCirclesBase, type ProgressCirclesBaseProps, ProgressPanelsBase, type ProgressPanelsBaseProps, ProgressSegmentsBase, type ProgressSegmentsBaseProps, ScrollAreaBase, ScrollBarBase, Select, SelectBase, SelectContentBase, SelectGroupBase, type SelectItem, SelectItemBase, SelectLabelBase, SelectScrollDownButtonBase, SelectScrollUpButtonBase, SelectSeparatorBase, SelectTriggerBase, SelectValueBase, SeparatorBase, SheetBase, SheetCloseBase, SheetContentBase, SheetDescriptionBase, SheetFooterBase, SheetHeaderBase, SheetOverlayBase, SheetPortalBase, SheetTitleBase, SheetTriggerBase, SidebarBase, SidebarContentBase, SidebarFooterBase, SidebarGroupActionBase, SidebarGroupBase, SidebarGroupContentBase, SidebarGroupLabelBase, SidebarHeaderBase, SidebarInputBase, SidebarInsetBase, SidebarMenuActionBase, SidebarMenuBadgeBase, SidebarMenuBase, SidebarMenuButtonBase, SidebarMenuItemBase, SidebarMenuSkeletonBase, SidebarMenuSubBase, SidebarMenuSubButtonBase, SidebarMenuSubItemBase, SidebarProviderBase, SidebarRailBase, SidebarSeparatorBase, SidebarTriggerBase, SkeletonBase, SlideBase, type SliderBaseProps, SwitchBase, TableBase, TableBodyBase, TableCaptionBase, TableCellBase, TableFooterBase, TableHeadBase, TableHeaderBase, TableRowBase, TabsBase, TabsContentBase, TabsListBase, TabsTriggerBase, TextAreaBase, type Theme, ThemeProviderBase, TimePicker, TimePickerInput, type TimePickerInputProps, Toaster, TooltipBase, TooltipContentBase, TooltipProviderBase, TooltipTriggerBase, UseSideBarBase, badgeVariants, buttonVariantsBase, navigationMenuTriggerStyle, toast, useIsMobile, useTheme };
|