@toyu-ui/solid/design.js

<p align="center"> <h1><span style="color: #4a90e2;">T</span><span style="color: #007aff;">Y</span>UI</h1> </p>

import { createEffect as s } from "solid-js";
const o = {
  plain: "plain",
  glass: "atmospheric-glass",
  "atmospheric-glass": "atmospheric-glass",
  fluent: "fluent-web",
  "fluent-web": "fluent-web"
};
function a(e) {
  return o[e];
}
function n(e, t = {}) {
  const c = {
    "data-design-system": a(e)
  };
  return t.colorScheme && t.colorScheme !== "auto" && (c["data-color-scheme"] = t.colorScheme), c;
}
function i(e, t = {}) {
  const c = t.target ?? globalThis.document?.documentElement;
  if (!c) return;
  const r = n(e, t);
  return c.setAttribute("data-design-system", r["data-design-system"]), r["data-color-scheme"] ? c.setAttribute("data-color-scheme", r["data-color-scheme"]) : c.removeAttribute("data-color-scheme"), c;
}
function l(e = globalThis.document?.documentElement) {
  if (e)
    return e.removeAttribute("data-design-system"), e.removeAttribute("data-color-scheme"), e;
}
function m(e, t = {}) {
  s(() => {
    const c = typeof t.colorScheme == "function" ? t.colorScheme() : t.colorScheme;
    i(e(), {
      target: t.target,
      colorScheme: c
    });
  });
}
export {
  l as clearTyuiDesign,
  m as createTyuiDesignEffect,
  n as getTyuiDesignAttributes,
  a as resolveTyuiDesignName,
  i as setTyuiDesign
};