@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.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