@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.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, ChevronUp, LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideInfo, LucideLoader, LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX, LucideXCircle } from "lucide-react";
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(Slot, {
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(Slot, {
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
- group: "select__group",
1800
- groupLabel: "select__group-label",
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
- trigger: "select__trigger",
1811
- value: "select__value"
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, children, ...props }) => {
2204
+ const SelectTrigger = ({ className, ...props }) => {
1832
2205
  const { slots } = useSelect();
1833
- return /* @__PURE__ */ jsxs(Select.Trigger, {
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: [children, /* @__PURE__ */ jsx(Select.Icon, {
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 SelectItem = ({ className, children, ...props }) => {
2250
+ const SelectArrow = ({ className, ...props }) => {
1867
2251
  const { slots } = useSelect();
1868
- return /* @__PURE__ */ jsxs(Select.Item, {
1869
- className: cn$1(slots.item(), className),
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: [/* @__PURE__ */ jsx(Select.ItemIndicator, {
1872
- className: slots.itemIndicator(),
1873
- children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
1874
- }), /* @__PURE__ */ jsx(Select.ItemText, { children })]
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(Slot, {
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