@fea-ui/react 0.0.1-canary.0 → 0.0.2

package/dist/index.mjs

@@ -1,6 +1,7 @@
+"use client";
 import { cn, cn as cn$1, tv } from "tailwind-variants";
-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";
-import { Check, ChevronDown, ChevronsUpDown, LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideInfo, LucideLoader, LucideMenu, LucidePanelLeftClose, LucidePanelLeftOpen, LucideX, LucideXCircle, X } from "lucide-react";
+import { Accordion, AlertDialog, Autocomplete, Avatar, Button, Checkbox, CheckboxGroup, Collapsible, Combobox, ContextMenu, Dialog, Field, Fieldset, Form, Input, Menu, Meter, NavigationMenu, NumberField, Popover, PreviewCard, Progress, Radio, RadioGroup, ScrollArea, Select, Separator, Slider, Switch, Tabs, Toggle, Tooltip } from "@base-ui/react";
+import { Check, ChevronDown, ChevronsUpDown, LucideAlertTriangle, LucideCheck, LucideCheckCircle, LucideChevronDown, LucideChevronUp, LucideChevronsLeftRight, LucideInfo, LucideLoader, LucideMenu, LucideMinus, LucidePanelLeftClose, LucidePanelLeftOpen, LucidePlus, LucideX, LucideXCircle, X } from "lucide-react";
 import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -290,6 +291,195 @@ var alert_dialog_default = Object.assign(AlertDialog$1, {
 	Viewport: AlertDialogViewport
 });
 
+//#endregion
+//#region src/components/autocomplete/autocomplete.context.ts
+const AutocompleteContext = createContext(null);
+
+//#endregion
+//#region src/components/autocomplete/autocomplete.variants.ts
+/** biome-ignore-all assist/source/useSortedKeys: <> */
+const autocompleteVariants = tv({ slots: {
+	root: "autcomplete",
+	input: "autocomplete__input",
+	trigger: "autocomplete__trigger",
+	icon: "autocomplete__icon",
+	clear: "autocomplete__clear",
+	value: "autocomplete__value",
+	portal: "autocomplete__portal",
+	backdrop: "autocomplete__backdrop",
+	positioner: "autocomplete__positioner",
+	popup: "autocomplete__popup",
+	arrow: "autocomplete__arrow",
+	status: "autocomplete__status",
+	empty: "autocomplete__empty",
+	list: "autocomplete__list",
+	row: "autocomplete__row",
+	item: "autocomplete__item",
+	separator: "autocomplete__separator",
+	group: "autocomplete__group",
+	groupLabel: "autocomplete__group-label"
+} });
+
+//#endregion
+//#region src/components/autocomplete/use-autocomplete.ts
+const useAutocomplete = () => {
+	const context = useContext(AutocompleteContext);
+	if (!context) throw new Error("useAutocomplete must be used within a AutocompleteProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/autocomplete/autocomplete.tsx
+const Autocomplete$1 = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(AutocompleteContext, {
+		value: { slots: useMemo(() => autocompleteVariants(), []) },
+		children: /* @__PURE__ */ jsx(Autocomplete.Root, { ...props })
+	});
+};
+const AutocompleteTrigger = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Trigger, {
+		className: cn$1(slots.trigger(), className),
+		...props
+	});
+};
+const AutocompleteInput = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Input, {
+		className: cn$1(slots.input(), className),
+		...props
+	});
+};
+const AutocompleteIcon = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Icon, {
+		className: cn$1(slots.icon(), className),
+		...props
+	});
+};
+const AutocompleteClear = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Clear, {
+		className: cn$1(slots.clear(), className),
+		...props
+	});
+};
+const AutocompleteValue = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Autocomplete.Value, { ...props });
+};
+const AutocompletePortal = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Portal, {
+		className: cn$1(slots.portal(), className),
+		...props
+	});
+};
+const AutocompleteBackdrop = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Backdrop, {
+		className: cn$1(slots.backdrop(), className),
+		...props
+	});
+};
+const AutocompletePositioner = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Positioner, {
+		className: cn$1(slots.positioner(), className),
+		...props
+	});
+};
+const AutocompletePopup = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Popup, {
+		className: cn$1(slots.popup(), className),
+		...props
+	});
+};
+const AutocompleteArrow = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Arrow, {
+		className: cn$1(slots.arrow(), className),
+		...props
+	});
+};
+const AutocompleteStatus = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Status, {
+		className: cn$1(slots.status(), className),
+		...props
+	});
+};
+const AutocompleteEmpty = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Empty, {
+		className: cn$1(slots.empty(), className),
+		...props
+	});
+};
+const AutocompleteList = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.List, {
+		className: cn$1(slots.list(), className),
+		...props
+	});
+};
+const AutocompleteRow = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Row, {
+		className: cn$1(slots.row(), className),
+		...props
+	});
+};
+const AutocompleteItem = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Item, {
+		className: cn$1(slots.item(), className),
+		...props
+	});
+};
+const AutocompleteSeparator = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Separator, {
+		className: cn$1(slots.separator(), className),
+		...props
+	});
+};
+const AutocompleteGroup = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.Group, {
+		className: cn$1(slots.group(), className),
+		...props
+	});
+};
+const AutocompleteGroupLabel = ({ className, ...props }) => {
+	const { slots } = useAutocomplete();
+	return /* @__PURE__ */ jsx(Autocomplete.GroupLabel, {
+		className: cn$1(slots.groupLabel(), className),
+		...props
+	});
+};
+var autocomplete_default = Object.assign(Autocomplete$1, {
+	Arrow: AutocompleteArrow,
+	Backdrop: AutocompleteBackdrop,
+	Clear: AutocompleteClear,
+	Empty: AutocompleteEmpty,
+	Group: AutocompleteGroup,
+	GroupLabel: AutocompleteGroupLabel,
+	Icon: AutocompleteIcon,
+	Input: AutocompleteInput,
+	Item: AutocompleteItem,
+	List: AutocompleteList,
+	Popup: AutocompletePopup,
+	Portal: AutocompletePortal,
+	Positioner: AutocompletePositioner,
+	Root: Autocomplete$1,
+	Row: AutocompleteRow,
+	Separator: AutocompleteSeparator,
+	Status: AutocompleteStatus,
+	Trigger: AutocompleteTrigger,
+	Value: AutocompleteValue
+});
+
 //#endregion
 //#region src/components/avatar/avatar.context.ts
 const AvatarContext = createContext(null);
@@ -819,7 +1009,7 @@ const ComboboxItemIndicator = ({ className, children, ...props }) => {
 	return /* @__PURE__ */ jsx(Combobox.ItemIndicator, {
 		className: cn$1(slots.itemIndicator(), className),
 		...props,
-		children: children || /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" })
+		children: children ?? /* @__PURE__ */ jsx(Check, {})
 	});
 };
 const ComboboxItem = ({ className, children, ...props }) => {
@@ -890,6 +1080,143 @@ const Container = ({ className, ...props }) => {
 };
 var container_default = Container;
 
+//#endregion
+//#region src/components/context-menu/context-menu.context.ts
+const ContextMenuContext = createContext(null);
+
+//#endregion
+//#region src/components/context-menu/context-menu.variants.ts
+/** biome-ignore-all assist/source/useSortedKeys: <> */
+const contextMenuVariants = tv({ slots: {
+	root: "context-menu",
+	trigger: "context-menu__trigger",
+	portal: "context-menu__portal",
+	backdrop: "context-menu__backdrop",
+	positioner: "context-menu__positioner",
+	popup: "context-menu__popup",
+	arrow: "context-menu__arrow",
+	item: "context-menu__item",
+	separator: "context-menu__separator",
+	group: "context-menu__group",
+	groupLabel: "context-menu__group-label",
+	submenu: "context-menu__submenu",
+	submenuTrigger: "context-menu__submenu-trigger"
+} });
+
+//#endregion
+//#region src/components/context-menu/use-context-menu.ts
+const useContextMenu = () => {
+	const context = useContext(ContextMenuContext);
+	if (!context) throw new Error("useContextMenu must be used within a ContextMenuProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/context-menu/context-menu.tsx
+const ContextMenu$1 = ({ ...props }) => {
+	const slots = useMemo(() => contextMenuVariants(), []);
+	return /* @__PURE__ */ jsx(ContextMenuContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx(ContextMenu.Root, { ...props })
+	});
+};
+const ContextMenuTrigger = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
+		className: cn$1(slots.trigger(), className),
+		...props
+	});
+};
+const ContextMenuPortal = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Portal, {
+		className: cn$1(slots.portal(), className),
+		...props
+	});
+};
+const ContextMenuBackdrop = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Backdrop, {
+		className: cn$1(slots.backdrop(), className),
+		...props
+	});
+};
+const ContextMenuPositioner = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Positioner, {
+		className: cn$1(slots.positioner(), className),
+		...props
+	});
+};
+const ContextMenuPopup = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Popup, {
+		className: cn$1(slots.popup(), className),
+		...props
+	});
+};
+const ContextMenuArrow = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Arrow, {
+		className: cn$1(slots.arrow(), className),
+		...props
+	});
+};
+const ContextMenuItem = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Item, {
+		className: cn$1(slots.item(), className),
+		...props
+	});
+};
+const ContextMenuSeparator = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Separator, {
+		className: cn$1(slots.separator(), className),
+		...props
+	});
+};
+const ContextMenuGroup = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.Group, {
+		className: cn$1(slots.group(), className),
+		...props
+	});
+};
+const ContextMenuGroupLabel = ({ className, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
+		className: cn$1(slots.groupLabel(), className),
+		...props
+	});
+};
+const ContextMenuSubmenu = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, { ...props });
+};
+const ContextMenuSubmenuTrigger = ({ className, children, ...props }) => {
+	const { slots } = useContextMenu();
+	return /* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
+		className: cn$1(slots.submenuTrigger(), className),
+		...props,
+		children
+	});
+};
+var context_menu_default = Object.assign(ContextMenu$1, {
+	Arrow: ContextMenuArrow,
+	Backdrop: ContextMenuBackdrop,
+	Group: ContextMenuGroup,
+	GroupLabel: ContextMenuGroupLabel,
+	Item: ContextMenuItem,
+	Popup: ContextMenuPopup,
+	Portal: ContextMenuPortal,
+	Positioner: ContextMenuPositioner,
+	Root: ContextMenu$1,
+	Separator: ContextMenuSeparator,
+	SubmenuRoot: ContextMenuSubmenu,
+	SubmenuTrigger: ContextMenuSubmenuTrigger,
+	Trigger: ContextMenuTrigger
+});
+
 //#endregion
 //#region src/components/dialog/dialog.context.ts
 const DialogContext = createContext(null);
@@ -1887,6 +2214,97 @@ var navigation_menu_default = Object.assign(NavigationMenu$1, {
 	Viewport: NavigationMenuViewport
 });
 
+//#endregion
+//#region src/components/number-field/number-field.context.ts
+const NumberFieldContext = createContext(null);
+
+//#endregion
+//#region src/components/number-field/number-field.variants.ts
+const numberFieldVariants = tv({ slots: {
+	decrement: "number-field__decrement",
+	group: "number-field__group",
+	increment: "number-field__increment",
+	input: "number-field__input",
+	root: "number-field",
+	scrubArea: "number-field__scrub-area",
+	scrubAreaCursor: "number-field__scrub-area-cursor"
+} });
+
+//#endregion
+//#region src/components/number-field/use-number-field.ts
+const useNumberField = () => {
+	const context = useContext(NumberFieldContext);
+	if (!context) throw new Error("useNumberField must be used within a NumberFieldProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/number-field/number-field.tsx
+const NumberField$1 = ({ className, ...props }) => {
+	const slots = useMemo(() => numberFieldVariants(), []);
+	return /* @__PURE__ */ jsx(NumberFieldContext, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx(NumberField.Root, {
+			className: cn$1(className, slots.root()),
+			...props
+		})
+	});
+};
+const NumberFieldScrubArea = ({ className, ...props }) => {
+	const { slots } = useNumberField();
+	return /* @__PURE__ */ jsx(NumberField.ScrubArea, {
+		className: cn$1(slots.scrubArea(), className),
+		...props
+	});
+};
+const NumberFieldGroup = ({ className, ...props }) => {
+	const { slots } = useNumberField();
+	return /* @__PURE__ */ jsx(NumberField.Group, {
+		className: cn$1(slots.group(), className),
+		...props
+	});
+};
+const NumberFieldScrubAreaCursor = ({ className, children, ...props }) => {
+	const { slots } = useNumberField();
+	return /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+		className: cn$1(slots.scrubAreaCursor(), className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(LucideChevronsLeftRight, {})
+	});
+};
+const NumberFieldDecrement = ({ className, children, ...props }) => {
+	const { slots } = useNumberField();
+	return /* @__PURE__ */ jsx(NumberField.Decrement, {
+		className: cn$1(slots.decrement(), className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(LucideMinus, {})
+	});
+};
+const NumberFieldInput = ({ className, ...props }) => {
+	const { slots } = useNumberField();
+	return /* @__PURE__ */ jsx(NumberField.Input, {
+		className: cn$1(slots.input(), className),
+		...props
+	});
+};
+const NumberFieldIncrement = ({ className, children, ...props }) => {
+	const { slots } = useNumberField();
+	return /* @__PURE__ */ jsx(NumberField.Increment, {
+		className: cn$1(slots.increment(), className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(LucidePlus, {})
+	});
+};
+var number_field_default = Object.assign(NumberField$1, {
+	Decrement: NumberFieldDecrement,
+	Group: NumberFieldGroup,
+	Increment: NumberFieldIncrement,
+	Input: NumberFieldInput,
+	Root: NumberField$1,
+	ScrubArea: NumberFieldScrubArea,
+	ScrubAreaCursor: NumberFieldScrubAreaCursor
+});
+
 //#endregion
 //#region src/components/popover/popover.context.ts
 const PopoverContext = createContext(null);
@@ -2009,6 +2427,91 @@ var popover_default = Object.assign(Popover$1, {
 	Viewport: PopoverViewport
 });
 
+//#endregion
+//#region src/components/preview-card/preview-card.context.ts
+const PreviewCardContext = createContext(null);
+
+//#endregion
+//#region src/components/preview-card/preview-card.variants.ts
+/** biome-ignore-all assist/source/useSortedKeys: <> */
+const previewCardVariants = tv({ slots: {
+	root: "preview-card",
+	trigger: "preview-card__trigger",
+	portal: "preview-card__portal",
+	backdrop: "preview-card__backdrop",
+	positioner: "preview-card__positioner",
+	popup: "preview-card__popup",
+	arrow: "preview-card__arrow"
+} });
+
+//#endregion
+//#region src/components/preview-card/use-preview-card.ts
+const usePreviewCard = () => {
+	const context = useContext(PreviewCardContext);
+	if (!context) throw new Error("usePreviewCard must be used within a PreviewCardProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/preview-card/preview-card.tsx
+const PreviewCard$1 = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(PreviewCardContext, {
+		value: { slots: useMemo(() => previewCardVariants(), []) },
+		children: /* @__PURE__ */ jsx(PreviewCard.Root, { ...props })
+	});
+};
+const PreviewCardTrigger = ({ className, ...props }) => {
+	const { slots } = usePreviewCard();
+	return /* @__PURE__ */ jsx(PreviewCard.Trigger, {
+		className: cn$1(slots.trigger(), className),
+		...props
+	});
+};
+const PreviewCardPortal = ({ className, ...props }) => {
+	const { slots } = usePreviewCard();
+	return /* @__PURE__ */ jsx(PreviewCard.Portal, {
+		className: cn$1(slots.portal(), className),
+		...props
+	});
+};
+const PreviewCardBackdrop = ({ className, ...props }) => {
+	const { slots } = usePreviewCard();
+	return /* @__PURE__ */ jsx(PreviewCard.Backdrop, {
+		className: cn$1(slots.backdrop(), className),
+		...props
+	});
+};
+const PreviewCardPositioner = ({ className, ...props }) => {
+	const { slots } = usePreviewCard();
+	return /* @__PURE__ */ jsx(PreviewCard.Positioner, {
+		className: cn$1(slots.positioner(), className),
+		...props
+	});
+};
+const PreviewCardPopup = ({ className, ...props }) => {
+	const { slots } = usePreviewCard();
+	return /* @__PURE__ */ jsx(PreviewCard.Popup, {
+		className: cn$1(slots.popup(), className),
+		...props
+	});
+};
+const PreviewCardArrow = ({ className, ...props }) => {
+	const { slots } = usePreviewCard();
+	return /* @__PURE__ */ jsx(PreviewCard.Arrow, {
+		className: cn$1(slots.arrow(), className),
+		...props
+	});
+};
+var preview_card_default = Object.assign(PreviewCard$1, {
+	Arrow: PreviewCardArrow,
+	Backdrop: PreviewCardBackdrop,
+	Popup: PreviewCardPopup,
+	Portal: PreviewCardPortal,
+	Positioner: PreviewCardPositioner,
+	Root: PreviewCard$1,
+	Trigger: PreviewCardTrigger
+});
+
 //#endregion
 //#region src/components/progress/progress.context.ts
 const ProgressContext = createContext(null);
@@ -2158,6 +2661,78 @@ const RadioGroup$1 = ({ className, ...props }) => {
 };
 var radio_group_default = RadioGroup$1;
 
+//#endregion
+//#region src/components/scroll-area/scroll-area.context.ts
+const ScrollAreaContext = createContext(null);
+
+//#endregion
+//#region src/components/scroll-area/scroll-area.variants.ts
+/** biome-ignore-all assist/source/useSortedKeys: <> */
+const scrollAreaVariants = tv({ slots: {
+	root: "scroll-area",
+	viewport: "scroll-area__viewport",
+	content: "scroll-area__content",
+	scrollbar: "scroll-area__scrollbar",
+	thumb: "scroll-area__thumb",
+	corner: "scroll-area__corner"
+} });
+
+//#endregion
+//#region src/components/scroll-area/use-scroll-area.ts
+const useScrollArea = () => {
+	const context = useContext(ScrollAreaContext);
+	if (!context) throw new Error("useScrollArea must be used within a ScrollAreaProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/scroll-area/scroll-area.tsx
+const ScrollArea$1 = ({ className, ...props }) => {
+	const slots = useMemo(() => scrollAreaVariants(), []);
+	return /* @__PURE__ */ jsx(ScrollAreaContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx(ScrollArea.Root, {
+			className: cn$1(className, slots.root()),
+			...props
+		})
+	});
+};
+const ScrollAreaViewport = ({ className, ...props }) => {
+	const { slots } = useScrollArea();
+	return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
+		className: cn$1(slots.viewport(), className),
+		...props
+	});
+};
+const ScrollAreaContent = ({ className, ...props }) => {
+	const { slots } = useScrollArea();
+	return /* @__PURE__ */ jsx(ScrollArea.Content, {
+		className: cn$1(slots.content(), className),
+		...props
+	});
+};
+const ScrollAreaScrollbar = ({ className, ...props }) => {
+	const { slots } = useScrollArea();
+	return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
+		className: cn$1(slots.scrollbar(), className),
+		...props
+	});
+};
+const ScrollAreaThumb = ({ className, ...props }) => {
+	const { slots } = useScrollArea();
+	return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
+		className: cn$1(slots.thumb(), className),
+		...props
+	});
+};
+var scroll_area_default = Object.assign(ScrollArea$1, {
+	Content: ScrollAreaContent,
+	Root: ScrollArea$1,
+	Scrollbar: ScrollAreaScrollbar,
+	Thumb: ScrollAreaThumb,
+	Viewport: ScrollAreaViewport
+});
+
 //#endregion
 //#region src/components/select/select.context.ts
 const SelectContext = createContext(null);
@@ -2804,101 +3379,6 @@ var tabs_default = Object.assign(Tabs$1, {
 	Tab: TabsTab
 });
 
-//#endregion
-//#region src/components/toast/toast.context.ts
-const ToastContext = createContext(null);
-
-//#endregion
-//#region src/components/toast/toast.variants.ts
-const toastVariants = tv({
-	defaultVariants: { variant: "default" },
-	slots: {
-		action: "toast__action",
-		close: "toast__close",
-		description: "toast__description",
-		root: "toast group",
-		title: "toast__title",
-		viewport: "toast__viewport"
-	},
-	variants: { variant: {
-		default: { root: "bg-background text-foreground" },
-		destructive: { root: "destructive group border-danger bg-danger text-danger-foreground" }
-	} }
-});
-
-//#endregion
-//#region src/components/toast/use-toast.ts
-const useToast$1 = () => {
-	const context = useContext(ToastContext);
-	if (!context) throw new Error("useToast must be used within a ToastProvider");
-	return context;
-};
-
-//#endregion
-//#region src/components/toast/toast.tsx
-const Toast$1 = ({ className, variant, ...props }) => {
-	const slots = useMemo(() => toastVariants({ variant }), [variant]);
-	return /* @__PURE__ */ jsx(ToastContext, {
-		value: { slots },
-		children: /* @__PURE__ */ jsx(Toast.Root, {
-			className: cn$1(className, slots.root()),
-			...props
-		})
-	});
-};
-const ToastTitle = ({ className, ...props }) => {
-	const { slots } = useToast$1();
-	return /* @__PURE__ */ jsx(Toast.Title, {
-		className: cn$1(className, slots.title()),
-		...props
-	});
-};
-const ToastDescription = ({ className, ...props }) => {
-	const { slots } = useToast$1();
-	return /* @__PURE__ */ jsx(Toast.Description, {
-		className: cn$1(className, slots.description()),
-		...props
-	});
-};
-const ToastAction = ({ className, ...props }) => {
-	const { slots } = useToast$1();
-	return /* @__PURE__ */ jsx(Toast.Action, {
-		className: cn$1(className, slots.action()),
-		...props
-	});
-};
-const ToastClose = ({ className, children, ...props }) => {
-	const { slots } = useToast$1();
-	return /* @__PURE__ */ jsx(Toast.Close, {
-		className: cn$1(className, slots.close()),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(LucideX, { className: "size-4" })
-	});
-};
-const ToastProvider = Toast.Provider;
-const ToastPortal = Toast.Portal;
-const ToastViewport = ({ className, ...props }) => {
-	const { viewport } = toastVariants();
-	return /* @__PURE__ */ jsx(Toast.Viewport, {
-		className: cn$1(className, viewport()),
-		...props
-	});
-};
-var toast_default = Object.assign(Toast$1, {
-	Action: ToastAction,
-	Close: ToastClose,
-	Description: ToastDescription,
-	Portal: ToastPortal,
-	Provider: ToastProvider,
-	Root: Toast$1,
-	Title: ToastTitle,
-	Viewport: ToastViewport
-});
-
-//#endregion
-//#region src/components/toast/index.ts
-const useToast = Toast.useToastManager;
-
 //#endregion
 //#region src/components/toggle-button/toggle-button.variants.ts
 const toggleButtonVariants = tv({
@@ -2996,5 +3476,5 @@ var tooltip_default = Object.assign(Tooltip$1, {
 });
 
 //#endregion
-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 };
+export { accordion_default as Accordion, alert_default as Alert, alert_dialog_default as AlertDialog, autocomplete_default as Autocomplete, 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, context_menu_default as ContextMenu, 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, number_field_default as NumberField, popover_default as Popover, preview_card_default as PreviewCard, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, scroll_area_default as ScrollArea, 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, toggle_button_default as ToggleButton, tooltip_default as Tooltip, accordionVariants, alertDialogVariants, alertVariants, autocompleteVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, comboboxVariants, containerVariants, contextMenuVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, navigationMenuVariants, numberFieldVariants, popoverVariants, previewCardVariants, progressVariants, radioGroupVariants, radioVariants, scrollAreaVariants, selectVariants, separatorVariants, sidebarVariants, sliderVariants, spinnerVariants, switchVariants, tableVariants, tabsVariants, toggleButtonVariants };
 //# sourceMappingURL=index.mjs.map