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

package/dist/styles.mjs

@@ -0,0 +1 @@
+export {  };

package/dist/theme/index.mjs

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

package/dist/{theme.provider-DgGshapa.mjs → theme.provider-CzCxEFFh.mjs}

@@ -1,6 +1,68 @@
 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
 //#region src/components/themes/theme.provider.tsx
 const colorSchemes = ["light", "dark"];
 const MEDIA = "(prefers-color-scheme: dark)";
@@ -131,4 +193,4 @@ function getSystemTheme(e) {
 }
 
 //#endregion
-export { useTheme as n, ThemeProvider as t };
+export { ClientOnly as i, useTheme as n, ThemeScript as r, ThemeProvider as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "0.2.0-alpha.4",
+  "version": "0.2.0-alpha.5",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"
@@ -14,10 +14,9 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.mjs"
     },
-    "./styles": "./dist/style.css",
-    "./provider": {
-      "types": "./dist/providers/index.d.ts",
-      "default": "./dist/provider/index.mjs"
+    "./styles": {
+      "style": "./dist/styles.css",
+      "default": "./dist/styles.css"
     },
     "./theme": {
       "types": "./dist/components/themes/index.d.ts",
@@ -244,6 +243,18 @@
     "README.md",
     "dist"
   ],
+  "scripts": {
+    "build": "tsdown --config-loader native && tsc -p tsconfig.build.json && node scripts/fix-dts-imports.mjs && cp -r src/styles/fonts dist/fonts",
+    "dev": "tsdown --config-loader native --watch",
+    "lint": "eslint .",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "clean": "rm -rf dist .turbo node_modules coverage",
+    "prepack": "node scripts/strip-workspace-deps.mjs --strip",
+    "postpack": "node scripts/strip-workspace-deps.mjs --restore"
+  },
   "peerDependencies": {
     "@conform-to/react": ">=1",
     "@conform-to/zod": ">=1",
@@ -402,9 +413,7 @@
     "class-variance-authority": "^0.7",
     "clsx": "^2.1.1",
     "lucide-react": "^0.556",
-    "tailwind-merge": "^3.5.0",
-    "tailwind-scrollbar-hide": "^4.0.0",
-    "tw-animate-css": "^1.4.0"
+    "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@bosh-code/tsdown-plugin-tailwindcss": "^1.0.1",
@@ -415,6 +424,7 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@repo/config": "workspace:*",
     "@stepperize/react": "^6.1.0",
     "@tailwindcss/node": "^4.2.1",
     "@tailwindcss/oxide": "^4.2.1",
@@ -451,20 +461,9 @@
     "tsdown": "^0.20.3",
     "typescript": "^5.9",
     "vitest": "^3",
-    "zod": "^4.3.6",
-    "@repo/config": "0.0.0"
+    "zod": "^4.3.6"
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "build": "tsdown --config-loader native && tsc -p tsconfig.build.json && node scripts/fix-dts-imports.mjs && cp -r src/styles/fonts dist/fonts",
-    "dev": "tsdown --config-loader native --watch",
-    "lint": "eslint .",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "clean": "rm -rf dist .turbo node_modules coverage"
   }
-}
+}

package/dist/datum.provider-B77goJgl.mjs

@@ -1,37 +0,0 @@
-import { t as ThemeProvider } from "./theme.provider-DgGshapa.mjs";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/providers/datum.provider.tsx
-const THEME_STYLE_MAP = {
-	alpha: {
-		light: "theme-alpha",
-		dark: "theme-alpha dark"
-	},
-	default: {
-		light: "theme-default",
-		dark: "theme-default dark"
-	},
-	experimental: {
-		light: "theme-experimental",
-		dark: "theme-experimental dark"
-	}
-};
-function DatumProvider({ children, defaultTheme = "system", themeStyle = "alpha", storageKey = "datum-theme", ...props }) {
-	const styleMap = THEME_STYLE_MAP[themeStyle];
-	return /* @__PURE__ */ jsx(ThemeProvider, {
-		attribute: "class",
-		defaultTheme,
-		storageKey,
-		enableSystem: true,
-		enableColorScheme: true,
-		value: {
-			light: styleMap.light,
-			dark: styleMap.dark
-		},
-		...props,
-		children
-	});
-}
-
-//#endregion
-export { DatumProvider as t };

package/dist/provider/index.mjs

@@ -1,4 +0,0 @@
-import '../style.css';
-import { t as DatumProvider } from "../datum.provider-B77goJgl.mjs";
-
-export { DatumProvider };

package/dist/providers/datum.provider.d.ts

@@ -1,20 +0,0 @@
-import type { ReactNode } from 'react';
-import type { Theme, ThemeStyle } from '../components/themes/types';
-import '../styles/root.css';
-export interface DatumProviderProps {
-    children: ReactNode;
-    /** Theme mode: light, dark, or follow system preference */
-    defaultTheme?: Theme;
-    /** Visual style variant applied to the design system */
-    themeStyle?: ThemeStyle;
-    /** Force a specific theme, overriding user preference */
-    forcedTheme?: Theme;
-    /** localStorage key for theme persistence */
-    storageKey?: string;
-    /** Disable CSS transitions during theme switches */
-    disableTransitionOnChange?: boolean;
-    /** CSP nonce for inline script */
-    nonce?: string;
-}
-export declare function DatumProvider({ children, defaultTheme, themeStyle, storageKey, ...props }: DatumProviderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=datum.provider.d.ts.map

package/dist/providers/datum.provider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"datum.provider.d.ts","sourceRoot":"","sources":["../../src/providers/datum.provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AAInE,OAAO,oBAAoB,CAAA;AAE3B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,wDAAwD;IACxD,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,oDAAoD;IACpD,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAQD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAAoB,EACpB,UAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAgBpB"}

package/dist/providers/index.d.ts

@@ -1,3 +0,0 @@
-export { DatumProvider } from './datum.provider';
-export type { DatumProviderProps } from './datum.provider';
-//# sourceMappingURL=index.d.ts.map

package/dist/providers/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/providers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/theme-script-XBouzsNR.mjs

@@ -1,66 +0,0 @@
-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 };