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

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,6 +1384,125 @@ 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);
@@ -1783,6 +1924,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,6 +1932,7 @@ 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.Separator = separator_default;
 exports.Slider = slider_default;
@@ -1820,6 +1963,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,6 +1971,7 @@ exports.listVariants = listVariants;
 exports.menuVariants = menuVariants;
 exports.meterVariants = meterVariants;
 exports.navbarVariants = navbarVariants;
+exports.popoverVariants = popoverVariants;
 exports.progressVariants = progressVariants;
 exports.separatorVariants = separatorVariants;
 exports.sliderVariants = sliderVariants;