art-bd-ui 1.0.0

package/dist/cjs/components/popovers/dialog/dialog.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactDialog = require('@radix-ui/react-dialog');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const Dialog = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactDialog.Root, Object.assign({ "data-slot": "dialog" }, props));
+};
+const DialogPortal = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactDialog.Portal, Object.assign({ "data-slot": "dialog-portal" }, props));
+};
+const DialogTrigger = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactDialog.Trigger, Object.assign({ "data-slot": "dialog-triger" }, props));
+};
+const DialogClose = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactDialog.Close, Object.assign({ "data-slot": "dialog-close" }, props));
+};
+const DialogOverlay = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactDialog.Overlay, Object.assign({ "data-slot": "dialog-overlay", className: utils.cn("fixed inset-0 z-50 bg-black/50", [
+            "data-[state=open]:animate-in",
+            "data-[state=open]:fade-in-0",
+            "data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0",
+        ], className) }, props)));
+};
+const DialogContent = (_a) => {
+    var { className, children } = _a, props = tslib.__rest(_a, ["className", "children"]);
+    return (jsxRuntime.jsxs(DialogPortal, { children: [jsxRuntime.jsx(DialogOverlay, {}), jsxRuntime.jsxs(reactDialog.Content, Object.assign({ "data-slot": "dialog-content", className: utils.cn("bg-background grid gap-4 w-full max-w-[calc(100%-2rem)] rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", "fixed top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%] z-50", [
+                    "data-[state=open]:animate-in",
+                    "data-[state=open]:fade-in-0",
+                    "data-[state=open]:zoom-in-95",
+                    "data-[state=closed]:animate-out",
+                    "data-[state=closed]:fade-out-0",
+                    "data-[state=closed]:zoom-out-95",
+                ], className) }, props, { children: [children, jsxRuntime.jsxs(reactDialog.Close, { className: utils.cn("ring-offset-background rounded-xs opacity-70 hover:opacity-100 transition-opacity disabled:pointer-events-none", "absolute top-4 right-4", "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", "focus:ring-ring focus:ring-2 focus:ring-offset-2 focus:outline-hidden", ["[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4"]), children: [jsxRuntime.jsx(icon.Icon, { name: "x", size: 16 }), jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })] })] }))] }));
+};
+const DialogHeader = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("div", Object.assign({ "data-slot": "dialog-header", className: utils.cn("flex flex-col gap-2 text-center sm:text-left", className) }, props)));
+};
+const DialogFooter = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("div", Object.assign({ "data-slot": "dialog-footer", className: utils.cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className) }, props)));
+};
+const DialogTitle = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx(reactDialog.Title, Object.assign({ "data-slot": "dialog-title", className: utils.cn("text-lg leading-none font-semibold", className) }, props));
+};
+const DialogDescription = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactDialog.Description, Object.assign({ "data-slot": "dialog-description", className: utils.cn("text-muted-foreground text-sm", className) }, props)));
+};
+
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;

package/dist/cjs/components/popovers/drawer/drawer.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var vaul = require('vaul');
+var utils = require('../../../lib/utils.js');
+
+const Drawer = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(vaul.Drawer.Root, Object.assign({ "data-slot": "drawer" }, props));
+};
+const DrawerPortal = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(vaul.Drawer.Portal, Object.assign({ "data-slot": "drawer-portal" }, props));
+};
+const DrawerClose = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(vaul.Drawer.Close, Object.assign({ "data-slot": "drawer-close" }, props));
+};
+const DrawerOverlay = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(vaul.Drawer.Overlay, Object.assign({ "data-slot": "drawer-overlay", className: utils.cn("fixed inset-0 z-50 bg-black/50", [
+            "data-[state=open]:animate-in",
+            "data-[state=open]:fade-in-0",
+            "data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0",
+        ], className) }, props)));
+};
+const DrawerContent = (_a) => {
+    var { children, className } = _a, props = tslib.__rest(_a, ["children", "className"]);
+    return (jsxRuntime.jsxs(DrawerPortal, { children: [jsxRuntime.jsx(DrawerOverlay, {}), jsxRuntime.jsxs(vaul.Drawer.Content, Object.assign({ "data-slot": "drawer-content", className: utils.cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", [
+                    "data-[vaul-drawer-direction=top]:inset-x-0",
+                    "data-[vaul-drawer-direction=top]:top-0",
+                    "data-[vaul-drawer-direction=top]:mb-24",
+                    "data-[vaul-drawer-direction=top]:max-h-[80vh]",
+                    "data-[vaul-drawer-direction=top]:rounded-b-lg",
+                    "data-[vaul-drawer-direction=top]:border-b",
+                ], [
+                    "data-[vaul-drawer-direction=bottom]:inset-x-0",
+                    "data-[vaul-drawer-direction=bottom]:bottom-0",
+                    "data-[vaul-drawer-direction=bottom]:mt-24",
+                    "data-[vaul-drawer-direction=bottom]:max-h-[80vh]",
+                    "data-[vaul-drawer-direction=bottom]:rounded-t-lg",
+                    "data-[vaul-drawer-direction=bottom]:border-t",
+                ], [
+                    "data-[vaul-drawer-direction=right]:inset-y-0",
+                    "data-[vaul-drawer-direction=right]:right-0",
+                    "data-[vaul-drawer-direction=right]:w-3/4",
+                    "data-[vaul-drawer-direction=right]:border-l",
+                    "data-[vaul-drawer-direction=right]:sm:max-w-sm",
+                ], [
+                    "data-[vaul-drawer-direction=left]:inset-y-0",
+                    "data-[vaul-drawer-direction=left]:left-0",
+                    "data-[vaul-drawer-direction=left]:w-3/4",
+                    "data-[vaul-drawer-direction=left]:border-r",
+                    "data-[vaul-drawer-direction=left]:sm:max-w-sm",
+                ], className) }, props, { children: [jsxRuntime.jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] }))] }));
+};
+const DrawerHeader = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx("div", Object.assign({ "data-slot": "drawer-header", className: utils.cn("flex flex-col gap-1.5 p-4", className) }, props));
+};
+const DrawerFooter = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx("div", Object.assign({ "data-slot": "drawer-footer", className: utils.cn("mt-auto flex flex-col gap-2 p-4", className) }, props));
+};
+const DrawerTitle = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(vaul.Drawer.Title, Object.assign({ "data-slot": "drawer-title", className: utils.cn("text-foreground font-semibold", className) }, props)));
+};
+const DrawerDescription = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(vaul.Drawer.Description, Object.assign({ "data-slot": "drawer-description", className: utils.cn("text-muted-foreground text-sm", className) }, props)));
+};
+
+exports.Drawer = Drawer;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerTitle = DrawerTitle;

package/dist/cjs/components/popovers/popover/popover.js

@@ -0,0 +1,66 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactPopover = require('@radix-ui/react-popover');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const popoverContentVariants = classVarianceAuthority.cva([
+    "bg-popover text-popover-foreground z-50 w-72 rounded-md border p-4 shadow-md outline-hidden",
+    "origin-(--radix-popover-content-transform-origin)",
+], {
+    variants: {
+        size: {
+            default: "w-72",
+            sm: "w-56",
+            lg: "w-96",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const popoverCloseVariants = classVarianceAuthority.cva([
+    "ring-offset-background rounded-xs opacity-70 hover:opacity-100 transition-opacity",
+    "disabled:pointer-events-none",
+    "absolute top-4 right-4",
+    "focus:ring-ring focus:ring-2 focus:ring-offset-2 focus:outline-hidden",
+]);
+const Popover = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactPopover.Root, Object.assign({ "data-slot": "popover" }, props));
+};
+const PopoverTrigger = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactPopover.Trigger, Object.assign({ "data-slot": "popover-trigger" }, props));
+};
+const PopoverContent = (_a) => {
+    var { className, align = "center", arrow = false, withClose = false, sideOffset = 4, size, children } = _a, props = tslib.__rest(_a, ["className", "align", "arrow", "withClose", "sideOffset", "size", "children"]);
+    return (jsxRuntime.jsx(reactPopover.Portal, { children: jsxRuntime.jsxs(reactPopover.Content, Object.assign({ "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: utils.cn(popoverContentVariants({ size }), [
+                "data-[state=open]:animate-in",
+                "data-[state=open]:fade-in-0",
+                "data-[state=open]:zoom-in-95",
+                "data-[state=closed]:animate-out",
+                "data-[state=closed]:fade-out-0",
+                "data-[state=closed]:zoom-out-95",
+                "data-[side=top]:slide-in-from-bottom-2",
+                "data-[side=right]:slide-in-from-left-2",
+                "data-[side=bottom]:slide-in-from-top-2",
+                "data-[side=left]:slide-in-from-right-2",
+            ], className) }, props, { children: [children, withClose && (jsxRuntime.jsx(reactPopover.Close, { className: utils.cn(popoverCloseVariants), "aria-label": "Close", children: jsxRuntime.jsx(icon.Icon, { name: "x", size: 16 }) })), arrow && jsxRuntime.jsx(reactPopover.Arrow, { className: "fill-popover" })] })) }));
+};
+const PopoverAnchor = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactPopover.Anchor, Object.assign({ "data-slot": "popover-anchor" }, props));
+};
+PopoverTrigger.displayName = "PopoverTrigger";
+PopoverContent.displayName = "PopoverContent";
+PopoverAnchor.displayName = "PopoverAnchor";
+Popover.displayName = "Popover";
+
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;

package/dist/cjs/components/popovers/sheet/sheet.js

@@ -0,0 +1,94 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactDialog = require('@radix-ui/react-dialog');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const Sheet = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactDialog.Root, Object.assign({ "data-slot": "sheet" }, props));
+};
+const SheetPortal = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactDialog.Portal, Object.assign({ "data-slot": "sheet-portal" }, props));
+};
+const SheetClose = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactDialog.Close, Object.assign({ "data-slot": "sheet-close" }, props));
+};
+const SheetOverlay = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactDialog.Overlay, Object.assign({ "data-slot": "sheet-overlay", className: utils.cn("fixed inset-0 z-50 bg-black/50", [
+            "data-[state=open]:animate-in",
+            "data-[state=open]:fade-in-0",
+            "data-[state=closed]:animate-out",
+            "data-[state=closed]:fade-out-0",
+        ], className) }, props)));
+};
+const contentVariants = classVarianceAuthority.cva([
+    "bg-background fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out",
+    "data-[state=open]:animate-in data-[state=open]:duration-500",
+    "data-[state=closed]:animate-out data-[state=closed]:duration-300",
+], {
+    variants: {
+        side: {
+            top: [
+                "inset-x-0 top-0 h-auto border-b",
+                "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+            ],
+            right: [
+                "inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+                "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right",
+            ],
+            bottom: [
+                "inset-x-0 bottom-0 h-auto border-t",
+                "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+            ],
+            left: [
+                "inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+                "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
+            ],
+        },
+    },
+    defaultVariants: {
+        side: "right",
+    },
+});
+const closeVariants = classVarianceAuthority.cva([
+    "ring-offset-background absolute top-4 right-4 rounded-xs",
+    "opacity-70 transition-opacity hover:opacity-100",
+    "disabled:pointer-events-none",
+    "data-[state=open]:bg-secondary",
+    "focus:ring-ring focus:ring-2 focus:ring-offset-2 focus:outline-hidden",
+]);
+const SheetContent = (_a) => {
+    var { className, children, side = "right" } = _a, props = tslib.__rest(_a, ["className", "children", "side"]);
+    return (jsxRuntime.jsxs(SheetPortal, { children: [jsxRuntime.jsx(SheetOverlay, {}), jsxRuntime.jsxs(reactDialog.Content, Object.assign({ "data-slot": "sheet-content", className: utils.cn(contentVariants({ side }), className) }, props, { children: [children, jsxRuntime.jsxs(reactDialog.Close, { className: closeVariants(), children: [jsxRuntime.jsx(icon.Icon, { name: "x", size: 16 }), jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })] })] }))] }));
+};
+const SheetHeader = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx("div", Object.assign({ "data-slot": "sheet-header", className: utils.cn("flex flex-col gap-1.5 p-4", className) }, props));
+};
+const SheetFooter = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx("div", Object.assign({ "data-slot": "sheet-footer", className: utils.cn("mt-auto flex flex-col gap-2 p-4", className) }, props));
+};
+const SheetTitle = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return jsxRuntime.jsx(reactDialog.Title, Object.assign({ "data-slot": "sheet-title", className: utils.cn("text-foreground font-semibold", className) }, props));
+};
+const SheetDescription = (_a) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactDialog.Description, Object.assign({ "data-slot": "sheet-description", className: utils.cn("text-muted-foreground text-sm", className) }, props)));
+};
+
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetTitle = SheetTitle;

package/dist/cjs/components/popovers/toast/toast.js

@@ -0,0 +1,75 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactToast = require('@radix-ui/react-toast');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var icon = require('../../media/icon/icon.js');
+
+const ToastProvider = reactToast.Provider;
+const ToastViewport = react.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactToast.Viewport, Object.assign({ ref: ref, "data-slot": "toast-viewport", className: utils.cn("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4", "sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]", className) }, props)));
+});
+ToastViewport.displayName = "ToastViewport";
+const toastVariants = classVarianceAuthority.cva("group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all", {
+    variants: {
+        variant: {
+            default: "border bg-background text-foreground",
+            destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Toast = react.forwardRef((_a, ref) => {
+    var { className, variant } = _a, props = tslib.__rest(_a, ["className", "variant"]);
+    return (jsxRuntime.jsx(reactToast.Root, Object.assign({ ref: ref, "data-slot": "toast", className: utils.cn(toastVariants({ variant }), 
+        // Animation states
+        "data-[swipe=cancel]:translate-x-0", "data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)]", "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]", "data-[swipe=move]:transition-none", 
+        // Open/Close animations
+        "data-[state=open]:animate-in", "data-[state=closed]:animate-out", "data-[swipe=end]:animate-out", "data-[state=closed]:fade-out-80", "data-[state=closed]:slide-out-to-right-full", "data-[state=open]:slide-in-from-top-full", "data-[state=open]:sm:slide-in-from-bottom-full", className) }, props)));
+});
+Toast.displayName = "Toast";
+const ToastAction = react.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactToast.Action, Object.assign({ ref: ref, "data-slot": "toast-action", className: utils.cn(
+        // Base styles
+        "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium", "transition-colors hover:bg-secondary", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:pointer-events-none disabled:opacity-50", 
+        // Destructive variant styles
+        "group-[.destructive]:border-muted/40", "group-[.destructive]:hover:border-destructive/30", "group-[.destructive]:hover:bg-destructive", "group-[.destructive]:hover:text-destructive-foreground", "group-[.destructive]:focus:ring-destructive", className) }, props)));
+});
+ToastAction.displayName = "ToastAction";
+const ToastClose = react.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactToast.Close, Object.assign({ ref: ref, "data-slot": "toast-close", className: utils.cn(
+        // Position and layout
+        "absolute right-1 top-1 rounded-md p-1", 
+        // Text and opacity
+        "text-foreground/50 opacity-0 transition-opacity", "hover:text-foreground", "focus:opacity-100 focus:outline-none focus:ring-1", "group-hover:opacity-100", 
+        // Destructive variant styles
+        "group-[.destructive]:text-red-300", "group-[.destructive]:hover:text-red-50", "group-[.destructive]:focus:ring-red-400", "group-[.destructive]:focus:ring-offset-red-600", className), "toast-close": "" }, props, { children: jsxRuntime.jsx(icon.Icon, { name: "x", className: "size-4" }) })));
+});
+ToastClose.displayName = "ToastClose";
+const ToastTitle = react.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactToast.Title, Object.assign({ ref: ref, "data-slot": "toast-title", className: utils.cn("text-sm font-semibold", "[&+div]:text-xs", className) }, props)));
+});
+ToastTitle.displayName = "ToastTitle";
+const ToastDescription = react.forwardRef((_a, ref) => {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx(reactToast.Description, Object.assign({ ref: ref, "data-slot": "toast-description", className: utils.cn("text-sm opacity-90", className) }, props)));
+});
+ToastDescription.displayName = "ToastDescription";
+
+exports.Toast = Toast;
+exports.ToastAction = ToastAction;
+exports.ToastClose = ToastClose;
+exports.ToastDescription = ToastDescription;
+exports.ToastProvider = ToastProvider;
+exports.ToastTitle = ToastTitle;
+exports.ToastViewport = ToastViewport;

package/dist/cjs/components/popovers/tooltip/tooltip.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactTooltip = require('@radix-ui/react-tooltip');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const TooltipProvider = (_a) => {
+    var { delayDuration = 0 } = _a, props = tslib.__rest(_a, ["delayDuration"]);
+    return jsxRuntime.jsx(reactTooltip.Provider, Object.assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props));
+};
+const TooltipTrigger = (_a) => {
+    var props = tslib.__rest(_a, []);
+    return jsxRuntime.jsx(reactTooltip.Trigger, Object.assign({ "data-slot": "tooltip-trigger" }, props));
+};
+const contentVariants = classVarianceAuthority.cva([
+    "bg-primary text-primary-foreground w-fit px-3 py-1.5 rounded-md text-xs text-balance",
+    "animate-in fade-in-0 zoom-in-95 z-50",
+    "data-[state=closed]:animate-out",
+    "data-[state=closed]:fade-out-0",
+    "data-[state=closed]:zoom-out-95",
+    "data-[side=top]:slide-in-from-bottom-2",
+    "data-[side=right]:slide-in-from-left-2",
+    "data-[side=bottom]:slide-in-from-top-2",
+    "data-[side=left]:slide-in-from-right-2",
+    "origin-(--radix-tooltip-content-transform-origin)",
+]);
+const TooltipContent = (_a) => {
+    var { className, sideOffset = 0, arrow = false, children } = _a, props = tslib.__rest(_a, ["className", "sideOffset", "arrow", "children"]);
+    return (jsxRuntime.jsx(reactTooltip.Portal, { "data-slot": "tooltip-portal", children: jsxRuntime.jsxs(reactTooltip.Content, Object.assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: utils.cn(contentVariants(), className) }, props, { children: [children, arrow && (jsxRuntime.jsx(reactTooltip.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" }))] })) }));
+};
+const Tooltip = (_a) => {
+    var { skipDelayDuration, delayDuration, disableHoverableContent } = _a, props = tslib.__rest(_a, ["skipDelayDuration", "delayDuration", "disableHoverableContent"]);
+    return (jsxRuntime.jsx(TooltipProvider, { "data-slot": "tooltip-provider", delayDuration: delayDuration, skipDelayDuration: skipDelayDuration, disableHoverableContent: disableHoverableContent, children: jsxRuntime.jsx(reactTooltip.Root, Object.assign({ "data-slot": "tooltip" }, props)) }));
+};
+Tooltip.displayName = "Tooltip";
+TooltipContent.displayName = "TooltipContent";
+TooltipTrigger.displayName = "TooltipTrigger";
+TooltipProvider.displayName = "TooltipProvider";
+
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;

package/dist/cjs/components/typography/heading/heading.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var typography = require('../../../styles/typography.js');
+
+const headingVariants = classVarianceAuthority.cva("tracking-tight", {
+    variants: {
+        level: {
+            1: "text-2xl leading-[1.1] sm:text-3xl md:text-4xl lg:text-5xl",
+            2: "text-xl leading-[1.1] sm:text-2xl md:text-3xl lg:text-4xl",
+            3: "text-lg leading-[1.1] sm:text-xl md:text-2xl lg:text-3xl",
+            4: "text-base leading-[1.1] sm:text-lg md:text-xl lg:text-2xl",
+            5: "text-sm leading-[1.1] sm:text-base md:text-lg lg:text-xl",
+            6: "text-xs leading-[1.1] sm:text-sm md:text-base lg:text-lg",
+        },
+        weight: {
+            light: typography.fontWeights.light,
+            regular: typography.fontWeights.regular,
+            medium: typography.fontWeights.medium,
+            bold: typography.fontWeights.bold,
+        },
+        align: {
+            left: typography.textAlignment.left,
+            center: typography.textAlignment.center,
+            right: typography.textAlignment.right,
+        },
+        color: {
+            default: typography.textColors.default,
+            muted: typography.textColors.muted,
+            primary: typography.textColors.primary,
+            secondary: typography.textColors.secondary,
+            accent: typography.textColors.accent,
+            destructive: typography.textColors.destructive,
+        },
+    },
+    defaultVariants: {
+        level: 1,
+        weight: "bold",
+        align: "left",
+        color: "default",
+    },
+});
+const Heading = react.forwardRef((_a, ref) => {
+    var { level = 1, weight, align, color, asChild = false, className } = _a, props = tslib.__rest(_a, ["level", "weight", "align", "color", "asChild", "className"]);
+    const Tag = asChild ? reactSlot.Slot : `h${level}`;
+    return (jsxRuntime.jsx(Tag, Object.assign({ ref: ref, "data-slot": "heading", className: utils.cn(headingVariants({ level, weight, align, color }), className) }, props)));
+});
+Heading.displayName = "Heading";
+
+exports.Heading = Heading;

package/dist/cjs/components/typography/text/text.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+var typography = require('../../../styles/typography.js');
+
+const textVariants = classVarianceAuthority.cva("", {
+    variants: {
+        type: {
+            body: "text-sm leading-5 sm:text-base md:text-lg lg:text-xl",
+            small: "text-xs leading-4 sm:text-sm md:text-base lg:text-lg",
+            tiny: "text-[10px] leading-3 sm:text-xs md:text-sm lg:text-base",
+        },
+        weight: {
+            light: typography.fontWeights.light,
+            regular: typography.fontWeights.regular,
+            medium: typography.fontWeights.medium,
+            bold: typography.fontWeights.bold,
+        },
+        align: {
+            left: typography.textAlignment.left,
+            center: typography.textAlignment.center,
+            right: typography.textAlignment.right,
+        },
+        color: {
+            default: typography.textColors.default,
+            muted: typography.textColors.muted,
+            primary: typography.textColors.primary,
+            secondary: typography.textColors.secondary,
+            accent: typography.textColors.accent,
+            destructive: typography.textColors.destructive,
+        },
+        truncate: {
+            true: "truncate",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        type: "body",
+        weight: "regular",
+        align: "left",
+        color: "default",
+        truncate: false,
+    },
+});
+const Text = react.forwardRef((_a, ref) => {
+    var { asChild = false, className } = _a, props = tslib.__rest(_a, ["asChild", "className"]);
+    const Comp = asChild ? reactSlot.Slot : "span";
+    return jsxRuntime.jsx(Comp, Object.assign({ ref: ref, "data-slot": "text", className: utils.cn(textVariants(props), className) }, props));
+});
+Text.displayName = "Text";
+
+exports.Text = Text;

package/dist/cjs/components/ui/alert/alert.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const alertVariants = classVarianceAuthority.cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground",
+            destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert(_a) {
+    var { className, variant } = _a, props = tslib.__rest(_a, ["className", "variant"]);
+    return jsxRuntime.jsx("div", Object.assign({ "data-slot": "alert", role: "alert", className: utils.cn(alertVariants({ variant }), className) }, props));
+}
+function AlertTitle(_a) {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("div", Object.assign({ "data-slot": "alert-title", className: utils.cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className) }, props)));
+}
+function AlertDescription(_a) {
+    var { className } = _a, props = tslib.__rest(_a, ["className"]);
+    return (jsxRuntime.jsx("div", Object.assign({ "data-slot": "alert-description", className: utils.cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className) }, props)));
+}
+
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;

package/dist/cjs/components/ui/badge/badge.js

@@ -0,0 +1,31 @@
+"use client";
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var utils = require('../../../lib/utils.js');
+
+const badgeVariants = classVarianceAuthority.cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Badge = (_a) => {
+    var { className, variant, asChild = false } = _a, props = tslib.__rest(_a, ["className", "variant", "asChild"]);
+    const Comp = asChild ? reactSlot.Slot : "span";
+    return jsxRuntime.jsx(Comp, Object.assign({ "data-slot": "badge", className: utils.cn(badgeVariants({ variant }), className) }, props));
+};
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;
+exports.badgeVariants = badgeVariants;