@fea-ui/react 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { cn, cn as cn$1, tv } from "tailwind-variants";
-import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Dialog, Field, Fieldset, Input, Menu, Meter, Progress, Separator, Slider, Switch, Tabs, Toggle } from "@base-ui/react";
+import { Accordion, AlertDialog, Avatar, Button, Checkbox, CheckboxGroup, Dialog, Field, Fieldset, Input, Menu, Meter, Popover, Progress, Radio, RadioGroup, Separator, Slider, Switch, Tabs, Toggle } from "@base-ui/react";
 import { LucideCheck, LucideChevronDown, LucideMenu, LucideX } from "lucide-react";
 import React, { createContext, useCallback, useContext, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -849,6 +849,28 @@ const Form = ({ className, ...props }) => {
 };
 var form_default = Form;
 
+//#endregion
+//#region src/components/icon-button/icon-button.variants.ts
+const iconButtonVariants = 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__ */ jsx(button_default, {
+		className: cn$1(className, iconButtonVariants({
+			isIconOnly,
+			size,
+			variant
+		})),
+		...props
+	});
+};
+var icon_button_default = IconButton;
+
 //#endregion
 //#region src/components/input/input.variants.ts
 const inputVariants = tv({
@@ -1334,19 +1356,157 @@ Navbar.Menu = NavbarMenu;
 Navbar.MenuItem = NavbarMenuItem;
 var navbar_default = Navbar;
 
+//#endregion
+//#region src/components/popover/popover.context.ts
+const PopoverContext = createContext(null);
+
+//#endregion
+//#region src/components/popover/popover.variants.ts
+const popoverVariants = tv({ slots: {
+	arrow: "popover__arrow",
+	backdrop: "popover__backdrop",
+	close: "popover__close",
+	description: "popover__description",
+	popup: "popover__popup",
+	portal: "popover__portal",
+	positioner: "popover__positioner",
+	root: "popover",
+	title: "popover__title",
+	trigger: "popover__trigger",
+	viewport: "popover__viewport"
+} });
+
+//#endregion
+//#region src/components/popover/use-popover.ts
+const usePopover = () => {
+	const context = useContext(PopoverContext);
+	if (!context) throw new Error("usePopover must be used within a PopoverProvider");
+	return context;
+};
+
+//#endregion
+//#region src/components/popover/popover.tsx
+const Popover$1 = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(PopoverContext, {
+		value: { slots: useMemo(() => popoverVariants(), []) },
+		children: /* @__PURE__ */ jsx(Popover.Root, { ...props })
+	});
+};
+const PopoverTrigger = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		className: cn$1(slots.trigger(), className),
+		...props
+	});
+};
+const PopoverPortal = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Portal, {
+		className: cn$1(slots.portal(), className),
+		...props
+	});
+};
+const PopoverBackdrop = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Backdrop, {
+		className: cn$1(slots.backdrop(), className),
+		...props
+	});
+};
+const PopoverPositioner = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		className: cn$1(slots.positioner(), className),
+		...props
+	});
+};
+const PopoverPopup = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		className: cn$1(slots.popup(), className),
+		...props
+	});
+};
+const PopoverArrow = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		className: cn$1(slots.arrow(), className),
+		...props
+	});
+};
+const PopoverViewport = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		className: cn$1(slots.viewport(), className),
+		...props
+	});
+};
+const PopoverTitle = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Title, {
+		className: cn$1(slots.title(), className),
+		...props
+	});
+};
+const PopoverDescription = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Description, {
+		className: cn$1(slots.description(), className),
+		...props
+	});
+};
+const PopoverClose = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ jsx(Popover.Close, {
+		className: cn$1(slots.close(), className),
+		...props
+	});
+};
+Popover$1.Root = Popover$1;
+Popover$1.Trigger = PopoverTrigger;
+Popover$1.Portal = PopoverPortal;
+Popover$1.Backdrop = PopoverBackdrop;
+Popover$1.Positioner = PopoverPositioner;
+Popover$1.Popup = PopoverPopup;
+Popover$1.Arrow = PopoverArrow;
+Popover$1.Viewport = PopoverViewport;
+Popover$1.Title = PopoverTitle;
+Popover$1.Description = PopoverDescription;
+Popover$1.Close = PopoverClose;
+var popover_default = Popover$1;
+
 //#endregion
 //#region src/components/progress/progress.context.ts
 const ProgressContext = createContext(null);
 
 //#endregion
 //#region src/components/progress/progress.variants.ts
-const progressVariants = tv({ slots: {
-	indicator: "progress__indicator",
-	label: "progress__label",
-	root: "progress",
-	track: "progress__track",
-	value: "progress__value"
-} });
+const progressVariants = 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/progress/use-progress.ts
@@ -1358,8 +1518,11 @@ const useProgress = () => {
 
 //#endregion
 //#region src/components/progress/progress.tsx
-const Progress$1 = ({ className, ...props }) => {
-	const slots = useMemo(() => progressVariants(), []);
+const Progress$1 = ({ className, variant, size, ...props }) => {
+	const slots = useMemo(() => progressVariants({
+		size,
+		variant
+	}), [variant, size]);
 	return /* @__PURE__ */ jsx(ProgressContext, {
 		value: { slots },
 		children: /* @__PURE__ */ jsx(Progress.Root, {
@@ -1403,6 +1566,62 @@ Progress$1.Indicator = ProgressIndicator;
 Progress$1.Root = Progress$1;
 var progress_default = Progress$1;
 
+//#endregion
+//#region src/components/radio/radio.context.ts
+const RadioContext = createContext(null);
+
+//#endregion
+//#region src/components/radio/radio.variants.ts
+const radioVariants = tv({ slots: {
+	indicator: "radio__indicator",
+	root: "radio"
+} });
+
+//#endregion
+//#region src/components/radio/use-radio.ts
+const useRadio = () => {
+	const context = 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$1 = ({ className, ...props }) => {
+	const slots = useMemo(() => radioVariants({}), []);
+	return /* @__PURE__ */ jsx(RadioContext, {
+		value: { slots },
+		children: /* @__PURE__ */ jsx(Radio.Root, {
+			className: cn$1(slots.root(), className),
+			...props
+		})
+	});
+};
+const RadioIndicator = ({ className, ...props }) => {
+	const { slots } = useRadio();
+	return /* @__PURE__ */ jsx(Radio.Indicator, {
+		className: cn$1(slots.indicator(), className),
+		...props
+	});
+};
+Radio$1.Root = Radio$1;
+Radio$1.Indicator = RadioIndicator;
+var radio_default = Radio$1;
+
+//#endregion
+//#region src/components/radio-group/radio-group.variants.ts
+const radioGroupVariants = tv({ base: "radio-group" });
+
+//#endregion
+//#region src/components/radio-group/radio-group.tsx
+const RadioGroup$1 = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		className: cn$1(className, useMemo(() => radioGroupVariants(), [])),
+		...props
+	});
+};
+var radio_group_default = RadioGroup$1;
+
 //#endregion
 //#region src/components/slider/slider.context.ts
 const SliderContext = createContext(null);
@@ -1740,5 +1959,5 @@ const ToggleButton = ({ className, variant, size, ...props }) => {
 var toggle_button_default = ToggleButton;
 
 //#endregion
-export { accordion_default as Accordion, alert_dialog_default as AlertDialog, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, drawer_default as Drawer, field_default as Field, fieldset_default as Fieldset, form_default as Form, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, progress_default as Progress, separator_default as Separator, slider_default as Slider, switch_default as Switch, table_default as Table, tabs_default as Tabs, text_default as Text, textarea_default as Textarea, toggle_button_default as ToggleButton, accordionVariants, alertDialogVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, progressVariants, separatorVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
+export { accordion_default as Accordion, alert_dialog_default as AlertDialog, avatar_default as Avatar, button_default as Button, button_group_default as ButtonGroup, card_default as Card, checkbox_default as Checkbox, checkbox_group_default as CheckboxGroup, chip_default as Chip, container_default as Container, dialog_default as Dialog, drawer_default as Drawer, field_default as Field, fieldset_default as Fieldset, form_default as Form, icon_button_default as IconButton, input_default as Input, label_default as Label, link_default as Link, list_default as List, menu_default as Menu, meter_default as Meter, navbar_default as Navbar, popover_default as Popover, progress_default as Progress, radio_default as Radio, radio_group_default as RadioGroup, separator_default as Separator, slider_default as Slider, switch_default as Switch, table_default as Table, tabs_default as Tabs, text_default as Text, textarea_default as Textarea, toggle_button_default as ToggleButton, accordionVariants, alertDialogVariants, avatarVariants, buttonGroupVariants, buttonVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, cn, containerVariants, dialogVariants, drawerVariants, fieldVariants, fieldsetVariants, formVariants, iconButtonVariants, inputVariants, labelVariants, linkVariants, listVariants, menuVariants, meterVariants, navbarVariants, popoverVariants, progressVariants, radioGroupVariants, radioVariants, separatorVariants, sliderVariants, switchVariants, tableVariants, tabsVariants, textVariants, textareaVariants, toggleButtonVariants };
 //# sourceMappingURL=index.mjs.map