@transkripid/flowbite-react/lib/components/ThemeModeScript/ThemeModeScript.mjs

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

import { jsx as l } from "react/jsx-runtime";
import { c as s } from "react/compiler-runtime";
const u = (m) => {
  const e = s(10);
  let t, o;
  e[0] !== m ? ({
    mode: t,
    ...o
  } = m, e[0] = m, e[1] = t, e[2] = o) : (t = e[1], o = e[2]);
  let d;
  e[3] !== t ? (d = a({
    mode: t,
    defaultMode: "light",
    localStorageKey: "flowbite-theme-mode"
  }), e[3] = t, e[4] = d) : d = e[4];
  let r;
  e[5] !== d ? (r = {
    __html: d
  }, e[5] = d, e[6] = r) : r = e[6];
  let c;
  return e[7] !== o || e[8] !== r ? (c = /* @__PURE__ */ l("script", { ...o, "data-flowbite-theme-mode-script": !0, dangerouslySetInnerHTML: r }), e[7] = o, e[8] = r, e[9] = c) : c = e[9], c;
};
function a({
  mode: m,
  defaultMode: e,
  localStorageKey: t
}) {
  return `
    try {
      const mode = window.localStorage.getItem('${t}') ?? '${m}' ?? '${e}';
      const computedMode =
        mode === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : mode;

      if (computedMode === 'dark') {
        document.documentElement.classList.add('dark');
      } else {
        document.documentElement.classList.remove('dark');
      }
    } catch (e) {}
  `;
}
export {
  u as ThemeModeScript
};
//# sourceMappingURL=ThemeModeScript.mjs.map