@fea-ui/react 0.1.0-alpha.0 → 0.1.0-alpha.10

package/dist/index.cjs

@@ -31,6 +31,7 @@ let lucide_react = require("lucide-react");
 let react = require("react");
 react = __toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
+let react_aria_components = require("react-aria-components");
 
 //#region src/components/accordion/accordion.context.ts
 const AccordionContext = (0, react.createContext)(null);
@@ -90,7 +91,7 @@ const AccordionTrigger = ({ className, ...props }) => {
 };
 const AccordionTriggerIcon = ({ className, ...props }) => {
 	const { slots } = useAccordion();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucidePlus, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideChevronDown, {
 		className: (0, tailwind_variants.cn)(className, slots.triggerIcon()),
 		...props
 	});
@@ -109,14 +110,214 @@ const AccordionContent = ({ className, ...props }) => {
 		...props
 	});
 };
-Accordion.Content = AccordionContent;
-Accordion.Header = AccordionHeader;
-Accordion.Item = AccordionItem;
-Accordion.Panel = AccordionPanel;
-Accordion.Root = Accordion;
-Accordion.Trigger = AccordionTrigger;
-Accordion.TriggerIcon = AccordionTriggerIcon;
-var accordion_default = Accordion;
+var accordion_default = Object.assign(Accordion, {
+	Content: AccordionContent,
+	Header: AccordionHeader,
+	Item: AccordionItem,
+	Panel: AccordionPanel,
+	Root: Accordion,
+	Trigger: AccordionTrigger,
+	TriggerIcon: AccordionTriggerIcon
+});
+
+//#endregion
+//#region src/components/alert/alert.context.ts
+const AlertContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/alert/alert.variants.ts
+const alertVariants = (0, tailwind_variants.tv)({
+	defaultVariants: { variant: "info" },
+	slots: {
+		content: "alert__content",
+		description: "alert__description",
+		indicator: "alert__indicator",
+		root: "alert",
+		title: "alert__title"
+	},
+	variants: { variant: {
+		danger: { root: "alert--danger" },
+		info: { root: "alert--info" },
+		primary: { root: "alert--primary" },
+		success: { root: "alert--success" },
+		warning: { root: "alert--warning" }
+	} }
+});
+
+//#endregion
+//#region src/components/alert/use-alert.ts
+const useAlert = () => {
+	const context = (0, react.useContext)(AlertContext);
+	if (!context) throw new Error("useAlert must be used within a AlertProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/alert/alert.tsx
+const Alert = ({ className, variant, ...props }) => {
+	const slots = (0, react.useMemo)(() => alertVariants({
+		className,
+		variant
+	}), [className, variant]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertContext, {
+		value: {
+			slots,
+			variant
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const AlertIndicator = ({ className, children, ...props }) => {
+	const { slots, variant } = useAlert();
+	const IndicatorIcon = ({ children: children$1 }) => {
+		if (children$1) return children$1;
+		switch (variant) {
+			case "danger": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideXCircle, {});
+			case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideCheckCircle, {});
+			case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideAlertTriangle, {});
+			default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideInfo, {});
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.indicator()),
+		...props,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IndicatorIcon, { children })
+	});
+};
+const AlertContent = ({ className, ...props }) => {
+	const { slots } = useAlert();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.content()),
+		...props
+	});
+};
+const AlertTitle = ({ className, ...props }) => {
+	const { slots } = useAlert();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.title()),
+		...props
+	});
+};
+const AlertDescription = ({ className, ...props }) => {
+	const { slots } = useAlert();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.description()),
+		...props
+	});
+};
+var alert_default = Object.assign(Alert, {
+	Content: AlertContent,
+	Description: AlertDescription,
+	Indicator: AlertIndicator,
+	Root: Alert,
+	Title: AlertTitle
+});
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.context.ts
+const AlertDialogContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.variants.ts
+const alertDialogVariants = (0, tailwind_variants.tv)({ slots: {
+	backdrop: "alert-dialog__backdrop",
+	close: "alert-dialog__close",
+	description: "alert-dialog__description",
+	popup: "alert-dialog__popup",
+	portal: "alert-dialog__portal",
+	root: "alert-dialog",
+	title: "alert-dialog__title",
+	trigger: "alert-dialog__trigger",
+	viewport: "alert-dialog__viewport"
+} });
+
+//#endregion
+//#region src/components/alert-dialog/use-alert-dialog.ts
+const useAlertDialog = () => {
+	const context = (0, react.useContext)(AlertDialogContext);
+	if (!context) throw new Error("useAlertDialog must be used within a AlertDialogProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/alert-dialog/alert-dialog.tsx
+const AlertDialog = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertDialogContext, {
+		value: { slots: (0, react.useMemo)(() => alertDialogVariants(), []) },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Root, { ...props })
+	});
+};
+const AlertDialogTrigger = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Trigger, {
+		className: (0, tailwind_variants.cn)(slots.trigger(), className),
+		...props
+	});
+};
+const AlertDialogPortal = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Portal, {
+		className: (0, tailwind_variants.cn)(slots.portal(), className),
+		...props
+	});
+};
+const AlertDialogBackdrop = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Backdrop, {
+		className: (0, tailwind_variants.cn)(slots.backdrop(), className),
+		...props
+	});
+};
+const AlertDialogViewport = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Viewport, {
+		className: (0, tailwind_variants.cn)(slots.viewport(), className),
+		...props
+	});
+};
+const AlertDialogPopup = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Popup, {
+		className: (0, tailwind_variants.cn)(slots.popup(), className),
+		...props
+	});
+};
+const AlertDialogTitle = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Title, {
+		className: (0, tailwind_variants.cn)(slots.title(), className),
+		...props
+	});
+};
+const AlertDialogDescription = ({ className, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Description, {
+		className: (0, tailwind_variants.cn)(slots.description(), className),
+		...props
+	});
+};
+const AlertDialogClose = ({ className, children, ...props }) => {
+	const { slots } = useAlertDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.AlertDialog.Close, {
+		className: (0, tailwind_variants.cn)(slots.close(), className),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideX, {})
+	});
+};
+var alert_dialog_default = Object.assign(AlertDialog, {
+	Backdrop: AlertDialogBackdrop,
+	Close: AlertDialogClose,
+	Description: AlertDialogDescription,
+	Popup: AlertDialogPopup,
+	Portal: AlertDialogPortal,
+	Root: AlertDialog,
+	Title: AlertDialogTitle,
+	Trigger: AlertDialogTrigger,
+	Viewport: AlertDialogViewport
+});
 
 //#endregion
 //#region src/components/avatar/avatar.context.ts
@@ -172,10 +373,11 @@ const AvatarFallback = ({ className, ...props }) => {
 		...props
 	});
 };
-Avatar.Fallback = AvatarFallback;
-Avatar.Image = AvatarImage;
-Avatar.Root = Avatar;
-var avatar_default = Avatar;
+var avatar_default = Object.assign(Avatar, {
+	Fallback: AvatarFallback,
+	Image: AvatarImage,
+	Root: Avatar
+});
 
 //#endregion
 //#region src/components/button/button.variants.ts
@@ -206,7 +408,7 @@ const buttonVariants = (0, tailwind_variants.tv)({
 //#endregion
 //#region src/components/button/button.tsx
 const Button = ({ className, variant, size, isIconOnly, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Button, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Button, {
 		className: (0, tailwind_variants.cn)(buttonVariants({
 			isIconOnly,
 			size,
@@ -310,58 +512,14 @@ const CardDescription = ({ className, ...props }) => {
 	});
 };
 /** Exports */
-Card.Body = CardBody;
-Card.Description = CardDescription;
-Card.Footer = CardFooter;
-Card.Header = CardHeader;
-Card.Root = Card;
-Card.Title = CardTitle;
-var card_default = Card;
-
-//#endregion
-//#region src/components/checkbox/checkbox.context.ts
-const CheckboxContext = (0, react.createContext)(null);
-
-//#endregion
-//#region src/components/checkbox/checkbox.variants.ts
-const checkboxVariants = (0, tailwind_variants.tv)({ slots: {
-	checkboxIcon: "checkbox__icon",
-	indicator: "checkbox__indicator",
-	label: "checkbox__label",
-	root: "checkbox"
-} });
-
-//#endregion
-//#region src/components/checkbox/use-checkbox.ts
-const useCheckbox = () => {
-	const ctx = (0, react.useContext)(CheckboxContext);
-	if (!ctx) throw new Error("CheckboxContext must be used with in the Checkbox component.");
-	return ctx;
-};
-
-//#endregion
-//#region src/components/checkbox/checkbox.tsx
-const Checkbox = ({ className, ...props }) => {
-	const slots = (0, react.useMemo)(() => checkboxVariants(), []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckboxContext.Provider, {
-		value: { slots },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Checkbox.Root, {
-			className: (0, tailwind_variants.cn)(className, slots.root()),
-			...props
-		})
-	});
-};
-const CheckboxIndicator = ({ className, ...props }) => {
-	const { slots } = useCheckbox();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Checkbox.Indicator, {
-		className: (0, tailwind_variants.cn)(className, slots.indicator()),
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideCheck, { className: slots.checkboxIcon() })
-	});
-};
-Checkbox.Indicator = CheckboxIndicator;
-Checkbox.Root = Checkbox;
-var checkbox_default = Checkbox;
+var card_default = Object.assign(Card, {
+	Body: CardBody,
+	Description: CardDescription,
+	Footer: CardFooter,
+	Header: CardHeader,
+	Root: Card,
+	Title: CardTitle
+});
 
 //#endregion
 //#region src/components/checkbox-group/checkbox-group.variants.ts
@@ -370,7 +528,7 @@ const checkboxGroupVariants = (0, tailwind_variants.tv)({ base: "checkbox-group"
 //#endregion
 //#region src/components/checkbox-group/checkbox-group.tsx
 const CheckboxGroup = ({ className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.CheckboxGroup, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.CheckboxGroup, {
 		className: (0, tailwind_variants.cn)(className, checkboxGroupVariants()),
 		...props
 	});
@@ -428,6 +586,22 @@ const Container = ({ className, ...props }) => {
 };
 var container_default = Container;
 
+//#endregion
+//#region src/components/description/description.variants.ts
+const descriptionVariants = (0, tailwind_variants.tv)({ base: "description" });
+
+//#endregion
+//#region src/components/description/description.tsx
+const Description = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Text, {
+		className: (0, tailwind_variants.cn)(className, descriptionVariants()),
+		"data-slot": "description",
+		slot: "description",
+		...props
+	});
+};
+var description_default = Description;
+
 //#endregion
 //#region src/components/dialog/dialog.context.ts
 const DialogContext = (0, react.createContext)(null);
@@ -520,93 +694,188 @@ const DialogClose = ({ className, ...props }) => {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideX, {})
 	});
 };
-Dialog.Backdrop = DialogBackdrop;
-Dialog.Close = DialogClose;
-Dialog.Description = DialogDescription;
-Dialog.Popup = DialogPopup;
-Dialog.Portal = DialogPortal;
-Dialog.Root = Dialog;
-Dialog.Title = DialogTitle;
-Dialog.Trigger = DialogTrigger;
-Dialog.Viewport = DialogViewport;
-var dialog_default = Dialog;
+var dialog_default = Object.assign(Dialog, {
+	Backdrop: DialogBackdrop,
+	Close: DialogClose,
+	Description: DialogDescription,
+	Popup: DialogPopup,
+	Portal: DialogPortal,
+	Root: Dialog,
+	Title: DialogTitle,
+	Trigger: DialogTrigger,
+	Viewport: DialogViewport
+});
 
 //#endregion
-//#region src/components/field/field.context.ts
-const FieldContext = (0, react.createContext)(null);
+//#region src/components/drawer/drawer.context.ts
+const DrawerContext = (0, react.createContext)(null);
 
 //#endregion
-//#region src/components/field/field.variants.ts
-const fieldVariants = (0, tailwind_variants.tv)({
+//#region src/components/drawer/drawer.variants.ts
+const drawerVariants = (0, tailwind_variants.tv)({
+	defaultVariants: { position: "left" },
 	slots: {
-		control: "input",
-		description: "field__description",
-		error: "field__error",
-		label: "label",
-		root: "field"
+		backdrop: "drawer__backdrop",
+		close: "drawer__close",
+		description: "drawer__description",
+		popup: "drawer__popup",
+		portal: "drawer__portal",
+		root: "drawer",
+		title: "drawer__title",
+		trigger: "drawer__trigger",
+		viewport: "drawer__viewport"
 	},
-	variants: { size: {
-		lg: { control: "input--lg" },
-		md: { control: "input--md" },
-		sm: { control: "input--sm" }
+	variants: { position: {
+		bottom: { popup: "drawer--bottom" },
+		left: { popup: "drawer--left" },
+		right: { popup: "drawer--right" },
+		top: { popup: "drawer--top" }
 	} }
 });
 
 //#endregion
-//#region src/components/field/use-field.ts
-const useField = () => {
-	const ctx = (0, react.useContext)(FieldContext);
-	if (!ctx) throw new Error("FieldContext must be used with in the Field component.");
-	return ctx;
+//#region src/components/drawer/use-drawer.ts
+const useDrawer = () => {
+	const context = (0, react.useContext)(DrawerContext);
+	if (!context) throw new Error("useDrawer must be used within a DrawerProvider");
+	return context;
 };
 
 //#endregion
-//#region src/components/field/field.tsx
-const Field = ({ className, size, ...props }) => {
-	const slots = (0, react.useMemo)(() => fieldVariants({ size }), [size]);
-	console.log(slots.root());
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldContext, {
-		value: { slots },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Field.Root, {
-			className: (0, tailwind_variants.cn)(className, slots.root()),
-			...props
-		})
+//#region src/components/drawer/drawer.tsx
+const Drawer = ({ position, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerContext, {
+		value: { slots: (0, react.useMemo)(() => drawerVariants({ position }), [position]) },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Root, { ...props })
 	});
 };
-const FieldLabel = ({ className, ...props }) => {
-	const { slots } = useField();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Field.Label, {
-		className: (0, tailwind_variants.cn)(className, slots.label()),
+const DrawerTrigger = ({ className, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Trigger, {
+		className: (0, tailwind_variants.cn)(slots.trigger(), className),
 		...props
 	});
 };
-const FieldDescription = ({ className, ...props }) => {
-	const { slots } = useField();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Field.Description, {
-		className: (0, tailwind_variants.cn)(className, slots.description()),
+const DrawerPortal = ({ className, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Portal, {
+		className: (0, tailwind_variants.cn)(slots.portal(), className),
 		...props
 	});
 };
-const FieldControl = ({ className, ...props }) => {
-	const { slots } = useField();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Field.Control, {
-		className: (0, tailwind_variants.cn)(className, slots.control()),
+const DrawerBackdrop = ({ className, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Backdrop, {
+		className: (0, tailwind_variants.cn)(slots.backdrop(), className),
+		...props
+	});
+};
+const DrawerViewport = ({ className, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Viewport, {
+		className: (0, tailwind_variants.cn)(slots.viewport(), className),
+		...props
+	});
+};
+const DrawerPopup = ({ className, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Popup, {
+		className: (0, tailwind_variants.cn)(slots.popup(), className),
+		...props
+	});
+};
+const DrawerTitle = ({ className, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Title, {
+		className: (0, tailwind_variants.cn)(slots.title(), className),
 		...props
 	});
 };
+const DrawerDescription = ({ className, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Description, {
+		className: (0, tailwind_variants.cn)(slots.description(), className),
+		...props
+	});
+};
+const DrawerClose = ({ className, children, ...props }) => {
+	const { slots } = useDrawer();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Close, {
+		className: (0, tailwind_variants.cn)(slots.close(), className),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideX, {})
+	});
+};
+var drawer_default = Object.assign(Drawer, {
+	Backdrop: DrawerBackdrop,
+	Close: DrawerClose,
+	Description: DrawerDescription,
+	Popup: DrawerPopup,
+	Portal: DrawerPortal,
+	Root: Drawer,
+	Title: DrawerTitle,
+	Trigger: DrawerTrigger,
+	Viewport: DrawerViewport
+});
+
+//#endregion
+//#region src/components/field-error/field-error.variants.ts
+const fieldErrorVariants = (0, tailwind_variants.tv)({ base: "field-error" });
+
+//#endregion
+//#region src/components/field-error/field-error.tsx
 const FieldError = ({ className, ...props }) => {
-	const { slots } = useField();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Field.Error, {
-		className: (0, tailwind_variants.cn)(slots.error(), className),
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.FieldError, {
+		className: (0, tailwind_variants.cn)(className, fieldErrorVariants()),
+		"data-slot": "field-error",
+		"data-visible": true,
 		...props
 	});
 };
-Field.Control = FieldControl;
-Field.Description = FieldDescription;
-Field.Error = FieldError;
-Field.Label = FieldLabel;
-Field.Root = Field;
-var field_default = Field;
+var field_error_default = FieldError;
+
+//#endregion
+//#region src/components/fieldset/fieldset.context.ts
+const FieldsetContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/fieldset/fieldset.variants.ts
+const fieldsetVariants = (0, tailwind_variants.tv)({ slots: {
+	legend: "fieldset__legend",
+	root: "fieldset"
+} });
+
+//#endregion
+//#region src/components/fieldset/use-fieldset.ts
+const useFieldset = () => {
+	const context = (0, react.useContext)(FieldsetContext);
+	if (!context) throw new Error("useFieldset must be used within a FieldsetProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/fieldset/fieldset.tsx
+const Fieldset = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => fieldsetVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FieldsetContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Fieldset.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const FieldsetLegend = ({ className, ...props }) => {
+	const { slots } = useFieldset();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Fieldset.Legend, {
+		className: (0, tailwind_variants.cn)(slots.legend(), className),
+		...props
+	});
+};
+var fieldset_default = Object.assign(Fieldset, {
+	Legend: FieldsetLegend,
+	Root: Fieldset
+});
 
 //#endregion
 //#region src/components/form/form.variants.ts
@@ -615,7 +884,7 @@ const formVariants = (0, tailwind_variants.tv)({ base: "form" });
 //#endregion
 //#region src/components/form/form.tsx
 const Form = ({ className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Form, {
 		className: (0, tailwind_variants.cn)(className, formVariants()),
 		...props
 	});
@@ -623,21 +892,36 @@ const Form = ({ className, ...props }) => {
 var form_default = Form;
 
 //#endregion
-//#region src/components/input/input.variants.ts
-const inputVariants = (0, tailwind_variants.tv)({
-	base: "input",
-	variants: { inputSize: {
-		lg: "input--lg",
-		md: "input--md",
-		sm: "input--sm"
-	} }
+//#region src/components/icon-button/icon-button.variants.ts
+const iconButtonVariants = (0, tailwind_variants.tv)({
+	base: "icon-button",
+	defaultVariants: { isIconOnly: true },
+	extend: buttonVariants
 });
 
+//#endregion
+//#region src/components/icon-button/icon-button.tsx
+const IconButton = ({ className, variant, size, isIconOnly, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(button_default, {
+		className: (0, tailwind_variants.cn)(className, iconButtonVariants({
+			isIconOnly,
+			size,
+			variant
+		})),
+		...props
+	});
+};
+var icon_button_default = IconButton;
+
+//#endregion
+//#region src/components/input/input.variants.ts
+const inputVariants = (0, tailwind_variants.tv)({ base: "input" });
+
 //#endregion
 //#region src/components/input/input.tsx
-const Input = ({ className, inputSize, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Input, {
-		className: (0, tailwind_variants.cn)(className, inputVariants({ inputSize })),
+const Input = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Input, {
+		className: (0, tailwind_variants.cn)(className, inputVariants()),
 		...props
 	});
 };
@@ -650,7 +934,7 @@ const labelVariants = (0, tailwind_variants.tv)({ base: "label" });
 //#endregion
 //#region src/components/label/label.tsx
 const Label = ({ className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Label, {
 		className: (0, tailwind_variants.cn)(className, labelVariants()),
 		...props
 	});
@@ -716,9 +1000,10 @@ const ListItem = ({ className, ...props }) => {
 		...props
 	});
 };
-List.Root = List;
-List.Item = ListItem;
-var list_default = List;
+var list_default = Object.assign(List, {
+	Item: ListItem,
+	Root: List
+});
 
 //#endregion
 //#region src/components/menu/menu.context.ts
@@ -797,11 +1082,12 @@ const MenuPopup = ({ className, ...props }) => {
 		...props
 	});
 };
-const MenuArrow = ({ className, ...props }) => {
+const MenuArrow = ({ className, children, ...props }) => {
 	const { slots } = useMenu();
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Arrow, {
 		className: (0, tailwind_variants.cn)(slots.arrow(), className),
-		...props
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucideChevronUp, {})
 	});
 };
 const MenuItem = ({ className, ...props }) => {
@@ -863,23 +1149,24 @@ const MenuSubmenuTrigger = ({ className, ...props }) => {
 		...props
 	});
 };
-Menu.Arrow = MenuArrow;
-Menu.Backdrop = MenuBackdrop;
-Menu.CheckboxItem = MenuCheckboxItem;
-Menu.Group = MenuGroup;
-Menu.GroupLabel = MenuGroupLabel;
-Menu.Item = MenuItem;
-Menu.Popup = MenuPopup;
-Menu.Portal = MenuPortal;
-Menu.Positioner = MenuPositioner;
-Menu.RadioGroup = MenuRadioGroup;
-Menu.RadioItem = MenuRadioItem;
-Menu.Root = Menu;
-Menu.Separator = MenuSeparator;
-Menu.Submenu = MenuSubmenu;
-Menu.SubmenuTrigger = MenuSubmenuTrigger;
-Menu.Trigger = MenuTrigger;
-var menu_default = Menu;
+var menu_default = Object.assign(Menu, {
+	Arrow: MenuArrow,
+	Backdrop: MenuBackdrop,
+	CheckboxItem: MenuCheckboxItem,
+	Group: MenuGroup,
+	GroupLabel: MenuGroupLabel,
+	Item: MenuItem,
+	Popup: MenuPopup,
+	Portal: MenuPortal,
+	Positioner: MenuPositioner,
+	RadioGroup: MenuRadioGroup,
+	RadioItem: MenuRadioItem,
+	Root: Menu,
+	Separator: MenuSeparator,
+	Submenu: MenuSubmenu,
+	SubmenuTrigger: MenuSubmenuTrigger,
+	Trigger: MenuTrigger
+});
 
 //#endregion
 //#region src/components/meter/meter.context.ts
@@ -961,12 +1248,34 @@ const MeterIndicator = ({ className, ...props }) => {
 		...props
 	});
 };
-Meter.Indicator = MeterIndicator;
-Meter.Label = MeterLabel;
-Meter.Root = Meter;
-Meter.Track = MeterTrack;
-Meter.Value = MeterValue;
-var meter_default = Meter;
+var meter_default = Object.assign(Meter, {
+	Indicator: MeterIndicator,
+	Label: MeterLabel,
+	Root: Meter,
+	Track: MeterTrack,
+	Value: MeterValue
+});
+
+//#endregion
+//#region src/components/separator/separator.variants.ts
+const separatorVariants = (0, tailwind_variants.tv)({
+	base: "separator",
+	defaultVariants: { orientation: "horizontal" },
+	variants: { orientation: {
+		horizontal: "separator--horizontal",
+		vertical: "separator--vertical"
+	} }
+});
+
+//#endregion
+//#region src/components/separator/separator.tsx
+const Separator = ({ className, orientation, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Separator, {
+		className: (0, tailwind_variants.cn)(className, separatorVariants({ orientation })),
+		...props
+	});
+};
+var separator_default = Separator;
 
 //#endregion
 //#region src/components/navbar/navbar.context.ts
@@ -1053,12 +1362,20 @@ const NavbarToggle = ({ className, ...props }) => {
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "size-5" })
 	});
 };
-const NavbarMenu = ({ className, ...props }) => {
-	const { slots, isOpen } = useNavbar();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-		className: (0, tailwind_variants.cn)(slots.menu(), className),
-		"data-expanded": isOpen ? "true" : "false",
-		...props
+const NavbarMenu = ({ className, header, ...props }) => {
+	const { slots, isOpen, onOpenChange } = useNavbar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(drawer_default, {
+		onOpenChange,
+		open: isOpen,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(drawer_default.Portal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(drawer_default.Backdrop, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(drawer_default.Viewport, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(drawer_default.Popup, { children: [
+			header,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(drawer_default.Close, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(separator_default, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+				className: (0, tailwind_variants.cn)(slots.menu(), className),
+				...props
+			})
+		] }) })] })
 	});
 };
 const NavbarMenuItem = ({ className, ...props }) => {
@@ -1068,36 +1385,450 @@ const NavbarMenuItem = ({ className, ...props }) => {
 		...props
 	});
 };
-Navbar.Root = Navbar;
-Navbar.Container = NavbarContainer;
-Navbar.Content = NavbarContent;
-Navbar.List = NavbarList;
-Navbar.ListItem = NavbarListItem;
-Navbar.Toggle = NavbarToggle;
-Navbar.Menu = NavbarMenu;
-Navbar.MenuItem = NavbarMenuItem;
-var navbar_default = Navbar;
+var navbar_default = Object.assign(Navbar, {
+	Container: NavbarContainer,
+	Content: NavbarContent,
+	List: NavbarList,
+	ListItem: NavbarListItem,
+	Menu: NavbarMenu,
+	MenuItem: NavbarMenuItem,
+	Root: Navbar,
+	Toggle: NavbarToggle
+});
 
 //#endregion
-//#region src/components/separator/separator.variants.ts
-const separatorVariants = (0, tailwind_variants.tv)({
-	base: "separator",
-	defaultVariants: { orientation: "horizontal" },
-	variants: { orientation: {
-		horizontal: "separator--horizontal",
-		vertical: "separator--vertical"
-	} }
+//#region src/components/overlay-trigger/overlay-trigger.tsx
+const OverlayTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.DialogTrigger, { ...props });
+};
+var overlay_trigger_default = OverlayTrigger;
+
+//#endregion
+//#region src/components/popover/popover.variants.ts
+const popoverVariants = (0, tailwind_variants.tv)({ base: "popover" });
+
+//#endregion
+//#region src/components/popover/popover.tsx
+const Popover = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Popover, {
+		className: (0, tailwind_variants.cn)(popoverVariants()),
+		...props
+	});
+};
+var popover_default = Popover;
+
+//#endregion
+//#region src/components/progress/progress.context.ts
+const ProgressContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/progress/progress.variants.ts
+const progressVariants = (0, tailwind_variants.tv)({
+	defaultVariants: {
+		size: "md",
+		variant: "primary"
+	},
+	slots: {
+		indicator: "progress__indicator",
+		label: "progress__label",
+		root: "progress",
+		track: "progress__track",
+		value: "progress__value"
+	},
+	variants: {
+		size: {
+			lg: { root: "progress--lg" },
+			md: { root: "progress--md" },
+			sm: { root: "progress--sm" }
+		},
+		variant: {
+			danger: { root: "progress--danger" },
+			primary: { root: "progress--primary" },
+			secondary: { root: "progress--secondary" },
+			success: { root: "progress--success" }
+		}
+	}
 });
 
 //#endregion
-//#region src/components/separator/separator.tsx
-const Separator = ({ className, orientation, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Separator, {
-		className: (0, tailwind_variants.cn)(className, separatorVariants({ orientation })),
+//#region src/components/progress/use-progress.ts
+const useProgress = () => {
+	const context = (0, react.useContext)(ProgressContext);
+	if (!context) throw new Error("useProgress must be used within a ProgressProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/progress/progress.tsx
+const Progress = ({ className, variant, size, ...props }) => {
+	const slots = (0, react.useMemo)(() => progressVariants({
+		size,
+		variant
+	}), [variant, size]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProgressContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const ProgressLabel = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Label, {
+		className: (0, tailwind_variants.cn)(className, slots.label()),
 		...props
 	});
 };
-var separator_default = Separator;
+const ProgressValue = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Value, {
+		className: (0, tailwind_variants.cn)(className, slots.value()),
+		...props
+	});
+};
+const ProgressTrack = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Track, {
+		className: (0, tailwind_variants.cn)(className, slots.track()),
+		...props
+	});
+};
+const ProgressIndicator = ({ className, ...props }) => {
+	const { slots } = useProgress();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Progress.Indicator, {
+		className: (0, tailwind_variants.cn)(className, slots.indicator()),
+		...props
+	});
+};
+var progress_default = Object.assign(Progress, {
+	Indicator: ProgressIndicator,
+	Label: ProgressLabel,
+	Root: Progress,
+	Track: ProgressTrack,
+	Value: ProgressValue
+});
+
+//#endregion
+//#region src/components/radio/radio.context.ts
+const RadioContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/radio/radio.variants.ts
+const radioVariants = (0, tailwind_variants.tv)({ slots: {
+	indicator: "radio__indicator",
+	root: "radio"
+} });
+
+//#endregion
+//#region src/components/radio/use-radio.ts
+const useRadio = () => {
+	const context = (0, react.useContext)(RadioContext);
+	if (!context) throw new Error("useRadio must be used within a RadioProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/radio/radio.tsx
+const Radio = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => radioVariants({}), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Radio.Root, {
+			className: (0, tailwind_variants.cn)(slots.root(), className),
+			...props
+		})
+	});
+};
+const RadioIndicator = ({ className, ...props }) => {
+	const { slots } = useRadio();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Radio.Indicator, {
+		className: (0, tailwind_variants.cn)(slots.indicator(), className),
+		...props
+	});
+};
+var radio_default = Object.assign(Radio, {
+	Indicator: RadioIndicator,
+	Root: Radio
+});
+
+//#endregion
+//#region src/components/radio-group/radio-group.variants.ts
+const radioGroupVariants = (0, tailwind_variants.tv)({ base: "radio-group" });
+
+//#endregion
+//#region src/components/radio-group/radio-group.tsx
+const RadioGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.RadioGroup, {
+		className: (0, tailwind_variants.cn)(className, (0, react.useMemo)(() => radioGroupVariants(), [])),
+		...props
+	});
+};
+var radio_group_default = RadioGroup;
+
+//#endregion
+//#region src/components/select/select.context.ts
+const SelectContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/select/select.variants.ts
+const selectVariants = (0, tailwind_variants.tv)({ slots: {
+	control: "select__control",
+	description: "select__description",
+	error: "select__error",
+	label: "select__label",
+	option: "select__option",
+	root: "select"
+} });
+
+//#endregion
+//#region src/components/select/use-select.ts
+const useSelect = () => {
+	const context = (0, react.useContext)(SelectContext);
+	if (!context) throw new Error("useSelect must be used within a SelectProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/select/select.tsx
+const Select = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => selectVariants(), []);
+	const generatedId = (0, react.useId)();
+	const inputId = props.id || generatedId;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectContext.Provider, {
+		value: {
+			id: inputId,
+			slots
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const SelectLabel = ({ className, ...props }) => {
+	const { slots, id } = useSelect();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		className: (0, tailwind_variants.cn)(className, slots.label()),
+		htmlFor: id,
+		...props
+	});
+};
+const SelectControl = ({ className, ...props }) => {
+	const { slots, id } = useSelect();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+		className: (0, tailwind_variants.cn)(className, slots.control()),
+		id,
+		...props
+	});
+};
+const SelectOption = ({ className, ...props }) => {
+	const { slots } = useSelect();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+		className: (0, tailwind_variants.cn)(className, slots.option()),
+		...props
+	});
+};
+const SelectDescription = ({ className, ...props }) => {
+	const { slots } = useSelect();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: (0, tailwind_variants.cn)(className, slots.description()),
+		...props
+	});
+};
+const SelectError = ({ className, ...props }) => {
+	const { slots } = useSelect();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: (0, tailwind_variants.cn)(className, slots.error()),
+		...props
+	});
+};
+var select_default = Object.assign(Select, {
+	Control: SelectControl,
+	Description: SelectDescription,
+	Error: SelectError,
+	Label: SelectLabel,
+	Option: SelectOption,
+	Root: Select
+});
+
+//#endregion
+//#region src/components/sidebar/sidebar.context.ts
+const SidebarContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/sidebar/sidebar.variants.ts
+const sidebarVariants = (0, tailwind_variants.tv)({ slots: {
+	content: "sidebar__content",
+	footer: "sidebar__footer",
+	header: "sidebar__header",
+	outlet: "sidebar__outlet",
+	panel: "sidebar__panel",
+	root: "sidebar",
+	trigger: "sidebar__trigger"
+} });
+
+//#endregion
+//#region src/components/sidebar/use-sidebar.ts
+const useSidebar = () => {
+	const context = (0, react.useContext)(SidebarContext);
+	if (!context) throw new Error("useSidebar must be used within a SidebarProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/sidebar/sidebar.tsx
+const Sidebar = ({ className, isOpen, onOpenChange, ...props }) => {
+	const [internalIsOpen, setInternalIsOpen] = react.default.useState(false);
+	const isOpenState = isOpen !== void 0 ? isOpen : internalIsOpen;
+	const handleOpenChange = onOpenChange || setInternalIsOpen;
+	const slots = (0, react.useMemo)(() => sidebarVariants({ className }), [className]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SidebarContext, {
+		value: {
+			isOpen: isOpenState,
+			onOpenChange: handleOpenChange,
+			slots
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: slots.root(),
+			"data-open": isOpenState,
+			...props
+		})
+	});
+};
+const SidebarPanel = ({ className, ...props }) => {
+	const { slots } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("aside", {
+		className: (0, tailwind_variants.cn)(slots.panel(), className),
+		...props
+	});
+};
+const SidebarHeader = ({ className, ...props }) => {
+	const { slots } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+		className: (0, tailwind_variants.cn)(slots.header(), className),
+		...props
+	});
+};
+const SidebarContent = ({ className, ...props }) => {
+	const { slots } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(slots.content(), className),
+		...props
+	});
+};
+const SidebarFooter = ({ className, ...props }) => {
+	const { slots } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("footer", {
+		className: (0, tailwind_variants.cn)(slots.footer(), className),
+		...props
+	});
+};
+const SidebarTrigger = ({ className, children, ...props }) => {
+	const { slots, isOpen, onOpenChange } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		"aria-expanded": isOpen,
+		className: (0, tailwind_variants.cn)(slots.trigger(), className),
+		onClick: () => onOpenChange(!isOpen),
+		...props,
+		children: children ?? (isOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucidePanelLeftClose, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucidePanelLeftOpen, {}))
+	});
+};
+const SidebarOutlet = ({ className, ...props }) => {
+	const { slots } = useSidebar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(slots.outlet(), className),
+		...props
+	});
+};
+var sidebar_default = Object.assign(Sidebar, {
+	Content: SidebarContent,
+	Footer: SidebarFooter,
+	Header: SidebarHeader,
+	Outlet: SidebarOutlet,
+	Panel: SidebarPanel,
+	Root: Sidebar,
+	Trigger: SidebarTrigger
+});
+
+//#endregion
+//#region src/components/slider/slider.context.ts
+const SliderContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/slider/slider.variants.ts
+const sliderVariants = (0, tailwind_variants.tv)({ slots: {
+	control: "slider__control",
+	indicator: "slider__indicator",
+	root: "slider",
+	thumb: "slider__thumb",
+	track: "slider__track",
+	value: "slider__value"
+} });
+
+//#endregion
+//#region src/components/slider/use-slider.tsx
+const useSlider = () => {
+	const context = (0, react.useContext)(SliderContext);
+	if (!context) throw new Error("useSlider must be used within a SliderProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/slider/slider.tsx
+const Slider = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => sliderVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SliderContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const SliderValue = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Value, {
+		className: (0, tailwind_variants.cn)(className, slots.value()),
+		...props
+	});
+};
+const SliderControl = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Control, {
+		className: (0, tailwind_variants.cn)(className, slots.control()),
+		...props
+	});
+};
+const SliderTrack = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Track, {
+		className: (0, tailwind_variants.cn)(className, slots.track()),
+		...props
+	});
+};
+const SliderIndicator = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Indicator, {
+		className: (0, tailwind_variants.cn)(className, slots.indicator()),
+		...props
+	});
+};
+const SliderThumb = ({ className, ...props }) => {
+	const { slots } = useSlider();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Slider.Thumb, {
+		className: (0, tailwind_variants.cn)(className, slots.thumb()),
+		...props
+	});
+};
+var slider_default = Object.assign(Slider, {
+	Control: SliderControl,
+	Indicator: SliderIndicator,
+	Root: Slider,
+	Thumb: SliderThumb,
+	Track: SliderTrack,
+	Value: SliderValue
+});
 
 //#endregion
 //#region src/components/switch/switch.context.ts
@@ -1145,9 +1876,98 @@ const SwitchThumb = ({ className, ...props }) => {
 		...props
 	});
 };
-Switch.Thumb = SwitchThumb;
-Switch.Root = Switch;
-var switch_default = Switch;
+var switch_default = Object.assign(Switch, {
+	Root: Switch,
+	Thumb: SwitchThumb
+});
+
+//#endregion
+//#region src/components/table/table.context.ts
+const TableContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/table/table.variants.ts
+const tableVariants = (0, tailwind_variants.tv)({ slots: {
+	root: "table",
+	tbody: "table__tbody",
+	td: "table__td",
+	tfoot: "table__tfoot",
+	th: "table__th",
+	thead: "table__thead",
+	tr: "table__tr"
+} });
+
+//#endregion
+//#region src/components/table/use-table.ts
+const useTable = () => {
+	const context = (0, react.useContext)(TableContext);
+	if (!context) throw new Error("useTable must be used within a TableProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/table/table.tsx
+const Table = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => tableVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TableContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const TableHead = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+		className: (0, tailwind_variants.cn)(className, slots.thead()),
+		...props
+	});
+};
+const TableRow = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		className: (0, tailwind_variants.cn)(className, slots.tr()),
+		...props
+	});
+};
+const TableHeaderCell = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+		className: (0, tailwind_variants.cn)(className, slots.th()),
+		...props
+	});
+};
+const TableBody = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+		className: (0, tailwind_variants.cn)(className, slots.tbody()),
+		...props
+	});
+};
+const TableDataCell = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+		className: (0, tailwind_variants.cn)(className, slots.td()),
+		...props
+	});
+};
+const TableFooter = ({ className, ...props }) => {
+	const { slots } = useTable();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
+		className: (0, tailwind_variants.cn)(className, slots.tfoot()),
+		...props
+	});
+};
+var table_default = Object.assign(Table, {
+	Body: TableBody,
+	DataCell: TableDataCell,
+	Footer: TableFooter,
+	Head: TableHead,
+	HeaderCell: TableHeaderCell,
+	Root: Table,
+	Row: TableRow
+});
 
 //#endregion
 //#region src/components/tabs/tabs.context.ts
@@ -1211,12 +2031,13 @@ const TabsPanel = ({ className, ...props }) => {
 		...props
 	});
 };
-Tabs.List = TabsList;
-Tabs.Tab = TabsTab;
-Tabs.Indicator = TabsIndicator;
-Tabs.Panel = TabsPanel;
-Tabs.Root = Tabs;
-var tabs_default = Tabs;
+var tabs_default = Object.assign(Tabs, {
+	Indicator: TabsIndicator,
+	List: TabsList,
+	Panel: TabsPanel,
+	Root: Tabs,
+	Tab: TabsTab
+});
 
 //#endregion
 //#region src/components/text/text.variants.ts
@@ -1225,7 +2046,7 @@ const textVariants = (0, tailwind_variants.tv)({ base: "text" });
 //#endregion
 //#region src/components/text/text.tsx
 const Text = ({ className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.Text, {
 		className: (0, tailwind_variants.cn)(textVariants(), className),
 		"data-slot": "text",
 		...props
@@ -1233,17 +2054,28 @@ const Text = ({ className, ...props }) => {
 };
 var text_default = Text;
 
+//#endregion
+//#region src/components/text-field/text-field.variants.ts
+const textFieldVariants = (0, tailwind_variants.tv)({ base: "text-field" });
+
+//#endregion
+//#region src/components/text-field/text-field.tsx
+const TextField = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.TextField, {
+		className: (0, tailwind_variants.cn)(className, textFieldVariants()),
+		...props
+	});
+};
+var text_field_default = TextField;
+
 //#endregion
 //#region src/components/textarea/textarea.variants.ts
-const textareaVariants = (0, tailwind_variants.tv)({
-	base: "textarea",
-	extend: inputVariants
-});
+const textareaVariants = (0, tailwind_variants.tv)({ base: "textarea" });
 
 //#endregion
 //#region src/components/textarea/textarea.tsx
 const Textarea = ({ className, ...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.TextArea, {
 		className: (0, tailwind_variants.cn)(className, textareaVariants()),
 		...props
 	});
@@ -1272,17 +2104,22 @@ var toggle_button_default = ToggleButton;
 
 //#endregion
 exports.Accordion = accordion_default;
+exports.Alert = alert_default;
+exports.AlertDialog = alert_dialog_default;
 exports.Avatar = avatar_default;
 exports.Button = button_default;
 exports.ButtonGroup = button_group_default;
 exports.Card = card_default;
-exports.Checkbox = checkbox_default;
 exports.CheckboxGroup = checkbox_group_default;
 exports.Chip = chip_default;
 exports.Container = container_default;
+exports.Description = description_default;
 exports.Dialog = dialog_default;
-exports.Field = field_default;
+exports.Drawer = drawer_default;
+exports.FieldError = field_error_default;
+exports.Fieldset = fieldset_default;
 exports.Form = form_default;
+exports.IconButton = icon_button_default;
 exports.Input = input_default;
 exports.Label = label_default;
 exports.Link = link_default;
@@ -1290,19 +2127,30 @@ exports.List = list_default;
 exports.Menu = menu_default;
 exports.Meter = meter_default;
 exports.Navbar = navbar_default;
+exports.OverlayTrigger = overlay_trigger_default;
+exports.Popover = popover_default;
+exports.Progress = progress_default;
+exports.Radio = radio_default;
+exports.RadioGroup = radio_group_default;
+exports.Select = select_default;
 exports.Separator = separator_default;
+exports.Sidebar = sidebar_default;
+exports.Slider = slider_default;
 exports.Switch = switch_default;
+exports.Table = table_default;
 exports.Tabs = tabs_default;
 exports.Text = text_default;
+exports.TextField = text_field_default;
 exports.Textarea = textarea_default;
 exports.ToggleButton = toggle_button_default;
 exports.accordionVariants = accordionVariants;
+exports.alertDialogVariants = alertDialogVariants;
+exports.alertVariants = alertVariants;
 exports.avatarVariants = avatarVariants;
 exports.buttonGroupVariants = buttonGroupVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardVariants = cardVariants;
 exports.checkboxGroupVariants = checkboxGroupVariants;
-exports.checkboxVariants = checkboxVariants;
 exports.chipVariants = chipVariants;
 Object.defineProperty(exports, 'cn', {
   enumerable: true,
@@ -1311,9 +2159,13 @@ Object.defineProperty(exports, 'cn', {
   }
 });
 exports.containerVariants = containerVariants;
+exports.descriptionVariants = descriptionVariants;
 exports.dialogVariants = dialogVariants;
-exports.fieldVariants = fieldVariants;
+exports.drawerVariants = drawerVariants;
+exports.fieldErrorVariants = fieldErrorVariants;
+exports.fieldsetVariants = fieldsetVariants;
 exports.formVariants = formVariants;
+exports.iconButtonVariants = iconButtonVariants;
 exports.inputVariants = inputVariants;
 exports.labelVariants = labelVariants;
 exports.linkVariants = linkVariants;
@@ -1321,9 +2173,18 @@ exports.listVariants = listVariants;
 exports.menuVariants = menuVariants;
 exports.meterVariants = meterVariants;
 exports.navbarVariants = navbarVariants;
+exports.popoverVariants = popoverVariants;
+exports.progressVariants = progressVariants;
+exports.radioGroupVariants = radioGroupVariants;
+exports.radioVariants = radioVariants;
+exports.selectVariants = selectVariants;
 exports.separatorVariants = separatorVariants;
+exports.sidebarVariants = sidebarVariants;
+exports.sliderVariants = sliderVariants;
 exports.switchVariants = switchVariants;
+exports.tableVariants = tableVariants;
 exports.tabsVariants = tabsVariants;
+exports.textFieldVariants = textFieldVariants;
 exports.textVariants = textVariants;
 exports.textareaVariants = textareaVariants;
 exports.toggleButtonVariants = toggleButtonVariants;