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

package/dist/index.cjs

@@ -877,6 +877,28 @@ const Form = ({ className, ...props }) => {
 };
 var form_default = Form;
 
+//#endregion
+//#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)({
@@ -1362,19 +1384,157 @@ Navbar.Menu = NavbarMenu;
 Navbar.MenuItem = NavbarMenuItem;
 var navbar_default = Navbar;
 
+//#endregion
+//#region src/components/popover/popover.context.ts
+const PopoverContext = (0, react.createContext)(null);
+
+//#endregion
+//#region src/components/popover/popover.variants.ts
+const popoverVariants = (0, tailwind_variants.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 = (0, react.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 = ({ ...props }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContext, {
+		value: { slots: (0, react.useMemo)(() => popoverVariants(), []) },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Root, { ...props })
+	});
+};
+const PopoverTrigger = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Trigger, {
+		className: (0, tailwind_variants.cn)(slots.trigger(), className),
+		...props
+	});
+};
+const PopoverPortal = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Portal, {
+		className: (0, tailwind_variants.cn)(slots.portal(), className),
+		...props
+	});
+};
+const PopoverBackdrop = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Backdrop, {
+		className: (0, tailwind_variants.cn)(slots.backdrop(), className),
+		...props
+	});
+};
+const PopoverPositioner = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Positioner, {
+		className: (0, tailwind_variants.cn)(slots.positioner(), className),
+		...props
+	});
+};
+const PopoverPopup = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Popup, {
+		className: (0, tailwind_variants.cn)(slots.popup(), className),
+		...props
+	});
+};
+const PopoverArrow = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Arrow, {
+		className: (0, tailwind_variants.cn)(slots.arrow(), className),
+		...props
+	});
+};
+const PopoverViewport = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Viewport, {
+		className: (0, tailwind_variants.cn)(slots.viewport(), className),
+		...props
+	});
+};
+const PopoverTitle = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Title, {
+		className: (0, tailwind_variants.cn)(slots.title(), className),
+		...props
+	});
+};
+const PopoverDescription = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Description, {
+		className: (0, tailwind_variants.cn)(slots.description(), className),
+		...props
+	});
+};
+const PopoverClose = ({ className, ...props }) => {
+	const { slots } = usePopover();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react.Popover.Close, {
+		className: (0, tailwind_variants.cn)(slots.close(), className),
+		...props
+	});
+};
+Popover.Root = Popover;
+Popover.Trigger = PopoverTrigger;
+Popover.Portal = PopoverPortal;
+Popover.Backdrop = PopoverBackdrop;
+Popover.Positioner = PopoverPositioner;
+Popover.Popup = PopoverPopup;
+Popover.Arrow = PopoverArrow;
+Popover.Viewport = PopoverViewport;
+Popover.Title = PopoverTitle;
+Popover.Description = PopoverDescription;
+Popover.Close = PopoverClose;
+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)({ slots: {
-	indicator: "progress__indicator",
-	label: "progress__label",
-	root: "progress",
-	track: "progress__track",
-	value: "progress__value"
-} });
+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/progress/use-progress.ts
@@ -1386,8 +1546,11 @@ const useProgress = () => {
 
 //#endregion
 //#region src/components/progress/progress.tsx
-const Progress = ({ className, ...props }) => {
-	const slots = (0, react.useMemo)(() => progressVariants(), []);
+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, {
@@ -1431,6 +1594,62 @@ Progress.Indicator = ProgressIndicator;
 Progress.Root = Progress;
 var progress_default = Progress;
 
+//#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
+	});
+};
+Radio.Root = Radio;
+Radio.Indicator = RadioIndicator;
+var radio_default = 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/slider/slider.context.ts
 const SliderContext = (0, react.createContext)(null);
@@ -1783,6 +2002,7 @@ exports.Drawer = drawer_default;
 exports.Field = field_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;
@@ -1790,7 +2010,10 @@ exports.List = list_default;
 exports.Menu = menu_default;
 exports.Meter = meter_default;
 exports.Navbar = navbar_default;
+exports.Popover = popover_default;
 exports.Progress = progress_default;
+exports.Radio = radio_default;
+exports.RadioGroup = radio_group_default;
 exports.Separator = separator_default;
 exports.Slider = slider_default;
 exports.Switch = switch_default;
@@ -1820,6 +2043,7 @@ exports.drawerVariants = drawerVariants;
 exports.fieldVariants = fieldVariants;
 exports.fieldsetVariants = fieldsetVariants;
 exports.formVariants = formVariants;
+exports.iconButtonVariants = iconButtonVariants;
 exports.inputVariants = inputVariants;
 exports.labelVariants = labelVariants;
 exports.linkVariants = linkVariants;
@@ -1827,7 +2051,10 @@ 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.separatorVariants = separatorVariants;
 exports.sliderVariants = sliderVariants;
 exports.switchVariants = switchVariants;