@removify/tailwind-preset 0.1.10 → 0.2.1

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

@@ -252,7 +252,7 @@ function fontConfigKeysKebabCase(fontConfig) {
 }
 
 // src/theme/fontSize.ts
-var fontSizes = {
+var fontSize = {
   "2xs": ["0.6875rem", "1rem"],
   "xs": ["0.75rem", "1rem"],
   "sm": ["0.875rem", "1.25rem"],
@@ -305,7 +305,7 @@ var fontSizes = {
     letterSpacing: "-0.0125rem"
   }]
 };
-var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
+var unocssFontSizes = fontConfigKeysKebabCase(fontSize);
 
 // src/theme/screen.ts
 var screensNumber = {
@@ -330,7 +330,7 @@ var screens = {
 };
 
 // src/theme/shadows.ts
-var shadows = {
+var boxShadow = {
   "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
   "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
   "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
@@ -340,10 +340,69 @@ var shadows = {
 };
 
 // src/theme/index.ts
-var theme = {
+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?.enabled !== false) {
+    const _colors = buildTheme(colors, options.colors);
+    if (_colors != null) {
+      theme.colors = _colors;
+    }
+  }
+  if (options.boxShadow?.enabled !== false) {
+    const _boxShadow = buildTheme(boxShadow, options.boxShadow);
+    if (_boxShadow != null) {
+      theme.boxShadow = _boxShadow;
+    }
+  }
+  if (options.fontSize?.enabled !== false) {
+    const _fontSize = buildTheme(fontSize, options.fontSize);
+    if (_fontSize != null) {
+      theme.fontSize = _fontSize;
+    }
+  }
+  if (options.fontFamily?.enabled !== false) {
+    const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
+    if (_fontFamily != null) {
+      theme.fontFamily = _fontFamily;
+    }
+  }
+  if (options.animation?.enabled !== false) {
+    const _animation = buildTheme(animation, options.animation);
+    if (_animation != null) {
+      theme.animation = _animation;
+    }
+  }
+  if (options.keyframes?.enabled !== false) {
+    const _keyframes = buildTheme(keyframes, options.keyframes);
+    if (_keyframes != null) {
+      theme.keyframes = _keyframes;
+    }
+  }
+  if (options.screens?.enabled !== false) {
+    const _screens = buildTheme(screens, options.screens);
+    if (_screens != null) {
+      theme.screens = _screens;
+    }
+  }
+  return theme;
+}
+var defaultTheme = {
   colors,
-  boxShadow: shadows,
-  fontSize: fontSizes,
+  boxShadow,
+  fontSize,
   fontFamily: customFontFamily,
   animation,
   keyframes,
@@ -351,7 +410,7 @@ var theme = {
 };
 var unocssTheme = {
   colors,
-  boxShadow: shadows,
+  boxShadow,
   fontSize: unocssFontSizes
 };
 
@@ -360,10 +419,12 @@ export {
   keyframes,
   colors,
   customFontFamily,
-  fontSizes,
+  fontSize,
   screensNumber,
   screens,
-  shadows,
-  theme,
+  boxShadow,
+  buildTheme,
+  factory,
+  defaultTheme,
   unocssTheme
 };

package/dist/cli/index.cjs

@@ -281,7 +281,7 @@ function fontConfigKeysKebabCase(fontConfig) {
 }
 
 // src/theme/fontSize.ts
-var fontSizes = {
+var fontSize = {
   "2xs": ["0.6875rem", "1rem"],
   "xs": ["0.75rem", "1rem"],
   "sm": ["0.875rem", "1.25rem"],
@@ -334,7 +334,7 @@ var fontSizes = {
     letterSpacing: "-0.0125rem"
   }]
 };
-var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
+var unocssFontSizes = fontConfigKeysKebabCase(fontSize);
 
 // src/theme/screen.ts
 var screensNumber = {

package/dist/cli/index.js

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

package/dist/index.cjs

@@ -31,17 +31,19 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   animation: () => animation2,
+  boxShadow: () => boxShadow,
+  buildPreset: () => buildPreset,
+  buildTheme: () => buildTheme,
   colors: () => colors,
   colorsNames: () => colorsNames,
-  config: () => config,
   default: () => src_default,
+  defaultTheme: () => defaultTheme,
+  factory: () => factory,
   fontFamily: () => customFontFamily,
-  fontSizes: () => fontSizes,
+  fontSize: () => fontSize,
   keyframes: () => keyframes,
   screens: () => screens,
   screensNumber: () => screensNumber,
-  shadows: () => shadows,
-  theme: () => theme,
   unocssTheme: () => unocssTheme
 });
 module.exports = __toCommonJS(src_exports);
@@ -304,7 +306,7 @@ function fontConfigKeysKebabCase(fontConfig) {
 }
 
 // src/theme/fontSize.ts
-var fontSizes = {
+var fontSize = {
   "2xs": ["0.6875rem", "1rem"],
   "xs": ["0.75rem", "1rem"],
   "sm": ["0.875rem", "1.25rem"],
@@ -357,7 +359,7 @@ var fontSizes = {
     letterSpacing: "-0.0125rem"
   }]
 };
-var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
+var unocssFontSizes = fontConfigKeysKebabCase(fontSize);
 
 // src/theme/screen.ts
 var screensNumber = {
@@ -382,7 +384,7 @@ var screens = {
 };
 
 // src/theme/shadows.ts
-var shadows = {
+var boxShadow = {
   "elevation-0": "0 0 0 0 rgba(0, 0, 0, 0.10)",
   "elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.10)",
   "elevation-2": "0 4px 8px 0 rgba(0, 0, 0, 0.10)",
@@ -392,10 +394,69 @@ var shadows = {
 };
 
 // src/theme/index.ts
-var theme = {
+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?.enabled !== false) {
+    const _colors = buildTheme(colors, options.colors);
+    if (_colors != null) {
+      theme.colors = _colors;
+    }
+  }
+  if (options.boxShadow?.enabled !== false) {
+    const _boxShadow = buildTheme(boxShadow, options.boxShadow);
+    if (_boxShadow != null) {
+      theme.boxShadow = _boxShadow;
+    }
+  }
+  if (options.fontSize?.enabled !== false) {
+    const _fontSize = buildTheme(fontSize, options.fontSize);
+    if (_fontSize != null) {
+      theme.fontSize = _fontSize;
+    }
+  }
+  if (options.fontFamily?.enabled !== false) {
+    const _fontFamily = buildTheme(customFontFamily, options.fontFamily);
+    if (_fontFamily != null) {
+      theme.fontFamily = _fontFamily;
+    }
+  }
+  if (options.animation?.enabled !== false) {
+    const _animation = buildTheme(animation2, options.animation);
+    if (_animation != null) {
+      theme.animation = _animation;
+    }
+  }
+  if (options.keyframes?.enabled !== false) {
+    const _keyframes = buildTheme(keyframes, options.keyframes);
+    if (_keyframes != null) {
+      theme.keyframes = _keyframes;
+    }
+  }
+  if (options.screens?.enabled !== false) {
+    const _screens = buildTheme(screens, options.screens);
+    if (_screens != null) {
+      theme.screens = _screens;
+    }
+  }
+  return theme;
+}
+var defaultTheme = {
   colors,
-  boxShadow: shadows,
-  fontSize: fontSizes,
+  boxShadow,
+  fontSize,
   fontFamily: customFontFamily,
   animation: animation2,
   keyframes,
@@ -403,7 +464,7 @@ var theme = {
 };
 var unocssTheme = {
   colors,
-  boxShadow: shadows,
+  boxShadow,
   fontSize: unocssFontSizes
 };
 
@@ -424,33 +485,35 @@ var colorsNames = [
 ];
 
 // src/index.ts
-function config(extend = true) {
+function buildPreset(extend = true, buildOptions = {}) {
   if (extend === false) {
     return {
-      theme,
+      theme: factory(buildOptions),
       plugins
     };
   }
   return {
     theme: {
-      extend: theme
+      extend: factory(buildOptions)
     },
     plugins
   };
 }
-var src_default = config();
+var src_default = buildPreset();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   animation,
+  boxShadow,
+  buildPreset,
+  buildTheme,
   colors,
   colorsNames,
-  config,
+  defaultTheme,
+  factory,
   fontFamily,
-  fontSizes,
+  fontSize,
   keyframes,
   screens,
   screensNumber,
-  shadows,
-  theme,
   unocssTheme
 });

package/dist/index.d.cts

@@ -3,6 +3,99 @@ import { Config } from 'tailwindcss';
 
 declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
 
+type ColorsNames = typeof colorsNames[number];
+type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+interface MainColors {
+    black: string;
+    white: string;
+    inherit: 'inherit';
+    current: 'currentColor';
+    transparent: 'transparent';
+}
+interface DefaultColors {
+    danger: string;
+    warning: string;
+    success: string;
+    info: string;
+    special: string;
+}
+type Colors = DefaultColors & MainColors & Record<ColorsNames, {
+    [K in ColorsVariations]: string;
+}>;
+type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
+
+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.
+ * @template T The string to convert the case.
+ * @see https://gist.github.com/albertms10/09f14ef7ebdc3ce0e95683c728616253
+ * @example
+ * type Kebab = CamelToKebab<'exampleVarName'>;
+ * // 'example-var-name'
+ */
+type CamelToKebab<S extends string> = S extends `${infer T}${infer U}` ? U extends Uncapitalize<U> ? `${Uncapitalize<T>}${CamelToKebab<U>}` : `${Uncapitalize<T>}-${CamelToKebab<U>}` : '';
+type CamelToKebabKeys<T> = {
+    [K in keyof T as K extends string ? CamelToKebab<K> : K]: T[K];
+};
+
+/**
+ * tailwindcss font-size configuration
+ * @see https://tailwindcss.com/docs/font-size
+ *
+ * @note For unocss, the keys are kebab-case
+ * @see https://github.com/unocss/unocss/issues/3663#issuecomment-2024909371
+ */
+
+interface FontSizeDetail {
+    lineHeight?: string;
+    letterSpacing?: string;
+    fontWeight?: number;
+}
+type FontValue = `${number}px` | `${number}rem`;
+type FontAndLineHeight = [FontValue, FontValue];
+type DetailFont = [
+    FontValue,
+    FontSizeDetail
+];
+type UnocssDetailFont = [FontValue, CamelToKebabKeys<FontSizeDetail>];
+type FontSize = FontAndLineHeight | FontValue | DetailFont;
+type UnocssFontSize = FontValue | FontAndLineHeight | UnocssDetailFont;
+type SizeKeys = `${number}xs` | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | `${number}xl`;
+type HeadingKeys = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type DisplayKeys = 'display1' | 'display2' | 'display3' | 'display4';
+type FontSizeKeys = SizeKeys | HeadingKeys | DisplayKeys;
+declare function isDetailFont(value: FontSize): value is DetailFont;
+type FontSizes = {
+    [K in FontSizeKeys]?: FontSize;
+};
+type UnocssFontSizes = {
+    [K in FontSizeKeys]?: UnocssFontSize;
+};
+
+declare const screenSizes: readonly ["sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
+type Screens = Record<typeof screenSizes[number], `${number}px`>;
+type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
+type ScreensNumber = {
+    [K in keyof Screens]: ExtractNumber<Screens[K]>;
+};
+
+type BorderSize = 0 | `${number}px`;
+type RgbValue = number;
+type Shadow = `${BorderSize} ${BorderSize} ${BorderSize} ${BorderSize} rgba(${RgbValue}, ${RgbValue}, ${RgbValue}, ${RgbValue})`;
+type ShadowSize = 0 | 1 | 2 | 3 | 4 | 5;
+type Shadows = {
+    [K in ShadowSize as `elevation-${K}`]?: Shadow;
+};
+
 declare const animation: {
     'radix-accordion-down': string;
     'radix-accordion-up': string;
@@ -265,54 +358,7 @@ declare const customFontFamily: {
     sans: string[];
 };
 
-/**
- * Converts the given string from camel-case to kebab-case.
- * @template T The string to convert the case.
- * @see https://gist.github.com/albertms10/09f14ef7ebdc3ce0e95683c728616253
- * @example
- * type Kebab = CamelToKebab<'exampleVarName'>;
- * // 'example-var-name'
- */
-type CamelToKebab<S extends string> = S extends `${infer T}${infer U}` ? U extends Uncapitalize<U> ? `${Uncapitalize<T>}${CamelToKebab<U>}` : `${Uncapitalize<T>}-${CamelToKebab<U>}` : '';
-type CamelToKebabKeys<T> = {
-    [K in keyof T as K extends string ? CamelToKebab<K> : K]: T[K];
-};
-
-/**
- * tailwindcss font-size configuration
- * @see https://tailwindcss.com/docs/font-size
- *
- * @note For unocss, the keys are kebab-case
- * @see https://github.com/unocss/unocss/issues/3663#issuecomment-2024909371
- */
-
-interface FontSizeDetail {
-    lineHeight?: string;
-    letterSpacing?: string;
-    fontWeight?: number;
-}
-type FontValue = `${number}px` | `${number}rem`;
-type FontAndLineHeight = [FontValue, FontValue];
-type DetailFont = [
-    FontValue,
-    FontSizeDetail
-];
-type UnocssDetailFont = [FontValue, CamelToKebabKeys<FontSizeDetail>];
-type FontSize = FontAndLineHeight | FontValue | DetailFont;
-type UnocssFontSize = FontValue | FontAndLineHeight | UnocssDetailFont;
-type SizeKeys = `${number}xs` | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | `${number}xl`;
-type HeadingKeys = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type DisplayKeys = 'display1' | 'display2' | 'display3' | 'display4';
-type FontSizeKeys = SizeKeys | HeadingKeys | DisplayKeys;
-declare function isDetailFont(value: FontSize): value is DetailFont;
-type FontSizes = {
-    [K in FontSizeKeys]?: FontSize;
-};
-type UnocssFontSizes = {
-    [K in FontSizeKeys]?: UnocssFontSize;
-};
-
-declare const fontSizes: {
+declare const fontSize: {
     '2xs': ["0.6875rem", "1rem"];
     xs: ["0.75rem", "1rem"];
     sm: ["0.875rem", "1.25rem"];
@@ -387,7 +433,7 @@ declare const screens: {
     desktop: `${number}px`;
 };
 
-declare const shadows: {
+declare const boxShadow: {
     'elevation-0': "0 0 0 0 rgba(0, 0, 0, 0.10)";
     'elevation-1': "0 1px 2px 0 rgba(0, 0, 0, 0.10)";
     'elevation-2': "0 4px 8px 0 rgba(0, 0, 0, 0.10)";
@@ -396,7 +442,11 @@ declare const shadows: {
     'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
 };
 
-declare const theme: 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: {
         primary: {
@@ -589,43 +639,7 @@ declare const unocssTheme: {
     fontSize: UnocssFontSizes;
 };
 
-type ColorsNames = typeof colorsNames[number];
-type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
-interface MainColors {
-    black: string;
-    white: string;
-    inherit: 'inherit';
-    current: 'currentColor';
-    transparent: 'transparent';
-}
-interface DefaultColors {
-    danger: string;
-    warning: string;
-    success: string;
-    info: string;
-    special: string;
-}
-type Colors = DefaultColors & MainColors & Record<ColorsNames, {
-    [K in ColorsVariations]: string;
-}>;
-type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
-
-declare const screenSizes: readonly ["sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
-type Screens = Record<typeof screenSizes[number], `${number}px`>;
-type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
-type ScreensNumber = {
-    [K in keyof Screens]: ExtractNumber<Screens[K]>;
-};
-
-type BorderSize = 0 | `${number}px`;
-type RgbValue = number;
-type Shadow = `${BorderSize} ${BorderSize} ${BorderSize} ${BorderSize} rgba(${RgbValue}, ${RgbValue}, ${RgbValue}, ${RgbValue})`;
-type ShadowSize = 0 | 1 | 2 | 3 | 4 | 5;
-type Shadows = {
-    [K in ShadowSize as `elevation-${K}`]?: Shadow;
-};
-
-declare function config(extend?: boolean): Partial<Config>;
+declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Screens, type ScreensNumber, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, screenSizes, screens, screensNumber, shadows, theme, 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

@@ -3,6 +3,99 @@ import { Config } from 'tailwindcss';
 
 declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
 
+type ColorsNames = typeof colorsNames[number];
+type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+interface MainColors {
+    black: string;
+    white: string;
+    inherit: 'inherit';
+    current: 'currentColor';
+    transparent: 'transparent';
+}
+interface DefaultColors {
+    danger: string;
+    warning: string;
+    success: string;
+    info: string;
+    special: string;
+}
+type Colors = DefaultColors & MainColors & Record<ColorsNames, {
+    [K in ColorsVariations]: string;
+}>;
+type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
+
+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.
+ * @template T The string to convert the case.
+ * @see https://gist.github.com/albertms10/09f14ef7ebdc3ce0e95683c728616253
+ * @example
+ * type Kebab = CamelToKebab<'exampleVarName'>;
+ * // 'example-var-name'
+ */
+type CamelToKebab<S extends string> = S extends `${infer T}${infer U}` ? U extends Uncapitalize<U> ? `${Uncapitalize<T>}${CamelToKebab<U>}` : `${Uncapitalize<T>}-${CamelToKebab<U>}` : '';
+type CamelToKebabKeys<T> = {
+    [K in keyof T as K extends string ? CamelToKebab<K> : K]: T[K];
+};
+
+/**
+ * tailwindcss font-size configuration
+ * @see https://tailwindcss.com/docs/font-size
+ *
+ * @note For unocss, the keys are kebab-case
+ * @see https://github.com/unocss/unocss/issues/3663#issuecomment-2024909371
+ */
+
+interface FontSizeDetail {
+    lineHeight?: string;
+    letterSpacing?: string;
+    fontWeight?: number;
+}
+type FontValue = `${number}px` | `${number}rem`;
+type FontAndLineHeight = [FontValue, FontValue];
+type DetailFont = [
+    FontValue,
+    FontSizeDetail
+];
+type UnocssDetailFont = [FontValue, CamelToKebabKeys<FontSizeDetail>];
+type FontSize = FontAndLineHeight | FontValue | DetailFont;
+type UnocssFontSize = FontValue | FontAndLineHeight | UnocssDetailFont;
+type SizeKeys = `${number}xs` | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | `${number}xl`;
+type HeadingKeys = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type DisplayKeys = 'display1' | 'display2' | 'display3' | 'display4';
+type FontSizeKeys = SizeKeys | HeadingKeys | DisplayKeys;
+declare function isDetailFont(value: FontSize): value is DetailFont;
+type FontSizes = {
+    [K in FontSizeKeys]?: FontSize;
+};
+type UnocssFontSizes = {
+    [K in FontSizeKeys]?: UnocssFontSize;
+};
+
+declare const screenSizes: readonly ["sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
+type Screens = Record<typeof screenSizes[number], `${number}px`>;
+type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
+type ScreensNumber = {
+    [K in keyof Screens]: ExtractNumber<Screens[K]>;
+};
+
+type BorderSize = 0 | `${number}px`;
+type RgbValue = number;
+type Shadow = `${BorderSize} ${BorderSize} ${BorderSize} ${BorderSize} rgba(${RgbValue}, ${RgbValue}, ${RgbValue}, ${RgbValue})`;
+type ShadowSize = 0 | 1 | 2 | 3 | 4 | 5;
+type Shadows = {
+    [K in ShadowSize as `elevation-${K}`]?: Shadow;
+};
+
 declare const animation: {
     'radix-accordion-down': string;
     'radix-accordion-up': string;
@@ -265,54 +358,7 @@ declare const customFontFamily: {
     sans: string[];
 };
 
-/**
- * Converts the given string from camel-case to kebab-case.
- * @template T The string to convert the case.
- * @see https://gist.github.com/albertms10/09f14ef7ebdc3ce0e95683c728616253
- * @example
- * type Kebab = CamelToKebab<'exampleVarName'>;
- * // 'example-var-name'
- */
-type CamelToKebab<S extends string> = S extends `${infer T}${infer U}` ? U extends Uncapitalize<U> ? `${Uncapitalize<T>}${CamelToKebab<U>}` : `${Uncapitalize<T>}-${CamelToKebab<U>}` : '';
-type CamelToKebabKeys<T> = {
-    [K in keyof T as K extends string ? CamelToKebab<K> : K]: T[K];
-};
-
-/**
- * tailwindcss font-size configuration
- * @see https://tailwindcss.com/docs/font-size
- *
- * @note For unocss, the keys are kebab-case
- * @see https://github.com/unocss/unocss/issues/3663#issuecomment-2024909371
- */
-
-interface FontSizeDetail {
-    lineHeight?: string;
-    letterSpacing?: string;
-    fontWeight?: number;
-}
-type FontValue = `${number}px` | `${number}rem`;
-type FontAndLineHeight = [FontValue, FontValue];
-type DetailFont = [
-    FontValue,
-    FontSizeDetail
-];
-type UnocssDetailFont = [FontValue, CamelToKebabKeys<FontSizeDetail>];
-type FontSize = FontAndLineHeight | FontValue | DetailFont;
-type UnocssFontSize = FontValue | FontAndLineHeight | UnocssDetailFont;
-type SizeKeys = `${number}xs` | 'xs' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | `${number}xl`;
-type HeadingKeys = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type DisplayKeys = 'display1' | 'display2' | 'display3' | 'display4';
-type FontSizeKeys = SizeKeys | HeadingKeys | DisplayKeys;
-declare function isDetailFont(value: FontSize): value is DetailFont;
-type FontSizes = {
-    [K in FontSizeKeys]?: FontSize;
-};
-type UnocssFontSizes = {
-    [K in FontSizeKeys]?: UnocssFontSize;
-};
-
-declare const fontSizes: {
+declare const fontSize: {
     '2xs': ["0.6875rem", "1rem"];
     xs: ["0.75rem", "1rem"];
     sm: ["0.875rem", "1.25rem"];
@@ -387,7 +433,7 @@ declare const screens: {
     desktop: `${number}px`;
 };
 
-declare const shadows: {
+declare const boxShadow: {
     'elevation-0': "0 0 0 0 rgba(0, 0, 0, 0.10)";
     'elevation-1': "0 1px 2px 0 rgba(0, 0, 0, 0.10)";
     'elevation-2': "0 4px 8px 0 rgba(0, 0, 0, 0.10)";
@@ -396,7 +442,11 @@ declare const shadows: {
     'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
 };
 
-declare const theme: 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: {
         primary: {
@@ -589,43 +639,7 @@ declare const unocssTheme: {
     fontSize: UnocssFontSizes;
 };
 
-type ColorsNames = typeof colorsNames[number];
-type ColorsVariations = 'DEFAULT' | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
-interface MainColors {
-    black: string;
-    white: string;
-    inherit: 'inherit';
-    current: 'currentColor';
-    transparent: 'transparent';
-}
-interface DefaultColors {
-    danger: string;
-    warning: string;
-    success: string;
-    info: string;
-    special: string;
-}
-type Colors = DefaultColors & MainColors & Record<ColorsNames, {
-    [K in ColorsVariations]: string;
-}>;
-type ColorString = `${ColorsNames}-${ColorsVariations}` | keyof DefaultColors | keyof MainColors;
-
-declare const screenSizes: readonly ["sm", "md", "lg", "xl", "2xl", "tablet", "laptop", "desktop"];
-type Screens = Record<typeof screenSizes[number], `${number}px`>;
-type ExtractNumber<T extends string> = T extends `${infer N extends number}px` ? N : never;
-type ScreensNumber = {
-    [K in keyof Screens]: ExtractNumber<Screens[K]>;
-};
-
-type BorderSize = 0 | `${number}px`;
-type RgbValue = number;
-type Shadow = `${BorderSize} ${BorderSize} ${BorderSize} ${BorderSize} rgba(${RgbValue}, ${RgbValue}, ${RgbValue}, ${RgbValue})`;
-type ShadowSize = 0 | 1 | 2 | 3 | 4 | 5;
-type Shadows = {
-    [K in ShadowSize as `elevation-${K}`]?: Shadow;
-};
-
-declare function config(extend?: boolean): Partial<Config>;
+declare function buildPreset(extend?: boolean, buildOptions?: BuildThemeOptions): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type ColorString, type Colors, type ColorsNames, type FontSizes, type Screens, type ScreensNumber, type Shadows, type UnocssFontSizes, animation, colors, colorsNames, config, _default as default, customFontFamily as fontFamily, fontSizes, isDetailFont, keyframes, screenSizes, screens, screensNumber, shadows, theme, 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

@@ -1,15 +1,17 @@
 import {
   animation,
+  boxShadow,
+  buildTheme,
   colors,
   customFontFamily,
-  fontSizes,
+  defaultTheme,
+  factory,
+  fontSize,
   keyframes,
   screens,
   screensNumber,
-  shadows,
-  theme,
   unocssTheme
-} from "./chunk-J5XGEDSE.js";
+} from "./chunk-I5TUIFQV.js";
 
 // src/plugins/index.ts
 import animation2 from "tailwindcss-animate";
@@ -32,33 +34,35 @@ var colorsNames = [
 ];
 
 // src/index.ts
-function config(extend = true) {
+function buildPreset(extend = true, buildOptions = {}) {
   if (extend === false) {
     return {
-      theme,
+      theme: factory(buildOptions),
       plugins
     };
   }
   return {
     theme: {
-      extend: theme
+      extend: factory(buildOptions)
     },
     plugins
   };
 }
-var src_default = config();
+var src_default = buildPreset();
 export {
   animation,
+  boxShadow,
+  buildPreset,
+  buildTheme,
   colors,
   colorsNames,
-  config,
   src_default as default,
+  defaultTheme,
+  factory,
   customFontFamily as fontFamily,
-  fontSizes,
+  fontSize,
   keyframes,
   screens,
   screensNumber,
-  shadows,
-  theme,
   unocssTheme
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@removify/tailwind-preset",
   "type": "module",
-  "version": "0.1.10",
+  "version": "0.2.1",
   "description": "Tailwind CSS preset for Removify",
   "keywords": [
     "tailwind"
@@ -33,8 +33,8 @@
   "devDependencies": {
     "@commitlint/cli": "^19.5.0",
     "@commitlint/config-conventional": "^19.5.0",
-    "@removify/eslint-config": "^1.5.4",
-    "@types/node": "^22.5.4",
+    "@removify/eslint-config": "^1.5.7",
+    "@types/node": "^22.5.5",
     "@types/yargs": "^17.0.33",
     "bumpp": "^9.5.2",
     "eslint": "^9.10.0",
@@ -42,12 +42,12 @@
     "lint-staged": "^15.2.10",
     "rimraf": "^6.0.1",
     "tailwind-config-viewer": "^2.0.4",
-    "tailwindcss": "^3.4.11",
-    "tsup": "^8.2.4",
-    "tsx": "^4.19.0",
+    "tailwindcss": "^3.4.12",
+    "tsup": "^8.3.0",
+    "tsx": "^4.19.1",
     "typescript": "^5.6.2",
-    "vitest": "^2.0.5",
-    "@removify/tailwind-preset": "0.1.10"
+    "vitest": "^2.1.1",
+    "@removify/tailwind-preset": "0.2.1"
   },
   "lint-staged": {
     "**/*.{js,ts,vue,html}": [

package/readme.md

@@ -21,11 +21,11 @@ npx @removify/tailwind-preset > src/style.css
 ```
 
 ```ts
+import type { Config } from 'tailwindcss';
+
 // tailwind.config.{t,j}s
 import removify from '@removify/tailwind-preset';
 
-import type { Config } from 'tailwindcss';
-
 export default {
   content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
   presets: [removify],