@skiddph/prui 0.2.1 → 0.4.0

package/dist/theme.js

@@ -1,51 +1,120 @@
-const l = ["control", "workshop", "ember", "daylight"];
+const u = ["control", "workshop", "ember", "daylight"], d = "prui-theme-", c = /* @__PURE__ */ new Map(), m = [
+  "background",
+  "surface",
+  "raise",
+  "line",
+  "fg",
+  "dim",
+  "brand",
+  "brand-fg",
+  "ok",
+  "warn",
+  "danger"
+];
 function s(e) {
+  return `--prui-${e}`;
+}
+function f(e) {
+  const t = [];
+  for (const [r, n] of Object.entries(e))
+    n !== void 0 && t.push(`  ${s(r)}: ${n};`);
+  return t.join(`
+`);
+}
+function E(e, t) {
+  const r = e.trim().toLowerCase().replace(/[^a-z0-9-]+/g, "-").replace(/^-+|-+$/g, "") || "custom";
+  if (c.set(r, { ...t }), typeof document < "u") {
+    let n = document.getElementById(`prui-custom-theme-${r}`);
+    n || (n = document.createElement("style"), n.id = `prui-custom-theme-${r}`, document.head.appendChild(n)), n.textContent = `.${d}${r} {
+${f(t)}
+}`;
+  }
+  return r;
+}
+function v() {
+  return [...u, ...c.keys()];
+}
+function p(e, t = {}) {
+  const r = t.target ?? (typeof document < "u" ? document.documentElement : null), n = [];
+  if (r) {
+    for (const [o, l] of Object.entries(e))
+      l !== void 0 && (r.style.setProperty(s(o), String(l)), n.push(s(o)));
+    e.radius !== void 0 && (r.style.setProperty("--prui-radius", String(e.radius)), n.push("--prui-radius")), e["dim-op"] !== void 0 && (r.style.setProperty("--prui-dim-op", String(e["dim-op"])), n.push("--prui-dim-op"));
+  }
+  const i = t.storageKey === void 0 ? "prui:tokens" : t.storageKey;
+  return i && typeof localStorage < "u" && localStorage.setItem(i, JSON.stringify(e)), n;
+}
+function $(e = {}) {
+  const t = e.target ?? (typeof document < "u" ? document.documentElement : null);
+  if (t) {
+    for (const n of [...m, "radius", "dim-op"])
+      t.style.removeProperty(s(n));
+    t.style.removeProperty("--prui-radius"), t.style.removeProperty("--prui-dim-op");
+  }
+  const r = e.storageKey === void 0 ? "prui:tokens" : e.storageKey;
+  r && typeof localStorage < "u" && localStorage.removeItem(r);
+}
+function w(e = {}) {
+  if (typeof localStorage > "u") return null;
+  const t = e.storageKey ?? "prui:tokens", r = localStorage.getItem(t);
+  if (!r) return null;
+  try {
+    const n = JSON.parse(r);
+    return p(n, { target: e.target, storageKey: null }), n;
+  } catch {
+    return null;
+  }
+}
+function I(e) {
   return e === "dark" ? "control" : e === "light" ? "daylight" : e;
 }
-const u = ["control", "workshop", "ember"], d = ["daylight"];
-function m(e) {
-  return u.includes(e);
+const h = ["control", "workshop", "ember"], g = ["daylight"];
+function y(e) {
+  return h.includes(e);
 }
-function p(e) {
-  return d.includes(e);
+function K(e) {
+  return g.includes(e);
 }
-function c(e) {
-  return m(e) ? "dark" : "light";
+function a(e) {
+  const t = c.get(e);
+  return t != null && t.mode ? t.mode : y(e) ? "dark" : "light";
 }
-const i = "prui-theme-";
-function h(e, t) {
-  return [`${i}${e}`, "prui-root", `prui-mode-${t}`];
+function k(e, t) {
+  return [`${d}${e}`, "prui-root", `prui-mode-${t}`];
 }
-function f(e) {
+function S(e) {
   const t = [...e.classList].filter(
-    (r) => r.startsWith(i) || r === "prui-root" || r.startsWith("prui-mode-")
+    (r) => r.startsWith(d) || r === "prui-root" || r.startsWith("prui-mode-")
   );
   t.length && e.classList.remove(...t);
 }
-function g(e = {}) {
-  const t = s(e.theme ?? "control"), r = e.mode ?? c(t), n = e.target ?? (typeof document < "u" ? document.documentElement : null);
-  n && (f(n), n.classList.add(...h(t, r)), n.dataset.pruiTheme = t, n.dataset.pruiMode = r, n.style.colorScheme = r);
-  const o = e.storageKey === void 0 ? "prui:theme" : e.storageKey;
-  return o && typeof localStorage < "u" && localStorage.setItem(o, JSON.stringify({ theme: t, mode: r })), { theme: t, mode: r };
+function T(e = {}) {
+  const t = e.theme ?? "control";
+  if (!(t === "dark" || t === "light" || u.includes(t) || c.has(t)))
+    return T({ ...e, theme: "control" });
+  const n = t === "dark" ? "control" : t === "light" ? "daylight" : t, i = e.mode ?? a(n), o = e.target ?? (typeof document < "u" ? document.documentElement : null);
+  o && (S(o), o.classList.add(...k(n, i)), o.dataset.pruiTheme = n, o.dataset.pruiMode = i, o.style.colorScheme = i);
+  const l = e.storageKey === void 0 ? "prui:theme" : e.storageKey;
+  return l && typeof localStorage < "u" && localStorage.setItem(l, JSON.stringify({ theme: n, mode: i })), { theme: n, mode: i };
 }
-function y(e = "prui:theme") {
+function P(e = "prui:theme") {
   if (typeof localStorage > "u") return null;
   const t = localStorage.getItem(e);
   if (!t) return null;
   try {
-    const r = JSON.parse(t), n = l.find((a) => a === r.theme);
+    const r = JSON.parse(t), n = u.find((o) => o === r.theme);
     if (!n) return null;
-    const o = r.mode === "light" || r.mode === "dark" ? r.mode : c(n);
-    return { theme: n, mode: o };
+    const i = r.mode === "light" || r.mode === "dark" ? r.mode : a(n);
+    return { theme: n, mode: i };
   } catch {
     return null;
   }
 }
-function T(e) {
-  const t = l.indexOf(e);
-  return l[(t + 1) % l.length] ?? "control";
+function M(e) {
+  const t = u.indexOf(e);
+  return u[(t + 1) % u.length] ?? "control";
 }
-const E = {
+const b = {
   name: "applyTheme",
   description: "Apply a named PRUI theme and persist the choice.",
   props: [
@@ -56,13 +125,19 @@ const E = {
   ]
 };
 export {
-  l as PRUI_THEMES,
-  g as applyTheme,
-  m as isDarkTheme,
-  p as isLightTheme,
-  T as nextTheme,
-  y as readPersistedTheme,
-  s as resolveThemeName,
-  E as themeMeta,
-  c as themeMode
+  u as PRUI_THEMES,
+  m as PRUI_TOKENS,
+  T as applyTheme,
+  p as applyThemeTokens,
+  $ as clearAppliedTokens,
+  E as defineTheme,
+  y as isDarkTheme,
+  K as isLightTheme,
+  v as listThemes,
+  M as nextTheme,
+  P as readPersistedTheme,
+  I as resolveThemeName,
+  w as restoreAppliedTokens,
+  b as themeMeta,
+  a as themeMode
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skiddph/prui",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "description": "PRUI component system: primitives, app-layer super-components, pages, and themes",
   "type": "module",
   "license": "Apache-2.0",
@@ -27,6 +27,10 @@
       "types": "./dist/app/index.d.ts",
       "import": "./dist/app.js"
     },
+    "./forms": {
+      "types": "./dist/forms/index.d.ts",
+      "import": "./dist/forms.js"
+    },
     "./pages": {
       "types": "./dist/pages/index.d.ts",
       "import": "./dist/pages.js"
@@ -48,6 +52,7 @@
     "tailwind-merge": "^3.3.1"
   },
   "devDependencies": {
+    "@tailwindcss/cli": "^4.3.3",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
@@ -56,13 +61,14 @@
     "@types/react-dom": "^19.1.0",
     "@vitejs/plugin-react": "^4.5.0",
     "jsdom": "^26.1.0",
+    "lucide-react": "^0.525.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "^4.3.3",
     "typescript": "^5.9.3",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4",
-    "lucide-react": "^0.525.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "vitest": "^3.2.4"
   },
   "repository": {
     "type": "git",