@fea-ui/react 0.1.0-alpha.0

package/dist/index.cjs

@@ -0,0 +1,1330 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let tailwind_variants = require("tailwind-variants");
+let _base_ui_react = require("@base-ui/react");
+let lucide_react = require("lucide-react");
+let react = require("react");
+react = __toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/accordion/accordion.context.ts
+const AccordionContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/accordion/accordion.variants.ts
+const accordionVariants = (0, tailwind_variants.tv)({ slots: {
+	content: "accordion__content",
+	header: "accordion__header",
+	item: "accordion__item",
+	panel: "accordion__panel",
+	root: "accordion",
+	trigger: "accordion__trigger",
+	triggerIcon: "accordion__trigger-icon"
+} });
+
+//#endregion
+//#region src/components/accordion/use-accordion.ts
+const useAccordion = () => {
+	const context = (0, react.useContext)(AccordionContext);
+	if (!context) throw new Error("useAccordion must be used within a AccordionProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/accordion/accordion.tsx
+const Accordion = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => accordionVariants({}), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Accordion.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const AccordionItem = ({ className, ...props }) => {
+	const { slots } = useAccordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Accordion.Item, {
+		className: (0, tailwind_variants.cn)(className, slots.item()),
+		...props
+	});
+};
+const AccordionHeader = ({ className, ...props }) => {
+	const { slots } = useAccordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Accordion.Header, {
+		className: (0, tailwind_variants.cn)(className, slots.header()),
+		...props
+	});
+};
+const AccordionTrigger = ({ className, ...props }) => {
+	const { slots } = useAccordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Accordion.Trigger, {
+		className: (0, tailwind_variants.cn)(className, slots.trigger()),
+		...props
+	});
+};
+const AccordionTriggerIcon = ({ className, ...props }) => {
+	const { slots } = useAccordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.LucidePlus, {
+		className: (0, tailwind_variants.cn)(className, slots.triggerIcon()),
+		...props
+	});
+};
+const AccordionPanel = ({ className, ...props }) => {
+	const { slots } = useAccordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Accordion.Panel, {
+		className: (0, tailwind_variants.cn)(className, slots.panel()),
+		...props
+	});
+};
+const AccordionContent = ({ className, ...props }) => {
+	const { slots } = useAccordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.content()),
+		...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;
+
+//#endregion
+//#region src/components/avatar/avatar.context.ts
+const AvatarContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/avatar/avatar.variants.ts
+const avatarVariants = (0, tailwind_variants.tv)({
+	defaultVariants: { size: "md" },
+	slots: {
+		fallback: "avatar__fallback",
+		image: "avatar__image",
+		root: "avatar"
+	},
+	variants: { size: {
+		lg: { root: "avatar--lg" },
+		md: { root: "avatar--md" },
+		sm: { root: "avatar--sm" }
+	} }
+});
+
+//#endregion
+//#region src/components/avatar/use-avatar.ts
+const useAvatar = () => {
+	const ctx = (0, react.useContext)(AvatarContext);
+	if (!ctx) throw new Error("useAvatar must be used within the Avatar component.");
+	return ctx;
+};
+
+//#endregion
+//#region src/components/avatar/avatar.tsx
+const Avatar = ({ className, size, ...props }) => {
+	const slots = (0, react.useMemo)(() => avatarVariants({ size }), [size]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Avatar.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const AvatarImage = ({ className, ...props }) => {
+	const { slots } = useAvatar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Avatar.Image, {
+		className: (0, tailwind_variants.cn)(className, slots.image()),
+		...props
+	});
+};
+const AvatarFallback = ({ className, ...props }) => {
+	const { slots } = useAvatar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Avatar.Fallback, {
+		className: (0, tailwind_variants.cn)(className, slots.fallback()),
+		...props
+	});
+};
+Avatar.Fallback = AvatarFallback;
+Avatar.Image = AvatarImage;
+Avatar.Root = Avatar;
+var avatar_default = Avatar;
+
+//#endregion
+//#region src/components/button/button.variants.ts
+const buttonVariants = (0, tailwind_variants.tv)({
+	base: "button",
+	defaultVariants: {
+		isIconOnly: false,
+		size: "md",
+		variant: "primary"
+	},
+	variants: {
+		isIconOnly: { true: "button--icon-only" },
+		size: {
+			lg: "button--lg",
+			md: "button--md",
+			sm: "button--sm"
+		},
+		variant: {
+			danger: "button--danger",
+			ghost: "button--ghost",
+			outline: "button--outline",
+			primary: "button--primary",
+			secondary: "button--secondary"
+		}
+	}
+});
+
+//#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, {
+		className: (0, tailwind_variants.cn)(buttonVariants({
+			isIconOnly,
+			size,
+			variant
+		}), className),
+		...props
+	});
+};
+var button_default = Button;
+
+//#endregion
+//#region src/components/button-group/button-group.variants.ts
+const buttonGroupVariants = (0, tailwind_variants.tv)({ base: "button-group" });
+
+//#endregion
+//#region src/components/button-group/button-group.tsx
+const ButtonGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, buttonGroupVariants()),
+		...props
+	});
+};
+var button_group_default = ButtonGroup;
+
+//#endregion
+//#region src/components/card/card.context.ts
+const CardContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/card/card.variants.ts
+const cardVariants = (0, tailwind_variants.tv)({
+	defaultVariants: { variant: "default" },
+	slots: {
+		body: "card__body",
+		description: "card__description",
+		footer: "card__footer",
+		header: "card__header",
+		root: "card",
+		title: "card__title"
+	},
+	variants: { variant: {
+		default: { root: "card--default" },
+		transparent: { root: "card--transparent" }
+	} }
+});
+
+//#endregion
+//#region src/components/card/use-card.ts
+const useCard = () => {
+	const ctx = (0, react.useContext)(CardContext);
+	if (!ctx) throw new Error("CardContext must be used with in the Card component.");
+	return ctx;
+};
+
+//#endregion
+//#region src/components/card/card.tsx
+const Card = ({ className, variant, ...props }) => {
+	const slots = (0, react.useMemo)(() => cardVariants({ variant }), [variant]);
+	console.log(slots);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const CardHeader = ({ className, ...props }) => {
+	const { slots } = useCard();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.header()),
+		...props
+	});
+};
+const CardBody = ({ className, ...props }) => {
+	const { slots } = useCard();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.body()),
+		...props
+	});
+};
+const CardFooter = ({ className, ...props }) => {
+	const { slots } = useCard();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, slots.footer()),
+		...props
+	});
+};
+const CardTitle = ({ className, ...props }) => {
+	const { slots } = useCard();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+		className: (0, tailwind_variants.cn)(className, slots.title()),
+		...props
+	});
+};
+const CardDescription = ({ className, ...props }) => {
+	const { slots } = useCard();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		className: (0, tailwind_variants.cn)(className, slots.description()),
+		...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;
+
+//#endregion
+//#region src/components/checkbox-group/checkbox-group.variants.ts
+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, {
+		className: (0, tailwind_variants.cn)(className, checkboxGroupVariants()),
+		...props
+	});
+};
+var checkbox_group_default = CheckboxGroup;
+
+//#endregion
+//#region src/components/chip/chip.variants.ts
+const chipVariants = (0, tailwind_variants.tv)({
+	base: "chip",
+	defaultVariants: {
+		size: "md",
+		variant: "primary"
+	},
+	variants: {
+		size: {
+			lg: "chip--lg",
+			md: "chip--md",
+			sm: "chip--sm"
+		},
+		variant: {
+			danger: "chip--danger",
+			outline: "chip--outline",
+			primary: "chip--primary",
+			secondary: "chip--secondary",
+			success: "chip--success"
+		}
+	}
+});
+
+//#endregion
+//#region src/components/chip/chip.tsx
+const Chip = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: (0, tailwind_variants.cn)(className, chipVariants({
+			size,
+			variant
+		})),
+		...props
+	});
+};
+var chip_default = Chip;
+
+//#endregion
+//#region src/components/container/container.variants.ts
+const containerVariants = (0, tailwind_variants.tv)({ base: "container" });
+
+//#endregion
+//#region src/components/container/container.tsx
+const Container = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(className, containerVariants()),
+		...props
+	});
+};
+var container_default = Container;
+
+//#endregion
+//#region src/components/dialog/dialog.context.ts
+const DialogContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/dialog/dialog.variants.ts
+const dialogVariants = (0, tailwind_variants.tv)({ slots: {
+	backdrop: "dialog__backdrop",
+	close: "dialog__close",
+	description: "dialog__description",
+	popup: "dialog__popup",
+	portal: "dialog__portal",
+	root: "dialog",
+	title: "dialog__title",
+	trigger: "dialog__trigger",
+	viewport: "dialog__viewport"
+} });
+
+//#endregion
+//#region src/components/dialog/use-dialog.ts
+const useDialog = () => {
+	const context = (0, react.useContext)(DialogContext);
+	if (!context) throw new Error("useDialog must be used within a DialogProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/dialog/dialog.tsx
+const Dialog = ({ ...props }) => {
+	const slots = (0, react.useMemo)(() => dialogVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Root, { ...props })
+	});
+};
+const DialogTrigger = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Trigger, {
+		className: (0, tailwind_variants.cn)(slots.trigger(), className),
+		...props
+	});
+};
+const DialogPortal = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Portal, {
+		className: (0, tailwind_variants.cn)(slots.portal(), className),
+		...props
+	});
+};
+const DialogBackdrop = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Backdrop, {
+		className: (0, tailwind_variants.cn)(slots.backdrop(), className),
+		...props
+	});
+};
+const DialogViewport = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Viewport, {
+		className: (0, tailwind_variants.cn)(slots.viewport(), className),
+		...props
+	});
+};
+const DialogPopup = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Popup, {
+		className: (0, tailwind_variants.cn)(slots.popup(), className),
+		...props
+	});
+};
+const DialogTitle = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Title, {
+		className: (0, tailwind_variants.cn)(slots.title(), className),
+		...props
+	});
+};
+const DialogDescription = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Description, {
+		className: (0, tailwind_variants.cn)(slots.description(), className),
+		...props
+	});
+};
+const DialogClose = ({ className, ...props }) => {
+	const { slots } = useDialog();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Dialog.Close, {
+		className: (0, tailwind_variants.cn)(slots.close(), 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;
+
+//#endregion
+//#region src/components/field/field.context.ts
+const FieldContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/field/field.variants.ts
+const fieldVariants = (0, tailwind_variants.tv)({
+	slots: {
+		control: "input",
+		description: "field__description",
+		error: "field__error",
+		label: "label",
+		root: "field"
+	},
+	variants: { size: {
+		lg: { control: "input--lg" },
+		md: { control: "input--md" },
+		sm: { control: "input--sm" }
+	} }
+});
+
+//#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;
+};
+
+//#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
+		})
+	});
+};
+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()),
+		...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()),
+		...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()),
+		...props
+	});
+};
+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),
+		...props
+	});
+};
+Field.Control = FieldControl;
+Field.Description = FieldDescription;
+Field.Error = FieldError;
+Field.Label = FieldLabel;
+Field.Root = Field;
+var field_default = Field;
+
+//#endregion
+//#region src/components/form/form.variants.ts
+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", {
+		className: (0, tailwind_variants.cn)(className, formVariants()),
+		...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"
+	} }
+});
+
+//#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 })),
+		...props
+	});
+};
+var input_default = Input;
+
+//#endregion
+//#region src/components/label/label.variants.ts
+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", {
+		className: (0, tailwind_variants.cn)(className, labelVariants()),
+		...props
+	});
+};
+var label_default = Label;
+
+//#endregion
+//#region src/components/link/link.variants.ts
+const linkVariants = (0, tailwind_variants.tv)({
+	base: "link",
+	defaultVariants: { variant: "no-underline" },
+	variants: { variant: {
+		"no-underline": "link--no-underline",
+		underline: "link--underline"
+	} }
+});
+
+//#endregion
+//#region src/components/link/link.tsx
+const Link = ({ className, variant, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		className: (0, tailwind_variants.cn)(className, linkVariants({ variant })),
+		...props
+	});
+};
+var link_default = Link;
+
+//#endregion
+//#region src/components/list/list.context.ts
+const ListContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/list/list.variants.ts
+const listVariants = (0, tailwind_variants.tv)({ slots: {
+	item: "list__item",
+	root: "list"
+} });
+
+//#endregion
+//#region src/components/list/use-list.ts
+const useList = () => {
+	const context = (0, react.useContext)(ListContext);
+	if (!context) throw new Error("useList must be used within a ListProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/list/list.tsx
+const List = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => listVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ListContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const ListItem = ({ className, ...props }) => {
+	const { slots } = useList();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: (0, tailwind_variants.cn)(className, slots.item()),
+		...props
+	});
+};
+List.Root = List;
+List.Item = ListItem;
+var list_default = List;
+
+//#endregion
+//#region src/components/menu/menu.context.ts
+const MenuContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/menu/menu.variants.ts
+const menuVariants = (0, tailwind_variants.tv)({ slots: {
+	arrow: "menu__arrow",
+	backdrop: "menu__backdrop",
+	checkboxItem: "menu__checkbox-item",
+	group: "menu__group",
+	groupLabel: "menu__group-label",
+	item: "menu__item",
+	popup: "menu__popup",
+	portal: "menu__portal",
+	positioner: "menu__positioner",
+	radioGroup: "menu__radio-group",
+	radioItem: "menu__radio-item",
+	root: "menu",
+	separator: "menu__separator",
+	submenu: "menu__submenu",
+	submenuTrigger: "menu__submenu__trigger",
+	trigger: "menu__trigger"
+} });
+
+//#endregion
+//#region src/components/menu/use-menu.ts
+const useMenu = () => {
+	const context = (0, react.useContext)(MenuContext);
+	if (!context) throw new Error("useMenu must be used within a MenuProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/menu/menu.tsx
+const Menu = ({ ...props }) => {
+	const slots = (0, react.useMemo)(() => menuVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Root, { ...props })
+	});
+};
+const MenuTrigger = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Trigger, {
+		className: (0, tailwind_variants.cn)(slots.trigger(), className),
+		...props
+	});
+};
+const MenuPortal = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Portal, {
+		className: (0, tailwind_variants.cn)(slots.portal(), className),
+		...props
+	});
+};
+const MenuBackdrop = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Backdrop, {
+		className: (0, tailwind_variants.cn)(slots.backdrop(), className),
+		...props
+	});
+};
+const MenuPositioner = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Positioner, {
+		className: (0, tailwind_variants.cn)(slots.positioner(), className),
+		...props
+	});
+};
+const MenuPopup = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Popup, {
+		className: (0, tailwind_variants.cn)(slots.popup(), className),
+		...props
+	});
+};
+const MenuArrow = ({ className, ...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
+	});
+};
+const MenuItem = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Item, {
+		className: (0, tailwind_variants.cn)(slots.item(), className),
+		...props
+	});
+};
+const MenuSeparator = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Separator, {
+		className: (0, tailwind_variants.cn)(slots.separator(), className),
+		...props
+	});
+};
+const MenuGroup = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.Group, {
+		className: (0, tailwind_variants.cn)(slots.group(), className),
+		...props
+	});
+};
+const MenuGroupLabel = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.GroupLabel, {
+		className: (0, tailwind_variants.cn)(slots.groupLabel(), className),
+		...props
+	});
+};
+const MenuRadioGroup = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.RadioGroup, {
+		className: (0, tailwind_variants.cn)(slots.radioGroup(), className),
+		...props
+	});
+};
+const MenuRadioItem = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.RadioItem, {
+		className: (0, tailwind_variants.cn)(slots.radioItem(), className),
+		...props
+	});
+};
+const MenuCheckboxItem = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.CheckboxItem, {
+		className: (0, tailwind_variants.cn)(slots.checkboxItem(), className),
+		...props
+	});
+};
+const MenuSubmenu = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.SubmenuRoot, { ...props });
+};
+const MenuSubmenuTrigger = ({ className, ...props }) => {
+	const { slots } = useMenu();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Menu.SubmenuTrigger, {
+		className: (0, tailwind_variants.cn)(slots.submenuTrigger(), className),
+		...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;
+
+//#endregion
+//#region src/components/meter/meter.context.ts
+const MeterContext = (0, react.createContext)(void 0);
+
+//#endregion
+//#region src/components/meter/meter.variants.ts
+const meterVariants = (0, tailwind_variants.tv)({
+	slots: {
+		indicator: "meter__indicator",
+		label: "meter__label",
+		root: "meter",
+		track: "meter__track",
+		value: "meter__value"
+	},
+	variants: {
+		size: {
+			lg: { root: "meter--lg" },
+			md: { root: "meter--md" },
+			sm: { root: "meter--sm" }
+		},
+		variant: {
+			danger: { root: "meter--danger" },
+			primary: { root: "meter--primary" },
+			secondary: { root: "meter--secondary" },
+			success: { root: "meter--success" }
+		}
+	}
+});
+
+//#endregion
+//#region src/components/meter/use-meter.ts
+const useMeter = () => {
+	const context = (0, react.useContext)(MeterContext);
+	if (!context) throw new Error("useMeter must be used within a MeterProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/meter/meter.tsx
+const Meter = ({ className, size, variant, ...props }) => {
+	const slots = (0, react.useMemo)(() => meterVariants({
+		size,
+		variant
+	}), [size, variant]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MeterContext, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Meter.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const MeterLabel = ({ className, ...props }) => {
+	const { slots } = useMeter();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Meter.Label, {
+		className: (0, tailwind_variants.cn)(className, slots.label()),
+		...props
+	});
+};
+const MeterValue = ({ className, ...props }) => {
+	const { slots } = useMeter();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Meter.Value, {
+		className: (0, tailwind_variants.cn)(className, slots.value()),
+		...props
+	});
+};
+const MeterTrack = ({ className, ...props }) => {
+	const { slots } = useMeter();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Meter.Track, {
+		className: (0, tailwind_variants.cn)(className, slots.track()),
+		...props
+	});
+};
+const MeterIndicator = ({ className, ...props }) => {
+	const { slots } = useMeter();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Meter.Indicator, {
+		className: (0, tailwind_variants.cn)(className, slots.indicator()),
+		...props
+	});
+};
+Meter.Indicator = MeterIndicator;
+Meter.Label = MeterLabel;
+Meter.Root = Meter;
+Meter.Track = MeterTrack;
+Meter.Value = MeterValue;
+var meter_default = Meter;
+
+//#endregion
+//#region src/components/navbar/navbar.context.ts
+const NavbarContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/navbar/navbar.variants.ts
+const navbarVariants = (0, tailwind_variants.tv)({ slots: {
+	container: "navbar__container",
+	content: "navbar__content",
+	list: "navbar__list",
+	listItem: "navbar__list-item",
+	menu: "navbar__menu",
+	menuItem: "navbar__menu-item",
+	root: "navbar",
+	toggle: "navbar__toggle"
+} });
+
+//#endregion
+//#region src/components/navbar/use-navbar.ts
+const useNavbar = () => {
+	const context = react.default.useContext(NavbarContext);
+	if (!context) throw new Error("useNavbar must be used within a NavbarProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/navbar/navbar.tsx
+const Navbar = ({ className, isOpen, onOpenChange, ...props }) => {
+	const slots = (0, react.useMemo)(() => navbarVariants(), []);
+	const [internalOpen, setInternalOpen] = (0, react.useState)(false);
+	const open = isOpen ?? internalOpen;
+	const handleOpenChange = (0, react.useCallback)((next) => {
+		if (isOpen === void 0) setInternalOpen(next);
+		onOpenChange?.(next);
+	}, [isOpen, onOpenChange]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NavbarContext.Provider, {
+		value: {
+			isOpen: open,
+			onOpenChange: handleOpenChange,
+			slots
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("header", {
+			className: (0, tailwind_variants.cn)(slots.root(), className),
+			...props
+		})
+	});
+};
+const NavbarContainer = ({ className, ...props }) => {
+	const { slots } = useNavbar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("nav", {
+		className: (0, tailwind_variants.cn)(slots.container(), className),
+		...props
+	});
+};
+const NavbarContent = ({ className, ...props }) => {
+	const { slots } = useNavbar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, tailwind_variants.cn)(slots.content(), className),
+		...props
+	});
+};
+const NavbarList = ({ className, ...props }) => {
+	const { slots } = useNavbar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+		className: (0, tailwind_variants.cn)(slots.list(), className),
+		...props
+	});
+};
+const NavbarListItem = ({ className, ...props }) => {
+	const { slots } = useNavbar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: (0, tailwind_variants.cn)(slots.listItem(), className),
+		...props
+	});
+};
+const NavbarToggle = ({ className, ...props }) => {
+	const { slots, isOpen, onOpenChange } = useNavbar();
+	const Icon = isOpen ? lucide_react.LucideX : lucide_react.LucideMenu;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		className: (0, tailwind_variants.cn)(className, slots.toggle()),
+		onClick: () => onOpenChange(!isOpen),
+		...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 NavbarMenuItem = ({ className, ...props }) => {
+	const { slots } = useNavbar();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		className: (0, tailwind_variants.cn)(slots.menuItem(), className),
+		...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;
+
+//#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/switch/switch.context.ts
+const SwitchContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/switch/switch.variants.ts
+const switchVariants = (0, tailwind_variants.tv)({
+	defaultVariants: { size: "md" },
+	slots: {
+		root: "switch",
+		thumb: "switch__thumb"
+	},
+	variants: { size: {
+		lg: { root: "switch--lg" },
+		md: { root: "switch--md" },
+		sm: { root: "switch--sm" }
+	} }
+});
+
+//#endregion
+//#region src/components/switch/use-switch.ts
+const useSwitch = () => {
+	const context = (0, react.useContext)(SwitchContext);
+	if (!context) throw new Error("useSwitch must be used within a SwitchProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/switch/switch.tsx
+const Switch = ({ className, size, ...props }) => {
+	const slots = (0, react.useMemo)(() => switchVariants({ size }), [size]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Switch.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const SwitchThumb = ({ className, ...props }) => {
+	const { slots } = useSwitch();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Switch.Thumb, {
+		className: (0, tailwind_variants.cn)(className, slots.thumb()),
+		...props
+	});
+};
+Switch.Thumb = SwitchThumb;
+Switch.Root = Switch;
+var switch_default = Switch;
+
+//#endregion
+//#region src/components/tabs/tabs.context.ts
+const TabsContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/tabs/tabs.variants.ts
+const tabsVariants = (0, tailwind_variants.tv)({ slots: {
+	indicator: "tabs__indicator",
+	list: "tabs__list",
+	panel: "tabs__panel",
+	root: "tabs",
+	tab: "tabs__tab"
+} });
+
+//#endregion
+//#region src/components/tabs/use-tabs.ts
+const useTabs = () => {
+	const context = (0, react.useContext)(TabsContext);
+	if (!context) throw new Error("useTabs must be used within a TabsProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/tabs/tabs.tsx
+const Tabs = ({ className, ...props }) => {
+	const slots = (0, react.useMemo)(() => tabsVariants(), []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsContext.Provider, {
+		value: { slots },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Tabs.Root, {
+			className: (0, tailwind_variants.cn)(className, slots.root()),
+			...props
+		})
+	});
+};
+const TabsList = ({ className, ...props }) => {
+	const { slots } = useTabs();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Tabs.List, {
+		className: (0, tailwind_variants.cn)(slots.list(), className),
+		...props
+	});
+};
+const TabsTab = ({ className, ...props }) => {
+	const { slots } = useTabs();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Tabs.Tab, {
+		className: (0, tailwind_variants.cn)(slots.tab(), className),
+		...props
+	});
+};
+const TabsIndicator = ({ className, ...props }) => {
+	const { slots } = useTabs();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Tabs.Indicator, {
+		className: (0, tailwind_variants.cn)(slots.indicator(), className),
+		...props
+	});
+};
+const TabsPanel = ({ className, ...props }) => {
+	const { slots } = useTabs();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Tabs.Panel, {
+		className: (0, tailwind_variants.cn)(slots.panel(), className),
+		...props
+	});
+};
+Tabs.List = TabsList;
+Tabs.Tab = TabsTab;
+Tabs.Indicator = TabsIndicator;
+Tabs.Panel = TabsPanel;
+Tabs.Root = Tabs;
+var tabs_default = Tabs;
+
+//#endregion
+//#region src/components/text/text.variants.ts
+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", {
+		className: (0, tailwind_variants.cn)(textVariants(), className),
+		"data-slot": "text",
+		...props
+	});
+};
+var text_default = Text;
+
+//#endregion
+//#region src/components/textarea/textarea.variants.ts
+const textareaVariants = (0, tailwind_variants.tv)({
+	base: "textarea",
+	extend: inputVariants
+});
+
+//#endregion
+//#region src/components/textarea/textarea.tsx
+const Textarea = ({ className, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		className: (0, tailwind_variants.cn)(className, textareaVariants()),
+		...props
+	});
+};
+var textarea_default = Textarea;
+
+//#endregion
+//#region src/components/toggle-button/toggle-button.variants.ts
+const toggleButtonVariants = (0, tailwind_variants.tv)({
+	base: "toggle-button",
+	extend: buttonVariants
+});
+
+//#endregion
+//#region src/components/toggle-button/toggle-button.tsx
+const ToggleButton = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Toggle, {
+		className: (0, tailwind_variants.cn)(className, toggleButtonVariants({
+			size,
+			variant
+		})),
+		...props
+	});
+};
+var toggle_button_default = ToggleButton;
+
+//#endregion
+exports.Accordion = accordion_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.Dialog = dialog_default;
+exports.Field = field_default;
+exports.Form = form_default;
+exports.Input = input_default;
+exports.Label = label_default;
+exports.Link = link_default;
+exports.List = list_default;
+exports.Menu = menu_default;
+exports.Meter = meter_default;
+exports.Navbar = navbar_default;
+exports.Separator = separator_default;
+exports.Switch = switch_default;
+exports.Tabs = tabs_default;
+exports.Text = text_default;
+exports.Textarea = textarea_default;
+exports.ToggleButton = toggle_button_default;
+exports.accordionVariants = accordionVariants;
+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,
+  get: function () {
+    return tailwind_variants.cn;
+  }
+});
+exports.containerVariants = containerVariants;
+exports.dialogVariants = dialogVariants;
+exports.fieldVariants = fieldVariants;
+exports.formVariants = formVariants;
+exports.inputVariants = inputVariants;
+exports.labelVariants = labelVariants;
+exports.linkVariants = linkVariants;
+exports.listVariants = listVariants;
+exports.menuVariants = menuVariants;
+exports.meterVariants = meterVariants;
+exports.navbarVariants = navbarVariants;
+exports.separatorVariants = separatorVariants;
+exports.switchVariants = switchVariants;
+exports.tabsVariants = tabsVariants;
+exports.textVariants = textVariants;
+exports.textareaVariants = textareaVariants;
+exports.toggleButtonVariants = toggleButtonVariants;
+//# sourceMappingURL=index.cjs.map