@macroui/macroui 4.0.3 → 4.0.4

package/dist/lib/addPrefix.js

@@ -0,0 +1,104 @@
+const Tokenizer = require("css-selector-tokenizer")
+
+function itMatchesOne(arr, term) {
+  return arr.some((i) => term.search(i) >= 0)
+}
+
+function parseAttrSelector(node) {
+  const { content } = node
+  const regex =
+    /(^class|^id)([*^?~|$=]*)+(?:("\s*)([^"\\]*?(?:\\.[^"\\]*)*?)(\s*")|('\s*)([^'\\]*?(?:\\.[^'\\]*)*?)(\s*'))/i
+
+  const [type, operator, head, classes, foot] = content.split(regex).filter((part) => part)
+
+  return {
+    type,
+    operator,
+    head,
+    classes: classes ? classes.split(" ").map((c) => c.replace(/"|'/g, "")) : [],
+    foot,
+  }
+}
+
+function attrStringify({ type, operator, head, classes, foot }) {
+  return `${type}${operator || ""}${head || ""}${classes.join(" ")}${foot || ""}`
+}
+
+function prefixNode(node, prefix) {
+  if (["class", "id"].includes(node.type)) {
+    return {
+      ...node,
+      name: `${prefix}${node.name}`,
+    }
+  }
+
+  if (["attribute"].includes(node.type) && node.content) {
+    const { type, operator, head, classes, foot } = parseAttrSelector(node)
+
+    if (!["class", "id"].includes(type)) return node
+
+    return {
+      ...node,
+      content: attrStringify({
+        type,
+        operator,
+        head,
+        classes: classes.map((cls) => `${prefix}${cls}`),
+        foot,
+      }),
+    }
+  }
+
+  return node
+}
+
+function iterateSelectorNodes(selector, options) {
+  const { prefix, ignore } = options
+  return {
+    ...selector,
+    nodes: selector.nodes.map((node) => {
+      if (["selector", "nested-pseudo-class"].includes(node.type)) {
+        return iterateSelectorNodes(node, options)
+      }
+
+      if (itMatchesOne(ignore, Tokenizer.stringify(node))) return node
+
+      return prefixNode(node, prefix)
+    }),
+  }
+}
+
+/**
+ * @type {import('postcss').PluginCreator}
+ */
+module.exports = (opts = {}) => {
+  const { prefix, ignore } = {
+    prefix: "",
+    ignore: [],
+    ...opts,
+  }
+
+  if (typeof prefix !== "string") {
+    throw new Error("prefix option should be of type string.")
+  }
+
+  if (!Array.isArray(ignore)) {
+    throw new Error("ignore options should be an Array.")
+  }
+
+  if (!prefix.length) return
+
+  return {
+    postcssPlugin: "addprefix",
+    Root(root, postcss) {
+      root.walkRules((rule) => {
+        const parsed = Tokenizer.parse(rule.selector)
+        const selector = iterateSelectorNodes(parsed, { prefix, ignore })
+
+        rule.selector = Tokenizer.stringify(selector)
+      })
+    },
+  }
+}
+
+module.exports.postcss = true

package/dist/lib/createPlugin.js

@@ -0,0 +1,19 @@
+function createPlugin(plugin, config) {
+  return {
+    handler: plugin,
+    config,
+  }
+}
+createPlugin.withOptions = (pluginFunction, configFunction = () => ({})) => {
+  const optionsFunction = (options) => ({
+    __options: options,
+    handler: pluginFunction(options),
+    config: configFunction(options),
+  })
+  optionsFunction.__isOptionsFunction = true
+  optionsFunction.__pluginFunction = pluginFunction
+  optionsFunction.__configFunction = configFunction
+  return optionsFunction
+}
+
+module.exports = createPlugin

package/dist/lib/responsiveRegex.js

@@ -0,0 +1,45 @@
+// regext for all daisyUI colors
+// ((primary|secondary|accent|neutral)(-content|))|((info|success|warning|error)(-content|))|(base)(-100|-200|-300|-content)
+
+// regex for all Tailwind CSS color utilities
+// (bg|to|via|from|text|ring|fill|caret|stroke|border|divide|accent|shadow|outline|decoration|placeholder|ring-offset)
+
+module.exports = [
+  {
+    pattern: /.*/,
+  },
+  {
+    // responsive utilities for daisyUI responsive modifiers
+    pattern: /.(sm|md|lg|xl)/,
+    variants: ["sm", "md", "lg", "xl"],
+  },
+  {
+    // responsive utilities for daisyUI components
+    pattern:
+      /(drawer-open|modal-(middle|top|bottom)|card-(side|compact|normal)|(stats|divider)-(horizontal|vertical)|dropdown-(end|top|bottom|left|right))/,
+    variants: ["sm", "md", "lg", "xl"],
+  },
+  {
+    // color utilities for daisyUI colors
+    pattern:
+      /(bg|to|via|from|text|fill|stroke|border|outline)-((primary|secondary|accent|neutral)(-content|))|((info|success|warning|error)(-content|))|(base)(-100|-200|-300|-content)/,
+    variants: [
+      // "first",
+      // "last",
+      // "odd",
+      // "even",
+      // "visited",
+      // "checked",
+      // "empty",
+      // "read-only",
+      // "group-hover",
+      // "group-focus",
+      // "focus-within",
+      "hover",
+      "focus",
+      // "focus-visible",
+      // "active",
+      // "disabled",
+    ],
+  },
+]

package/dist/lib/utility-classes.js

@@ -0,0 +1,7 @@
+module.exports = {
+  borderRadius: {
+    badge: "var(--rounded-badge, 1.9rem)",
+    btn: "var(--rounded-btn, 0.5rem)",
+    box: "var(--rounded-box, 1rem)",
+  },
+}

package/dist/theming/colorNames.js

@@ -0,0 +1,30 @@
+module.exports = {
+  "primary": "--p",
+  "primary-content": "--pc",
+
+  "secondary": "--s",
+  "secondary-content": "--sc",
+
+  "accent": "--a",
+  "accent-content": "--ac",
+
+  "neutral": "--n",
+  "neutral-content": "--nc",
+
+  "base-100": "--b1",
+  "base-200": "--b2",
+  "base-300": "--b3",
+  "base-content": "--bc",
+
+  "info": "--in",
+  "info-content": "--inc",
+
+  "success": "--su",
+  "success-content": "--suc",
+
+  "warning": "--wa",
+  "warning-content": "--wac",
+
+  "error": "--er",
+  "error-content": "--erc",
+}

package/dist/theming/functions.js

@@ -0,0 +1,262 @@
+const pc = require("picocolors")
+const colorNames = require("./colorNames")
+const themeDefaults = require("./themeDefaults")
+
+const { oklch, interpolate, wcagContrast } = require("culori/require")
+
+const colorIsInvalid = (input) => {
+  console.error(
+    `├─ ${pc.red("⚠︎")} ${pc.bgRed(" Error ")} Invalid color ${pc.red(input)} in ${pc.green(
+      "tailwind.config.js"
+    )}`
+  )
+}
+const cutNumber = (number) => {
+  try {
+    if (number) {
+      return +number.toFixed(6)
+    }
+    return 0
+  } catch (e) {
+    // colorIsInvalid(number)
+    return false
+  }
+}
+module.exports = {
+  isDark: (color) => {
+    try {
+      if (wcagContrast(color, "black") < wcagContrast(color, "white")) {
+        return true
+      }
+      return false
+    } catch (e) {
+      // colorIsInvalid(color)
+      return false
+    }
+  },
+
+  colorObjToString: (input) => {
+    const { l, c, h } = input
+    return `${Number.parseFloat((cutNumber(l) * 100).toFixed(6))}% ${cutNumber(c)} ${cutNumber(h)}`
+  },
+
+  generateForegroundColorFrom: function (input, percentage = 0.8) {
+    try {
+      const result = interpolate(
+        [input, this.isDark(input) ? "white" : "black"],
+        "oklch"
+      )(percentage)
+      return this.colorObjToString(result)
+    } catch (e) {
+      // colorIsInvalid(input)
+      return false
+    }
+  },
+
+  generateDarkenColorFrom: function (input, percentage = 0.07) {
+    try {
+      const result = interpolate([input, "black"], "oklch")(percentage)
+      return this.colorObjToString(result)
+    } catch (e) {
+      // colorIsInvalid(input)
+      return false
+    }
+  },
+
+  convertColorFormat: function (input) {
+    if (typeof input !== "object" || input === null) {
+      return input
+    }
+
+    const resultObj = {}
+
+    for (const [rule, value] of Object.entries(input)) {
+      if (Object.hasOwn(colorNames, rule)) {
+        try {
+          const colorObj = oklch(value)
+          resultObj[colorNames[rule]] = this.colorObjToString(colorObj)
+        } catch (e) {
+          colorIsInvalid(value)
+          return false
+        }
+      } else {
+        resultObj[rule] = value
+      }
+
+      // auto generate base colors
+      if (!Object.hasOwn(input, "base-100")) {
+        resultObj["--b1"] = "100% 0 0"
+      }
+      if (!Object.hasOwn(input, "base-200")) {
+        resultObj["--b2"] = this.generateDarkenColorFrom(input["base-100"], 0.07)
+      }
+      if (!Object.hasOwn(input, "base-300")) {
+        if (Object.hasOwn(input, "base-200")) {
+          resultObj["--b3"] = this.generateDarkenColorFrom(input["base-200"], 0.07)
+        } else {
+          resultObj["--b3"] = this.generateDarkenColorFrom(input["base-100"], 0.14)
+        }
+      }
+
+      // auto generate state colors
+
+      if (!Object.hasOwn(input, "info")) {
+        resultObj["--in"] = "72.06% 0.191 231.6"
+      }
+      if (!Object.hasOwn(input, "success")) {
+        resultObj["--su"] = "64.8% 0.150 160"
+      }
+      if (!Object.hasOwn(input, "warning")) {
+        resultObj["--wa"] = "84.71% 0.199 83.87"
+      }
+      if (!Object.hasOwn(input, "error")) {
+        resultObj["--er"] = "71.76% 0.221 22.18"
+      }
+
+      // auto generate content colors
+      if (!Object.hasOwn(input, "base-content")) {
+        resultObj["--bc"] = this.generateForegroundColorFrom(input["base-100"], 0.8)
+      }
+      if (!Object.hasOwn(input, "primary-content")) {
+        resultObj["--pc"] = this.generateForegroundColorFrom(input.primary, 0.8)
+      }
+      if (!Object.hasOwn(input, "secondary-content")) {
+        resultObj["--sc"] = this.generateForegroundColorFrom(input.secondary, 0.8)
+      }
+      if (!Object.hasOwn(input, "accent-content")) {
+        resultObj["--ac"] = this.generateForegroundColorFrom(input.accent, 0.8)
+      }
+      if (!Object.hasOwn(input, "neutral-content")) {
+        resultObj["--nc"] = this.generateForegroundColorFrom(input.neutral, 0.8)
+      }
+      if (!Object.hasOwn(input, "info-content")) {
+        if (Object.hasOwn(input, "info")) {
+          resultObj["--inc"] = this.generateForegroundColorFrom(input.info, 0.8)
+        } else {
+          resultObj["--inc"] = "0% 0 0"
+        }
+      }
+      if (!Object.hasOwn(input, "success-content")) {
+        if (Object.hasOwn(input, "success")) {
+          resultObj["--suc"] = this.generateForegroundColorFrom(input.success, 0.8)
+        } else {
+          resultObj["--suc"] = "0% 0 0"
+        }
+      }
+      if (!Object.hasOwn(input, "warning-content")) {
+        if (Object.hasOwn(input, "warning")) {
+          resultObj["--wac"] = this.generateForegroundColorFrom(input.warning, 0.8)
+        } else {
+          resultObj["--wac"] = "0% 0 0"
+        }
+      }
+      if (!Object.hasOwn(input, "error-content")) {
+        if (Object.hasOwn(input, "error")) {
+          resultObj["--erc"] = this.generateForegroundColorFrom(input.error, 0.8)
+        } else {
+          resultObj["--erc"] = "0% 0 0"
+        }
+      }
+
+      // add css variables if not exist
+      for (const item of Object.entries(themeDefaults.variables)) {
+        const [variable, value] = item
+        if (!Object.hasOwn(input, variable)) {
+          resultObj[variable] = value
+        }
+      }
+
+      // add other custom styles
+      if (!Object.hasOwn(colorNames, rule)) {
+        resultObj[rule] = value
+      }
+    }
+
+    return resultObj
+  },
+
+  injectThemes: function (addBase, config, themes) {
+    const includedThemesObj = {}
+    // add default themes
+    const themeRoot = config("daisyui.themeRoot") ?? ":root"
+    for (const [theme, value] of Object.entries(themes)) {
+      includedThemesObj[theme] = this.convertColorFormat(value)
+    }
+
+    // add custom themes
+    if (Array.isArray(config("daisyui.themes"))) {
+      for (const item of config("daisyui.themes")) {
+        if (typeof item === "object" && item !== null) {
+          for (const [customThemeName, customThemevalue] of Object.entries(item)) {
+            includedThemesObj[customThemeName] = this.convertColorFormat(customThemevalue)
+          }
+        }
+      }
+    }
+
+    let themeOrder = []
+    if (Array.isArray(config("daisyui.themes"))) {
+      for (const theme of config("daisyui.themes")) {
+        if (typeof theme === "object" && theme !== null) {
+          for (const customThemeName of Object.keys(theme)) {
+            themeOrder.push(customThemeName)
+          }
+        } else if (Object.hasOwn(includedThemesObj, theme)) {
+          themeOrder.push(theme)
+        }
+      }
+    } else if (config("daisyui.themes") === true) {
+      themeOrder = themeDefaults.themeOrder
+    } else {
+      themeOrder = ["light", "dark"]
+    }
+
+    // inject themes in order
+    const themesToInject = {}
+    themeOrder.forEach((themeName, index) => {
+      if (index === 0) {
+        // first theme as root
+        themesToInject[themeRoot] = includedThemesObj[themeName]
+      } else if (index === 1) {
+        // auto dark
+        if (config("daisyui.darkTheme")) {
+          if (
+            themeOrder[0] !== config("daisyui.darkTheme") &&
+            themeOrder.includes(config("daisyui.darkTheme"))
+          ) {
+            themesToInject["@media (prefers-color-scheme: dark)"] = {
+              [themeRoot]: includedThemesObj[`${config("daisyui.darkTheme")}`],
+            }
+          }
+        } else if (config("daisyui.darkTheme") === false) {
+          // disables prefers-color-scheme: dark
+        } else {
+          if (themeOrder[0] !== "dark" && themeOrder.includes("dark")) {
+            themesToInject["@media (prefers-color-scheme: dark)"] = {
+              [themeRoot]: includedThemesObj.dark,
+            }
+          }
+        }
+        // theme 0 with name
+        themesToInject[`[data-theme=${themeOrder[0]}]`] = includedThemesObj[themeOrder[0]]
+        themesToInject[`${themeRoot}:has(input.theme-controller[value=${themeOrder[0]}]:checked)`] =
+          includedThemesObj[themeOrder[0]]
+        // theme 1 with name
+        themesToInject[`[data-theme=${themeOrder[1]}]`] = includedThemesObj[themeOrder[1]]
+        themesToInject[`${themeRoot}:has(input.theme-controller[value=${themeOrder[1]}]:checked)`] =
+          includedThemesObj[themeOrder[1]]
+      } else {
+        themesToInject[`[data-theme=${themeName}]`] = includedThemesObj[themeName]
+        themesToInject[`${themeRoot}:has(input.theme-controller[value=${themeName}]:checked)`] =
+          includedThemesObj[themeName]
+      }
+    })
+
+    addBase(themesToInject)
+
+    return {
+      includedThemesObj,
+      themeOrder,
+    }
+  },
+}

package/dist/theming/index.js

@@ -0,0 +1,35 @@
+const colorObject = {
+  "transparent": "transparent",
+  "current": "currentColor",
+
+  "primary": "var(--fallback-p,oklch(var(--p)/<alpha-value>))",
+  "primary-content": "var(--fallback-pc,oklch(var(--pc)/<alpha-value>))",
+
+  "secondary": "var(--fallback-s,oklch(var(--s)/<alpha-value>))",
+  "secondary-content": "var(--fallback-sc,oklch(var(--sc)/<alpha-value>))",
+
+  "accent": "var(--fallback-a,oklch(var(--a)/<alpha-value>))",
+  "accent-content": "var(--fallback-ac,oklch(var(--ac)/<alpha-value>))",
+
+  "neutral": "var(--fallback-n,oklch(var(--n)/<alpha-value>))",
+  "neutral-content": "var(--fallback-nc,oklch(var(--nc)/<alpha-value>))",
+
+  "base-100": "var(--fallback-b1,oklch(var(--b1)/<alpha-value>))",
+  "base-200": "var(--fallback-b2,oklch(var(--b2)/<alpha-value>))",
+  "base-300": "var(--fallback-b3,oklch(var(--b3)/<alpha-value>))",
+  "base-content": "var(--fallback-bc,oklch(var(--bc)/<alpha-value>))",
+
+  "info": "var(--fallback-in,oklch(var(--in)/<alpha-value>))",
+  "info-content": "var(--fallback-inc,oklch(var(--inc)/<alpha-value>))",
+
+  "success": "var(--fallback-su,oklch(var(--su)/<alpha-value>))",
+  "success-content": "var(--fallback-suc,oklch(var(--suc)/<alpha-value>))",
+
+  "warning": "var(--fallback-wa,oklch(var(--wa)/<alpha-value>))",
+  "warning-content": "var(--fallback-wac,oklch(var(--wac)/<alpha-value>))",
+
+  "error": "var(--fallback-er,oklch(var(--er)/<alpha-value>))",
+  "error-content": "var(--fallback-erc,oklch(var(--erc)/<alpha-value>))",
+}
+
+module.exports = colorObject

package/dist/theming/themeDefaults.js

@@ -0,0 +1,47 @@
+module.exports = {
+  themeOrder: [
+    "light",
+    "dark",
+    "cupcake",
+    "bumblebee",
+    "emerald",
+    "corporate",
+    "synthwave",
+    "retro",
+    "cyberpunk",
+    "valentine",
+    "halloween",
+    "garden",
+    "forest",
+    "aqua",
+    "lofi",
+    "pastel",
+    "fantasy",
+    "wireframe",
+    "black",
+    "luxury",
+    "dracula",
+    "cmyk",
+    "autumn",
+    "business",
+    "acid",
+    "lemonade",
+    "night",
+    "coffee",
+    "winter",
+    "dim",
+    "nord",
+    "sunset",
+  ],
+  variables: {
+    "--rounded-box": "1rem",
+    "--rounded-btn": "0.5rem",
+    "--rounded-badge": "1.9rem",
+    "--animation-btn": "0.25s",
+    "--animation-input": ".2s",
+    "--btn-focus-scale": "0.95",
+    "--border-btn": "1px",
+    "--tab-border": "1px",
+    "--tab-radius": "0.5rem",
+  },
+}

package/dist/theming/themes.d.ts

@@ -0,0 +1,5 @@
+import type { CustomTheme, Theme } from "../index"
+
+declare const themes: Record<`${Theme}`, CustomTheme[string]>
+
+export = themes

package/dist/theming/themes.js

@@ -0,0 +1,485 @@
+module.exports = {
+  aqua: {
+    "color-scheme": "dark",
+    "primary": "#09ecf3",
+    "primary-content": "#005355",
+    "secondary": "#966fb3",
+    "accent": "#ffe999",
+    "neutral": "#3b8ac4",
+    "base-100": "#345da7",
+    "info": "#2563eb",
+    "success": "#16a34a",
+    "warning": "#d97706",
+    "error": "oklch(73.95% 0.19 27.33)",
+  },
+  black: {
+    "color-scheme": "dark",
+    "primary": "#373737",
+    "secondary": "#373737",
+    "accent": "#373737",
+    "base-100": "#000000",
+    "base-200": "#141414",
+    "base-300": "#262626",
+    "base-content": "#d6d6d6",
+    "neutral": "#373737",
+    "info": "#0000ff",
+    "success": "#008000",
+    "warning": "#ffff00",
+    "error": "#ff0000",
+    "--rounded-box": "0",
+    "--rounded-btn": "0",
+    "--rounded-badge": "0",
+    "--animation-btn": "0",
+    "--animation-input": "0",
+    "--btn-focus-scale": "1",
+    "--tab-radius": "0",
+  },
+  bumblebee: {
+    "color-scheme": "light",
+    "primary": "oklch(89.51% 0.2132 96.61)",
+    "primary-content": "oklch(38.92% 0.046 96.61)",
+    "secondary": "oklch(80.39% 0.194 70.76)",
+    "secondary-content": "oklch(39.38% 0.068 70.76)",
+    "accent": "oklch(81.27% 0.157 56.52)",
+    "neutral": "oklch(12.75% 0.075 281.99)",
+    "base-100": "oklch(100% 0 0)",
+  },
+  cmyk: {
+    "color-scheme": "light",
+    "primary": "#45AEEE",
+    "secondary": "#E8488A",
+    "accent": "#FFF232",
+    "neutral": "#1a1a1a",
+    "base-100": "oklch(100% 0 0)",
+    "info": "#4AA8C0",
+    "success": "#823290",
+    "warning": "#EE8133",
+    "error": "#E93F33",
+  },
+  corporate: {
+    "color-scheme": "light",
+    "primary": "oklch(60.39% 0.228 269.1)",
+    "secondary": "#7b92b2",
+    "accent": "#67cba0",
+    "neutral": "#181a2a",
+    "neutral-content": "#edf2f7",
+    "base-100": "oklch(100% 0 0)",
+    "base-content": "#181a2a",
+    "--rounded-box": "0.25rem",
+    "--rounded-btn": ".125rem",
+    "--rounded-badge": ".125rem",
+    "--tab-radius": "0.25rem",
+    "--animation-btn": "0",
+    "--animation-input": "0",
+    "--btn-focus-scale": "1",
+  },
+  cupcake: {
+    "color-scheme": "light",
+    "primary": "#65c3c8",
+    "secondary": "#ef9fbc",
+    "accent": "#eeaf3a",
+    "neutral": "#291334",
+    "base-100": "#faf7f5",
+    "base-200": "#efeae6",
+    "base-300": "#e7e2df",
+    "base-content": "#291334",
+    "--rounded-btn": "1.9rem",
+    "--tab-border": "2px",
+    "--tab-radius": "0.7rem",
+  },
+  cyberpunk: {
+    "color-scheme": "light",
+    "fontFamily":
+      "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace",
+    "primary": "oklch(74.22% 0.209 6.35)",
+    "secondary": "oklch(83.33% 0.184 204.72)",
+    "accent": "oklch(71.86% 0.2176 310.43)",
+    "neutral": "oklch(23.04% 0.065 269.31)",
+    "neutral-content": "oklch(94.51% 0.179 104.32)",
+    "base-100": "oklch(94.51% 0.179 104.32)",
+    "--rounded-box": "0",
+    "--rounded-btn": "0",
+    "--rounded-badge": "0",
+    "--tab-radius": "0",
+  },
+  dark: {
+    "color-scheme": "dark",
+    "primary": "oklch(65.69% 0.196 275.75)",
+    "secondary": "oklch(74.8% 0.26 342.55)",
+    "accent": "oklch(74.51% 0.167 183.61)",
+    "neutral": "#2a323c",
+    "neutral-content": "#A6ADBB",
+    "base-100": "#1d232a",
+    "base-200": "#191e24",
+    "base-300": "#15191e",
+    "base-content": "#A6ADBB",
+  },
+  dracula: {
+    "color-scheme": "dark",
+    "primary": "#ff79c6",
+    "secondary": "#bd93f9",
+    "accent": "#ffb86c",
+    "neutral": "#414558",
+    "base-100": "#282a36",
+    "base-content": "#f8f8f2",
+    "info": "#8be9fd",
+    "success": "#50fa7b",
+    "warning": "#f1fa8c",
+    "error": "#ff5555",
+  },
+  emerald: {
+    "color-scheme": "light",
+    "primary": "#66cc8a",
+    "primary-content": "#223D30",
+    "secondary": "#377cfb",
+    "secondary-content": "#fff",
+    "accent": "#f68067",
+    "accent-content": "#000",
+    "neutral": "#333c4d",
+    "neutral-content": "#f9fafb",
+    "base-100": "oklch(100% 0 0)",
+    "base-content": "#333c4d",
+    "--animation-btn": "0",
+    "--animation-input": "0",
+    "--btn-focus-scale": "1",
+  },
+  fantasy: {
+    "color-scheme": "light",
+    "primary": "oklch(37.45% 0.189 325.02)",
+    "secondary": "oklch(53.92% 0.162 241.36)",
+    "accent": "oklch(75.98% 0.204 56.72)",
+    "neutral": "#1f2937",
+    "base-100": "oklch(100% 0 0)",
+    "base-content": "#1f2937",
+  },
+  forest: {
+    "color-scheme": "dark",
+    "primary": "#1eb854",
+    "primary-content": "#000000",
+    "secondary": "#1DB88E",
+    "accent": "#1DB8AB",
+    "neutral": "#19362D",
+    "base-100": "#171212",
+    "--rounded-btn": "1.9rem",
+  },
+  garden: {
+    "color-scheme": "light",
+    "primary": "oklch(62.45% 0.278 3.8363600743192197)",
+    "primary-content": "#fff",
+    "secondary": "#8E4162",
+    "accent": "#5c7f67",
+    "neutral": "#291E00",
+    "neutral-content": "#e9e7e7",
+    "base-100": "#e9e7e7",
+    "base-content": "#100f0f",
+  },
+  halloween: {
+    "color-scheme": "dark",
+    "primary": "oklch(77.48% 0.204 60.62)",
+    "primary-content": "#131616",
+    "secondary": "oklch(45.98% 0.248 305.03)",
+    "accent": "oklch(64.8% 0.223 136.07347934356451)",
+    "accent-content": "#000000",
+    "neutral": "#2F1B05",
+    "base-100": "#212121",
+    "info": "#2563eb",
+    "success": "#16a34a",
+    "warning": "#d97706",
+    "error": "oklch(65.72% 0.199 27.33)",
+  },
+  light: {
+    "color-scheme": "light",
+    "primary": "oklch(49.12% 0.3096 275.75)",
+    "secondary": "oklch(69.71% 0.329 342.55)",
+    "secondary-content": "oklch(98.71% 0.0106 342.55)",
+    "accent": "oklch(76.76% 0.184 183.61)",
+    "neutral": "#2B3440",
+    "neutral-content": "#D7DDE4",
+    "base-100": "oklch(100% 0 0)",
+    "base-200": "#F2F2F2",
+    "base-300": "#E5E6E6",
+    "base-content": "#1f2937",
+  },
+  lofi: {
+    "color-scheme": "light",
+    "primary": "#0D0D0D",
+    "primary-content": "oklch(100% 0 0)",
+    "secondary": "#1A1919",
+    "secondary-content": "oklch(100% 0 0)",
+    "accent": "#262626",
+    "accent-content": "oklch(100% 0 0)",
+    "neutral": "#000000",
+    "neutral-content": "oklch(100% 0 0)",
+    "base-100": "oklch(100% 0 0)",
+    "base-200": "#F2F2F2",
+    "base-300": "#E6E5E5",
+    "base-content": "#000000",
+    "info": "oklch(79.54% 0.103 205.9)",
+    "success": "oklch(90.13% 0.153 164.14)",
+    "warning": "oklch(88.37% 0.135 79.94)",
+    "error": "oklch(78.66% 0.15 28.47)",
+    "--rounded-box": "0.25rem",
+    "--rounded-btn": "0.125rem",
+    "--rounded-badge": "0.125rem",
+    "--tab-radius": "0.125rem",
+    "--animation-btn": "0",
+    "--animation-input": "0",
+    "--btn-focus-scale": "1",
+  },
+  luxury: {
+    "color-scheme": "dark",
+    "primary": "oklch(100% 0 0)",
+    "secondary": "#152747",
+    "accent": "#513448",
+    "neutral": "#331800",
+    "neutral-content": "#FFE7A3",
+    "base-100": "#09090b",
+    "base-200": "#171618",
+    "base-300": "#2e2d2f",
+    "base-content": "#dca54c",
+    "info": "#66c6ff",
+    "success": "#87d039",
+    "warning": "#e2d562",
+    "error": "#ff6f6f",
+  },
+  pastel: {
+    "color-scheme": "light",
+    "primary": "#d1c1d7",
+    "secondary": "#f6cbd1",
+    "accent": "#b4e9d6",
+    "neutral": "#70acc7",
+    "base-100": "oklch(100% 0 0)",
+    "base-200": "#f9fafb",
+    "base-300": "#d1d5db",
+    "--rounded-btn": "1.9rem",
+    "--tab-radius": "0.7rem",
+  },
+  retro: {
+    "color-scheme": "light",
+    "primary": "#ef9995",
+    "primary-content": "#282425",
+    "secondary": "#a4cbb4",
+    "secondary-content": "#282425",
+    "accent": "#DC8850",
+    "accent-content": "#282425",
+    "neutral": "#2E282A",
+    "neutral-content": "#EDE6D4",
+    "base-100": "#ece3ca",
+    "base-200": "#e4d8b4",
+    "base-300": "#DBCA9A",
+    "base-content": "#282425",
+    "info": "#2563eb",
+    "success": "#16a34a",
+    "warning": "#d97706",
+    "error": "oklch(65.72% 0.199 27.33)",
+    "--rounded-box": "0.4rem",
+    "--rounded-btn": "0.4rem",
+    "--rounded-badge": "0.4rem",
+    "--tab-radius": "0.4rem",
+  },
+  synthwave: {
+    "color-scheme": "dark",
+    "primary": "#e779c1",
+    "secondary": "#58c7f3",
+    "accent": "oklch(88.04% 0.206 93.72)",
+    "neutral": "#221551",
+    "neutral-content": "#f9f7fd",
+    "base-100": "#1a103d",
+    "base-content": "#f9f7fd",
+    "info": "#53c0f3",
+    "info-content": "#201047",
+    "success": "#71ead2",
+    "success-content": "#201047",
+    "warning": "#eace6c",
+    "warning-content": "#201047",
+    "error": "#ec8c78",
+    "error-content": "#201047",
+  },
+  valentine: {
+    "color-scheme": "light",
+    "primary": "#e96d7b",
+    "secondary": "#a991f7",
+    "accent": "#66b1b3",
+    "neutral": "#af4670",
+    "neutral-content": "#f0d6e8",
+    "base-100": "#fae7f4",
+    "base-content": "#632c3b",
+    "info": "#2563eb",
+    "success": "#16a34a",
+    "warning": "#d97706",
+    "error": "oklch(73.07% 0.207 27.33)",
+    "--rounded-btn": "1.9rem",
+    "--tab-radius": "0.7rem",
+  },
+  wireframe: {
+    "color-scheme": "light",
+    "fontFamily": "Chalkboard,comic sans ms,'sans-serif'",
+    "primary": "#b8b8b8",
+    "secondary": "#b8b8b8",
+    "accent": "#b8b8b8",
+    "neutral": "#ebebeb",
+    "base-100": "oklch(100% 0 0)",
+    "base-200": "#eeeeee",
+    "base-300": "#dddddd",
+    "info": "#0000ff",
+    "success": "#008000",
+    "warning": "#a6a659",
+    "error": "#ff0000",
+    "--rounded-box": "0.2rem",
+    "--rounded-btn": "0.2rem",
+    "--rounded-badge": "0.2rem",
+    "--tab-radius": "0.2rem",
+  },
+  autumn: {
+    "color-scheme": "light",
+    "primary": "#8C0327",
+    "secondary": "#D85251",
+    "accent": "#D59B6A",
+    "neutral": "#826A5C",
+    "base-100": "#f1f1f1",
+    "info": "#42ADBB",
+    "success": "#499380",
+    "warning": "#E97F14",
+    "error": "oklch(53.07% 0.241 24.16)",
+  },
+  business: {
+    "color-scheme": "dark",
+    "primary": "#1C4E80",
+    "secondary": "#7C909A",
+    "accent": "#EA6947",
+    "neutral": "#23282E",
+    "base-100": "#202020",
+    "info": "#0091D5",
+    "success": "#6BB187",
+    "warning": "#DBAE59",
+    "error": "#AC3E31",
+    "--rounded-box": "0.25rem",
+    "--rounded-btn": ".125rem",
+    "--rounded-badge": ".125rem",
+  },
+  acid: {
+    "color-scheme": "light",
+    "primary": "oklch(71.9% 0.357 330.7595734057481)",
+    "secondary": "oklch(73.37% 0.224 48.25087840015526)",
+    "accent": "oklch(92.78% 0.264 122.96295065960891)",
+    "neutral": "oklch(21.31% 0.128 278.68)",
+    "base-100": "#fafafa",
+    "info": "oklch(60.72% 0.227 252.05)",
+    "success": "oklch(85.72% 0.266 158.53)",
+    "warning": "oklch(91.01% 0.212 100.5)",
+    "error": "oklch(64.84% 0.293 29.34918758658804)",
+    "--rounded-box": "1.25rem",
+    "--rounded-btn": "1rem",
+    "--rounded-badge": "1rem",
+    "--tab-radius": "0.7rem",
+  },
+  lemonade: {
+    "color-scheme": "light",
+    "primary": "oklch(58.92% 0.199 134.6)",
+    "secondary": "oklch(77.75% 0.196 111.09)",
+    "accent": "oklch(85.39% 0.201 100.73)",
+    "neutral": "oklch(30.98% 0.075 108.6)",
+    "base-100": "oklch(98.71% 0.02 123.72)",
+    "info": "oklch(86.19% 0.047 224.14)",
+    "success": "oklch(86.19% 0.047 157.85)",
+    "warning": "oklch(86.19% 0.047 102.15)",
+    "error": "oklch(86.19% 0.047 25.85)",
+  },
+  night: {
+    "color-scheme": "dark",
+    "primary": "#38bdf8",
+    "secondary": "#818CF8",
+    "accent": "#F471B5",
+    "neutral": "#1E293B",
+    "base-100": "#0F172A",
+    "info": "#0CA5E9",
+    "info-content": "#000000",
+    "success": "#2DD4BF",
+    "warning": "#F4BF50",
+    "error": "#FB7085",
+  },
+  coffee: {
+    "color-scheme": "dark",
+    "primary": "#DB924B",
+    "secondary": "#263E3F",
+    "accent": "#10576D",
+    "neutral": "#120C12",
+    "base-100": "#20161F",
+    "base-content": "#c59f60",
+    "info": "#8DCAC1",
+    "success": "#9DB787",
+    "warning": "#FFD25F",
+    "error": "#FC9581",
+  },
+  winter: {
+    "color-scheme": "light",
+    "primary": "oklch(56.86% 0.255 257.57)",
+    "secondary": "#463AA2",
+    "accent": "#C148AC",
+    "neutral": "#021431",
+    "base-100": "oklch(100% 0 0)",
+    "base-200": "#F2F7FF",
+    "base-300": "#E3E9F4",
+    "base-content": "#394E6A",
+    "info": "#93E7FB",
+    "success": "#81CFD1",
+    "warning": "#EFD7BB",
+    "error": "#E58B8B",
+  },
+  dim: {
+    "color-scheme": "dark",
+    "primary": "#9FE88D",
+    "secondary": "#FF7D5C",
+    "accent": "#C792E9",
+    "neutral": "#1c212b",
+    "neutral-content": "#B2CCD6",
+    "base-100": "#2A303C",
+    "base-200": "#242933",
+    "base-300": "#20252E",
+    "base-content": "#B2CCD6",
+    "info": "#28ebff",
+    "success": "#62efbd",
+    "warning": "#efd057",
+    "error": "#ffae9b",
+  },
+  nord: {
+    "color-scheme": "light",
+    "primary": "#5E81AC",
+    "secondary": "#81A1C1",
+    "accent": "#88C0D0",
+    "neutral": "#4C566A",
+    "neutral-content": "#D8DEE9",
+    "base-100": "#ECEFF4",
+    "base-200": "#E5E9F0",
+    "base-300": "#D8DEE9",
+    "base-content": "#2E3440",
+    "info": "#B48EAD",
+    "success": "#A3BE8C",
+    "warning": "#EBCB8B",
+    "error": "#BF616A",
+    "--rounded-box": "0.4rem",
+    "--rounded-btn": "0.2rem",
+    "--rounded-badge": "0.4rem",
+    "--tab-radius": "0.2rem",
+  },
+  sunset: {
+    "color-scheme": "dark",
+    "primary": "#FF865B",
+    "secondary": "#FD6F9C",
+    "accent": "#B387FA",
+    "neutral": "oklch(26% 0.019 237.69)",
+    "neutral-content": "oklch(70% 0.019 237.69)",
+    "base-100": "oklch(22% 0.019 237.69)",
+    "base-200": "oklch(20% 0.019 237.69)",
+    "base-300": "oklch(18% 0.019 237.69)",
+    "base-content": "#9fb9d0",
+    "info": "#89e0eb",
+    "success": "#addfad",
+    "warning": "#f1c891",
+    "error": "#ffbbbd",
+    "--rounded-box": "1.2rem",
+    "--rounded-btn": "0.8rem",
+    "--rounded-badge": "0.4rem",
+    "--tab-radius": "0.7rem",
+  },
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@macroui/macroui",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "description": "Macroui - Tailwind CSS Component Library",
   "author": "Macroui <peng.deyou@gmail.com>",
   "license": "MIT",