@fea-ui/react 0.0.0 → 0.0.1-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +3115 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +1300 -816
- package/dist/index.d.mts +1300 -816
- package/dist/index.mjs +443 -48
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -2
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { cn, cn as cn$1, tv } from "tailwind-variants";
|
|
2
|
-
import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Collapsible, Dialog, Field, Fieldset, Form, Input, Menu, Meter, Popover, Progress, Radio, RadioGroup, Select, Separator, Slider, Switch, Tabs, Toast, Toggle, Tooltip } from "@base-ui/react";
|
|
3
|
-
import { Check, ChevronDown,
|
|
2
|
+
import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Collapsible, Combobox, Dialog, Field, Fieldset, Form, Input, Menu, Meter, NavigationMenu, Popover, Progress, Radio, RadioGroup, Select, Separator, Slider, Switch, Tabs, Toast, Toggle, Tooltip } from "@base-ui/react";
|
|
3
|
+
import { Check, ChevronDown, ChevronsUpDown, LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideInfo, LucideLoader, LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX, LucideXCircle, X } from "lucide-react";
|
|
4
4
|
import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
7
6
|
|
|
8
7
|
//#region src/components/accordion/accordion.context.ts
|
|
9
8
|
const AccordionContext = createContext(null);
|
|
@@ -651,6 +650,232 @@ var collapsible_default = Object.assign(Collapsible$1, {
|
|
|
651
650
|
TriggerIcon: CollapsibleTriggerIcon
|
|
652
651
|
});
|
|
653
652
|
|
|
653
|
+
//#endregion
|
|
654
|
+
//#region src/components/combobox/combobox.context.ts
|
|
655
|
+
const ComboboxContext = createContext(null);
|
|
656
|
+
|
|
657
|
+
//#endregion
|
|
658
|
+
//#region src/components/combobox/combobox.variants.ts
|
|
659
|
+
/** biome-ignore-all assist/source/useSortedKeys: believe me its better */
|
|
660
|
+
const comboboxVariants = tv({ slots: {
|
|
661
|
+
root: "combobox",
|
|
662
|
+
input: "combobox__input",
|
|
663
|
+
trigger: "combobox__trigger",
|
|
664
|
+
icon: "combobox__icon",
|
|
665
|
+
clear: "combobox__clear",
|
|
666
|
+
value: "combobox__value",
|
|
667
|
+
chips: "combobox__chips",
|
|
668
|
+
chip: "combobox__chip",
|
|
669
|
+
chipRemove: "combobox__chip-remove",
|
|
670
|
+
portal: "combobox__portal",
|
|
671
|
+
backdrop: "combobox__backdrop",
|
|
672
|
+
positioner: "combobox__positioner",
|
|
673
|
+
popup: "combobox__popup",
|
|
674
|
+
arrow: "combobox__arrow",
|
|
675
|
+
status: "combobox__status",
|
|
676
|
+
empty: "combobox__empty",
|
|
677
|
+
list: "combobox__list",
|
|
678
|
+
row: "combobox__row",
|
|
679
|
+
item: "combobox__item",
|
|
680
|
+
itemIndicator: "combobox__item-indicator",
|
|
681
|
+
separator: "combobox__separator",
|
|
682
|
+
group: "combobox__group",
|
|
683
|
+
groupLabel: "combobox__group-label"
|
|
684
|
+
} });
|
|
685
|
+
|
|
686
|
+
//#endregion
|
|
687
|
+
//#region src/components/combobox/use-combobox.ts
|
|
688
|
+
const useCombobox = () => {
|
|
689
|
+
const context = useContext(ComboboxContext);
|
|
690
|
+
if (!context) throw new Error("useCombobox must be used within a ComboboxProvider");
|
|
691
|
+
return context;
|
|
692
|
+
};
|
|
693
|
+
|
|
694
|
+
//#endregion
|
|
695
|
+
//#region src/components/combobox/combobox.tsx
|
|
696
|
+
const Combobox$1 = ({ ...props }) => {
|
|
697
|
+
const slots = useMemo(() => comboboxVariants(), []);
|
|
698
|
+
return /* @__PURE__ */ jsx(ComboboxContext.Provider, {
|
|
699
|
+
value: { slots },
|
|
700
|
+
children: /* @__PURE__ */ jsx(Combobox.Root, { ...props })
|
|
701
|
+
});
|
|
702
|
+
};
|
|
703
|
+
const ComboboxInput = ({ className, ...props }) => {
|
|
704
|
+
const { slots } = useCombobox();
|
|
705
|
+
return /* @__PURE__ */ jsx(Combobox.Input, {
|
|
706
|
+
className: cn$1(slots.input(), className),
|
|
707
|
+
...props
|
|
708
|
+
});
|
|
709
|
+
};
|
|
710
|
+
const ComboboxTrigger = ({ className, children, ...props }) => {
|
|
711
|
+
const { slots } = useCombobox();
|
|
712
|
+
return /* @__PURE__ */ jsxs(Combobox.Trigger, {
|
|
713
|
+
className: cn$1(slots.trigger(), className),
|
|
714
|
+
...props,
|
|
715
|
+
children: [children, /* @__PURE__ */ jsx(Combobox.Icon, {
|
|
716
|
+
className: slots.icon(),
|
|
717
|
+
children: /* @__PURE__ */ jsx(ChevronDown, {})
|
|
718
|
+
})]
|
|
719
|
+
});
|
|
720
|
+
};
|
|
721
|
+
const ComboboxValue = ({ ...props }) => {
|
|
722
|
+
const { slots } = useCombobox();
|
|
723
|
+
return /* @__PURE__ */ jsx("div", {
|
|
724
|
+
className: cn$1(slots.value()),
|
|
725
|
+
...props
|
|
726
|
+
});
|
|
727
|
+
};
|
|
728
|
+
const ComboboxClear = ({ className, ...props }) => {
|
|
729
|
+
const { slots } = useCombobox();
|
|
730
|
+
return /* @__PURE__ */ jsx(Combobox.Clear, {
|
|
731
|
+
className: cn$1(slots.clear(), className),
|
|
732
|
+
...props,
|
|
733
|
+
children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
|
|
734
|
+
});
|
|
735
|
+
};
|
|
736
|
+
const ComboboxChips = ({ className, ...props }) => {
|
|
737
|
+
const { slots } = useCombobox();
|
|
738
|
+
return /* @__PURE__ */ jsx(Combobox.Chips, {
|
|
739
|
+
className: cn$1(slots.chips(), className),
|
|
740
|
+
...props
|
|
741
|
+
});
|
|
742
|
+
};
|
|
743
|
+
const ComboboxChip = ({ className, children, ...props }) => {
|
|
744
|
+
const { slots } = useCombobox();
|
|
745
|
+
return /* @__PURE__ */ jsxs(Combobox.Chip, {
|
|
746
|
+
className: cn$1(slots.chip(), className),
|
|
747
|
+
...props,
|
|
748
|
+
children: [children, /* @__PURE__ */ jsx(Combobox.ChipRemove, { className: slots.chipRemove() })]
|
|
749
|
+
});
|
|
750
|
+
};
|
|
751
|
+
const ComboboxChipRemove = ({ className, ...props }) => {
|
|
752
|
+
const { slots } = useCombobox();
|
|
753
|
+
return /* @__PURE__ */ jsx(Combobox.ChipRemove, {
|
|
754
|
+
className: cn$1(slots.chipRemove(), className),
|
|
755
|
+
...props
|
|
756
|
+
});
|
|
757
|
+
};
|
|
758
|
+
const ComboboxPortal = ({ ...props }) => {
|
|
759
|
+
return /* @__PURE__ */ jsx(Combobox.Portal, { ...props });
|
|
760
|
+
};
|
|
761
|
+
const ComboboxBackdrop = ({ className, ...props }) => {
|
|
762
|
+
const { slots } = useCombobox();
|
|
763
|
+
return /* @__PURE__ */ jsx(Combobox.Backdrop, {
|
|
764
|
+
className: cn$1(slots.backdrop(), className),
|
|
765
|
+
...props
|
|
766
|
+
});
|
|
767
|
+
};
|
|
768
|
+
const ComboboxPositioner = ({ className, ...props }) => {
|
|
769
|
+
const { slots } = useCombobox();
|
|
770
|
+
return /* @__PURE__ */ jsx(Combobox.Positioner, {
|
|
771
|
+
className: cn$1(slots.positioner(), className),
|
|
772
|
+
...props
|
|
773
|
+
});
|
|
774
|
+
};
|
|
775
|
+
const ComboboxPopup = ({ className, ...props }) => {
|
|
776
|
+
const { slots } = useCombobox();
|
|
777
|
+
return /* @__PURE__ */ jsx(Combobox.Popup, {
|
|
778
|
+
className: cn$1(slots.popup(), className),
|
|
779
|
+
...props
|
|
780
|
+
});
|
|
781
|
+
};
|
|
782
|
+
const ComboboxArrow = ({ className, ...props }) => {
|
|
783
|
+
const { slots } = useCombobox();
|
|
784
|
+
return /* @__PURE__ */ jsx(Combobox.Arrow, {
|
|
785
|
+
className: cn$1(slots.arrow(), className),
|
|
786
|
+
...props
|
|
787
|
+
});
|
|
788
|
+
};
|
|
789
|
+
const ComboboxStatus = ({ className, ...props }) => {
|
|
790
|
+
const { slots } = useCombobox();
|
|
791
|
+
return /* @__PURE__ */ jsx(Combobox.Status, {
|
|
792
|
+
className: cn$1(slots.status(), className),
|
|
793
|
+
...props
|
|
794
|
+
});
|
|
795
|
+
};
|
|
796
|
+
const ComboboxEmpty = ({ className, ...props }) => {
|
|
797
|
+
const { slots } = useCombobox();
|
|
798
|
+
return /* @__PURE__ */ jsx(Combobox.Empty, {
|
|
799
|
+
className: cn$1(slots.empty(), className),
|
|
800
|
+
...props
|
|
801
|
+
});
|
|
802
|
+
};
|
|
803
|
+
const ComboboxList = ({ className, ...props }) => {
|
|
804
|
+
const { slots } = useCombobox();
|
|
805
|
+
return /* @__PURE__ */ jsx(Combobox.List, {
|
|
806
|
+
className: cn$1(slots.list(), className),
|
|
807
|
+
...props
|
|
808
|
+
});
|
|
809
|
+
};
|
|
810
|
+
const ComboboxRow = ({ className, ...props }) => {
|
|
811
|
+
const { slots } = useCombobox();
|
|
812
|
+
return /* @__PURE__ */ jsx(Combobox.Row, {
|
|
813
|
+
className: cn$1(slots.row(), className),
|
|
814
|
+
...props
|
|
815
|
+
});
|
|
816
|
+
};
|
|
817
|
+
const ComboboxItemIndicator = ({ className, children, ...props }) => {
|
|
818
|
+
const { slots } = useCombobox();
|
|
819
|
+
return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
|
|
820
|
+
className: cn$1(slots.itemIndicator(), className),
|
|
821
|
+
...props,
|
|
822
|
+
children: children || /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
|
|
823
|
+
});
|
|
824
|
+
};
|
|
825
|
+
const ComboboxItem = ({ className, children, ...props }) => {
|
|
826
|
+
const { slots } = useCombobox();
|
|
827
|
+
return /* @__PURE__ */ jsxs(Combobox.Item, {
|
|
828
|
+
className: cn$1(slots.item(), className),
|
|
829
|
+
...props,
|
|
830
|
+
children: [/* @__PURE__ */ jsx(ComboboxItemIndicator, {}), children]
|
|
831
|
+
});
|
|
832
|
+
};
|
|
833
|
+
const ComboboxSeparator = ({ className, ...props }) => {
|
|
834
|
+
const { slots } = useCombobox();
|
|
835
|
+
return /* @__PURE__ */ jsx(Combobox.Separator, {
|
|
836
|
+
className: cn$1(slots.separator(), className),
|
|
837
|
+
...props
|
|
838
|
+
});
|
|
839
|
+
};
|
|
840
|
+
const ComboboxGroup = ({ className, ...props }) => {
|
|
841
|
+
const { slots } = useCombobox();
|
|
842
|
+
return /* @__PURE__ */ jsx(Combobox.Group, {
|
|
843
|
+
className: cn$1(slots.group(), className),
|
|
844
|
+
...props
|
|
845
|
+
});
|
|
846
|
+
};
|
|
847
|
+
const ComboboxGroupLabel = ({ className, ...props }) => {
|
|
848
|
+
const { slots } = useCombobox();
|
|
849
|
+
return /* @__PURE__ */ jsx(Combobox.GroupLabel, {
|
|
850
|
+
className: cn$1(slots.groupLabel(), className),
|
|
851
|
+
...props
|
|
852
|
+
});
|
|
853
|
+
};
|
|
854
|
+
var combobox_default = Object.assign(Combobox$1, {
|
|
855
|
+
Arrow: ComboboxArrow,
|
|
856
|
+
Backdrop: ComboboxBackdrop,
|
|
857
|
+
Chip: ComboboxChip,
|
|
858
|
+
ChipRemove: ComboboxChipRemove,
|
|
859
|
+
Chips: ComboboxChips,
|
|
860
|
+
Clear: ComboboxClear,
|
|
861
|
+
Empty: ComboboxEmpty,
|
|
862
|
+
Group: ComboboxGroup,
|
|
863
|
+
GroupLabel: ComboboxGroupLabel,
|
|
864
|
+
Input: ComboboxInput,
|
|
865
|
+
Item: ComboboxItem,
|
|
866
|
+
ItemIndicator: ComboboxItemIndicator,
|
|
867
|
+
List: ComboboxList,
|
|
868
|
+
Popup: ComboboxPopup,
|
|
869
|
+
Portal: ComboboxPortal,
|
|
870
|
+
Positioner: ComboboxPositioner,
|
|
871
|
+
Root: Combobox$1,
|
|
872
|
+
Row: ComboboxRow,
|
|
873
|
+
Separator: ComboboxSeparator,
|
|
874
|
+
Status: ComboboxStatus,
|
|
875
|
+
Trigger: ComboboxTrigger,
|
|
876
|
+
Value: ComboboxValue
|
|
877
|
+
});
|
|
878
|
+
|
|
654
879
|
//#endregion
|
|
655
880
|
//#region src/components/container/container.variants.ts
|
|
656
881
|
const containerVariants = tv({ base: "container" });
|
|
@@ -1469,7 +1694,7 @@ const NavbarList = ({ className, ...props }) => {
|
|
|
1469
1694
|
};
|
|
1470
1695
|
const NavbarListItem = ({ className, ...props }) => {
|
|
1471
1696
|
const { slots } = useNavbar();
|
|
1472
|
-
return /* @__PURE__ */ jsx(
|
|
1697
|
+
return /* @__PURE__ */ jsx("li", {
|
|
1473
1698
|
className: cn$1(slots.listItem(), className),
|
|
1474
1699
|
...props
|
|
1475
1700
|
});
|
|
@@ -1502,7 +1727,7 @@ const NavbarMenu = ({ className, header, ...props }) => {
|
|
|
1502
1727
|
};
|
|
1503
1728
|
const NavbarMenuItem = ({ className, ...props }) => {
|
|
1504
1729
|
const { slots } = useNavbar();
|
|
1505
|
-
return /* @__PURE__ */ jsx(
|
|
1730
|
+
return /* @__PURE__ */ jsx("li", {
|
|
1506
1731
|
className: cn$1(slots.menuItem(), className),
|
|
1507
1732
|
...props
|
|
1508
1733
|
});
|
|
@@ -1518,6 +1743,150 @@ var navbar_default = Object.assign(Navbar, {
|
|
|
1518
1743
|
Toggle: NavbarToggle
|
|
1519
1744
|
});
|
|
1520
1745
|
|
|
1746
|
+
//#endregion
|
|
1747
|
+
//#region src/components/navigation-menu/navigation-menu.context.ts
|
|
1748
|
+
const NavigationMenuContext = createContext(null);
|
|
1749
|
+
|
|
1750
|
+
//#endregion
|
|
1751
|
+
//#region src/components/navigation-menu/navigation-menu.variants.ts
|
|
1752
|
+
/** biome-ignore-all assist/source/useSortedKeys: <> */
|
|
1753
|
+
const navigationMenuVariants = tv({ slots: {
|
|
1754
|
+
root: "navigation-menu",
|
|
1755
|
+
list: "navigation-menu__list",
|
|
1756
|
+
item: "navigation-menu__item",
|
|
1757
|
+
trigger: "navigation-menu__trigger",
|
|
1758
|
+
icon: "navigation-menu__icon",
|
|
1759
|
+
content: "navigation-menu__content",
|
|
1760
|
+
link: "navigation-menu__link",
|
|
1761
|
+
portal: "navigation-menu__portal",
|
|
1762
|
+
backdrop: "navigation-menu__backdrop",
|
|
1763
|
+
positioner: "navigation-menu__positioner",
|
|
1764
|
+
popup: "navigation-menu__popup",
|
|
1765
|
+
arrow: "navigation-menu__arrow",
|
|
1766
|
+
viewport: "navigation-menu__viewport"
|
|
1767
|
+
} });
|
|
1768
|
+
|
|
1769
|
+
//#endregion
|
|
1770
|
+
//#region src/components/navigation-menu/use-navigation-menu.ts
|
|
1771
|
+
const useNavigationMenu = () => {
|
|
1772
|
+
const context = useContext(NavigationMenuContext);
|
|
1773
|
+
if (!context) throw new Error("useNavigationMenu must be used within a NavigationMenuProvider");
|
|
1774
|
+
return context;
|
|
1775
|
+
};
|
|
1776
|
+
|
|
1777
|
+
//#endregion
|
|
1778
|
+
//#region src/components/navigation-menu/navigation-menu.tsx
|
|
1779
|
+
const NavigationMenu$1 = ({ className, ...props }) => {
|
|
1780
|
+
const slots = useMemo(() => navigationMenuVariants(), []);
|
|
1781
|
+
return /* @__PURE__ */ jsx(NavigationMenuContext.Provider, {
|
|
1782
|
+
value: { slots },
|
|
1783
|
+
children: /* @__PURE__ */ jsx(NavigationMenu.Root, {
|
|
1784
|
+
className: cn$1(className, slots.root()),
|
|
1785
|
+
...props
|
|
1786
|
+
})
|
|
1787
|
+
});
|
|
1788
|
+
};
|
|
1789
|
+
const NavigationMenuList = ({ className, ...props }) => {
|
|
1790
|
+
const { slots } = useNavigationMenu();
|
|
1791
|
+
return /* @__PURE__ */ jsx(NavigationMenu.List, {
|
|
1792
|
+
className: cn$1(slots.list(), className),
|
|
1793
|
+
...props
|
|
1794
|
+
});
|
|
1795
|
+
};
|
|
1796
|
+
const NavigationMenuItem = ({ className, ...props }) => {
|
|
1797
|
+
const { slots } = useNavigationMenu();
|
|
1798
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Item, {
|
|
1799
|
+
className: cn$1(slots.item(), className),
|
|
1800
|
+
...props
|
|
1801
|
+
});
|
|
1802
|
+
};
|
|
1803
|
+
const NavigationMenuTrigger = ({ className, children, ...props }) => {
|
|
1804
|
+
const { slots } = useNavigationMenu();
|
|
1805
|
+
return /* @__PURE__ */ jsxs(NavigationMenu.Trigger, {
|
|
1806
|
+
className: cn$1(slots.trigger(), className),
|
|
1807
|
+
...props,
|
|
1808
|
+
children: [children, /* @__PURE__ */ jsx(NavigationMenu.Icon, {
|
|
1809
|
+
className: slots.icon(),
|
|
1810
|
+
children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
|
|
1811
|
+
})]
|
|
1812
|
+
});
|
|
1813
|
+
};
|
|
1814
|
+
const NavigationMenuIcon = ({ className, children, ...props }) => {
|
|
1815
|
+
const { slots } = useNavigationMenu();
|
|
1816
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Icon, {
|
|
1817
|
+
className: cn$1(slots.icon(), className),
|
|
1818
|
+
...props,
|
|
1819
|
+
children: children || /* @__PURE__ */ jsx(ChevronDown, {})
|
|
1820
|
+
});
|
|
1821
|
+
};
|
|
1822
|
+
const NavigationMenuContent = ({ className, ...props }) => {
|
|
1823
|
+
const { slots } = useNavigationMenu();
|
|
1824
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Content, {
|
|
1825
|
+
className: cn$1(slots.content(), className),
|
|
1826
|
+
...props
|
|
1827
|
+
});
|
|
1828
|
+
};
|
|
1829
|
+
const NavigationMenuLink = ({ className, ...props }) => {
|
|
1830
|
+
const { slots } = useNavigationMenu();
|
|
1831
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Link, {
|
|
1832
|
+
className: cn$1(slots.link(), className),
|
|
1833
|
+
...props
|
|
1834
|
+
});
|
|
1835
|
+
};
|
|
1836
|
+
const NavigationMenuPortal = ({ ...props }) => {
|
|
1837
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Portal, { ...props });
|
|
1838
|
+
};
|
|
1839
|
+
const NavigationMenuBackdrop = ({ className, ...props }) => {
|
|
1840
|
+
const { slots } = useNavigationMenu();
|
|
1841
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Backdrop, {
|
|
1842
|
+
className: cn$1(slots.backdrop(), className),
|
|
1843
|
+
...props
|
|
1844
|
+
});
|
|
1845
|
+
};
|
|
1846
|
+
const NavigationMenuPositioner = ({ className, ...props }) => {
|
|
1847
|
+
const { slots } = useNavigationMenu();
|
|
1848
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Positioner, {
|
|
1849
|
+
className: cn$1(slots.positioner(), className),
|
|
1850
|
+
...props
|
|
1851
|
+
});
|
|
1852
|
+
};
|
|
1853
|
+
const NavigationMenuPopup = ({ className, ...props }) => {
|
|
1854
|
+
const { slots } = useNavigationMenu();
|
|
1855
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Popup, {
|
|
1856
|
+
className: cn$1(slots.popup(), className),
|
|
1857
|
+
...props
|
|
1858
|
+
});
|
|
1859
|
+
};
|
|
1860
|
+
const NavigationMenuArrow = ({ className, ...props }) => {
|
|
1861
|
+
const { slots } = useNavigationMenu();
|
|
1862
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Arrow, {
|
|
1863
|
+
className: cn$1(slots.arrow(), className),
|
|
1864
|
+
...props
|
|
1865
|
+
});
|
|
1866
|
+
};
|
|
1867
|
+
const NavigationMenuViewport = ({ className, ...props }) => {
|
|
1868
|
+
const { slots } = useNavigationMenu();
|
|
1869
|
+
return /* @__PURE__ */ jsx(NavigationMenu.Viewport, {
|
|
1870
|
+
className: cn$1(slots.viewport(), className),
|
|
1871
|
+
...props
|
|
1872
|
+
});
|
|
1873
|
+
};
|
|
1874
|
+
var navigation_menu_default = Object.assign(NavigationMenu$1, {
|
|
1875
|
+
Arrow: NavigationMenuArrow,
|
|
1876
|
+
Backdrop: NavigationMenuBackdrop,
|
|
1877
|
+
Content: NavigationMenuContent,
|
|
1878
|
+
Icon: NavigationMenuIcon,
|
|
1879
|
+
Item: NavigationMenuItem,
|
|
1880
|
+
Link: NavigationMenuLink,
|
|
1881
|
+
List: NavigationMenuList,
|
|
1882
|
+
Popup: NavigationMenuPopup,
|
|
1883
|
+
Portal: NavigationMenuPortal,
|
|
1884
|
+
Positioner: NavigationMenuPositioner,
|
|
1885
|
+
Root: NavigationMenu$1,
|
|
1886
|
+
Trigger: NavigationMenuTrigger,
|
|
1887
|
+
Viewport: NavigationMenuViewport
|
|
1888
|
+
});
|
|
1889
|
+
|
|
1521
1890
|
//#endregion
|
|
1522
1891
|
//#region src/components/popover/popover.context.ts
|
|
1523
1892
|
const PopoverContext = createContext(null);
|
|
@@ -1795,20 +2164,24 @@ const SelectContext = createContext(null);
|
|
|
1795
2164
|
|
|
1796
2165
|
//#endregion
|
|
1797
2166
|
//#region src/components/select/select.variants.ts
|
|
2167
|
+
/** biome-ignore-all assist/source/useSortedKeys: believe me its better */
|
|
1798
2168
|
const selectVariants = tv({ slots: {
|
|
1799
|
-
|
|
1800
|
-
|
|
2169
|
+
root: "select",
|
|
2170
|
+
trigger: "select__trigger",
|
|
2171
|
+
value: "select__value",
|
|
1801
2172
|
icon: "select__icon",
|
|
2173
|
+
portal: "select__portal",
|
|
2174
|
+
backdrop: "select__backdrop",
|
|
2175
|
+
positioner: "select__positioner",
|
|
2176
|
+
popup: "select__popup",
|
|
2177
|
+
arrow: "select__arrow",
|
|
2178
|
+
list: "select__list",
|
|
1802
2179
|
item: "select__item",
|
|
2180
|
+
itemText: "select__item-text",
|
|
1803
2181
|
itemIndicator: "select__item-indicator",
|
|
1804
|
-
popup: "select__popup",
|
|
1805
|
-
positioner: "select__positioner",
|
|
1806
|
-
root: "select",
|
|
1807
|
-
scrollDownArrow: "select__scroll-down-arrow",
|
|
1808
|
-
scrollUpArrow: "select__scroll-up-arrow",
|
|
1809
2182
|
separator: "select__separator",
|
|
1810
|
-
|
|
1811
|
-
|
|
2183
|
+
group: "select__group",
|
|
2184
|
+
groupLabel: "select__group-label"
|
|
1812
2185
|
} });
|
|
1813
2186
|
|
|
1814
2187
|
//#endregion
|
|
@@ -1828,15 +2201,19 @@ const Select$1 = ({ ...props }) => {
|
|
|
1828
2201
|
children: /* @__PURE__ */ jsx(Select.Root, { ...props })
|
|
1829
2202
|
});
|
|
1830
2203
|
};
|
|
1831
|
-
const SelectTrigger = ({ className,
|
|
2204
|
+
const SelectTrigger = ({ className, ...props }) => {
|
|
1832
2205
|
const { slots } = useSelect();
|
|
1833
|
-
return /* @__PURE__ */
|
|
2206
|
+
return /* @__PURE__ */ jsx(Select.Trigger, {
|
|
1834
2207
|
className: cn$1(slots.trigger(), className),
|
|
2208
|
+
...props
|
|
2209
|
+
});
|
|
2210
|
+
};
|
|
2211
|
+
const SelectIcon = ({ className, children, ...props }) => {
|
|
2212
|
+
const { slots } = useSelect();
|
|
2213
|
+
return /* @__PURE__ */ jsx(Select.Icon, {
|
|
2214
|
+
className: cn$1(slots.icon(), className),
|
|
1835
2215
|
...props,
|
|
1836
|
-
children:
|
|
1837
|
-
className: slots.icon(),
|
|
1838
|
-
children: /* @__PURE__ */ jsx(ChevronDown, {})
|
|
1839
|
-
})]
|
|
2216
|
+
children: children || /* @__PURE__ */ jsx(ChevronsUpDown, {})
|
|
1840
2217
|
});
|
|
1841
2218
|
};
|
|
1842
2219
|
const SelectValue = ({ className, ...props }) => {
|
|
@@ -1849,6 +2226,13 @@ const SelectValue = ({ className, ...props }) => {
|
|
|
1849
2226
|
const SelectPortal = ({ ...props }) => {
|
|
1850
2227
|
return /* @__PURE__ */ jsx(Select.Portal, { ...props });
|
|
1851
2228
|
};
|
|
2229
|
+
const SelectBackdrop = ({ className, ...props }) => {
|
|
2230
|
+
const { slots } = useSelect();
|
|
2231
|
+
return /* @__PURE__ */ jsx(Select.Backdrop, {
|
|
2232
|
+
className: cn$1(slots.backdrop(), className),
|
|
2233
|
+
...props
|
|
2234
|
+
});
|
|
2235
|
+
};
|
|
1852
2236
|
const SelectPositioner = ({ className, ...props }) => {
|
|
1853
2237
|
const { slots } = useSelect();
|
|
1854
2238
|
return /* @__PURE__ */ jsx(Select.Positioner, {
|
|
@@ -1863,15 +2247,39 @@ const SelectPopup = ({ className, ...props }) => {
|
|
|
1863
2247
|
...props
|
|
1864
2248
|
});
|
|
1865
2249
|
};
|
|
1866
|
-
const
|
|
2250
|
+
const SelectArrow = ({ className, ...props }) => {
|
|
1867
2251
|
const { slots } = useSelect();
|
|
1868
|
-
return /* @__PURE__ */
|
|
1869
|
-
className: cn$1(slots.
|
|
2252
|
+
return /* @__PURE__ */ jsx(Select.Arrow, {
|
|
2253
|
+
className: cn$1(slots.arrow(), className),
|
|
2254
|
+
...props
|
|
2255
|
+
});
|
|
2256
|
+
};
|
|
2257
|
+
const SelectList = ({ className, ...props }) => {
|
|
2258
|
+
const { slots } = useSelect();
|
|
2259
|
+
return /* @__PURE__ */ jsx(Select.List, {
|
|
2260
|
+
className: cn$1(slots.list(), className),
|
|
2261
|
+
...props
|
|
2262
|
+
});
|
|
2263
|
+
};
|
|
2264
|
+
const SelectItemIndicator = ({ className, children, ...props }) => {
|
|
2265
|
+
const { slots } = useSelect();
|
|
2266
|
+
return /* @__PURE__ */ jsx(Select.ItemIndicator, {
|
|
2267
|
+
className: cn$1(slots.itemIndicator(), className),
|
|
1870
2268
|
...props,
|
|
1871
|
-
children:
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
2269
|
+
children: children || /* @__PURE__ */ jsx(Check, {})
|
|
2270
|
+
});
|
|
2271
|
+
};
|
|
2272
|
+
const SelectItemText = ({ className, ...props }) => {
|
|
2273
|
+
return /* @__PURE__ */ jsx(Select.ItemText, {
|
|
2274
|
+
className,
|
|
2275
|
+
...props
|
|
2276
|
+
});
|
|
2277
|
+
};
|
|
2278
|
+
const SelectItem = ({ className, ...props }) => {
|
|
2279
|
+
const { slots } = useSelect();
|
|
2280
|
+
return /* @__PURE__ */ jsx(Select.Item, {
|
|
2281
|
+
className: cn$1(slots.item(), className),
|
|
2282
|
+
...props
|
|
1875
2283
|
});
|
|
1876
2284
|
};
|
|
1877
2285
|
const SelectGroup = ({ className, ...props }) => {
|
|
@@ -1895,32 +2303,19 @@ const SelectSeparator = ({ className, ...props }) => {
|
|
|
1895
2303
|
...props
|
|
1896
2304
|
});
|
|
1897
2305
|
};
|
|
1898
|
-
const SelectScrollUpArrow = ({ className, ...props }) => {
|
|
1899
|
-
const { slots } = useSelect();
|
|
1900
|
-
return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
|
|
1901
|
-
className: cn$1(slots.scrollUpArrow(), className),
|
|
1902
|
-
...props,
|
|
1903
|
-
children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
|
|
1904
|
-
});
|
|
1905
|
-
};
|
|
1906
|
-
const SelectScrollDownArrow = ({ className, ...props }) => {
|
|
1907
|
-
const { slots } = useSelect();
|
|
1908
|
-
return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
|
|
1909
|
-
className: cn$1(slots.scrollDownArrow(), className),
|
|
1910
|
-
...props,
|
|
1911
|
-
children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
|
|
1912
|
-
});
|
|
1913
|
-
};
|
|
1914
2306
|
var select_default = Object.assign(Select$1, {
|
|
2307
|
+
Arrow: SelectArrow,
|
|
2308
|
+
Backdrop: SelectBackdrop,
|
|
1915
2309
|
Group: SelectGroup,
|
|
1916
2310
|
GroupLabel: SelectGroupLabel,
|
|
2311
|
+
Icon: SelectIcon,
|
|
1917
2312
|
Item: SelectItem,
|
|
2313
|
+
ItemIndicator: SelectItemIndicator,
|
|
2314
|
+
ItemText: SelectItemText,
|
|
2315
|
+
List: SelectList,
|
|
1918
2316
|
Popup: SelectPopup,
|
|
1919
2317
|
Portal: SelectPortal,
|
|
1920
2318
|
Positioner: SelectPositioner,
|
|
1921
|
-
Root: Select$1,
|
|
1922
|
-
ScrollDownArrow: SelectScrollDownArrow,
|
|
1923
|
-
ScrollUpArrow: SelectScrollUpArrow,
|
|
1924
2319
|
Separator: SelectSeparator,
|
|
1925
2320
|
Trigger: SelectTrigger,
|
|
1926
2321
|
Value: SelectValue
|
|
@@ -2027,7 +2422,7 @@ const SidebarMenu = ({ className, ...props }) => {
|
|
|
2027
2422
|
};
|
|
2028
2423
|
const SidebarMenuItem = ({ className, ...props }) => {
|
|
2029
2424
|
const { slots } = useSidebar();
|
|
2030
|
-
return /* @__PURE__ */ jsx(
|
|
2425
|
+
return /* @__PURE__ */ jsx("li", {
|
|
2031
2426
|
className: cn$1(slots.menuItem(), className),
|
|
2032
2427
|
...props
|
|
2033
2428
|
});
|
|
@@ -2601,5 +2996,5 @@ var tooltip_default = Object.assign(Tooltip$1, {
|
|
|
2601
2996
|
});
|
|
2602
2997
|
|
|
2603
2998
|
//#endregion
|
|
2604
|
-
export { accordion_default as Accordion, alert_default as Alert, 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, collapsible_default as Collapsible, 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, radio_default as Radio, radio_group_default as RadioGroup, select_default as Select, separator_default as Separator, sidebar_default as Sidebar, slider_default as Slider, spinner_default as Spinner, switch_default as Switch, table_default as Table, tabs_default as Tabs, toast_default as Toast, toggle_button_default as ToggleButton, tooltip_default as Tooltip, accordionVariants, alertDialogVariants, alertVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, popoverVariants, progressVariants, radioGroupVariants, radioVariants, selectVariants, separatorVariants, sidebarVariants, sliderVariants, spinnerVariants, switchVariants, tableVariants, tabsVariants, toggleButtonVariants, useToast };
|
|
2999
|
+
export { accordion_default as Accordion, alert_default as Alert, 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, collapsible_default as Collapsible, combobox_default as Combobox, 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, navigation_menu_default as NavigationMenu, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, select_default as Select, separator_default as Separator, sidebar_default as Sidebar, slider_default as Slider, spinner_default as Spinner, switch_default as Switch, table_default as Table, tabs_default as Tabs, toast_default as Toast, toggle_button_default as ToggleButton, tooltip_default as Tooltip, accordionVariants, alertDialogVariants, alertVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, comboboxVariants, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, navigationMenuVariants, popoverVariants, progressVariants, radioGroupVariants, radioVariants, selectVariants, separatorVariants, sidebarVariants, sliderVariants, spinnerVariants, switchVariants, tableVariants, tabsVariants, toggleButtonVariants, useToast };
|
|
2605
3000
|
//# sourceMappingURL=index.mjs.map
|