daisyui 5.0.0-alpha.33 → 5.0.0-alpha.34

package/functions/addPrefix.js

@@ -0,0 +1,47 @@
+export const addPrefix = (obj, prefix) => {
+  const result = {};
+
+  const getPrefixedKey = (key) => {
+    // class selectors like ".btn"
+    if (key.startsWith('.')) {
+      return `.${prefix}${key.slice(1)}`;
+    }
+    // nested class selectors like "&.btn"
+    if (key.startsWith('&.')) {
+      return `&.${prefix}${key.slice(2)}`;
+    }
+    if (key.includes(' ')) {
+      // compound selectors like ".btn .icon"
+      return key.split(' ').map(part => part.startsWith('.') ? `.${prefix}${part.slice(1)}` : part).join(' ');
+    }
+    if (key.includes(':')) {
+      // pseudo-classes like ":hover"
+      return key.split(':').map((part, index) => index === 0 && part.startsWith('.') ? `.${prefix}${part.slice(1)}` : part).join(':');
+    }
+    if (key.startsWith('@media') || key.startsWith('@keyframes') || key.startsWith('[')) {
+      // media queries, keyframes, and attribute selectors
+      return key;
+    }
+    return key;
+  };
+
+  for (const [key, value] of Object.entries(obj)) {
+    const newKey = getPrefixedKey(key);
+
+    if (Array.isArray(value)) {
+      // arrays within the CSS object
+      result[newKey] = value.map(item => {
+        if (typeof item === 'string' && item.startsWith('.')) {
+          return `.${prefix}${item.slice(1)}`;
+        }
+        return item;
+      });
+    } else if (typeof value === 'object' && value !== null) {
+      result[newKey] = addPrefix(value, prefix);
+    } else {
+      result[newKey] = value;
+    }
+  }
+
+  return result;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "daisyui",
-  "version": "5.0.0-alpha.33",
+  "version": "5.0.0-alpha.34",
   "description": "daisyUI 5 - Tailwind CSS Component Library",
   "author": "Pouya Saadeghi",
   "license": "MIT",
@@ -50,6 +50,7 @@
     "base",
     "colors",
     "components",
+    "functions/addPrefix.js",
     "functions/plugin.js",
     "functions/pluginOptionsHandler.js",
     "functions/variables.js",