@datum-cloud/datum-ui 0.2.0-alpha.3 → 0.2.0-alpha.4

package/dist/toast/index.mjs

@@ -0,0 +1,3 @@
+import { n as Toaster, r as toast, t as useToast } from "../use-toast-mdn_CqRY.mjs";
+
+export { Toaster, toast, useToast };

package/dist/tooltip/index.mjs

@@ -0,0 +1,4 @@
+import "../utils-Bfgoe-Gm.mjs";
+import { t as Tooltip } from "../tooltip-Dd3ActSS.mjs";
+
+export { Tooltip };

package/dist/tooltip-Dd3ActSS.mjs

@@ -0,0 +1,74 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+
+//#region ../shadcn/ui/tooltip.tsx
+const TooltipProvider = ({ delayDuration = 0, ...props }) => {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+};
+const Tooltip$1 = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+		"data-slot": "tooltip",
+		...props
+	}) });
+};
+const TooltipTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+};
+const TooltipContent$1 = ({ className, sideOffset = 0, children, ...props }) => {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn$1("tooltip-content", "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+};
+
+//#endregion
+//#region src/components/base/tooltip/tooltip.tsx
+function TooltipContent({ className, arrowClassName, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("tooltip-content", "bg-secondary text-secondary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
+			className: cn("fill-secondary -my-px border-none drop-shadow-[0_1px_0_secondary]", arrowClassName),
+			width: 12,
+			height: 7,
+			"aria-hidden": "true"
+		})]
+	}) });
+}
+function Tooltip({ message, children, delayDuration = 200, side, align, sideOffset, hidden, open, onOpenChange, contentClassName, arrowClassName }) {
+	return /* @__PURE__ */ jsxs(Tooltip$1, {
+		delayDuration,
+		open,
+		onOpenChange,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			side,
+			align,
+			sideOffset,
+			hidden,
+			className: contentClassName,
+			arrowClassName,
+			children: /* @__PURE__ */ jsx("span", { children: message })
+		})]
+	});
+}
+
+//#endregion
+export { TooltipTrigger as a, TooltipProvider as i, Tooltip$1 as n, TooltipContent$1 as r, Tooltip as t };

package/dist/typography/index.mjs

@@ -0,0 +1,3 @@
+import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "../typography-UA7ZZvgJ.mjs";
+
+export { Blockquote, Code, Link, List, ListItem, Paragraph, Text, Title, paragraphVariants, textVariants, titleVariants };

package/dist/typography-UA7ZZvgJ.mjs

@@ -0,0 +1,200 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { cva } from "class-variance-authority";
+import { CopyIcon } from "lucide-react";
+import * as React$1 from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/base/typography/typography.tsx
+const titleVariants = cva("font-semibold leading-tight tracking-tight", {
+	variants: {
+		level: {
+			1: "text-2xl md:text-3xl lg:text-4xl",
+			2: "text-xl md:text-2xl lg:text-3xl",
+			3: "text-lg md:text-xl lg:text-2xl",
+			4: "text-base md:text-lg lg:text-xl",
+			5: "text-sm md:text-base lg:text-lg",
+			6: "text-xs md:text-sm lg:text-base"
+		},
+		weight: {
+			normal: "font-normal",
+			medium: "font-medium",
+			semibold: "font-semibold",
+			bold: "font-bold",
+			extrabold: "font-extrabold"
+		},
+		textColor: {
+			default: "text-foreground",
+			muted: "text-muted-foreground",
+			primary: "text-primary",
+			secondary: "text-secondary-foreground",
+			destructive: "text-destructive",
+			success: "text-green-600 dark:text-green-400",
+			warning: "text-yellow-600 dark:text-yellow-400",
+			info: "text-blue-600 dark:text-blue-400"
+		}
+	},
+	defaultVariants: {
+		level: 4,
+		weight: "semibold",
+		textColor: "default"
+	}
+});
+const textVariants = cva("leading-relaxed", {
+	variants: {
+		size: {
+			"xs": "text-xs",
+			"sm": "text-sm",
+			"base": "text-sm",
+			"lg": "text-lg",
+			"xl": "text-xl",
+			"2xl": "text-2xl",
+			"3xl": "text-3xl",
+			"4xl": "text-4xl"
+		},
+		weight: {
+			normal: "font-normal",
+			medium: "font-medium",
+			semibold: "font-semibold",
+			bold: "font-bold",
+			extrabold: "font-extrabold"
+		},
+		textColor: {
+			default: "text-foreground",
+			muted: "text-muted-foreground",
+			primary: "text-primary",
+			secondary: "text-secondary-foreground",
+			destructive: "text-destructive",
+			success: "text-green-600 dark:text-green-400",
+			warning: "text-yellow-600 dark:text-yellow-400",
+			info: "text-blue-600 dark:text-blue-400"
+		},
+		type: {
+			default: "",
+			code: "font-mono bg-muted px-1.5 py-0.5 rounded text-sm",
+			mark: "bg-yellow-100 dark:bg-yellow-900/30 px-1.5 py-0.5 rounded",
+			underline: "underline underline-offset-4",
+			delete: "line-through",
+			strong: "font-semibold",
+			italic: "italic"
+		}
+	},
+	defaultVariants: {
+		size: "base",
+		weight: "normal",
+		textColor: "default",
+		type: "default"
+	}
+});
+const paragraphVariants = cva("leading-relaxed", {
+	variants: {
+		size: {
+			xs: "text-xs",
+			sm: "text-sm",
+			base: "text-sm",
+			lg: "text-lg",
+			xl: "text-xl"
+		},
+		spacing: {
+			tight: "leading-tight",
+			normal: "leading-relaxed",
+			loose: "leading-loose"
+		}
+	},
+	defaultVariants: {
+		size: "base",
+		spacing: "normal"
+	}
+});
+function Title({ className, level, weight, textColor, as, children, ...props }) {
+	const Component = as ?? `h${level ?? 4}`;
+	return React$1.createElement(Component, {
+		className: cn(titleVariants({
+			level,
+			weight,
+			textColor,
+			className
+		})),
+		...props
+	}, children);
+}
+function Text({ className, size, weight, textColor, type, as = "span", copyable, ellipsis, mark, underline, delete: deleteProp, strong, italic, code, children, ...props }) {
+	const resolvedType = code ? "code" : italic ? "italic" : strong ? "strong" : deleteProp ? "delete" : underline ? "underline" : mark ? "mark" : type;
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [children, copyable && /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": "Copy text",
+		className: "hover:bg-accent hover:text-accent-foreground ml-2 inline-flex size-4 items-center justify-center rounded-md text-sm font-medium transition-colors",
+		onClick: () => {
+			if (typeof children === "string") navigator.clipboard.writeText(children).catch(() => {});
+		},
+		title: "Copy text",
+		children: /* @__PURE__ */ jsx(CopyIcon, {
+			className: "size-3",
+			"aria-hidden": "true"
+		})
+	})] });
+	return React$1.createElement(as, {
+		className: cn(textVariants({
+			size,
+			weight,
+			textColor,
+			type: resolvedType
+		}), ellipsis && "truncate", className),
+		...props
+	}, content);
+}
+function Paragraph({ className, size, spacing, as = "p", children, ...props }) {
+	return React$1.createElement(as, {
+		className: cn(paragraphVariants({
+			size,
+			spacing,
+			className
+		})),
+		...props
+	}, children);
+}
+function Link({ className, children, href, target = "_self", rel, ...props }) {
+	return /* @__PURE__ */ jsx("a", {
+		href,
+		target,
+		rel: rel ?? (target === "_blank" ? "noopener noreferrer" : void 0),
+		className: cn("text-primary focus-visible:ring-ring underline-offset-4 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", className),
+		...props,
+		children
+	});
+}
+function List({ className, as, listType = "unordered", children, ...props }) {
+	const Component = as ?? (listType === "ordered" ? "ol" : "ul");
+	return React$1.createElement(Component, {
+		className: cn("space-y-2", listType === "ordered" ? "list-decimal list-inside" : "list-disc list-inside", className),
+		...props
+	}, children);
+}
+function ListItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("leading-relaxed", className),
+		...props,
+		children
+	});
+}
+function Blockquote({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx("blockquote", {
+		className: cn("border-primary text-muted-foreground border-l-4 pl-4 italic", className),
+		...props,
+		children
+	});
+}
+function Code({ className, as = "code", children, ...props }) {
+	if (as === "pre") return /* @__PURE__ */ jsx("pre", {
+		className: cn("bg-muted relative overflow-x-auto rounded p-4 font-mono text-sm", className),
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx("code", {
+		className: cn("bg-muted relative rounded px-[0.3rem] py-[0.2rem] font-mono text-sm", className),
+		...props,
+		children
+	});
+}
+
+//#endregion
+export { ListItem as a, Title as c, titleVariants as d, List as i, paragraphVariants as l, Code as n, Paragraph as o, Link as r, Text as s, Blockquote as t, textVariants as u };

package/dist/use-copy-to-clipboard-ki-WoTml.mjs

@@ -0,0 +1,31 @@
+import { r as toast } from "./use-toast-mdn_CqRY.mjs";
+import { useCallback, useEffect, useRef, useState } from "react";
+
+//#region src/hooks/use-copy-to-clipboard.ts
+function useCopyToClipboard() {
+	const [isCopied, setIsCopied] = useState(false);
+	const timeoutRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
+		};
+	}, []);
+	return [isCopied, useCallback(async (text, options) => {
+		if (!navigator?.clipboard) return false;
+		try {
+			await navigator.clipboard.writeText(text);
+			setIsCopied(true);
+			if (options?.withToast) toast.success(options.toastMessage ?? "Copied to clipboard");
+			timeoutRef.current = setTimeout(() => {
+				setIsCopied(false);
+			}, 2e3);
+			return true;
+		} catch {
+			setIsCopied(false);
+			return false;
+		}
+	}, [])];
+}
+
+//#endregion
+export { useCopyToClipboard as t };