@removify/tailwind-preset 0.2.0 → 0.2.1

package/dist/{chunk-QZWKJNXG.js → chunk-I5TUIFQV.js}

@@ -340,28 +340,62 @@ var boxShadow = {
 };
 
 // src/theme/index.ts
-function buildTheme(options = {}) {
+function buildTheme(object, option = {}) {
+  const {
+    enabled = true,
+    prefix = ""
+  } = option;
+  if (!enabled) {
+    return null;
+  }
+  if (prefix) {
+    Object.entries(object).map(([k, v]) => [`${prefix}${k}`, v]);
+  }
+  return object;
+}
+function factory(options = {}) {
   const theme = {};
-  if (options.colors !== false) {
-    theme.colors = colors;
+  if (options.colors?.enabled !== false) {
+    const _colors = buildTheme(colors, options.colors);
+    if (_colors != null) {
+      theme.colors = _colors;
+    }
   }
-  if (options.boxShadow !== false) {
-    theme.boxShadow = boxShadow;
+  if (options.boxShadow?.enabled !== false) {
+    const _boxShadow = buildTheme(boxShadow, options.boxShadow);
+    if (_boxShadow != null) {
+      theme.boxShadow = _boxShadow;
+    }
   }
-  if (options.fontSize !== false) {
-    theme.fontSize = fontSize;
+  if (options.fontSize?.enabled !== false) {
+    const _fontSize = buildTheme(fontSize, options.fontSize);
+    if (_fontSize != null) {
+      theme.fontSize = _fontSize;
+    }
   }
-  if (options.fontFamily !== false) {
-    theme.fontFamily = customFontFamily;
+  if (options.fontFamily?.enabled !== false) {
+    const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
+    if (_fontFamily != null) {
+      theme.fontFamily = _fontFamily;
+    }
   }
-  if (options.animation !== false) {
-    theme.animation = animation;
+  if (options.animation?.enabled !== false) {
+    const _animation = buildTheme(animation, options.animation);
+    if (_animation != null) {
+      theme.animation = _animation;
+    }
   }
-  if (options.keyframes !== false) {
-    theme.keyframes = keyframes;
+  if (options.keyframes?.enabled !== false) {
+    const _keyframes = buildTheme(keyframes, options.keyframes);
+    if (_keyframes != null) {
+      theme.keyframes = _keyframes;
+    }
   }
-  if (options.screens !== false) {
-    theme.screens = screens;
+  if (options.screens?.enabled !== false) {
+    const _screens = buildTheme(screens, options.screens);
+    if (_screens != null) {
+      theme.screens = _screens;
+    }
   }
   return theme;
 }
@@ -390,6 +424,7 @@ export {
   screens,
   boxShadow,
   buildTheme,
+  factory,
   defaultTheme,
   unocssTheme
 };

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 import {
   colors
-} from "../chunk-QZWKJNXG.js";
+} from "../chunk-I5TUIFQV.js";
 
 // src/cli/index.ts
 import process from "process";

package/dist/index.cjs

@@ -38,6 +38,7 @@ __export(src_exports, {
   colorsNames: () => colorsNames,
   default: () => src_default,
   defaultTheme: () => defaultTheme,
+  factory: () => factory,
   fontFamily: () => customFontFamily,
   fontSize: () => fontSize,
   keyframes: () => keyframes,
@@ -393,28 +394,62 @@ var boxShadow = {
 };
 
 // src/theme/index.ts
-function buildTheme(options = {}) {
+function buildTheme(object, option = {}) {
+  const {
+    enabled = true,
+    prefix = ""
+  } = option;
+  if (!enabled) {
+    return null;
+  }
+  if (prefix) {
+    Object.entries(object).map(([k, v]) => [`${prefix}${k}`, v]);
+  }
+  return object;
+}
+function factory(options = {}) {
   const theme = {};
-  if (options.colors !== false) {
-    theme.colors = colors;
+  if (options.colors?.enabled !== false) {
+    const _colors = buildTheme(colors, options.colors);
+    if (_colors != null) {
+      theme.colors = _colors;
+    }
   }
-  if (options.boxShadow !== false) {
-    theme.boxShadow = boxShadow;
+  if (options.boxShadow?.enabled !== false) {
+    const _boxShadow = buildTheme(boxShadow, options.boxShadow);
+    if (_boxShadow != null) {
+      theme.boxShadow = _boxShadow;
+    }
   }
-  if (options.fontSize !== false) {
-    theme.fontSize = fontSize;
+  if (options.fontSize?.enabled !== false) {
+    const _fontSize = buildTheme(fontSize, options.fontSize);
+    if (_fontSize != null) {
+      theme.fontSize = _fontSize;
+    }
   }
-  if (options.fontFamily !== false) {
-    theme.fontFamily = customFontFamily;
+  if (options.fontFamily?.enabled !== false) {
+    const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
+    if (_fontFamily != null) {
+      theme.fontFamily = _fontFamily;
+    }
   }
-  if (options.animation !== false) {
-    theme.animation = animation2;
+  if (options.animation?.enabled !== false) {
+    const _animation = buildTheme(animation2, options.animation);
+    if (_animation != null) {
+      theme.animation = _animation;
+    }
   }
-  if (options.keyframes !== false) {
-    theme.keyframes = keyframes;
+  if (options.keyframes?.enabled !== false) {
+    const _keyframes = buildTheme(keyframes, options.keyframes);
+    if (_keyframes != null) {
+      theme.keyframes = _keyframes;
+    }
   }
-  if (options.screens !== false) {
-    theme.screens = screens;
+  if (options.screens?.enabled !== false) {
+    const _screens = buildTheme(screens, options.screens);
+    if (_screens != null) {
+      theme.screens = _screens;
+    }
   }
   return theme;
 }
@@ -453,13 +488,13 @@ var colorsNames = [
 function buildPreset(extend = true, buildOptions = {}) {
   if (extend === false) {
     return {
-      theme: buildTheme(buildOptions),
+      theme: factory(buildOptions),
       plugins
     };
   }
   return {
     theme: {
-      extend: buildTheme(buildOptions)
+      extend: factory(buildOptions)
     },
     plugins
   };
@@ -474,6 +509,7 @@ var src_default = buildPreset();
   colors,
   colorsNames,
   defaultTheme,
+  factory,
   fontFamily,
   fontSize,
   keyframes,

package/dist/index.d.cts

@@ -24,15 +24,15 @@ type Colors = DefaultColors & MainColors & Record<ColorsNames, {
 }>;
 type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
 
-interface BuildThemeOptions {
-    colors?: boolean;
-    boxShadow?: boolean;
-    fontSize?: boolean;
-    fontFamily?: boolean;
-    animation?: boolean;
-    keyframes?: boolean;
-    screens?: boolean;
+declare const configuredThemes: readonly ["colors", "boxShadow", "fontSize", "fontFamily", "animation", "keyframes", "screens"];
+type ConfiguredThemes = typeof configuredThemes[number];
+interface ThemeOptions {
+    enabled?: boolean;
+    prefix?: string;
 }
+type BuildThemeOptions = {
+    [k in ConfiguredThemes]?: ThemeOptions;
+};
 
 /**
  * Converts the given string from camel-case to kebab-case.
@@ -442,7 +442,10 @@ declare const boxShadow: {
     'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
 };
 
-declare function buildTheme(options?: BuildThemeOptions): Config['theme'];
+declare function buildTheme<T extends object>(object: T, option?: ThemeOptions): null | T | {
+    [K in keyof T as `${string}${string & K}`]: T[K];
+};
+declare function factory(options?: BuildThemeOptions): Config['theme'];
 declare const defaultTheme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -639,4 +642,4 @@ declare const unocssTheme: {
 declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type FontSizes, type Screens, type ScreensNumber, type Shadows, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, _default as default, defaultTheme, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
+export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, _default as default, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };

package/dist/index.d.ts

@@ -24,15 +24,15 @@ type Colors = DefaultColors & MainColors & Record<ColorsNames, {
 }>;
 type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
 
-interface BuildThemeOptions {
-    colors?: boolean;
-    boxShadow?: boolean;
-    fontSize?: boolean;
-    fontFamily?: boolean;
-    animation?: boolean;
-    keyframes?: boolean;
-    screens?: boolean;
+declare const configuredThemes: readonly ["colors", "boxShadow", "fontSize", "fontFamily", "animation", "keyframes", "screens"];
+type ConfiguredThemes = typeof configuredThemes[number];
+interface ThemeOptions {
+    enabled?: boolean;
+    prefix?: string;
 }
+type BuildThemeOptions = {
+    [k in ConfiguredThemes]?: ThemeOptions;
+};
 
 /**
  * Converts the given string from camel-case to kebab-case.
@@ -442,7 +442,10 @@ declare const boxShadow: {
     'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
 };
 
-declare function buildTheme(options?: BuildThemeOptions): Config['theme'];
+declare function buildTheme<T extends object>(object: T, option?: ThemeOptions): null | T | {
+    [K in keyof T as `${string}${string & K}`]: T[K];
+};
+declare function factory(options?: BuildThemeOptions): Config['theme'];
 declare const defaultTheme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -639,4 +642,4 @@ declare const unocssTheme: {
 declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type FontSizes, type Screens, type ScreensNumber, type Shadows, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, _default as default, defaultTheme, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };
+export { type BuildThemeOptions, type ColorString, type Colors, type ColorsNames, type ConfiguredThemes, type FontSizes, type Screens, type ScreensNumber, type Shadows, type ThemeOptions, type UnocssFontSizes, animation, boxShadow, buildPreset, buildTheme, colors, colorsNames, configuredThemes, _default as default, defaultTheme, factory, customFontFamily as fontFamily, fontSize, isDetailFont, keyframes, screenSizes, screens, screensNumber, unocssTheme };

package/dist/index.js

@@ -5,12 +5,13 @@ import {
   colors,
   customFontFamily,
   defaultTheme,
+  factory,
   fontSize,
   keyframes,
   screens,
   screensNumber,
   unocssTheme
-} from "./chunk-QZWKJNXG.js";
+} from "./chunk-I5TUIFQV.js";
 
 // src/plugins/index.ts
 import animation2 from "tailwindcss-animate";
@@ -36,13 +37,13 @@ var colorsNames = [
 function buildPreset(extend = true, buildOptions = {}) {
   if (extend === false) {
     return {
-      theme: buildTheme(buildOptions),
+      theme: factory(buildOptions),
       plugins
     };
   }
   return {
     theme: {
-      extend: buildTheme(buildOptions)
+      extend: factory(buildOptions)
     },
     plugins
   };
@@ -57,6 +58,7 @@ export {
   colorsNames,
   src_default as default,
   defaultTheme,
+  factory,
   customFontFamily as fontFamily,
   fontSize,
   keyframes,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@removify/tailwind-preset",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Tailwind CSS preset for Removify",
   "keywords": [
     "tailwind"
@@ -47,7 +47,7 @@
     "tsx": "^4.19.1",
     "typescript": "^5.6.2",
     "vitest": "^2.1.1",
-    "@removify/tailwind-preset": "0.2.0"
+    "@removify/tailwind-preset": "0.2.1"
   },
   "lint-staged": {
     "**/*.{js,ts,vue,html}": [