@fea-ui/react 0.1.0-alpha.6 → 0.1.0-alpha.7
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.cjs +145 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +743 -484
- package/dist/index.d.mts +267 -8
- package/dist/index.mjs +143 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as tailwind_variants0 from "tailwind-variants";
|
|
2
2
|
import { VariantProps, cn } from "tailwind-variants";
|
|
3
|
-
import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Avatar as Avatar$1, Button as Button$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Dialog as Dialog$1, Field as Field$1, Fieldset as Fieldset$1, Input as Input$1, Menu as Menu$1, Meter as Meter$1, Progress as Progress$1, Separator as Separator$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, ToggleProps } from "@base-ui/react";
|
|
3
|
+
import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Avatar as Avatar$1, Button as Button$1, Checkbox as Checkbox$1, CheckboxGroup as CheckboxGroup$1, Dialog as Dialog$1, Field as Field$1, Fieldset as Fieldset$1, Input as Input$1, Menu as Menu$1, Meter as Meter$1, Popover as Popover$1, Progress as Progress$1, Separator as Separator$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, ToggleProps } from "@base-ui/react";
|
|
4
4
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
5
|
import * as tailwind_merge0 from "tailwind-merge";
|
|
6
6
|
|
|
@@ -115,9 +115,9 @@ declare const alertDialogVariants: tailwind_variants0.TVReturnType<{
|
|
|
115
115
|
root?: tailwind_merge0.ClassNameValue;
|
|
116
116
|
trigger?: tailwind_merge0.ClassNameValue;
|
|
117
117
|
title?: tailwind_merge0.ClassNameValue;
|
|
118
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
118
119
|
backdrop?: tailwind_merge0.ClassNameValue;
|
|
119
120
|
close?: tailwind_merge0.ClassNameValue;
|
|
120
|
-
description?: tailwind_merge0.ClassNameValue;
|
|
121
121
|
popup?: tailwind_merge0.ClassNameValue;
|
|
122
122
|
portal?: tailwind_merge0.ClassNameValue;
|
|
123
123
|
viewport?: tailwind_merge0.ClassNameValue;
|
|
@@ -129,9 +129,9 @@ declare const alertDialogVariants: tailwind_variants0.TVReturnType<{
|
|
|
129
129
|
root?: tailwind_merge0.ClassNameValue;
|
|
130
130
|
trigger?: tailwind_merge0.ClassNameValue;
|
|
131
131
|
title?: tailwind_merge0.ClassNameValue;
|
|
132
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
132
133
|
backdrop?: tailwind_merge0.ClassNameValue;
|
|
133
134
|
close?: tailwind_merge0.ClassNameValue;
|
|
134
|
-
description?: tailwind_merge0.ClassNameValue;
|
|
135
135
|
popup?: tailwind_merge0.ClassNameValue;
|
|
136
136
|
portal?: tailwind_merge0.ClassNameValue;
|
|
137
137
|
viewport?: tailwind_merge0.ClassNameValue;
|
|
@@ -153,9 +153,9 @@ declare const alertDialogVariants: tailwind_variants0.TVReturnType<{
|
|
|
153
153
|
root?: tailwind_merge0.ClassNameValue;
|
|
154
154
|
trigger?: tailwind_merge0.ClassNameValue;
|
|
155
155
|
title?: tailwind_merge0.ClassNameValue;
|
|
156
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
156
157
|
backdrop?: tailwind_merge0.ClassNameValue;
|
|
157
158
|
close?: tailwind_merge0.ClassNameValue;
|
|
158
|
-
description?: tailwind_merge0.ClassNameValue;
|
|
159
159
|
popup?: tailwind_merge0.ClassNameValue;
|
|
160
160
|
portal?: tailwind_merge0.ClassNameValue;
|
|
161
161
|
viewport?: tailwind_merge0.ClassNameValue;
|
|
@@ -611,9 +611,9 @@ declare const dialogVariants: tailwind_variants0.TVReturnType<{
|
|
|
611
611
|
root?: tailwind_merge0.ClassNameValue;
|
|
612
612
|
trigger?: tailwind_merge0.ClassNameValue;
|
|
613
613
|
title?: tailwind_merge0.ClassNameValue;
|
|
614
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
614
615
|
backdrop?: tailwind_merge0.ClassNameValue;
|
|
615
616
|
close?: tailwind_merge0.ClassNameValue;
|
|
616
|
-
description?: tailwind_merge0.ClassNameValue;
|
|
617
617
|
popup?: tailwind_merge0.ClassNameValue;
|
|
618
618
|
portal?: tailwind_merge0.ClassNameValue;
|
|
619
619
|
viewport?: tailwind_merge0.ClassNameValue;
|
|
@@ -625,9 +625,9 @@ declare const dialogVariants: tailwind_variants0.TVReturnType<{
|
|
|
625
625
|
root?: tailwind_merge0.ClassNameValue;
|
|
626
626
|
trigger?: tailwind_merge0.ClassNameValue;
|
|
627
627
|
title?: tailwind_merge0.ClassNameValue;
|
|
628
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
628
629
|
backdrop?: tailwind_merge0.ClassNameValue;
|
|
629
630
|
close?: tailwind_merge0.ClassNameValue;
|
|
630
|
-
description?: tailwind_merge0.ClassNameValue;
|
|
631
631
|
popup?: tailwind_merge0.ClassNameValue;
|
|
632
632
|
portal?: tailwind_merge0.ClassNameValue;
|
|
633
633
|
viewport?: tailwind_merge0.ClassNameValue;
|
|
@@ -649,9 +649,9 @@ declare const dialogVariants: tailwind_variants0.TVReturnType<{
|
|
|
649
649
|
root?: tailwind_merge0.ClassNameValue;
|
|
650
650
|
trigger?: tailwind_merge0.ClassNameValue;
|
|
651
651
|
title?: tailwind_merge0.ClassNameValue;
|
|
652
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
652
653
|
backdrop?: tailwind_merge0.ClassNameValue;
|
|
653
654
|
close?: tailwind_merge0.ClassNameValue;
|
|
654
|
-
description?: tailwind_merge0.ClassNameValue;
|
|
655
655
|
popup?: tailwind_merge0.ClassNameValue;
|
|
656
656
|
portal?: tailwind_merge0.ClassNameValue;
|
|
657
657
|
viewport?: tailwind_merge0.ClassNameValue;
|
|
@@ -1008,6 +1008,118 @@ declare const Form: ({
|
|
|
1008
1008
|
...props
|
|
1009
1009
|
}: FormProps) => react_jsx_runtime0.JSX.Element;
|
|
1010
1010
|
//#endregion
|
|
1011
|
+
//#region src/components/icon-button/icon-button.variants.d.ts
|
|
1012
|
+
declare const iconButtonVariants: tailwind_variants0.TVReturnType<{} | {
|
|
1013
|
+
isIconOnly: {
|
|
1014
|
+
true: tailwind_merge0.ClassNameValue | {
|
|
1015
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1016
|
+
};
|
|
1017
|
+
};
|
|
1018
|
+
size: {
|
|
1019
|
+
lg: tailwind_merge0.ClassNameValue | {
|
|
1020
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1021
|
+
};
|
|
1022
|
+
md: tailwind_merge0.ClassNameValue | {
|
|
1023
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1024
|
+
};
|
|
1025
|
+
sm: tailwind_merge0.ClassNameValue | {
|
|
1026
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1027
|
+
};
|
|
1028
|
+
};
|
|
1029
|
+
variant: {
|
|
1030
|
+
danger: tailwind_merge0.ClassNameValue | {
|
|
1031
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1032
|
+
};
|
|
1033
|
+
ghost: tailwind_merge0.ClassNameValue | {
|
|
1034
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1035
|
+
};
|
|
1036
|
+
outline: tailwind_merge0.ClassNameValue | {
|
|
1037
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1038
|
+
};
|
|
1039
|
+
primary: tailwind_merge0.ClassNameValue | {
|
|
1040
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1041
|
+
};
|
|
1042
|
+
secondary: tailwind_merge0.ClassNameValue | {
|
|
1043
|
+
base?: tailwind_merge0.ClassNameValue;
|
|
1044
|
+
};
|
|
1045
|
+
};
|
|
1046
|
+
}, undefined, "icon-button", {
|
|
1047
|
+
isIconOnly: {
|
|
1048
|
+
true: string;
|
|
1049
|
+
};
|
|
1050
|
+
size: {
|
|
1051
|
+
lg: string;
|
|
1052
|
+
md: string;
|
|
1053
|
+
sm: string;
|
|
1054
|
+
};
|
|
1055
|
+
variant: {
|
|
1056
|
+
danger: string;
|
|
1057
|
+
ghost: string;
|
|
1058
|
+
outline: string;
|
|
1059
|
+
primary: string;
|
|
1060
|
+
secondary: string;
|
|
1061
|
+
};
|
|
1062
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
1063
|
+
isIconOnly: {
|
|
1064
|
+
true: string;
|
|
1065
|
+
};
|
|
1066
|
+
size: {
|
|
1067
|
+
lg: string;
|
|
1068
|
+
md: string;
|
|
1069
|
+
sm: string;
|
|
1070
|
+
};
|
|
1071
|
+
variant: {
|
|
1072
|
+
danger: string;
|
|
1073
|
+
ghost: string;
|
|
1074
|
+
outline: string;
|
|
1075
|
+
primary: string;
|
|
1076
|
+
secondary: string;
|
|
1077
|
+
};
|
|
1078
|
+
}, undefined, "button", {
|
|
1079
|
+
isIconOnly: {
|
|
1080
|
+
true: string;
|
|
1081
|
+
};
|
|
1082
|
+
size: {
|
|
1083
|
+
lg: string;
|
|
1084
|
+
md: string;
|
|
1085
|
+
sm: string;
|
|
1086
|
+
};
|
|
1087
|
+
variant: {
|
|
1088
|
+
danger: string;
|
|
1089
|
+
ghost: string;
|
|
1090
|
+
outline: string;
|
|
1091
|
+
primary: string;
|
|
1092
|
+
secondary: string;
|
|
1093
|
+
};
|
|
1094
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
1095
|
+
isIconOnly: {
|
|
1096
|
+
true: string;
|
|
1097
|
+
};
|
|
1098
|
+
size: {
|
|
1099
|
+
lg: string;
|
|
1100
|
+
md: string;
|
|
1101
|
+
sm: string;
|
|
1102
|
+
};
|
|
1103
|
+
variant: {
|
|
1104
|
+
danger: string;
|
|
1105
|
+
ghost: string;
|
|
1106
|
+
outline: string;
|
|
1107
|
+
primary: string;
|
|
1108
|
+
secondary: string;
|
|
1109
|
+
};
|
|
1110
|
+
}, undefined, "button", unknown, unknown, undefined>>>;
|
|
1111
|
+
type IconButtonVariants = VariantProps<typeof iconButtonVariants>;
|
|
1112
|
+
//#endregion
|
|
1113
|
+
//#region src/components/icon-button/icon-button.d.ts
|
|
1114
|
+
type IconButtonProps = IconButtonVariants & ButtonProps;
|
|
1115
|
+
declare const IconButton: ({
|
|
1116
|
+
className,
|
|
1117
|
+
variant,
|
|
1118
|
+
size,
|
|
1119
|
+
isIconOnly,
|
|
1120
|
+
...props
|
|
1121
|
+
}: IconButtonProps) => react_jsx_runtime0.JSX.Element;
|
|
1122
|
+
//#endregion
|
|
1011
1123
|
//#region src/components/input/input.variants.d.ts
|
|
1012
1124
|
declare const inputVariants: tailwind_variants0.TVReturnType<{
|
|
1013
1125
|
inputSize: {
|
|
@@ -1581,6 +1693,153 @@ interface NavbarMenuProps extends React.ComponentProps<"ul"> {
|
|
|
1581
1693
|
}
|
|
1582
1694
|
interface NavbarMenuItemProps extends React.ComponentProps<"li"> {}
|
|
1583
1695
|
//#endregion
|
|
1696
|
+
//#region src/components/popover/popover.variants.d.ts
|
|
1697
|
+
declare const popoverVariants: tailwind_variants0.TVReturnType<{
|
|
1698
|
+
[key: string]: {
|
|
1699
|
+
[key: string]: tailwind_merge0.ClassNameValue | {
|
|
1700
|
+
root?: tailwind_merge0.ClassNameValue;
|
|
1701
|
+
trigger?: tailwind_merge0.ClassNameValue;
|
|
1702
|
+
title?: tailwind_merge0.ClassNameValue;
|
|
1703
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
1704
|
+
backdrop?: tailwind_merge0.ClassNameValue;
|
|
1705
|
+
close?: tailwind_merge0.ClassNameValue;
|
|
1706
|
+
popup?: tailwind_merge0.ClassNameValue;
|
|
1707
|
+
portal?: tailwind_merge0.ClassNameValue;
|
|
1708
|
+
viewport?: tailwind_merge0.ClassNameValue;
|
|
1709
|
+
arrow?: tailwind_merge0.ClassNameValue;
|
|
1710
|
+
positioner?: tailwind_merge0.ClassNameValue;
|
|
1711
|
+
};
|
|
1712
|
+
};
|
|
1713
|
+
} | {
|
|
1714
|
+
[x: string]: {
|
|
1715
|
+
[x: string]: tailwind_merge0.ClassNameValue | {
|
|
1716
|
+
root?: tailwind_merge0.ClassNameValue;
|
|
1717
|
+
trigger?: tailwind_merge0.ClassNameValue;
|
|
1718
|
+
title?: tailwind_merge0.ClassNameValue;
|
|
1719
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
1720
|
+
backdrop?: tailwind_merge0.ClassNameValue;
|
|
1721
|
+
close?: tailwind_merge0.ClassNameValue;
|
|
1722
|
+
popup?: tailwind_merge0.ClassNameValue;
|
|
1723
|
+
portal?: tailwind_merge0.ClassNameValue;
|
|
1724
|
+
viewport?: tailwind_merge0.ClassNameValue;
|
|
1725
|
+
arrow?: tailwind_merge0.ClassNameValue;
|
|
1726
|
+
positioner?: tailwind_merge0.ClassNameValue;
|
|
1727
|
+
};
|
|
1728
|
+
};
|
|
1729
|
+
} | {}, {
|
|
1730
|
+
arrow: string;
|
|
1731
|
+
backdrop: string;
|
|
1732
|
+
close: string;
|
|
1733
|
+
description: string;
|
|
1734
|
+
popup: string;
|
|
1735
|
+
portal: string;
|
|
1736
|
+
positioner: string;
|
|
1737
|
+
root: string;
|
|
1738
|
+
title: string;
|
|
1739
|
+
trigger: string;
|
|
1740
|
+
viewport: string;
|
|
1741
|
+
}, undefined, {
|
|
1742
|
+
[key: string]: {
|
|
1743
|
+
[key: string]: tailwind_merge0.ClassNameValue | {
|
|
1744
|
+
root?: tailwind_merge0.ClassNameValue;
|
|
1745
|
+
trigger?: tailwind_merge0.ClassNameValue;
|
|
1746
|
+
title?: tailwind_merge0.ClassNameValue;
|
|
1747
|
+
description?: tailwind_merge0.ClassNameValue;
|
|
1748
|
+
backdrop?: tailwind_merge0.ClassNameValue;
|
|
1749
|
+
close?: tailwind_merge0.ClassNameValue;
|
|
1750
|
+
popup?: tailwind_merge0.ClassNameValue;
|
|
1751
|
+
portal?: tailwind_merge0.ClassNameValue;
|
|
1752
|
+
viewport?: tailwind_merge0.ClassNameValue;
|
|
1753
|
+
arrow?: tailwind_merge0.ClassNameValue;
|
|
1754
|
+
positioner?: tailwind_merge0.ClassNameValue;
|
|
1755
|
+
};
|
|
1756
|
+
};
|
|
1757
|
+
} | {}, {
|
|
1758
|
+
arrow: string;
|
|
1759
|
+
backdrop: string;
|
|
1760
|
+
close: string;
|
|
1761
|
+
description: string;
|
|
1762
|
+
popup: string;
|
|
1763
|
+
portal: string;
|
|
1764
|
+
positioner: string;
|
|
1765
|
+
root: string;
|
|
1766
|
+
title: string;
|
|
1767
|
+
trigger: string;
|
|
1768
|
+
viewport: string;
|
|
1769
|
+
}, tailwind_variants0.TVReturnType<unknown, {
|
|
1770
|
+
arrow: string;
|
|
1771
|
+
backdrop: string;
|
|
1772
|
+
close: string;
|
|
1773
|
+
description: string;
|
|
1774
|
+
popup: string;
|
|
1775
|
+
portal: string;
|
|
1776
|
+
positioner: string;
|
|
1777
|
+
root: string;
|
|
1778
|
+
title: string;
|
|
1779
|
+
trigger: string;
|
|
1780
|
+
viewport: string;
|
|
1781
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
1782
|
+
type PopoverVariants = VariantProps<typeof popoverVariants>;
|
|
1783
|
+
//#endregion
|
|
1784
|
+
//#region src/components/popover/popover.d.ts
|
|
1785
|
+
interface PopoverProps extends PopoverVariants, Popover$1.Root.Props {}
|
|
1786
|
+
declare const Popover: {
|
|
1787
|
+
({
|
|
1788
|
+
...props
|
|
1789
|
+
}: PopoverProps): react_jsx_runtime0.JSX.Element;
|
|
1790
|
+
Root: /*elided*/any;
|
|
1791
|
+
Trigger: ({
|
|
1792
|
+
className,
|
|
1793
|
+
...props
|
|
1794
|
+
}: PopoverTriggerProps) => react_jsx_runtime0.JSX.Element;
|
|
1795
|
+
Portal: ({
|
|
1796
|
+
className,
|
|
1797
|
+
...props
|
|
1798
|
+
}: PopoverPortalProps) => react_jsx_runtime0.JSX.Element;
|
|
1799
|
+
Backdrop: ({
|
|
1800
|
+
className,
|
|
1801
|
+
...props
|
|
1802
|
+
}: PopoverBackdropProps) => react_jsx_runtime0.JSX.Element;
|
|
1803
|
+
Positioner: ({
|
|
1804
|
+
className,
|
|
1805
|
+
...props
|
|
1806
|
+
}: PopoverPositionerProps) => react_jsx_runtime0.JSX.Element;
|
|
1807
|
+
Popup: ({
|
|
1808
|
+
className,
|
|
1809
|
+
...props
|
|
1810
|
+
}: PopoverPopupProps) => react_jsx_runtime0.JSX.Element;
|
|
1811
|
+
Arrow: ({
|
|
1812
|
+
className,
|
|
1813
|
+
...props
|
|
1814
|
+
}: PopoverArrowProps) => react_jsx_runtime0.JSX.Element;
|
|
1815
|
+
Viewport: ({
|
|
1816
|
+
className,
|
|
1817
|
+
...props
|
|
1818
|
+
}: PopoverViewportProps) => react_jsx_runtime0.JSX.Element;
|
|
1819
|
+
Title: ({
|
|
1820
|
+
className,
|
|
1821
|
+
...props
|
|
1822
|
+
}: PopoverTitleProps) => react_jsx_runtime0.JSX.Element;
|
|
1823
|
+
Description: ({
|
|
1824
|
+
className,
|
|
1825
|
+
...props
|
|
1826
|
+
}: PopoverDescriptionProps) => react_jsx_runtime0.JSX.Element;
|
|
1827
|
+
Close: ({
|
|
1828
|
+
className,
|
|
1829
|
+
...props
|
|
1830
|
+
}: PopoverCloseProps) => react_jsx_runtime0.JSX.Element;
|
|
1831
|
+
};
|
|
1832
|
+
interface PopoverTriggerProps extends Popover$1.Trigger.Props {}
|
|
1833
|
+
interface PopoverPortalProps extends Popover$1.Portal.Props {}
|
|
1834
|
+
interface PopoverBackdropProps extends Popover$1.Backdrop.Props {}
|
|
1835
|
+
interface PopoverPositionerProps extends Popover$1.Positioner.Props {}
|
|
1836
|
+
interface PopoverPopupProps extends Popover$1.Popup.Props {}
|
|
1837
|
+
interface PopoverArrowProps extends Popover$1.Arrow.Props {}
|
|
1838
|
+
interface PopoverViewportProps extends Popover$1.Viewport.Props {}
|
|
1839
|
+
interface PopoverTitleProps extends Popover$1.Title.Props {}
|
|
1840
|
+
interface PopoverDescriptionProps extends Popover$1.Description.Props {}
|
|
1841
|
+
interface PopoverCloseProps extends Popover$1.Close.Props {}
|
|
1842
|
+
//#endregion
|
|
1584
1843
|
//#region src/components/progress/progress.variants.d.ts
|
|
1585
1844
|
declare const progressVariants: tailwind_variants0.TVReturnType<{
|
|
1586
1845
|
[key: string]: {
|
|
@@ -2193,5 +2452,5 @@ declare const ToggleButton: ({
|
|
|
2193
2452
|
...props
|
|
2194
2453
|
}: ToggleButtonProps) => react_jsx_runtime0.JSX.Element;
|
|
2195
2454
|
//#endregion
|
|
2196
|
-
export { Accordion, AccordionVariants, AlertDialog, AlertDialogVariants, Avatar, AvatarVariants, Button, ButtonGroup, ButtonGroupVariants, ButtonVariants, Card, CardVariants, Checkbox, CheckboxGroup, CheckboxGroupVariants, CheckboxVariants, Chip, ChipVariants, Container, ContainerVariants, Dialog, DialogVariants, Drawer, DrawerVariants, Field, FieldVariants, Fieldset, FieldsetVariants, Form, FormVariants, Input, InputVariants, Label, LabelVariants, Link, LinkVariants, List, ListVariants, Menu, MenuVariants, Meter, MeterVariants, Navbar, NavbarVariants, Progress, ProgressVariants, Separator, SeparatorVariants, Slider, SliderVariants, Switch, SwitchVariants, Table, TableVariants, Tabs, TabsVariants, Text, TextVariants, Textarea, TextareaVariants, ToggleButton, ToggleButtonVariants, accordionVariants, alertDialogVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, progressVariants, separatorVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
|
|
2455
|
+
export { Accordion, AccordionVariants, AlertDialog, AlertDialogVariants, Avatar, AvatarVariants, Button, ButtonGroup, ButtonGroupVariants, ButtonProps, ButtonVariants, Card, CardVariants, Checkbox, CheckboxGroup, CheckboxGroupVariants, CheckboxVariants, Chip, ChipVariants, Container, ContainerVariants, Dialog, DialogVariants, Drawer, DrawerVariants, Field, FieldVariants, Fieldset, FieldsetVariants, Form, FormVariants, IconButton, IconButtonVariants, Input, InputVariants, Label, LabelVariants, Link, LinkVariants, List, ListVariants, Menu, MenuVariants, Meter, MeterVariants, Navbar, NavbarVariants, Popover, PopoverVariants, Progress, ProgressVariants, Separator, SeparatorVariants, Slider, SliderVariants, Switch, SwitchVariants, Table, TableVariants, Tabs, TabsVariants, Text, TextVariants, Textarea, TextareaVariants, ToggleButton, ToggleButtonVariants, accordionVariants, alertDialogVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, popoverVariants, progressVariants, separatorVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
|
|
2197
2456
|
//# sourceMappingURL=index.d.mts.map
|
package/dist/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { cn, cn as cn$1, tv } from "tailwind-variants";
|
|
2
|
-
import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Dialog, Field, Fieldset, Input, Menu, Meter, Progress, Separator, Slider, Switch, Tabs, Toggle } from "@base-ui/react";
|
|
2
|
+
import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Dialog, Field, Fieldset, Input, Menu, Meter, Popover, Progress, Separator, Slider, Switch, Tabs, Toggle } from "@base-ui/react";
|
|
3
3
|
import { LucideCheck, LucideChevronDown, LucideMenu, LucideX } from "lucide-react";
|
|
4
4
|
import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -849,6 +849,28 @@ const Form = ({ className, ...props }) => {
|
|
|
849
849
|
};
|
|
850
850
|
var form_default = Form;
|
|
851
851
|
|
|
852
|
+
//#endregion
|
|
853
|
+
//#region src/components/icon-button/icon-button.variants.ts
|
|
854
|
+
const iconButtonVariants = tv({
|
|
855
|
+
base: "icon-button",
|
|
856
|
+
defaultVariants: { isIconOnly: true },
|
|
857
|
+
extend: buttonVariants
|
|
858
|
+
});
|
|
859
|
+
|
|
860
|
+
//#endregion
|
|
861
|
+
//#region src/components/icon-button/icon-button.tsx
|
|
862
|
+
const IconButton = ({ className, variant, size, isIconOnly, ...props }) => {
|
|
863
|
+
return /* @__PURE__ */ jsx(button_default, {
|
|
864
|
+
className: cn$1(className, iconButtonVariants({
|
|
865
|
+
isIconOnly,
|
|
866
|
+
size,
|
|
867
|
+
variant
|
|
868
|
+
})),
|
|
869
|
+
...props
|
|
870
|
+
});
|
|
871
|
+
};
|
|
872
|
+
var icon_button_default = IconButton;
|
|
873
|
+
|
|
852
874
|
//#endregion
|
|
853
875
|
//#region src/components/input/input.variants.ts
|
|
854
876
|
const inputVariants = tv({
|
|
@@ -1334,6 +1356,125 @@ Navbar.Menu = NavbarMenu;
|
|
|
1334
1356
|
Navbar.MenuItem = NavbarMenuItem;
|
|
1335
1357
|
var navbar_default = Navbar;
|
|
1336
1358
|
|
|
1359
|
+
//#endregion
|
|
1360
|
+
//#region src/components/popover/popover.context.ts
|
|
1361
|
+
const PopoverContext = createContext(null);
|
|
1362
|
+
|
|
1363
|
+
//#endregion
|
|
1364
|
+
//#region src/components/popover/popover.variants.ts
|
|
1365
|
+
const popoverVariants = tv({ slots: {
|
|
1366
|
+
arrow: "popover__arrow",
|
|
1367
|
+
backdrop: "popover__backdrop",
|
|
1368
|
+
close: "popover__close",
|
|
1369
|
+
description: "popover__description",
|
|
1370
|
+
popup: "popover__popup",
|
|
1371
|
+
portal: "popover__portal",
|
|
1372
|
+
positioner: "popover__positioner",
|
|
1373
|
+
root: "popover",
|
|
1374
|
+
title: "popover__title",
|
|
1375
|
+
trigger: "popover__trigger",
|
|
1376
|
+
viewport: "popover__viewport"
|
|
1377
|
+
} });
|
|
1378
|
+
|
|
1379
|
+
//#endregion
|
|
1380
|
+
//#region src/components/popover/use-popover.ts
|
|
1381
|
+
const usePopover = () => {
|
|
1382
|
+
const context = useContext(PopoverContext);
|
|
1383
|
+
if (!context) throw new Error("usePopover must be used within a PopoverProvider");
|
|
1384
|
+
return context;
|
|
1385
|
+
};
|
|
1386
|
+
|
|
1387
|
+
//#endregion
|
|
1388
|
+
//#region src/components/popover/popover.tsx
|
|
1389
|
+
const Popover$1 = ({ ...props }) => {
|
|
1390
|
+
return /* @__PURE__ */ jsx(PopoverContext, {
|
|
1391
|
+
value: { slots: useMemo(() => popoverVariants(), []) },
|
|
1392
|
+
children: /* @__PURE__ */ jsx(Popover.Root, { ...props })
|
|
1393
|
+
});
|
|
1394
|
+
};
|
|
1395
|
+
const PopoverTrigger = ({ className, ...props }) => {
|
|
1396
|
+
const { slots } = usePopover();
|
|
1397
|
+
return /* @__PURE__ */ jsx(Popover.Trigger, {
|
|
1398
|
+
className: cn$1(slots.trigger(), className),
|
|
1399
|
+
...props
|
|
1400
|
+
});
|
|
1401
|
+
};
|
|
1402
|
+
const PopoverPortal = ({ className, ...props }) => {
|
|
1403
|
+
const { slots } = usePopover();
|
|
1404
|
+
return /* @__PURE__ */ jsx(Popover.Portal, {
|
|
1405
|
+
className: cn$1(slots.portal(), className),
|
|
1406
|
+
...props
|
|
1407
|
+
});
|
|
1408
|
+
};
|
|
1409
|
+
const PopoverBackdrop = ({ className, ...props }) => {
|
|
1410
|
+
const { slots } = usePopover();
|
|
1411
|
+
return /* @__PURE__ */ jsx(Popover.Backdrop, {
|
|
1412
|
+
className: cn$1(slots.backdrop(), className),
|
|
1413
|
+
...props
|
|
1414
|
+
});
|
|
1415
|
+
};
|
|
1416
|
+
const PopoverPositioner = ({ className, ...props }) => {
|
|
1417
|
+
const { slots } = usePopover();
|
|
1418
|
+
return /* @__PURE__ */ jsx(Popover.Positioner, {
|
|
1419
|
+
className: cn$1(slots.positioner(), className),
|
|
1420
|
+
...props
|
|
1421
|
+
});
|
|
1422
|
+
};
|
|
1423
|
+
const PopoverPopup = ({ className, ...props }) => {
|
|
1424
|
+
const { slots } = usePopover();
|
|
1425
|
+
return /* @__PURE__ */ jsx(Popover.Popup, {
|
|
1426
|
+
className: cn$1(slots.popup(), className),
|
|
1427
|
+
...props
|
|
1428
|
+
});
|
|
1429
|
+
};
|
|
1430
|
+
const PopoverArrow = ({ className, ...props }) => {
|
|
1431
|
+
const { slots } = usePopover();
|
|
1432
|
+
return /* @__PURE__ */ jsx(Popover.Arrow, {
|
|
1433
|
+
className: cn$1(slots.arrow(), className),
|
|
1434
|
+
...props
|
|
1435
|
+
});
|
|
1436
|
+
};
|
|
1437
|
+
const PopoverViewport = ({ className, ...props }) => {
|
|
1438
|
+
const { slots } = usePopover();
|
|
1439
|
+
return /* @__PURE__ */ jsx(Popover.Viewport, {
|
|
1440
|
+
className: cn$1(slots.viewport(), className),
|
|
1441
|
+
...props
|
|
1442
|
+
});
|
|
1443
|
+
};
|
|
1444
|
+
const PopoverTitle = ({ className, ...props }) => {
|
|
1445
|
+
const { slots } = usePopover();
|
|
1446
|
+
return /* @__PURE__ */ jsx(Popover.Title, {
|
|
1447
|
+
className: cn$1(slots.title(), className),
|
|
1448
|
+
...props
|
|
1449
|
+
});
|
|
1450
|
+
};
|
|
1451
|
+
const PopoverDescription = ({ className, ...props }) => {
|
|
1452
|
+
const { slots } = usePopover();
|
|
1453
|
+
return /* @__PURE__ */ jsx(Popover.Description, {
|
|
1454
|
+
className: cn$1(slots.description(), className),
|
|
1455
|
+
...props
|
|
1456
|
+
});
|
|
1457
|
+
};
|
|
1458
|
+
const PopoverClose = ({ className, ...props }) => {
|
|
1459
|
+
const { slots } = usePopover();
|
|
1460
|
+
return /* @__PURE__ */ jsx(Popover.Close, {
|
|
1461
|
+
className: cn$1(slots.close(), className),
|
|
1462
|
+
...props
|
|
1463
|
+
});
|
|
1464
|
+
};
|
|
1465
|
+
Popover$1.Root = Popover$1;
|
|
1466
|
+
Popover$1.Trigger = PopoverTrigger;
|
|
1467
|
+
Popover$1.Portal = PopoverPortal;
|
|
1468
|
+
Popover$1.Backdrop = PopoverBackdrop;
|
|
1469
|
+
Popover$1.Positioner = PopoverPositioner;
|
|
1470
|
+
Popover$1.Popup = PopoverPopup;
|
|
1471
|
+
Popover$1.Arrow = PopoverArrow;
|
|
1472
|
+
Popover$1.Viewport = PopoverViewport;
|
|
1473
|
+
Popover$1.Title = PopoverTitle;
|
|
1474
|
+
Popover$1.Description = PopoverDescription;
|
|
1475
|
+
Popover$1.Close = PopoverClose;
|
|
1476
|
+
var popover_default = Popover$1;
|
|
1477
|
+
|
|
1337
1478
|
//#endregion
|
|
1338
1479
|
//#region src/components/progress/progress.context.ts
|
|
1339
1480
|
const ProgressContext = createContext(null);
|
|
@@ -1740,5 +1881,5 @@ const ToggleButton = ({ className, variant, size, ...props }) => {
|
|
|
1740
1881
|
var toggle_button_default = ToggleButton;
|
|
1741
1882
|
|
|
1742
1883
|
//#endregion
|
|
1743
|
-
export { accordion_default as Accordion, alert_dialog_default as AlertDialog, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, drawer_default as Drawer, field_default as Field, fieldset_default as Fieldset, form_default as Form, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, progress_default as Progress, separator_default as Separator, slider_default as Slider, switch_default as Switch, table_default as Table, tabs_default as Tabs, text_default as Text, textarea_default as Textarea, toggle_button_default as ToggleButton, accordionVariants, alertDialogVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, progressVariants, separatorVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
|
|
1884
|
+
export { accordion_default as Accordion, alert_dialog_default as AlertDialog, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, drawer_default as Drawer, field_default as Field, fieldset_default as Fieldset, form_default as Form, icon_button_default as IconButton, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, popover_default as Popover, progress_default as Progress, separator_default as Separator, slider_default as Slider, switch_default as Switch, table_default as Table, tabs_default as Tabs, text_default as Text, textarea_default as Textarea, toggle_button_default as ToggleButton, accordionVariants, alertDialogVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, popoverVariants, progressVariants, separatorVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
|
|
1744
1885
|
//# sourceMappingURL=index.mjs.map
|