@udixio/tailwind 1.7.2 → 2.0.0

package/dist/tailwind.plugin-CUI_jxzw.cjs

@@ -1,329 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const plugin = require("tailwindcss/plugin");
-const theme = require("@udixio/theme");
-const defaultConfig = {
-  statePrefix: "state",
-  disabledStyles: {
-    textOpacity: 0.38,
-    backgroundOpacity: 0.12
-  },
-  transition: {
-    duration: 150
-  }
-};
-const state = plugin.withOptions(({ colorKeys }) => {
-  const resolved = {
-    ...defaultConfig,
-    disabledStyles: {
-      ...defaultConfig.disabledStyles,
-      ...{}
-    },
-    transition: {
-      ...defaultConfig.transition,
-      ...{}
-    }
-  };
-  return ({ addComponents }) => {
-    const newComponents = {};
-    for (const isGroup of [false, true]) {
-      const group = isGroup ? "group-" : "";
-      for (const colorName of colorKeys) {
-        const className = `.${group}${resolved.statePrefix}-${colorName}`;
-        newComponents[className] = {
-          [`@apply ${group}hover:bg-${colorName}/[0.08]`]: {},
-          [`@apply ${group}active:bg-${colorName}/[0.12]`]: {},
-          [`@apply ${group}focus-visible:bg-${colorName}/[0.12]`]: {},
-          [`@apply transition-colors`]: {},
-          [`@apply duration-${resolved.transition.duration}`]: {},
-          [`@apply ${group}disabled:text-on-surface/[${resolved.disabledStyles.textOpacity}]`]: {},
-          [`@apply ${group}disabled:bg-on-surface/[${resolved.disabledStyles.backgroundOpacity}]`]: {}
-        };
-      }
-    }
-    for (const colorName of colorKeys) {
-      for (const stateName of ["hover", "active", "focus", "disabled"]) {
-        const className = `.${stateName}-${resolved.statePrefix}-${colorName}`;
-        if (stateName === "disabled") {
-          newComponents[className] = {
-            [`@apply text-on-surface/[${resolved.disabledStyles.textOpacity}]`]: {},
-            [`@apply bg-on-surface/[${resolved.disabledStyles.backgroundOpacity}]`]: {}
-          };
-        } else {
-          const opacity = stateName === "hover" ? 0.08 : 0.12;
-          newComponents[className] = {
-            [`@apply bg-${colorName}/[${opacity}]`]: {}
-          };
-        }
-      }
-    }
-    addComponents(newComponents);
-  };
-});
-const font = plugin.withOptions((options) => {
-  return ({
-    addUtilities,
-    theme: theme2
-  }) => {
-    const { fontStyles, responsiveBreakPoints } = options;
-    const pixelUnit = "rem";
-    const newUtilities = {};
-    const baseTextStyle = (sizeValue) => ({
-      fontSize: sizeValue.fontSize + pixelUnit,
-      fontWeight: sizeValue.fontWeight,
-      lineHeight: sizeValue.lineHeight + pixelUnit,
-      letterSpacing: sizeValue.letterSpacing ? sizeValue.letterSpacing + pixelUnit : null,
-      fontFamily: theme2("fontFamily." + sizeValue.fontFamily)
-    });
-    const responsiveTextStyle = (sizeValue, breakPointName, breakPointRatio) => ({
-      [`@media (min-width: ${theme2("screens." + breakPointName, {})})`]: {
-        fontSize: sizeValue.fontSize * breakPointRatio + pixelUnit,
-        lineHeight: sizeValue.lineHeight * breakPointRatio + pixelUnit
-      }
-    });
-    for (const [roleName, roleValue] of Object.entries(fontStyles)) {
-      for (const [sizeName, sizeValue] of Object.entries(roleValue)) {
-        newUtilities[`.text-${roleName}-${sizeName}`] = {
-          ...baseTextStyle(sizeValue),
-          ...Object.entries(responsiveBreakPoints).reduce(
-            (acc, [breakPointName, breakPointRatio]) => ({
-              ...acc,
-              ...responsiveTextStyle(
-                sizeValue,
-                breakPointName,
-                breakPointRatio
-              )
-            }),
-            {}
-          )
-        };
-      }
-    }
-    addUtilities(newUtilities);
-  };
-});
-const shadow = plugin(
-  ({ addUtilities }) => {
-    addUtilities({
-      [".shadow"]: {
-        boxShadow: "0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f"
-      },
-      [".shadow-1"]: {
-        boxShadow: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
-      },
-      [".shadow-2"]: {
-        boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
-      },
-      [".shadow-3"]: {
-        boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
-      },
-      [".shadow-4"]: {
-        boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)"
-      },
-      [".box-shadow-5"]: {
-        boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
-      }
-    });
-  }
-);
-const main = plugin.withOptions((args) => {
-  const configCss = args;
-  const fontStyles = {};
-  configCss.fontStyles.forEach((line) => {
-    const [styleToken, ...properties] = line.split(" ");
-    const [roleToken, sizeToken] = styleToken.split("-");
-    fontStyles[roleToken] ?? (fontStyles[roleToken] = {});
-    properties.forEach((properties2) => {
-      var _a;
-      (_a = fontStyles[roleToken])[sizeToken] ?? (_a[sizeToken] = {});
-      const [key, value] = properties2.slice(0, -1).split("[");
-      fontStyles[roleToken][sizeToken][key] = value;
-    });
-  });
-  let breakPointsCss = configCss.responsiveBreakPoints;
-  if (!Array.isArray(breakPointsCss)) {
-    breakPointsCss = [breakPointsCss];
-  }
-  const responsiveBreakPoints = {};
-  breakPointsCss.forEach((line) => {
-    const [key, value] = line.split(" ");
-    responsiveBreakPoints[key] = value;
-  });
-  const options = {
-    colorKeys: configCss.colorKeys,
-    fontStyles,
-    responsiveBreakPoints
-  };
-  return (api) => {
-    font(options).handler(api);
-    state(options).handler(api);
-    shadow.handler(api);
-  };
-});
-function createFlexibleSelector(...classes) {
-  classes = classes.filter((classeName) => !!classeName);
-  if (classes.length === 0) return "";
-  if (classes.length === 1 && classes[0]) return classes[0];
-  const selectors = [];
-  selectors.push(classes.join(""));
-  for (let i = 0; i < classes.length; i++) {
-    const ancestor = classes[i];
-    const descendants = classes.filter(
-      (className, index) => index !== i && !!className
-    );
-    if (descendants.length === 1) {
-      selectors.push(`${ancestor} ${descendants[0]}`);
-    } else if (descendants.length > 1) {
-      selectors.push(`${ancestor} ${descendants.join("")}`);
-      for (const desc of descendants) {
-        selectors.push(`${ancestor} ${desc}`);
-      }
-    }
-  }
-  for (let i = 0; i < classes.length; i++) {
-    for (let j = i + 1; j < classes.length; j++) {
-      selectors.push(`${classes[i]} ${classes[j]}`);
-      selectors.push(`${classes[j]} ${classes[i]}`);
-    }
-  }
-  const uniqueSelectors = [...new Set(selectors)];
-  return `:is(${uniqueSelectors.join(", ")})`;
-}
-function darkStyle({
-  selectors,
-  mode,
-  darkSelector,
-  styles
-}) {
-  selectors = selectors.filter((classeName) => !!classeName);
-  if (mode === "media") {
-    if (selectors.length !== 0) {
-      return `@media (prefers-color-scheme: dark) {
-    ${createFlexibleSelector(...selectors)} {
-      ${styles}
-    }
-  }
-`;
-    } else {
-      return `@media (prefers-color-scheme: dark) {
-    ${styles}
-  }
-`;
-    }
-  } else {
-    return `${createFlexibleSelector(...selectors, darkSelector)} {
-    ${styles}
-  }
-`;
-  }
-}
-class TailwindPlugin extends theme.PluginAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "dependencies", [theme.FontPlugin]);
-    __publicField(this, "name", "tailwind");
-    __publicField(this, "pluginClass", TailwindImplPluginBrowser);
-  }
-}
-class TailwindImplPluginBrowser extends theme.PluginImplAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "outputCss", "");
-  }
-  onInit() {
-    var _a;
-    (_a = this.options).responsiveBreakPoints ?? (_a.responsiveBreakPoints = {
-      lg: 1.125
-    });
-    this.options = {
-      responsiveBreakPoints: {
-        lg: 1.125
-      },
-      darkMode: "class",
-      darkSelector: ".dark",
-      dynamicSelector: ".dynamic",
-      ...this.options
-    };
-  }
-  loadColor({ isDynamic }) {
-    let { dynamicSelector, darkSelector } = this.options;
-    if (!isDynamic) {
-      dynamicSelector = void 0;
-    }
-    const darkMode = this.options.darkMode ?? "class";
-    if (darkMode == "media") {
-      darkSelector = void 0;
-    }
-    const colors = this.getColors();
-    if (isDynamic) {
-      this.outputCss += `
-@layer theme {
-  .dynamic {
-    ${Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.light};`).join("\n  ")}
-  }
-}`;
-    } else {
-      this.outputCss += `
-@theme {
-  --color-*: initial;
-  ${Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.light};`).join("\n  ")}
-}`;
-    }
-    this.outputCss += `
-@layer theme {
-  ${darkStyle({
-      selectors: [dynamicSelector],
-      mode: darkMode,
-      darkSelector: darkSelector ?? "",
-      styles: Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.dark};`).join("\n    ")
-    })} 
-}`;
-    for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
-      this.api.themes.update({ sourceColorHex: value });
-      const colors2 = this.getColors();
-      this.outputCss += `
-@layer theme {
-  ${createFlexibleSelector(dynamicSelector, ".theme-" + key)} {
-    ${Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")}
-    }
-}
-`;
-      this.outputCss += `
-@layer theme {
-  ${darkStyle({
-        selectors: [dynamicSelector, ".theme-" + key],
-        mode: darkMode,
-        darkSelector: darkSelector ?? "",
-        styles: Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")
-      })} 
-}`;
-    }
-  }
-  getColors() {
-    const colors = {};
-    for (const isDark of [false, true]) {
-      this.api.themes.update({ isDark });
-      for (const [key, value] of this.api.colors.getColors().entries()) {
-        const newKey = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-        colors[newKey] ?? (colors[newKey] = { light: "", dark: "" });
-        colors[newKey][isDark ? "dark" : "light"] = value.getHex();
-      }
-    }
-    return colors;
-  }
-  async onLoad() {
-    this.getColors();
-    if (typeof window !== "undefined") {
-      const { tailwindBrowserInit } = await Promise.resolve().then(() => require("./tailwind-browser-COFzjMN4.cjs"));
-      this.outputCss = await tailwindBrowserInit(this.outputCss);
-    }
-    this.loadColor({ isDynamic: true });
-  }
-}
-exports.TailwindImplPluginBrowser = TailwindImplPluginBrowser;
-exports.TailwindPlugin = TailwindPlugin;
-exports.font = font;
-exports.main = main;
-exports.state = state;

package/dist/tailwind.plugin-q0sIRBpo.js

@@ -1,330 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import plugin from "tailwindcss/plugin";
-import { PluginAbstract, FontPlugin, PluginImplAbstract } from "@udixio/theme";
-const defaultConfig = {
-  statePrefix: "state",
-  disabledStyles: {
-    textOpacity: 0.38,
-    backgroundOpacity: 0.12
-  },
-  transition: {
-    duration: 150
-  }
-};
-const state = plugin.withOptions(({ colorKeys }) => {
-  const resolved = {
-    ...defaultConfig,
-    disabledStyles: {
-      ...defaultConfig.disabledStyles,
-      ...{}
-    },
-    transition: {
-      ...defaultConfig.transition,
-      ...{}
-    }
-  };
-  return ({ addComponents }) => {
-    const newComponents = {};
-    for (const isGroup of [false, true]) {
-      const group = isGroup ? "group-" : "";
-      for (const colorName of colorKeys) {
-        const className = `.${group}${resolved.statePrefix}-${colorName}`;
-        newComponents[className] = {
-          [`@apply ${group}hover:bg-${colorName}/[0.08]`]: {},
-          [`@apply ${group}active:bg-${colorName}/[0.12]`]: {},
-          [`@apply ${group}focus-visible:bg-${colorName}/[0.12]`]: {},
-          [`@apply transition-colors`]: {},
-          [`@apply duration-${resolved.transition.duration}`]: {},
-          [`@apply ${group}disabled:text-on-surface/[${resolved.disabledStyles.textOpacity}]`]: {},
-          [`@apply ${group}disabled:bg-on-surface/[${resolved.disabledStyles.backgroundOpacity}]`]: {}
-        };
-      }
-    }
-    for (const colorName of colorKeys) {
-      for (const stateName of ["hover", "active", "focus", "disabled"]) {
-        const className = `.${stateName}-${resolved.statePrefix}-${colorName}`;
-        if (stateName === "disabled") {
-          newComponents[className] = {
-            [`@apply text-on-surface/[${resolved.disabledStyles.textOpacity}]`]: {},
-            [`@apply bg-on-surface/[${resolved.disabledStyles.backgroundOpacity}]`]: {}
-          };
-        } else {
-          const opacity = stateName === "hover" ? 0.08 : 0.12;
-          newComponents[className] = {
-            [`@apply bg-${colorName}/[${opacity}]`]: {}
-          };
-        }
-      }
-    }
-    addComponents(newComponents);
-  };
-});
-const font = plugin.withOptions((options) => {
-  return ({
-    addUtilities,
-    theme
-  }) => {
-    const { fontStyles, responsiveBreakPoints } = options;
-    const pixelUnit = "rem";
-    const newUtilities = {};
-    const baseTextStyle = (sizeValue) => ({
-      fontSize: sizeValue.fontSize + pixelUnit,
-      fontWeight: sizeValue.fontWeight,
-      lineHeight: sizeValue.lineHeight + pixelUnit,
-      letterSpacing: sizeValue.letterSpacing ? sizeValue.letterSpacing + pixelUnit : null,
-      fontFamily: theme("fontFamily." + sizeValue.fontFamily)
-    });
-    const responsiveTextStyle = (sizeValue, breakPointName, breakPointRatio) => ({
-      [`@media (min-width: ${theme("screens." + breakPointName, {})})`]: {
-        fontSize: sizeValue.fontSize * breakPointRatio + pixelUnit,
-        lineHeight: sizeValue.lineHeight * breakPointRatio + pixelUnit
-      }
-    });
-    for (const [roleName, roleValue] of Object.entries(fontStyles)) {
-      for (const [sizeName, sizeValue] of Object.entries(roleValue)) {
-        newUtilities[`.text-${roleName}-${sizeName}`] = {
-          ...baseTextStyle(sizeValue),
-          ...Object.entries(responsiveBreakPoints).reduce(
-            (acc, [breakPointName, breakPointRatio]) => ({
-              ...acc,
-              ...responsiveTextStyle(
-                sizeValue,
-                breakPointName,
-                breakPointRatio
-              )
-            }),
-            {}
-          )
-        };
-      }
-    }
-    addUtilities(newUtilities);
-  };
-});
-const shadow = plugin(
-  ({ addUtilities }) => {
-    addUtilities({
-      [".shadow"]: {
-        boxShadow: "0 4px 10px #00000008, 0 0 2px #0000000f, 0 2px 6px #0000001f"
-      },
-      [".shadow-1"]: {
-        boxShadow: "0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
-      },
-      [".shadow-2"]: {
-        boxShadow: "0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)"
-      },
-      [".shadow-3"]: {
-        boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)"
-      },
-      [".shadow-4"]: {
-        boxShadow: "0px 2px 3px 0px rgba(0, 0, 0, 0.30), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)"
-      },
-      [".box-shadow-5"]: {
-        boxShadow: "0px 4px 4px 0px rgba(0, 0, 0, 0.30), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)"
-      }
-    });
-  }
-);
-const main = plugin.withOptions((args) => {
-  const configCss = args;
-  const fontStyles = {};
-  configCss.fontStyles.forEach((line) => {
-    const [styleToken, ...properties] = line.split(" ");
-    const [roleToken, sizeToken] = styleToken.split("-");
-    fontStyles[roleToken] ?? (fontStyles[roleToken] = {});
-    properties.forEach((properties2) => {
-      var _a;
-      (_a = fontStyles[roleToken])[sizeToken] ?? (_a[sizeToken] = {});
-      const [key, value] = properties2.slice(0, -1).split("[");
-      fontStyles[roleToken][sizeToken][key] = value;
-    });
-  });
-  let breakPointsCss = configCss.responsiveBreakPoints;
-  if (!Array.isArray(breakPointsCss)) {
-    breakPointsCss = [breakPointsCss];
-  }
-  const responsiveBreakPoints = {};
-  breakPointsCss.forEach((line) => {
-    const [key, value] = line.split(" ");
-    responsiveBreakPoints[key] = value;
-  });
-  const options = {
-    colorKeys: configCss.colorKeys,
-    fontStyles,
-    responsiveBreakPoints
-  };
-  return (api) => {
-    font(options).handler(api);
-    state(options).handler(api);
-    shadow.handler(api);
-  };
-});
-function createFlexibleSelector(...classes) {
-  classes = classes.filter((classeName) => !!classeName);
-  if (classes.length === 0) return "";
-  if (classes.length === 1 && classes[0]) return classes[0];
-  const selectors = [];
-  selectors.push(classes.join(""));
-  for (let i = 0; i < classes.length; i++) {
-    const ancestor = classes[i];
-    const descendants = classes.filter(
-      (className, index) => index !== i && !!className
-    );
-    if (descendants.length === 1) {
-      selectors.push(`${ancestor} ${descendants[0]}`);
-    } else if (descendants.length > 1) {
-      selectors.push(`${ancestor} ${descendants.join("")}`);
-      for (const desc of descendants) {
-        selectors.push(`${ancestor} ${desc}`);
-      }
-    }
-  }
-  for (let i = 0; i < classes.length; i++) {
-    for (let j = i + 1; j < classes.length; j++) {
-      selectors.push(`${classes[i]} ${classes[j]}`);
-      selectors.push(`${classes[j]} ${classes[i]}`);
-    }
-  }
-  const uniqueSelectors = [...new Set(selectors)];
-  return `:is(${uniqueSelectors.join(", ")})`;
-}
-function darkStyle({
-  selectors,
-  mode,
-  darkSelector,
-  styles
-}) {
-  selectors = selectors.filter((classeName) => !!classeName);
-  if (mode === "media") {
-    if (selectors.length !== 0) {
-      return `@media (prefers-color-scheme: dark) {
-    ${createFlexibleSelector(...selectors)} {
-      ${styles}
-    }
-  }
-`;
-    } else {
-      return `@media (prefers-color-scheme: dark) {
-    ${styles}
-  }
-`;
-    }
-  } else {
-    return `${createFlexibleSelector(...selectors, darkSelector)} {
-    ${styles}
-  }
-`;
-  }
-}
-class TailwindPlugin extends PluginAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "dependencies", [FontPlugin]);
-    __publicField(this, "name", "tailwind");
-    __publicField(this, "pluginClass", TailwindImplPluginBrowser);
-  }
-}
-class TailwindImplPluginBrowser extends PluginImplAbstract {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "outputCss", "");
-  }
-  onInit() {
-    var _a;
-    (_a = this.options).responsiveBreakPoints ?? (_a.responsiveBreakPoints = {
-      lg: 1.125
-    });
-    this.options = {
-      responsiveBreakPoints: {
-        lg: 1.125
-      },
-      darkMode: "class",
-      darkSelector: ".dark",
-      dynamicSelector: ".dynamic",
-      ...this.options
-    };
-  }
-  loadColor({ isDynamic }) {
-    let { dynamicSelector, darkSelector } = this.options;
-    if (!isDynamic) {
-      dynamicSelector = void 0;
-    }
-    const darkMode = this.options.darkMode ?? "class";
-    if (darkMode == "media") {
-      darkSelector = void 0;
-    }
-    const colors = this.getColors();
-    if (isDynamic) {
-      this.outputCss += `
-@layer theme {
-  .dynamic {
-    ${Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.light};`).join("\n  ")}
-  }
-}`;
-    } else {
-      this.outputCss += `
-@theme {
-  --color-*: initial;
-  ${Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.light};`).join("\n  ")}
-}`;
-    }
-    this.outputCss += `
-@layer theme {
-  ${darkStyle({
-      selectors: [dynamicSelector],
-      mode: darkMode,
-      darkSelector: darkSelector ?? "",
-      styles: Object.entries(colors).map(([key, value]) => `--color-${key}: ${value.dark};`).join("\n    ")
-    })} 
-}`;
-    for (const [key, value] of Object.entries(this.options.subThemes ?? {})) {
-      this.api.themes.update({ sourceColorHex: value });
-      const colors2 = this.getColors();
-      this.outputCss += `
-@layer theme {
-  ${createFlexibleSelector(dynamicSelector, ".theme-" + key)} {
-    ${Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")}
-    }
-}
-`;
-      this.outputCss += `
-@layer theme {
-  ${darkStyle({
-        selectors: [dynamicSelector, ".theme-" + key],
-        mode: darkMode,
-        darkSelector: darkSelector ?? "",
-        styles: Object.entries(colors2).map(([key2, value2]) => `--color-${key2}: ${value2.dark};`).join("\n    ")
-      })} 
-}`;
-    }
-  }
-  getColors() {
-    const colors = {};
-    for (const isDark of [false, true]) {
-      this.api.themes.update({ isDark });
-      for (const [key, value] of this.api.colors.getColors().entries()) {
-        const newKey = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-        colors[newKey] ?? (colors[newKey] = { light: "", dark: "" });
-        colors[newKey][isDark ? "dark" : "light"] = value.getHex();
-      }
-    }
-    return colors;
-  }
-  async onLoad() {
-    this.getColors();
-    if (typeof window !== "undefined") {
-      const { tailwindBrowserInit } = await import("./tailwind-browser-CTGKNrKy.js");
-      this.outputCss = await tailwindBrowserInit(this.outputCss);
-    }
-    this.loadColor({ isDynamic: true });
-  }
-}
-export {
-  TailwindImplPluginBrowser as T,
-  TailwindPlugin as a,
-  font as f,
-  main as m,
-  state as s
-};