vueless 0.0.656 → 0.0.657

package/composables/useUI.ts

@@ -95,7 +95,7 @@ export default function useUI<T>(
 
       classes = classes.replaceAll(EXTENDS_PATTERN_REG_EXP, "");
 
-      return color ? setColor(classes, color) : classes;
+      return color && !getNestedComponent(value) ? setColor(classes, color) : classes;
     });
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.656",
+  "version": "0.0.657",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.button-toggle-item/config.ts

@@ -3,7 +3,6 @@ export default /*tw*/ {
     base: "{UButton} font-normal",
     defaults: {
       variant: "thirdary",
-      color: "brand",
     },
   },
   toggleButtonInactive: "{>toggleButton} text-gray-900",

package/utils/node/tailwindSafelist.js

@@ -214,7 +214,9 @@ async function findComponentColors(componentName, files, vuelessConfigFiles) {
     const fileContent = await readFile(file, "utf-8");
     const isDefaultConfig = isDefaultComponentConfig(file, componentName);
     const componentRegExp = new RegExp(`<${componentName}[^>]+>`, "g");
+    const componentExtendExp = new RegExp(`{${componentName}}`, "g");
     const matchedComponent = fileContent.match(componentRegExp);
+    const matchedExtendComponent = fileContent.match(componentExtendExp);
 
     if (!isComponentExists) {
       isComponentExists = Boolean(matchedComponent);
@@ -228,6 +230,14 @@ async function findComponentColors(componentName, files, vuelessConfigFiles) {
       });
     }
 
+    if (matchedExtendComponent) {
+      const objectColors = objectColorRegExp.exec(fileContent) || [];
+
+      objectColors.forEach((color) => {
+        if (color) colors.add(color);
+      });
+    }
+
     /* Collect color from U[Component] */
     matchedComponent?.forEach((match) => {
       const [, singleColor] = singleColorRegExp.exec(match) || [];