@removify/tailwind-preset 0.0.8 → 0.1.0

package/bin/index.js

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

package/dist/chunk-IUSDLEUF.js

@@ -0,0 +1,275 @@
+// src/theme/colors.ts
+var mainColors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#FFA037",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  bateau: {
+    50: "#F2F5F7",
+    100: "#E7ECF0",
+    200: "#CCD7E1",
+    300: "#ADC0D0",
+    400: "#6390B0",
+    500: "#1C749F",
+    600: "#1B6F98",
+    700: "#186388",
+    800: "#155675",
+    900: "#114660",
+    950: "#0C3144"
+  },
+  pompelmo: {
+    50: "#FFF4F4",
+    100: "#FFEBEA",
+    200: "#FFD4D4",
+    300: "#FFBCBB",
+    400: "#FF9F9E",
+    500: "#FF6663",
+    600: "#F3615E",
+    700: "#DA5754",
+    800: "#BC4B49",
+    900: "#9A3E3C",
+    950: "#6D2C2A"
+  },
+  neutral: {
+    50: "#F9FAFB",
+    100: "#F4F6F7",
+    200: "#E9ECEF",
+    300: "#DEE2E7",
+    400: "#D2D8DE",
+    500: "#BEC7D1",
+    600: "#B5BEC7",
+    700: "#A2AAB2",
+    800: "#8C939A",
+    900: "#73787E",
+    950: "#515559"
+  },
+  orange: {
+    50: "#FEF5F2",
+    100: "#FEECE7",
+    200: "#FDD7CC",
+    300: "#FCC0AD",
+    400: "#FBA586",
+    500: "#F97316",
+    600: "#EE6E15",
+    700: "#D46213",
+    800: "#B85510",
+    900: "#96450D",
+    950: "#6A3109"
+  },
+  amber: {
+    50: "#FFF9F2",
+    100: "#FEF5E7",
+    200: "#FEEACD",
+    300: "#FDDEAE",
+    400: "#FCD288",
+    500: "#FBBF24",
+    600: "#EFB622",
+    700: "#D6A31F",
+    800: "#B98D1B",
+    900: "#977316",
+    950: "#6B510F"
+  },
+  indigo: {
+    50: "#F4F4FE",
+    100: "#EBEBFD",
+    200: "#D5D6FB",
+    300: "#BCBEF9",
+    400: "#A0A2F7",
+    500: "#686DF4",
+    600: "#6368E9",
+    700: "#595DD0",
+    800: "#4D51B4",
+    900: "#3F4293",
+    950: "#2C2F68"
+  },
+  seafoam: {
+    50: "#F3FAFA",
+    100: "#E8F5F6",
+    200: "#CFEBED",
+    300: "#B2E0E3",
+    400: "#8FD4D9",
+    500: "#3EC2C9",
+    600: "#3BB9C0",
+    700: "#35A6AB",
+    800: "#2E8F95",
+    900: "#257579",
+    950: "#1A5356"
+  },
+  green: {
+    50: "#F2F7F4",
+    100: "#E7F1EB",
+    200: "#CCE2D6",
+    300: "#ADD2BE",
+    400: "#86C1A3",
+    500: "#15A46E",
+    600: "#149C69",
+    700: "#128C5E",
+    800: "#107951",
+    900: "#0D6342",
+    950: "#09462F"
+  },
+  fuchsia: {
+    50: "#FAF3FD",
+    100: "#F5E8FB",
+    200: "#ECCFF7",
+    300: "#E1B2F2",
+    400: "#D68FEE",
+    500: "#C53DE7",
+    600: "#BC3ADC",
+    700: "#A834C5",
+    800: "#922DAB",
+    900: "#77258B",
+    950: "#541A63"
+  },
+  red: {
+    50: "#FDF2F2",
+    100: "#FBE8E7",
+    200: "#F8CECD",
+    300: "#F4B0AE",
+    400: "#F08C8A",
+    500: "#EA3529",
+    600: "#DF3327",
+    700: "#C82D23",
+    800: "#AD271E",
+    900: "#8D2019",
+    950: "#641711"
+  }
+};
+var colors = {
+  ...mainColors,
+  primary: mainColors.bateau,
+  secondary: mainColors.pompelmo
+};
+
+// 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
+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/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/index.cjs

@@ -0,0 +1,352 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// 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);
+
+// src/theme/colors.ts
+var mainColors = {
+  inherit: "inherit",
+  current: "currentColor",
+  transparent: "transparent",
+  danger: "#EA3529",
+  warning: "#FFA037",
+  success: "#15A46E",
+  info: "#3EC2C9",
+  special: "#686DF4",
+  black: "#000000",
+  white: "#FFFFFF",
+  bateau: {
+    50: "#F2F5F7",
+    100: "#E7ECF0",
+    200: "#CCD7E1",
+    300: "#ADC0D0",
+    400: "#6390B0",
+    500: "#1C749F",
+    600: "#1B6F98",
+    700: "#186388",
+    800: "#155675",
+    900: "#114660",
+    950: "#0C3144"
+  },
+  pompelmo: {
+    50: "#FFF4F4",
+    100: "#FFEBEA",
+    200: "#FFD4D4",
+    300: "#FFBCBB",
+    400: "#FF9F9E",
+    500: "#FF6663",
+    600: "#F3615E",
+    700: "#DA5754",
+    800: "#BC4B49",
+    900: "#9A3E3C",
+    950: "#6D2C2A"
+  },
+  neutral: {
+    50: "#F9FAFB",
+    100: "#F4F6F7",
+    200: "#E9ECEF",
+    300: "#DEE2E7",
+    400: "#D2D8DE",
+    500: "#BEC7D1",
+    600: "#B5BEC7",
+    700: "#A2AAB2",
+    800: "#8C939A",
+    900: "#73787E",
+    950: "#515559"
+  },
+  orange: {
+    50: "#FEF5F2",
+    100: "#FEECE7",
+    200: "#FDD7CC",
+    300: "#FCC0AD",
+    400: "#FBA586",
+    500: "#F97316",
+    600: "#EE6E15",
+    700: "#D46213",
+    800: "#B85510",
+    900: "#96450D",
+    950: "#6A3109"
+  },
+  amber: {
+    50: "#FFF9F2",
+    100: "#FEF5E7",
+    200: "#FEEACD",
+    300: "#FDDEAE",
+    400: "#FCD288",
+    500: "#FBBF24",
+    600: "#EFB622",
+    700: "#D6A31F",
+    800: "#B98D1B",
+    900: "#977316",
+    950: "#6B510F"
+  },
+  indigo: {
+    50: "#F4F4FE",
+    100: "#EBEBFD",
+    200: "#D5D6FB",
+    300: "#BCBEF9",
+    400: "#A0A2F7",
+    500: "#686DF4",
+    600: "#6368E9",
+    700: "#595DD0",
+    800: "#4D51B4",
+    900: "#3F4293",
+    950: "#2C2F68"
+  },
+  seafoam: {
+    50: "#F3FAFA",
+    100: "#E8F5F6",
+    200: "#CFEBED",
+    300: "#B2E0E3",
+    400: "#8FD4D9",
+    500: "#3EC2C9",
+    600: "#3BB9C0",
+    700: "#35A6AB",
+    800: "#2E8F95",
+    900: "#257579",
+    950: "#1A5356"
+  },
+  green: {
+    50: "#F2F7F4",
+    100: "#E7F1EB",
+    200: "#CCE2D6",
+    300: "#ADD2BE",
+    400: "#86C1A3",
+    500: "#15A46E",
+    600: "#149C69",
+    700: "#128C5E",
+    800: "#107951",
+    900: "#0D6342",
+    950: "#09462F"
+  },
+  fuchsia: {
+    50: "#FAF3FD",
+    100: "#F5E8FB",
+    200: "#ECCFF7",
+    300: "#E1B2F2",
+    400: "#D68FEE",
+    500: "#C53DE7",
+    600: "#BC3ADC",
+    700: "#A834C5",
+    800: "#922DAB",
+    900: "#77258B",
+    950: "#541A63"
+  },
+  red: {
+    50: "#FDF2F2",
+    100: "#FBE8E7",
+    200: "#F8CECD",
+    300: "#F4B0AE",
+    400: "#F08C8A",
+    500: "#EA3529",
+    600: "#DF3327",
+    700: "#C82D23",
+    800: "#AD271E",
+    900: "#8D2019",
+    950: "#641711"
+  }
+};
+var colors = {
+  ...mainColors,
+  primary: mainColors.bateau,
+  secondary: mainColors.pompelmo
+};
+
+// 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 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/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 = (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);
+}

package/dist/cli/index.js

@@ -0,0 +1,88 @@
+import {
+  colors
+} from "../chunk-IUSDLEUF.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);
+}