@removify/tailwind-preset 0.1.9 → 0.1.10

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

@@ -1,3 +1,57 @@
+// src/theme/animation.ts
+var uiAnimation = {
+  "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
+  "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
+  "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
+  "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out",
+  // V2 aka reka animation
+  "reka-accordion-down": "reka-accordion-down 0.2s ease-out",
+  "reka-accordion-up": "reka-accordion-up 0.2s ease-out",
+  "reka-collapsible-down": "reka-collapsible-down 0.2s ease-in-out",
+  "reka-collapsible-up": "reka-collapsible-up 0.2s ease-in-out"
+};
+var uiKeyframes = {
+  "radix-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-accordion-content-height)" }
+  },
+  "radix-accordion-up": {
+    from: { height: "var(--radix-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "radix-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-collapsible-content-height)" }
+  },
+  "radix-collapsible-up": {
+    from: { height: "var(--radix-collapsible-content-height)" },
+    to: { height: "0" }
+  },
+  // V2 aka reka animation
+  "reka-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-accordion-content-height)" }
+  },
+  "reka-accordion-up": {
+    from: { height: "var(--reka-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "reka-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-collapsible-content-height)" }
+  },
+  "reka-collapsible-up": {
+    from: { height: "var(--reka-collapsible-content-height)" },
+    to: { height: "0" }
+  }
+};
+var animation = {
+  ...uiAnimation
+};
+var keyframes = {
+  ...uiKeyframes
+};
+
 // src/theme/colors.ts
 var mainColors = {
   inherit: "inherit",
@@ -157,6 +211,20 @@ var colors = {
   secondary: mainColors.pompelmo
 };
 
+// src/theme/fontFamily.ts
+var fontFamilySans = [
+  "ui-sans-serif",
+  "system-ui",
+  "sans-serif",
+  '"Apple Color Emoji"',
+  '"Segoe UI Emoji"',
+  '"Segoe UI Symbol"',
+  '"Noto Color Emoji"'
+];
+var customFontFamily = {
+  sans: ["DM Sans", ...fontFamilySans]
+};
+
 // src/util/font.ts
 import { kebabKeys } from "string-ts";
 
@@ -189,6 +257,7 @@ var fontSizes = {
   "xs": ["0.75rem", "1rem"],
   "sm": ["0.875rem", "1.25rem"],
   "base": ["1rem", "1.5rem"],
+  "md": ["1.125rem", "1.5rem"],
   "lg": ["1.25rem", "1.625rem"],
   "display1": ["3.75rem", {
     fontWeight: 700,
@@ -238,62 +307,6 @@ var fontSizes = {
 };
 var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
 
-// src/theme/shadows.ts
-var shadows = {
-  "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)",
-  "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
-  "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
-  "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
-};
-
-// src/theme/fontFamily.ts
-var fontFamilySans = [
-  "ui-sans-serif",
-  "system-ui",
-  "sans-serif",
-  '"Apple Color Emoji"',
-  '"Segoe UI Emoji"',
-  '"Segoe UI Symbol"',
-  '"Noto Color Emoji"'
-];
-var customFontFamily = {
-  sans: ["DM Sans", ...fontFamilySans]
-};
-
-// src/theme/animation.ts
-var radixAnimation = {
-  "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
-  "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
-  "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
-  "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out"
-};
-var radixKeyframes = {
-  "radix-accordion-down": {
-    from: { height: "0" },
-    to: { height: "var(--radix-accordion-content-height)" }
-  },
-  "radix-accordion-up": {
-    from: { height: "var(--radix-accordion-content-height)" },
-    to: { height: "0" }
-  },
-  "radix-collapsible-down": {
-    from: { height: "0" },
-    to: { height: "var(--radix-collapsible-content-height)" }
-  },
-  "radix-collapsible-up": {
-    from: { height: "var(--radix-collapsible-content-height)" },
-    to: { height: "0" }
-  }
-};
-var animation = {
-  ...radixAnimation
-};
-var keyframes = {
-  ...radixKeyframes
-};
-
 // src/theme/screen.ts
 var screensNumber = {
   "sm": 640,
@@ -316,6 +329,16 @@ var screens = {
   "desktop": `${screensNumber.desktop}px`
 };
 
+// src/theme/shadows.ts
+var shadows = {
+  "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)",
+  "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
+};
+
 // src/theme/index.ts
 var theme = {
   colors,
@@ -333,14 +356,14 @@ var unocssTheme = {
 };
 
 export {
-  colors,
-  fontSizes,
-  shadows,
-  customFontFamily,
   animation,
   keyframes,
+  colors,
+  customFontFamily,
+  fontSizes,
   screensNumber,
   screens,
+  shadows,
   theme,
   unocssTheme
 };

package/dist/cli/index.cjs

@@ -24,8 +24,62 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 
 // src/cli/index.ts
 var import_node_process = __toESM(require("process"), 1);
-var import_helpers = require("yargs/helpers");
 var import_yargs = __toESM(require("yargs"), 1);
+var import_helpers = require("yargs/helpers");
+
+// src/theme/animation.ts
+var uiAnimation = {
+  "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
+  "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
+  "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
+  "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out",
+  // V2 aka reka animation
+  "reka-accordion-down": "reka-accordion-down 0.2s ease-out",
+  "reka-accordion-up": "reka-accordion-up 0.2s ease-out",
+  "reka-collapsible-down": "reka-collapsible-down 0.2s ease-in-out",
+  "reka-collapsible-up": "reka-collapsible-up 0.2s ease-in-out"
+};
+var uiKeyframes = {
+  "radix-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-accordion-content-height)" }
+  },
+  "radix-accordion-up": {
+    from: { height: "var(--radix-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "radix-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-collapsible-content-height)" }
+  },
+  "radix-collapsible-up": {
+    from: { height: "var(--radix-collapsible-content-height)" },
+    to: { height: "0" }
+  },
+  // V2 aka reka animation
+  "reka-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-accordion-content-height)" }
+  },
+  "reka-accordion-up": {
+    from: { height: "var(--reka-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "reka-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-collapsible-content-height)" }
+  },
+  "reka-collapsible-up": {
+    from: { height: "var(--reka-collapsible-content-height)" },
+    to: { height: "0" }
+  }
+};
+var animation = {
+  ...uiAnimation
+};
+var keyframes = {
+  ...uiKeyframes
+};
 
 // src/theme/colors.ts
 var mainColors = {
@@ -186,6 +240,20 @@ var colors = {
   secondary: mainColors.pompelmo
 };
 
+// src/theme/fontFamily.ts
+var fontFamilySans = [
+  "ui-sans-serif",
+  "system-ui",
+  "sans-serif",
+  '"Apple Color Emoji"',
+  '"Segoe UI Emoji"',
+  '"Segoe UI Symbol"',
+  '"Noto Color Emoji"'
+];
+var customFontFamily = {
+  sans: ["DM Sans", ...fontFamilySans]
+};
+
 // src/util/font.ts
 var import_string_ts = require("string-ts");
 
@@ -218,6 +286,7 @@ var fontSizes = {
   "xs": ["0.75rem", "1rem"],
   "sm": ["0.875rem", "1.25rem"],
   "base": ["1rem", "1.5rem"],
+  "md": ["1.125rem", "1.5rem"],
   "lg": ["1.25rem", "1.625rem"],
   "display1": ["3.75rem", {
     fontWeight: 700,
@@ -267,52 +336,6 @@ var fontSizes = {
 };
 var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
 
-// src/theme/fontFamily.ts
-var fontFamilySans = [
-  "ui-sans-serif",
-  "system-ui",
-  "sans-serif",
-  '"Apple Color Emoji"',
-  '"Segoe UI Emoji"',
-  '"Segoe UI Symbol"',
-  '"Noto Color Emoji"'
-];
-var customFontFamily = {
-  sans: ["DM Sans", ...fontFamilySans]
-};
-
-// src/theme/animation.ts
-var radixAnimation = {
-  "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
-  "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
-  "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
-  "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out"
-};
-var radixKeyframes = {
-  "radix-accordion-down": {
-    from: { height: "0" },
-    to: { height: "var(--radix-accordion-content-height)" }
-  },
-  "radix-accordion-up": {
-    from: { height: "var(--radix-accordion-content-height)" },
-    to: { height: "0" }
-  },
-  "radix-collapsible-down": {
-    from: { height: "0" },
-    to: { height: "var(--radix-collapsible-content-height)" }
-  },
-  "radix-collapsible-up": {
-    from: { height: "var(--radix-collapsible-content-height)" },
-    to: { height: "0" }
-  }
-};
-var animation = {
-  ...radixAnimation
-};
-var keyframes = {
-  ...radixKeyframes
-};
-
 // src/theme/screen.ts
 var screensNumber = {
   "sm": 640,

package/dist/cli/index.js

@@ -1,11 +1,11 @@
 import {
   colors
-} from "../chunk-JF5QV6S4.js";
+} from "../chunk-J5XGEDSE.js";
 
 // src/cli/index.ts
 import process from "process";
-import { hideBin } from "yargs/helpers";
 import yargs from "yargs";
+import { hideBin } from "yargs/helpers";
 
 // src/cli/src/theme/color.ts
 var css = String.raw;

package/dist/index.cjs

@@ -30,7 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
-  animation: () => animation,
+  animation: () => animation2,
   colors: () => colors,
   colorsNames: () => colorsNames,
   config: () => config,
@@ -46,6 +46,64 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
+// src/plugins/index.ts
+var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"), 1);
+var plugins = [import_tailwindcss_animate.default];
+
+// src/theme/animation.ts
+var uiAnimation = {
+  "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
+  "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
+  "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
+  "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out",
+  // V2 aka reka animation
+  "reka-accordion-down": "reka-accordion-down 0.2s ease-out",
+  "reka-accordion-up": "reka-accordion-up 0.2s ease-out",
+  "reka-collapsible-down": "reka-collapsible-down 0.2s ease-in-out",
+  "reka-collapsible-up": "reka-collapsible-up 0.2s ease-in-out"
+};
+var uiKeyframes = {
+  "radix-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-accordion-content-height)" }
+  },
+  "radix-accordion-up": {
+    from: { height: "var(--radix-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "radix-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--radix-collapsible-content-height)" }
+  },
+  "radix-collapsible-up": {
+    from: { height: "var(--radix-collapsible-content-height)" },
+    to: { height: "0" }
+  },
+  // V2 aka reka animation
+  "reka-accordion-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-accordion-content-height)" }
+  },
+  "reka-accordion-up": {
+    from: { height: "var(--reka-accordion-content-height)" },
+    to: { height: "0" }
+  },
+  "reka-collapsible-down": {
+    from: { height: "0" },
+    to: { height: "var(--reka-collapsible-content-height)" }
+  },
+  "reka-collapsible-up": {
+    from: { height: "var(--reka-collapsible-content-height)" },
+    to: { height: "0" }
+  }
+};
+var animation2 = {
+  ...uiAnimation
+};
+var keyframes = {
+  ...uiKeyframes
+};
+
 // src/theme/colors.ts
 var mainColors = {
   inherit: "inherit",
@@ -205,6 +263,20 @@ var colors = {
   secondary: mainColors.pompelmo
 };
 
+// src/theme/fontFamily.ts
+var fontFamilySans = [
+  "ui-sans-serif",
+  "system-ui",
+  "sans-serif",
+  '"Apple Color Emoji"',
+  '"Segoe UI Emoji"',
+  '"Segoe UI Symbol"',
+  '"Noto Color Emoji"'
+];
+var customFontFamily = {
+  sans: ["DM Sans", ...fontFamilySans]
+};
+
 // src/util/font.ts
 var import_string_ts = require("string-ts");
 
@@ -237,6 +309,7 @@ var fontSizes = {
   "xs": ["0.75rem", "1rem"],
   "sm": ["0.875rem", "1.25rem"],
   "base": ["1rem", "1.5rem"],
+  "md": ["1.125rem", "1.5rem"],
   "lg": ["1.25rem", "1.625rem"],
   "display1": ["3.75rem", {
     fontWeight: 700,
@@ -286,62 +359,6 @@ var fontSizes = {
 };
 var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
 
-// src/theme/shadows.ts
-var shadows = {
-  "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)",
-  "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
-  "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
-  "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
-};
-
-// src/theme/fontFamily.ts
-var fontFamilySans = [
-  "ui-sans-serif",
-  "system-ui",
-  "sans-serif",
-  '"Apple Color Emoji"',
-  '"Segoe UI Emoji"',
-  '"Segoe UI Symbol"',
-  '"Noto Color Emoji"'
-];
-var customFontFamily = {
-  sans: ["DM Sans", ...fontFamilySans]
-};
-
-// src/theme/animation.ts
-var radixAnimation = {
-  "radix-accordion-down": "radix-accordion-down 0.2s ease-out",
-  "radix-accordion-up": "radix-accordion-up 0.2s ease-out",
-  "radix-collapsible-down": "radix-collapsible-down 0.2s ease-in-out",
-  "radix-collapsible-up": "radix-collapsible-up 0.2s ease-in-out"
-};
-var radixKeyframes = {
-  "radix-accordion-down": {
-    from: { height: "0" },
-    to: { height: "var(--radix-accordion-content-height)" }
-  },
-  "radix-accordion-up": {
-    from: { height: "var(--radix-accordion-content-height)" },
-    to: { height: "0" }
-  },
-  "radix-collapsible-down": {
-    from: { height: "0" },
-    to: { height: "var(--radix-collapsible-content-height)" }
-  },
-  "radix-collapsible-up": {
-    from: { height: "var(--radix-collapsible-content-height)" },
-    to: { height: "0" }
-  }
-};
-var animation = {
-  ...radixAnimation
-};
-var keyframes = {
-  ...radixKeyframes
-};
-
 // src/theme/screen.ts
 var screensNumber = {
   "sm": 640,
@@ -364,13 +381,23 @@ var screens = {
   "desktop": `${screensNumber.desktop}px`
 };
 
+// src/theme/shadows.ts
+var shadows = {
+  "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)",
+  "elevation-3": "0 6px 12px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.10)",
+  "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
+};
+
 // src/theme/index.ts
 var theme = {
   colors,
   boxShadow: shadows,
   fontSize: fontSizes,
   fontFamily: customFontFamily,
-  animation,
+  animation: animation2,
   keyframes,
   screens
 };
@@ -380,10 +407,6 @@ var unocssTheme = {
   fontSize: unocssFontSizes
 };
 
-// src/plugins/index.ts
-var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"), 1);
-var plugins = [import_tailwindcss_animate.default];
-
 // src/constant/index.ts
 var colorsNames = [
   "primary",

package/dist/index.d.cts

@@ -1,6 +1,85 @@
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 import { Config } from 'tailwindcss';
 
+declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
+
+declare const animation: {
+    'radix-accordion-down': string;
+    'radix-accordion-up': string;
+    'radix-collapsible-down': string;
+    'radix-collapsible-up': string;
+    'reka-accordion-down': string;
+    'reka-accordion-up': string;
+    'reka-collapsible-down': string;
+    'reka-collapsible-up': string;
+};
+declare const keyframes: {
+    'radix-accordion-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'radix-accordion-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'radix-collapsible-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'radix-collapsible-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-accordion-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-accordion-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-collapsible-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-collapsible-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+};
+
 declare const colors: {
     primary: {
         DEFAULT: string;
@@ -182,6 +261,10 @@ declare const colors: {
     };
 };
 
+declare const customFontFamily: {
+    sans: string[];
+};
+
 /**
  * Converts the given string from camel-case to kebab-case.
  * @template T The string to convert the case.
@@ -217,7 +300,7 @@ type DetailFont = [
 type UnocssDetailFont = [FontValue, CamelToKebabKeys<FontSizeDetail>];
 type FontSize = FontAndLineHeight | FontValue | DetailFont;
 type UnocssFontSize = FontValue | FontAndLineHeight | UnocssDetailFont;
-type SizeKeys = `${number}xs` | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | `${number}xl`;
+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;
@@ -234,6 +317,7 @@ declare const fontSizes: {
     xs: ["0.75rem", "1rem"];
     sm: ["0.875rem", "1.25rem"];
     base: ["1rem", "1.5rem"];
+    md: ["1.125rem", "1.5rem"];
     lg: ["1.25rem", "1.625rem"];
     display1: ["3.75rem", {
         fontWeight: number;
@@ -282,60 +366,6 @@ declare const fontSizes: {
     }];
 };
 
-declare const shadows: {
-    '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)";
-    'elevation-3': "0 6px 12px 0 rgba(0, 0, 0, 0.10)";
-    'elevation-4': "0 8px 16px 0 rgba(0, 0, 0, 0.10)";
-    'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
-};
-
-declare const customFontFamily: {
-    sans: string[];
-};
-
-declare const animation: {
-    'radix-accordion-down': string;
-    'radix-accordion-up': string;
-    'radix-collapsible-down': string;
-    'radix-collapsible-up': string;
-};
-declare const keyframes: {
-    'radix-accordion-down': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-    'radix-accordion-up': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-    'radix-collapsible-down': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-    'radix-collapsible-up': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-};
-
 declare const screensNumber: {
     sm: number;
     md: number;
@@ -357,6 +387,15 @@ declare const screens: {
     desktop: `${number}px`;
 };
 
+declare const shadows: {
+    '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)";
+    'elevation-3': "0 6px 12px 0 rgba(0, 0, 0, 0.10)";
+    'elevation-4': "0 8px 16px 0 rgba(0, 0, 0, 0.10)";
+    'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
+};
+
 declare const theme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -550,8 +589,6 @@ declare const unocssTheme: {
     fontSize: UnocssFontSizes;
 };
 
-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 {
@@ -573,6 +610,13 @@ type Colors = DefaultColors & MainColors & Record<ColorsNames, {
 }>;
 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})`;
@@ -581,13 +625,6 @@ type Shadows = {
     [K in ShadowSize as `elevation-${K}`]?: Shadow;
 };
 
-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]>;
-};
-
 declare function config(extend?: boolean): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 

package/dist/index.d.ts

@@ -1,6 +1,85 @@
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 import { Config } from 'tailwindcss';
 
+declare const colorsNames: readonly ["primary", "bateau", "secondary", "pompelmo", "green", "fuchsia", "indigo", "neutral", "orange", "red", "amber", "seafoam"];
+
+declare const animation: {
+    'radix-accordion-down': string;
+    'radix-accordion-up': string;
+    'radix-collapsible-down': string;
+    'radix-collapsible-up': string;
+    'reka-accordion-down': string;
+    'reka-accordion-up': string;
+    'reka-collapsible-down': string;
+    'reka-collapsible-up': string;
+};
+declare const keyframes: {
+    'radix-accordion-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'radix-accordion-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'radix-collapsible-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'radix-collapsible-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-accordion-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-accordion-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-collapsible-down': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+    'reka-collapsible-up': {
+        from: {
+            height: string;
+        };
+        to: {
+            height: string;
+        };
+    };
+};
+
 declare const colors: {
     primary: {
         DEFAULT: string;
@@ -182,6 +261,10 @@ declare const colors: {
     };
 };
 
+declare const customFontFamily: {
+    sans: string[];
+};
+
 /**
  * Converts the given string from camel-case to kebab-case.
  * @template T The string to convert the case.
@@ -217,7 +300,7 @@ type DetailFont = [
 type UnocssDetailFont = [FontValue, CamelToKebabKeys<FontSizeDetail>];
 type FontSize = FontAndLineHeight | FontValue | DetailFont;
 type UnocssFontSize = FontValue | FontAndLineHeight | UnocssDetailFont;
-type SizeKeys = `${number}xs` | 'xs' | 'sm' | 'base' | 'lg' | 'xl' | `${number}xl`;
+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;
@@ -234,6 +317,7 @@ declare const fontSizes: {
     xs: ["0.75rem", "1rem"];
     sm: ["0.875rem", "1.25rem"];
     base: ["1rem", "1.5rem"];
+    md: ["1.125rem", "1.5rem"];
     lg: ["1.25rem", "1.625rem"];
     display1: ["3.75rem", {
         fontWeight: number;
@@ -282,60 +366,6 @@ declare const fontSizes: {
     }];
 };
 
-declare const shadows: {
-    '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)";
-    'elevation-3': "0 6px 12px 0 rgba(0, 0, 0, 0.10)";
-    'elevation-4': "0 8px 16px 0 rgba(0, 0, 0, 0.10)";
-    'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
-};
-
-declare const customFontFamily: {
-    sans: string[];
-};
-
-declare const animation: {
-    'radix-accordion-down': string;
-    'radix-accordion-up': string;
-    'radix-collapsible-down': string;
-    'radix-collapsible-up': string;
-};
-declare const keyframes: {
-    'radix-accordion-down': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-    'radix-accordion-up': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-    'radix-collapsible-down': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-    'radix-collapsible-up': {
-        from: {
-            height: string;
-        };
-        to: {
-            height: string;
-        };
-    };
-};
-
 declare const screensNumber: {
     sm: number;
     md: number;
@@ -357,6 +387,15 @@ declare const screens: {
     desktop: `${number}px`;
 };
 
+declare const shadows: {
+    '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)";
+    'elevation-3': "0 6px 12px 0 rgba(0, 0, 0, 0.10)";
+    'elevation-4': "0 8px 16px 0 rgba(0, 0, 0, 0.10)";
+    'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
+};
+
 declare const theme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -550,8 +589,6 @@ declare const unocssTheme: {
     fontSize: UnocssFontSizes;
 };
 
-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 {
@@ -573,6 +610,13 @@ type Colors = DefaultColors & MainColors & Record<ColorsNames, {
 }>;
 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})`;
@@ -581,13 +625,6 @@ type Shadows = {
     [K in ShadowSize as `elevation-${K}`]?: Shadow;
 };
 
-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]>;
-};
-
 declare function config(extend?: boolean): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 

package/dist/index.js

@@ -9,7 +9,7 @@ import {
   shadows,
   theme,
   unocssTheme
-} from "./chunk-JF5QV6S4.js";
+} from "./chunk-J5XGEDSE.js";
 
 // src/plugins/index.ts
 import animation2 from "tailwindcss-animate";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@removify/tailwind-preset",
   "type": "module",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Tailwind CSS preset for Removify",
   "keywords": [
     "tailwind"
@@ -31,23 +31,23 @@
     "yargs": "17.7.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.4.0",
-    "@commitlint/config-conventional": "^19.2.2",
-    "@removify/eslint-config": "^1.4.3",
-    "@types/node": "^22.3.0",
+    "@commitlint/cli": "^19.5.0",
+    "@commitlint/config-conventional": "^19.5.0",
+    "@removify/eslint-config": "^1.5.4",
+    "@types/node": "^22.5.4",
     "@types/yargs": "^17.0.33",
-    "bumpp": "^9.5.1",
-    "eslint": "^9.9.0",
-    "husky": "^9.1.4",
-    "lint-staged": "^15.2.9",
+    "bumpp": "^9.5.2",
+    "eslint": "^9.10.0",
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
     "rimraf": "^6.0.1",
     "tailwind-config-viewer": "^2.0.4",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.11",
     "tsup": "^8.2.4",
-    "tsx": "^4.17.0",
-    "typescript": "^5.5.4",
+    "tsx": "^4.19.0",
+    "typescript": "^5.6.2",
     "vitest": "^2.0.5",
-    "@removify/tailwind-preset": "0.1.9"
+    "@removify/tailwind-preset": "0.1.10"
   },
   "lint-staged": {
     "**/*.{js,ts,vue,html}": [

package/readme.md

@@ -23,6 +23,7 @@ npx @removify/tailwind-preset > src/style.css
 ```ts
 // tailwind.config.{t,j}s
 import removify from '@removify/tailwind-preset';
+
 import type { Config } from 'tailwindcss';
 
 export default {