quirk-ui 0.0.582 → 0.0.583

package/dist/core/utils/ThemeProvider/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index66.css');const c=require("react/jsx-runtime"),u=require("react"),f=require("../../tokens/theme.cjs");function s(e,r=""){const n={};for(const t in e)typeof e[t]=="object"&&e[t]!==null?Object.assign(n,s(e[t],`${r}${t}.`)):n[`${r}${t}`]=e[t];return n}function l(e){return`--color-${e.replace(/\./g,"-")}`}function a({children:e,theme:r=f.defaultTheme}){return u.useEffect(()=>{if(typeof window>"u")return;const n=document.documentElement,t=s(r);Object.entries(t).forEach(([i,o])=>{typeof o=="string"&&n.style.setProperty(l(i),o)}),n.setAttribute("data-theme",r.mode||"light")},[r]),c.jsx(c.Fragment,{children:e})}exports.ThemeProvider=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index66.css');const i=require("react/jsx-runtime"),l=require("react"),d=require("../../tokens/theme.cjs");function a(e,t){return t.split(".").reduce((r,n)=>{if(r&&typeof r=="object")return r[n]},e)}function c(e,t="",r){const n={},u=r??e;for(const o in e){const s=e[o];if(typeof s=="object"&&s!==null)Object.assign(n,c(e[o],`${t}${o}.`,u));else if(typeof s=="string"&&s.includes(".")){const f=a(u,s);n[`${t}${o}`]=f??s}else n[`${t}${o}`]=s}return n}function m(e){return`--color-${e.replace(/\./g,"-")}`}function y({children:e,theme:t=d.defaultTheme}){return l.useEffect(()=>{if(typeof window>"u")return;const r=document.documentElement,n=c(t);Object.entries(n).forEach(([u,o])=>{typeof o=="string"&&r.style.setProperty(m(u),o)}),r.setAttribute("data-theme",t.mode||"light")},[t]),i.jsx(i.Fragment,{children:e})}exports.ThemeProvider=y;

package/dist/core/utils/ThemeProvider/index.mjs

@@ -1,27 +1,41 @@
-import { jsx as s, Fragment as c } from "react/jsx-runtime";
+import { jsx as c, Fragment as l } from "react/jsx-runtime";
 import { useEffect as m } from "react";
-import { defaultTheme as u } from "../../tokens/theme.mjs";
-import '../../../assets/index66.css';function f(t, r = "") {
-  const n = {};
-  for (const e in t)
-    typeof t[e] == "object" && t[e] !== null ? Object.assign(n, f(t[e], `${r}${e}.`)) : n[`${r}${e}`] = t[e];
-  return n;
+import { defaultTheme as d } from "../../tokens/theme.mjs";
+import '../../../assets/index66.css';function a(e, t) {
+  return t.split(".").reduce((o, r) => {
+    if (o && typeof o == "object")
+      return o[r];
+  }, e);
 }
-function l(t) {
-  return `--color-${t.replace(/\./g, "-")}`;
+function i(e, t = "", o) {
+  const r = {}, f = o ?? e;
+  for (const n in e) {
+    const s = e[n];
+    if (typeof s == "object" && s !== null)
+      Object.assign(r, i(e[n], `${t}${n}.`, f));
+    else if (typeof s == "string" && s.includes(".")) {
+      const u = a(f, s);
+      r[`${t}${n}`] = u ?? s;
+    } else
+      r[`${t}${n}`] = s;
+  }
+  return r;
 }
-function y({
-  children: t,
-  theme: r = u
+function p(e) {
+  return `--color-${e.replace(/\./g, "-")}`;
+}
+function h({
+  children: e,
+  theme: t = d
 }) {
   return m(() => {
     if (typeof window > "u") return;
-    const n = document.documentElement, e = f(r);
-    Object.entries(e).forEach(([i, o]) => {
-      typeof o == "string" && n.style.setProperty(l(i), o);
-    }), n.setAttribute("data-theme", r.mode || "light");
-  }, [r]), /* @__PURE__ */ s(c, { children: t });
+    const o = document.documentElement, r = i(t);
+    Object.entries(r).forEach(([f, n]) => {
+      typeof n == "string" && o.style.setProperty(p(f), n);
+    }), o.setAttribute("data-theme", t.mode || "light");
+  }, [t]), /* @__PURE__ */ c(l, { children: e });
 }
 export {
-  y as ThemeProvider
+  h as ThemeProvider
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.582",
+  "version": "0.0.583",
   "type": "module",
   "exports": {
     ".": {