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

package/dist/textarea/index.mjs

@@ -0,0 +1,5 @@
+import "../utils-Bfgoe-Gm.mjs";
+import "../textarea-QYRcDEpK.mjs";
+import { t as Textarea } from "../textarea-CxE3YbC7.mjs";
+
+export { Textarea };

package/dist/textarea-CxE3YbC7.mjs

@@ -0,0 +1,17 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as Textarea$1 } from "./textarea-QYRcDEpK.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/base/textarea/textarea.tsx
+function Textarea({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(Textarea$1, {
+		ref,
+		className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
+		...props
+	});
+}
+Textarea.displayName = "Textarea";
+
+//#endregion
+export { Textarea as t };

package/dist/textarea-QYRcDEpK.mjs

@@ -0,0 +1,15 @@
+import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../shadcn/ui/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("border-input placeholder:text-muted-foreground", "dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent", "px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none", "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", "disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Textarea as t };

package/dist/theme/index.mjs

@@ -0,0 +1,4 @@
+import { n as ClientOnly, t as ThemeScript } from "../theme-script-XBouzsNR.mjs";
+import { n as useTheme, t as ThemeProvider } from "../theme.provider-DgGshapa.mjs";
+
+export { ClientOnly, ThemeProvider, ThemeScript, useTheme };

package/dist/theme-script-XBouzsNR.mjs

@@ -0,0 +1,66 @@
+import * as React$1 from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+
+//#region src/components/themes/client-only.tsx
+function ClientOnly({ children, fallback = null }) {
+	const [hasMounted, setHasMounted] = React$1.useState(false);
+	React$1.useEffect(() => {
+		setHasMounted(true);
+	}, []);
+	if (!hasMounted) return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
+	return /* @__PURE__ */ jsx(Fragment$1, { children });
+}
+
+//#endregion
+//#region src/components/themes/script.ts
+function script(attribute, storageKey, defaultTheme, forcedTheme, themes, value, enableSystem, enableColorScheme) {
+	if (typeof window === "undefined") return;
+	const el = document.documentElement;
+	const systemThemes = ["light", "dark"];
+	function updateDOM(theme) {
+		(Array.isArray(attribute) ? attribute : [attribute]).forEach((attr) => {
+			const isClass = attr === "class";
+			const classes = isClass && value ? themes.map((t) => value[t] || t) : themes;
+			if (isClass) {
+				el.classList.remove(...classes);
+				el.classList.add(value && value[theme] ? value[theme] : theme);
+			} else el.setAttribute(attr, theme);
+		});
+		setColorScheme(theme);
+	}
+	function setColorScheme(theme) {
+		if (enableColorScheme && systemThemes.includes(theme)) el.style.colorScheme = theme;
+	}
+	function getSystemTheme() {
+		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	}
+	if (forcedTheme) updateDOM(forcedTheme);
+	else try {
+		const themeName = localStorage.getItem(storageKey) || defaultTheme;
+		updateDOM(enableSystem && themeName === "system" ? getSystemTheme() : themeName);
+	} catch {}
+}
+
+//#endregion
+//#region src/components/themes/theme-script.tsx
+const ThemeScript = React$1.memo(({ forcedTheme, storageKey = "theme", attribute = "data-theme", enableSystem = true, enableColorScheme = true, defaultTheme = "system", value, themes = ["light", "dark"], nonce, scriptProps }) => {
+	const scriptArgs = JSON.stringify([
+		attribute,
+		storageKey,
+		defaultTheme,
+		forcedTheme,
+		themes,
+		value,
+		enableSystem,
+		enableColorScheme
+	]).slice(1, -1);
+	return /* @__PURE__ */ jsx("script", {
+		...scriptProps,
+		suppressHydrationWarning: true,
+		nonce,
+		dangerouslySetInnerHTML: { __html: `(${script.toString()})(${scriptArgs})` }
+	});
+});
+
+//#endregion
+export { ClientOnly as n, ThemeScript as t };