@removify/tailwind-preset 0.0.8 → 0.0.9

package/bin/index.js

@@ -1,2 +1,2 @@
 #!/usr/bin/env node
-import '../dist/cli.js';
+import '../dist/cli/index.js';

package/dist/chunk-A4JTRVFS.js

@@ -0,0 +1,252 @@
+// src/theme/colors.ts
+var colors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#FFA037",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  primary: {
+    50: "#E8F1F6",
+    100: "#BED9E6",
+    200: "#95C0D5",
+    300: "#6CA7C3",
+    400: "#448DB1",
+    500: "#1C749F",
+    600: "#166085",
+    700: "#104C6A",
+    800: "#0B384E",
+    900: "#062432"
+  },
+  secondary: {
+    50: "#FFEFEF",
+    100: "#FFD3D2",
+    200: "#FFB7B5",
+    300: "#FF9B99",
+    400: "#FF807E",
+    500: "#FF6663",
+    600: "#D25350",
+    700: "#A6403E",
+    800: "#792E2C",
+    900: "#4D1C1B"
+  },
+  green: {
+    50: "#E7F7F1",
+    100: "#BCE7D7",
+    200: "#91D7BD",
+    300: "#67C7A3",
+    400: "#3EB688",
+    500: "#15A46E",
+    600: "#10895B",
+    700: "#0B6D48",
+    800: "#075035",
+    900: "#043322"
+  },
+  fuchsia: {
+    50: "#FAEBFD",
+    100: "#F0C7FA",
+    200: "#E6A3F6",
+    300: "#DB81F2",
+    400: "#D05FED",
+    500: "#C53DE7",
+    600: "#A431C0",
+    700: "#822599",
+    800: "#5F1A71",
+    900: "#3D1048"
+  },
+  indigo: {
+    50: "#EFF0FF",
+    100: "#D3D5FE",
+    200: "#B8BAFC",
+    300: "#9DA0FA",
+    400: "#8286F7",
+    500: "#686DF4",
+    600: "#5459CB",
+    700: "#4145A1",
+    800: "#2F3276",
+    900: "#1D1F4B"
+  },
+  neutral: {
+    50: "#F1F2F5",
+    100: "#EAEDF2",
+    200: "#E1E5EA",
+    300: "#D5DBE2",
+    400: "#CAD1D9",
+    500: "#BEC7D1",
+    600: "#9DA4AD",
+    700: "#7B8188",
+    800: "#5A5F64",
+    900: "#393C3F"
+  },
+  orange: {
+    50: "#FFF6EA",
+    100: "#FFE5C5",
+    200: "#FFD3A0",
+    300: "#FFC27C",
+    400: "#FFB159",
+    500: "#FFA037",
+    600: "#D2842B",
+    700: "#A66821",
+    800: "#794C17",
+    900: "#4D300E"
+  },
+  seafoam: {
+    50: "#EBFAFA",
+    100: "#C7EFF1",
+    200: "#A4E5E8",
+    300: "#82DADE",
+    400: "#60CED4",
+    500: "#3EC2C9",
+    600: "#32A1A7",
+    700: "#268085",
+    800: "#1B5E62",
+    900: "#113C3E"
+  },
+  red: {
+    50: "#FEEAE9",
+    100: "#FBC5C1",
+    200: "#F8A09A",
+    300: "#F47C74",
+    400: "#EF584E",
+    500: "#EA3529",
+    600: "#C32A20",
+    700: "#9B2018",
+    800: "#731610",
+    900: "#490D09"
+  },
+  amber: {
+    50: "#FFF9E8",
+    100: "#FFEEBF",
+    200: "#FFE397",
+    300: "#FFD770",
+    400: "#FECB4A",
+    500: "#FBBF24",
+    600: "#D19F1C",
+    700: "#A67E14",
+    800: "#795C0D",
+    900: "#4D3B08"
+  }
+};
+
+// src/util/font.ts
+import { kebabKeys } from "string-ts";
+
+// src/types/fontSize.ts
+function isDetailFont(value) {
+  return Array.isArray(value) && typeof value[1] === "object";
+}
+
+// src/util/font.ts
+var entries = Object.entries;
+function fontConfigKeysKebabCase(fontConfig) {
+  const result = {};
+  for (const [key, value] of entries(fontConfig)) {
+    if (value) {
+      if (isDetailFont(value)) {
+        const [size, detail] = value;
+        const kebabDetail = kebabKeys(detail);
+        result[key] = [size, kebabDetail];
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
+// src/theme/fontSize.ts
+var fontSizes = {
+  "2xs": ["0.6875rem", "1rem"],
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "lg": ["1.25rem", "1.625rem"],
+  "display1": ["3.75rem", {
+    fontWeight: 700,
+    lineHeight: "5rem",
+    letterSpacing: "-0.0625rem"
+  }],
+  "display2": ["3.25rem", {
+    fontWeight: 700,
+    lineHeight: "4.25rem",
+    letterSpacing: "-0.05rem"
+  }],
+  "display3": ["2.75rem", {
+    fontWeight: 700,
+    lineHeight: "3.625rem",
+    letterSpacing: "-0.0375rem"
+  }],
+  "h1": ["3rem", {
+    fontWeight: 700,
+    lineHeight: "3.75rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h2": ["2.5rem", {
+    fontWeight: 700,
+    lineHeight: "3.25rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h3": ["2.25rem", {
+    fontWeight: 700,
+    lineHeight: "3rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h4": ["2rem", {
+    fontWeight: 700,
+    lineHeight: "2.625rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h5": ["1.5rem", {
+    fontWeight: 700,
+    lineHeight: "2rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h6": ["1.25rem", {
+    fontWeight: 700,
+    lineHeight: "1.625rem",
+    letterSpacing: "-0.0125rem"
+  }]
+};
+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
+import { fontFamily } from "tailwindcss/defaultTheme";
+var customFontFamily = {
+  sans: ["DM Sans", ...fontFamily.sans]
+};
+
+// src/theme/index.ts
+var theme = {
+  colors,
+  boxShadow: shadows,
+  fontSize: fontSizes,
+  fontFamily: customFontFamily
+};
+var unocssTheme = {
+  colors,
+  boxShadow: shadows,
+  fontSize: unocssFontSizes
+};
+
+export {
+  colors,
+  fontSizes,
+  shadows,
+  customFontFamily,
+  theme,
+  unocssTheme
+};

package/dist/{cli.cjs → cli/index.cjs}

@@ -22,7 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// src/cli.ts
+// src/cli/index.ts
 var import_helpers = require("yargs/helpers");
 var import_yargs = __toESM(require("yargs"), 1);
 var import_node_process = __toESM(require("process"), 1);
@@ -161,26 +161,169 @@ var colors = {
   }
 };
 
-// src/cli.ts
+// src/util/font.ts
+var import_string_ts = require("string-ts");
+
+// src/types/fontSize.ts
+function isDetailFont(value) {
+  return Array.isArray(value) && typeof value[1] === "object";
+}
+
+// src/util/font.ts
+var entries = Object.entries;
+function fontConfigKeysKebabCase(fontConfig) {
+  const result = {};
+  for (const [key, value] of entries(fontConfig)) {
+    if (value) {
+      if (isDetailFont(value)) {
+        const [size, detail] = value;
+        const kebabDetail = (0, import_string_ts.kebabKeys)(detail);
+        result[key] = [size, kebabDetail];
+      } else {
+        result[key] = value;
+      }
+    }
+  }
+  return result;
+}
+
+// src/theme/fontSize.ts
+var fontSizes = {
+  "2xs": ["0.6875rem", "1rem"],
+  "xs": ["0.75rem", "1rem"],
+  "sm": ["0.875rem", "1.25rem"],
+  "base": ["1rem", "1.5rem"],
+  "lg": ["1.25rem", "1.625rem"],
+  "display1": ["3.75rem", {
+    fontWeight: 700,
+    lineHeight: "5rem",
+    letterSpacing: "-0.0625rem"
+  }],
+  "display2": ["3.25rem", {
+    fontWeight: 700,
+    lineHeight: "4.25rem",
+    letterSpacing: "-0.05rem"
+  }],
+  "display3": ["2.75rem", {
+    fontWeight: 700,
+    lineHeight: "3.625rem",
+    letterSpacing: "-0.0375rem"
+  }],
+  "h1": ["3rem", {
+    fontWeight: 700,
+    lineHeight: "3.75rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h2": ["2.5rem", {
+    fontWeight: 700,
+    lineHeight: "3.25rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h3": ["2.25rem", {
+    fontWeight: 700,
+    lineHeight: "3rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h4": ["2rem", {
+    fontWeight: 700,
+    lineHeight: "2.625rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h5": ["1.5rem", {
+    fontWeight: 700,
+    lineHeight: "2rem",
+    letterSpacing: "-0.0125rem"
+  }],
+  "h6": ["1.25rem", {
+    fontWeight: 700,
+    lineHeight: "1.625rem",
+    letterSpacing: "-0.0125rem"
+  }]
+};
+var unocssFontSizes = fontConfigKeysKebabCase(fontSizes);
+
+// src/theme/fontFamily.ts
+var import_defaultTheme = require("tailwindcss/defaultTheme");
+var customFontFamily = {
+  sans: ["DM Sans", ...import_defaultTheme.fontFamily.sans]
+};
+
+// src/cli/src/theme/color.ts
 var css = String.raw;
-var argv = (0, import_yargs.default)((0, import_helpers.hideBin)(import_node_process.default.argv)).scriptName("@removify/tailwind-preset").usage("$0 [options] > src/style.css").help().options({ override: { type: "boolean", default: false, alias: "o" } }).parseSync();
-var theme = css`@import "tailwindcss";
-@theme {
+function generateColorVariables(filetype) {
+  let theme = css``;
+  for (const [key, value] of Object.entries(colors)) {
+    if (typeof value === "object") {
+      for (const [subKey, subValue] of Object.entries(value)) {
+        if (filetype === "tailwind" || filetype === "css") {
+          theme += css`  --color-${key}-${subKey}: ${subValue};
 `;
-if (argv.override) {
-  theme += css`  --color-*: initial;
+        } else if (filetype === "scss") {
+          theme += css`$color-${key}-${subKey}: ${subValue};
 `;
-}
-for (const [key, value] of Object.entries(colors)) {
-  if (typeof value === "object") {
-    for (const [subKey, subValue] of Object.entries(value)) {
-      theme += css`  --color-${key}-${subKey}: ${subValue};
+        }
+      }
+    } else {
+      if (filetype === "tailwind" || filetype === "css") {
+        theme += css`  --color-${key}: ${value};
+`;
+      } else if (filetype === "scss") {
+        theme += css`$color-${key}: ${value};
 `;
+      }
     }
-  } else {
-    theme += css`  --color-${key}: ${value};
+  }
+  return theme;
+}
+
+// src/cli/src/css.ts
+var css2 = String.raw;
+function generateCssTheme() {
+  let theme = css2`*, *::before, *::after {
+`;
+  theme += generateColorVariables("css");
+  return theme += css2`}`;
+}
+
+// src/cli/src/scss.ts
+var css3 = String.raw;
+function generateScssTheme() {
+  let theme = css3``;
+  theme += generateColorVariables("scss");
+  return theme;
+}
+
+// src/cli/src/tailwind.ts
+var css4 = String.raw;
+function generateTailwindTheme(extend) {
+  let theme = css4`@import "tailwindcss";
+@theme {
+`;
+  if (!extend) {
+    theme += css4`  --color-*: initial;
 `;
   }
+  theme += generateColorVariables("tailwind");
+  return theme += css4`}`;
+}
+
+// src/cli/src/utils/log.ts
+function log(...args) {
+  console.log(...args);
+}
+
+// src/cli/index.ts
+var filetypes = ["tailwind", "css", "scss"];
+var argv = (0, import_yargs.default)((0, import_helpers.hideBin)(import_node_process.default.argv)).scriptName("@removify/tailwind-preset").usage("$0 [options] > src/style.css").help().options({ extend: { type: "boolean", default: true, alias: "e" } }).options({ filetype: { choices: filetypes, default: "css", alias: "f" } }).parseSync();
+if (argv.filetype === "tailwind") {
+  const theme = generateTailwindTheme(argv.extend);
+  log(theme);
+}
+if (argv.filetype === "css") {
+  const theme = generateCssTheme();
+  log(theme);
+}
+if (argv.filetype === "scss") {
+  const theme = generateScssTheme();
+  log(theme);
 }
-theme += css`}`;
-console.log(theme);

package/dist/cli/index.js

@@ -0,0 +1,88 @@
+import {
+  colors
+} from "../chunk-A4JTRVFS.js";
+
+// src/cli/index.ts
+import { hideBin } from "yargs/helpers";
+import yargs from "yargs";
+import process from "process";
+
+// src/cli/src/theme/color.ts
+var css = String.raw;
+function generateColorVariables(filetype) {
+  let theme = css``;
+  for (const [key, value] of Object.entries(colors)) {
+    if (typeof value === "object") {
+      for (const [subKey, subValue] of Object.entries(value)) {
+        if (filetype === "tailwind" || filetype === "css") {
+          theme += css`  --color-${key}-${subKey}: ${subValue};
+`;
+        } else if (filetype === "scss") {
+          theme += css`$color-${key}-${subKey}: ${subValue};
+`;
+        }
+      }
+    } else {
+      if (filetype === "tailwind" || filetype === "css") {
+        theme += css`  --color-${key}: ${value};
+`;
+      } else if (filetype === "scss") {
+        theme += css`$color-${key}: ${value};
+`;
+      }
+    }
+  }
+  return theme;
+}
+
+// src/cli/src/css.ts
+var css2 = String.raw;
+function generateCssTheme() {
+  let theme = css2`*, *::before, *::after {
+`;
+  theme += generateColorVariables("css");
+  return theme += css2`}`;
+}
+
+// src/cli/src/scss.ts
+var css3 = String.raw;
+function generateScssTheme() {
+  let theme = css3``;
+  theme += generateColorVariables("scss");
+  return theme;
+}
+
+// src/cli/src/tailwind.ts
+var css4 = String.raw;
+function generateTailwindTheme(extend) {
+  let theme = css4`@import "tailwindcss";
+@theme {
+`;
+  if (!extend) {
+    theme += css4`  --color-*: initial;
+`;
+  }
+  theme += generateColorVariables("tailwind");
+  return theme += css4`}`;
+}
+
+// src/cli/src/utils/log.ts
+function log(...args) {
+  console.log(...args);
+}
+
+// src/cli/index.ts
+var filetypes = ["tailwind", "css", "scss"];
+var argv = yargs(hideBin(process.argv)).scriptName("@removify/tailwind-preset").usage("$0 [options] > src/style.css").help().options({ extend: { type: "boolean", default: true, alias: "e" } }).options({ filetype: { choices: filetypes, default: "css", alias: "f" } }).parseSync();
+if (argv.filetype === "tailwind") {
+  const theme = generateTailwindTheme(argv.extend);
+  log(theme);
+}
+if (argv.filetype === "css") {
+  const theme = generateCssTheme();
+  log(theme);
+}
+if (argv.filetype === "scss") {
+  const theme = generateScssTheme();
+  log(theme);
+}

package/dist/index.cjs

@@ -23,6 +23,7 @@ __export(src_exports, {
   colors: () => colors,
   config: () => config,
   default: () => src_default,
+  fontFamily: () => customFontFamily,
   fontSizes: () => fontSizes,
   shadows: () => shadows,
   theme: () => theme,
@@ -255,11 +256,18 @@ var shadows = {
   "elevation-5": "0 12px 24px 0 rgba(0, 0, 0, 0.10)"
 };
 
+// src/theme/fontFamily.ts
+var import_defaultTheme = require("tailwindcss/defaultTheme");
+var customFontFamily = {
+  sans: ["DM Sans", ...import_defaultTheme.fontFamily.sans]
+};
+
 // src/theme/index.ts
 var theme = {
   colors,
   boxShadow: shadows,
-  fontSize: fontSizes
+  fontSize: fontSizes,
+  fontFamily: customFontFamily
 };
 var unocssTheme = {
   colors,
@@ -268,16 +276,16 @@ var unocssTheme = {
 };
 
 // src/index.ts
-function config(extend = false) {
-  if (extend) {
+function config(extend = true) {
+  if (extend === false) {
     return {
-      theme: {
-        extend: theme
-      }
+      theme
     };
   }
   return {
-    theme
+    theme: {
+      extend: theme
+    }
   };
 }
 var src_default = config();
@@ -285,6 +293,7 @@ var src_default = config();
 0 && (module.exports = {
   colors,
   config,
+  fontFamily,
   fontSizes,
   shadows,
   theme,

package/dist/index.d.cts

@@ -242,6 +242,10 @@ declare const shadows: {
     'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
 };
 
+declare const customFontFamily: {
+    sans: string[];
+};
+
 declare const theme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -419,4 +423,4 @@ type Shadows = {
 declare function config(extend?: boolean): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type ColorString, type Colors, type FontSizes, type Shadows, colors, config, _default as default, fontSizes, shadows, theme, unocssTheme };
+export { type ColorString, type Colors, type FontSizes, type Shadows, colors, config, _default as default, customFontFamily as fontFamily, fontSizes, shadows, theme, unocssTheme };

package/dist/index.d.ts

@@ -242,6 +242,10 @@ declare const shadows: {
     'elevation-5': "0 12px 24px 0 rgba(0, 0, 0, 0.10)";
 };
 
+declare const customFontFamily: {
+    sans: string[];
+};
+
 declare const theme: Config['theme'];
 declare const unocssTheme: {
     colors: {
@@ -419,4 +423,4 @@ type Shadows = {
 declare function config(extend?: boolean): Partial<Config>;
 declare const _default: Partial<tailwindcss_types_config.Config>;
 
-export { type ColorString, type Colors, type FontSizes, type Shadows, colors, config, _default as default, fontSizes, shadows, theme, unocssTheme };
+export { type ColorString, type Colors, type FontSizes, type Shadows, colors, config, _default as default, customFontFamily as fontFamily, fontSizes, shadows, theme, unocssTheme };

package/dist/index.js

@@ -1,121 +1,23 @@
 import {
-  colors
-} from "./chunk-5LOSNWQT.js";
-
-// src/util/font.ts
-import { kebabKeys } from "string-ts";
-
-// src/types/fontSize.ts
-function isDetailFont(value) {
-  return Array.isArray(value) && typeof value[1] === "object";
-}
-
-// src/util/font.ts
-var entries = Object.entries;
-function fontConfigKeysKebabCase(fontConfig) {
-  const result = {};
-  for (const [key, value] of entries(fontConfig)) {
-    if (value) {
-      if (isDetailFont(value)) {
-        const [size, detail] = value;
-        const kebabDetail = kebabKeys(detail);
-        result[key] = [size, kebabDetail];
-      } else {
-        result[key] = value;
-      }
-    }
-  }
-  return result;
-}
-
-// src/theme/fontSize.ts
-var fontSizes = {
-  "2xs": ["0.6875rem", "1rem"],
-  "xs": ["0.75rem", "1rem"],
-  "sm": ["0.875rem", "1.25rem"],
-  "base": ["1rem", "1.5rem"],
-  "lg": ["1.25rem", "1.625rem"],
-  "display1": ["3.75rem", {
-    fontWeight: 700,
-    lineHeight: "5rem",
-    letterSpacing: "-0.0625rem"
-  }],
-  "display2": ["3.25rem", {
-    fontWeight: 700,
-    lineHeight: "4.25rem",
-    letterSpacing: "-0.05rem"
-  }],
-  "display3": ["2.75rem", {
-    fontWeight: 700,
-    lineHeight: "3.625rem",
-    letterSpacing: "-0.0375rem"
-  }],
-  "h1": ["3rem", {
-    fontWeight: 700,
-    lineHeight: "3.75rem",
-    letterSpacing: "-0.0125rem"
-  }],
-  "h2": ["2.5rem", {
-    fontWeight: 700,
-    lineHeight: "3.25rem",
-    letterSpacing: "-0.0125rem"
-  }],
-  "h3": ["2.25rem", {
-    fontWeight: 700,
-    lineHeight: "3rem",
-    letterSpacing: "-0.0125rem"
-  }],
-  "h4": ["2rem", {
-    fontWeight: 700,
-    lineHeight: "2.625rem",
-    letterSpacing: "-0.0125rem"
-  }],
-  "h5": ["1.5rem", {
-    fontWeight: 700,
-    lineHeight: "2rem",
-    letterSpacing: "-0.0125rem"
-  }],
-  "h6": ["1.25rem", {
-    fontWeight: 700,
-    lineHeight: "1.625rem",
-    letterSpacing: "-0.0125rem"
-  }]
-};
-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/index.ts
-var theme = {
   colors,
-  boxShadow: shadows,
-  fontSize: fontSizes
-};
-var unocssTheme = {
-  colors,
-  boxShadow: shadows,
-  fontSize: unocssFontSizes
-};
+  customFontFamily,
+  fontSizes,
+  shadows,
+  theme,
+  unocssTheme
+} from "./chunk-A4JTRVFS.js";
 
 // src/index.ts
-function config(extend = false) {
-  if (extend) {
+function config(extend = true) {
+  if (extend === false) {
     return {
-      theme: {
-        extend: theme
-      }
+      theme
     };
   }
   return {
-    theme
+    theme: {
+      extend: theme
+    }
   };
 }
 var src_default = config();
@@ -123,6 +25,7 @@ export {
   colors,
   config,
   src_default as default,
+  customFontFamily as fontFamily,
   fontSizes,
   shadows,
   theme,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@removify/tailwind-preset",
   "type": "module",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "Tailwind CSS preset for Removify",
   "keywords": [
     "tailwind"
@@ -30,23 +30,23 @@
     "yargs": "17.7.2"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.2.1",
-    "@commitlint/config-conventional": "^19.1.0",
-    "@types/node": "^20.12.2",
+    "@commitlint/cli": "^19.2.2",
+    "@commitlint/config-conventional": "^19.2.2",
+    "@removify/eslint-config": "^1.3.3",
+    "@types/node": "^20.12.7",
     "@types/yargs": "^17.0.32",
     "bumpp": "^9.4.0",
-    "eslint": "^8.57.0",
-    "eslint-config-removify": "^1.2.14",
+    "eslint": "^9.1.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "rimraf": "^5.0.5",
     "tailwind-config-viewer": "^2.0.1",
     "tailwindcss": "^3.4.3",
     "tsup": "^8.0.2",
-    "tsx": "^4.7.1",
-    "typescript": "^5.4.3",
-    "vitest": "^1.4.0",
-    "@removify/tailwind-preset": "0.0.8"
+    "tsx": "^4.7.2",
+    "typescript": "^5.4.5",
+    "vitest": "^1.5.0",
+    "@removify/tailwind-preset": "0.0.9"
   },
   "lint-staged": {
     "**/*.{js,ts,vue,html}": [
@@ -55,15 +55,17 @@
   },
   "scripts": {
     "start": "tsx ./src/index.ts",
-    "build": "rimraf dist && tsup src/index.ts src/cli.ts --format esm,cjs --clean --dts",
+    "build": "rimraf dist && tsup src/index.ts src/cli/index.ts --format esm,cjs --clean --dts",
     "watch": "tsup --format esm,cjs --watch",
     "dev": "tsx watch ./src/index.ts",
+    "dev:cli": "tsx watch ./src/cli/index.ts",
+    "dev:playground": "pnpm --filter playground dev",
     "test": "vitest",
     "lint": "eslint .",
     "lint:fix": "eslint --fix .",
     "husky:install": "husky",
     "release": "bumpp && pnpm publish --access=public",
     "tailwind-config-viewer": "tailwind-config-viewer -o -c tailwind.config.js",
-    "tailwind-config-viewer:build": "tailwind-config-viewer export tailwind-dist -c tailwind.config.js"
+    "tailwind-config-viewer:build": "pnpm build && tailwind-config-viewer export tailwind-dist -c tailwind.config.js"
   }
 }

package/dist/chunk-5LOSNWQT.js

@@ -1,137 +0,0 @@
-// src/theme/colors.ts
-var colors = {
-  inherit: "inherit",
-  current: "currentColor",
-  transparent: "transparent",
-  danger: "#EA3529",
-  warning: "#FFA037",
-  success: "#15A46E",
-  info: "#3EC2C9",
-  special: "#686DF4",
-  black: "#000000",
-  white: "#FFFFFF",
-  primary: {
-    50: "#E8F1F6",
-    100: "#BED9E6",
-    200: "#95C0D5",
-    300: "#6CA7C3",
-    400: "#448DB1",
-    500: "#1C749F",
-    600: "#166085",
-    700: "#104C6A",
-    800: "#0B384E",
-    900: "#062432"
-  },
-  secondary: {
-    50: "#FFEFEF",
-    100: "#FFD3D2",
-    200: "#FFB7B5",
-    300: "#FF9B99",
-    400: "#FF807E",
-    500: "#FF6663",
-    600: "#D25350",
-    700: "#A6403E",
-    800: "#792E2C",
-    900: "#4D1C1B"
-  },
-  green: {
-    50: "#E7F7F1",
-    100: "#BCE7D7",
-    200: "#91D7BD",
-    300: "#67C7A3",
-    400: "#3EB688",
-    500: "#15A46E",
-    600: "#10895B",
-    700: "#0B6D48",
-    800: "#075035",
-    900: "#043322"
-  },
-  fuchsia: {
-    50: "#FAEBFD",
-    100: "#F0C7FA",
-    200: "#E6A3F6",
-    300: "#DB81F2",
-    400: "#D05FED",
-    500: "#C53DE7",
-    600: "#A431C0",
-    700: "#822599",
-    800: "#5F1A71",
-    900: "#3D1048"
-  },
-  indigo: {
-    50: "#EFF0FF",
-    100: "#D3D5FE",
-    200: "#B8BAFC",
-    300: "#9DA0FA",
-    400: "#8286F7",
-    500: "#686DF4",
-    600: "#5459CB",
-    700: "#4145A1",
-    800: "#2F3276",
-    900: "#1D1F4B"
-  },
-  neutral: {
-    50: "#F1F2F5",
-    100: "#EAEDF2",
-    200: "#E1E5EA",
-    300: "#D5DBE2",
-    400: "#CAD1D9",
-    500: "#BEC7D1",
-    600: "#9DA4AD",
-    700: "#7B8188",
-    800: "#5A5F64",
-    900: "#393C3F"
-  },
-  orange: {
-    50: "#FFF6EA",
-    100: "#FFE5C5",
-    200: "#FFD3A0",
-    300: "#FFC27C",
-    400: "#FFB159",
-    500: "#FFA037",
-    600: "#D2842B",
-    700: "#A66821",
-    800: "#794C17",
-    900: "#4D300E"
-  },
-  seafoam: {
-    50: "#EBFAFA",
-    100: "#C7EFF1",
-    200: "#A4E5E8",
-    300: "#82DADE",
-    400: "#60CED4",
-    500: "#3EC2C9",
-    600: "#32A1A7",
-    700: "#268085",
-    800: "#1B5E62",
-    900: "#113C3E"
-  },
-  red: {
-    50: "#FEEAE9",
-    100: "#FBC5C1",
-    200: "#F8A09A",
-    300: "#F47C74",
-    400: "#EF584E",
-    500: "#EA3529",
-    600: "#C32A20",
-    700: "#9B2018",
-    800: "#731610",
-    900: "#490D09"
-  },
-  amber: {
-    50: "#FFF9E8",
-    100: "#FFEEBF",
-    200: "#FFE397",
-    300: "#FFD770",
-    400: "#FECB4A",
-    500: "#FBBF24",
-    600: "#D19F1C",
-    700: "#A67E14",
-    800: "#795C0D",
-    900: "#4D3B08"
-  }
-};
-
-export {
-  colors
-};

package/dist/cli.js

@@ -1,30 +0,0 @@
-import {
-  colors
-} from "./chunk-5LOSNWQT.js";
-
-// src/cli.ts
-import { hideBin } from "yargs/helpers";
-import yargs from "yargs";
-import process from "process";
-var css = String.raw;
-var argv = yargs(hideBin(process.argv)).scriptName("@removify/tailwind-preset").usage("$0 [options] > src/style.css").help().options({ override: { type: "boolean", default: false, alias: "o" } }).parseSync();
-var theme = css`@import "tailwindcss";
-@theme {
-`;
-if (argv.override) {
-  theme += css`  --color-*: initial;
-`;
-}
-for (const [key, value] of Object.entries(colors)) {
-  if (typeof value === "object") {
-    for (const [subKey, subValue] of Object.entries(value)) {
-      theme += css`  --color-${key}-${subKey}: ${subValue};
-`;
-    }
-  } else {
-    theme += css`  --color-${key}: ${value};
-`;
-  }
-}
-theme += css`}`;
-console.log(theme);