@yamada-ui/cli 1.0.3 → 1.0.4-dev-20240406104355

package/dist/command/colors/index.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -40,8 +40,7 @@ var init_cjs_shims = __esm({
 // src/command/colors/index.ts
 var colors_exports = {};
 __export(colors_exports, {
-  actionColors: () => actionColors,
-  toneColor: () => toneColor
+  actionColors: () => actionColors
 });
 module.exports = __toCommonJS(colors_exports);
 init_cjs_shims();
@@ -565,26 +564,36 @@ var prettier = async (content, options) => {
 };
 
 // src/command/colors/index.ts
-var toneColor = (color, hue, lCoef, dCoef) => {
-  const coef = hue < 500 ? lCoef : dCoef;
-  const amount = (500 - hue) * 1e-3 * coef;
-  return (0, import_color2k.toHex)((0, import_color2k.lighten)(color, amount));
+var tones = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var generateTones = (hex) => {
+  let [h, s, l] = (0, import_color2k.parseToHsla)(hex);
+  l *= 100;
+  const d = l <= 50;
+  const x = ((!d ? 100 : 95) - l) / 5;
+  const y = (l - (d ? 5 : 15)) / 5;
+  return tones.reduce(
+    (prev, tone) => {
+      const t = tone / 100;
+      let z;
+      if (t <= 5) {
+        z = l + (5 - t) * x;
+      } else {
+        z = l - (t - 5) * y;
+      }
+      z /= 100;
+      prev[tone] = (0, import_color2k.toHex)((0, import_color2k.hsla)(h, s, z, 1));
+      return prev;
+    },
+    {}
+  );
 };
-var hues = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-var actionColors = async (color, { name, coef, out }) => {
+var actionColors = async (color, { name, out }) => {
   p.intro(source_default.magenta(`Generating Hue colors`));
   const s = p.spinner();
   try {
     const start = process.hrtime.bigint();
     s.start(`Computing the color`);
-    const [lCoef, dCoef] = coef?.split(",").map((v) => Number(v.trim())) ?? [
-      0.94,
-      0.86
-    ];
-    const contents = hues.reduce((prev, hue) => {
-      prev[hue] = toneColor(color, hue, lCoef, dCoef);
-      return prev;
-    }, {});
+    const contents = generateTones(color);
     let result = contents;
     if (name)
       result = { [name]: result };
@@ -610,6 +619,5 @@ var actionColors = async (color, { name, coef, out }) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  actionColors,
-  toneColor
+  actionColors
 });

package/dist/command/tokens/create-theme-typings.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -111,7 +111,7 @@ var config = [
 ];
 
 // src/command/tokens/create-theme-typings.ts
-var hues = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var tones = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 var printComponent = (components) => `components: { ${Object.entries(components).map(
   ([key, unions]) => `${key.match(/^[a-zA-Z0-9\-_]+$/) ? key : `"${key}"`}: { ${print(
     unions
@@ -158,11 +158,11 @@ var extractTransitions = (theme) => {
   });
   return { transitionProperty, transitionDuration, transitionEasing };
 };
-var isHue = (value) => {
+var isTone = (value) => {
   if (!isObject(value))
     return false;
   const keys = Object.keys(value);
-  return hues.every((key) => keys.includes(key.toString()));
+  return tones.every((key) => keys.includes(key.toString()));
 };
 var extractColorSchemes = (theme) => {
   const { colors, semantics } = theme;
@@ -173,7 +173,7 @@ var extractColorSchemes = (theme) => {
   if (!isObject(colors))
     return results;
   Object.entries(colors).forEach(([key, value]) => {
-    if (!isHue(value))
+    if (!isTone(value))
       return;
     results.colorSchemes.push(key);
     const semanticKeys = Object.entries(semantics?.colorSchemes ?? {}).filter(([, relatedKey]) => key === relatedKey).map(([key2]) => key2) ?? [];

package/dist/command/tokens/index.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
   }
 });
@@ -609,7 +609,7 @@ var config = [
 ];
 
 // src/command/tokens/create-theme-typings.ts
-var hues = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var tones = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 var printComponent = (components) => `components: { ${Object.entries(components).map(
   ([key, unions]) => `${key.match(/^[a-zA-Z0-9\-_]+$/) ? key : `"${key}"`}: { ${print(
     unions
@@ -656,11 +656,11 @@ var extractTransitions = (theme) => {
   });
   return { transitionProperty, transitionDuration, transitionEasing };
 };
-var isHue = (value) => {
+var isTone = (value) => {
   if (!isObject(value))
     return false;
   const keys = Object.keys(value);
-  return hues.every((key) => keys.includes(key.toString()));
+  return tones.every((key) => keys.includes(key.toString()));
 };
 var extractColorSchemes = (theme) => {
   const { colors, semantics } = theme;
@@ -671,7 +671,7 @@ var extractColorSchemes = (theme) => {
   if (!isObject(colors))
     return results;
   Object.entries(colors).forEach(([key, value]) => {
-    if (!isHue(value))
+    if (!isTone(value))
       return;
     results.colorSchemes.push(key);
     const semanticKeys = Object.entries(semantics?.colorSchemes ?? {}).filter(([, relatedKey]) => key === relatedKey).map(([key2]) => key2) ?? [];

package/dist/index.js

@@ -33,10 +33,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
     getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
     importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
@@ -17632,26 +17632,36 @@ var omitObject = (obj, keys) => {
 };
 
 // src/command/colors/index.ts
-var toneColor = (color, hue, lCoef, dCoef) => {
-  const coef = hue < 500 ? lCoef : dCoef;
-  const amount = (500 - hue) * 1e-3 * coef;
-  return (0, import_color2k.toHex)((0, import_color2k.lighten)(color, amount));
+var tones = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var generateTones = (hex) => {
+  let [h, s, l] = (0, import_color2k.parseToHsla)(hex);
+  l *= 100;
+  const d = l <= 50;
+  const x = ((!d ? 100 : 95) - l) / 5;
+  const y = (l - (d ? 5 : 15)) / 5;
+  return tones.reduce(
+    (prev, tone) => {
+      const t = tone / 100;
+      let z;
+      if (t <= 5) {
+        z = l + (5 - t) * x;
+      } else {
+        z = l - (t - 5) * y;
+      }
+      z /= 100;
+      prev[tone] = (0, import_color2k.toHex)((0, import_color2k.hsla)(h, s, z, 1));
+      return prev;
+    },
+    {}
+  );
 };
-var hues = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
-var actionColors = async (color, { name, coef, out }) => {
+var actionColors = async (color, { name, out }) => {
   p.intro(source_default.magenta(`Generating Hue colors`));
   const s = p.spinner();
   try {
     const start = process.hrtime.bigint();
     s.start(`Computing the color`);
-    const [lCoef, dCoef] = coef?.split(",").map((v) => Number(v.trim())) ?? [
-      0.94,
-      0.86
-    ];
-    const contents = hues.reduce((prev, hue) => {
-      prev[hue] = toneColor(color, hue, lCoef, dCoef);
-      return prev;
-    }, {});
+    const contents = generateTones(color);
     let result = contents;
     if (name)
       result = { [name]: result };
@@ -17709,7 +17719,7 @@ var config = [
 ];
 
 // src/command/tokens/create-theme-typings.ts
-var hues2 = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+var tones2 = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
 var printComponent = (components) => `components: { ${Object.entries(components).map(
   ([key, unions]) => `${key.match(/^[a-zA-Z0-9\-_]+$/) ? key : `"${key}"`}: { ${print(
     unions
@@ -17756,11 +17766,11 @@ var extractTransitions = (theme) => {
   });
   return { transitionProperty, transitionDuration, transitionEasing };
 };
-var isHue = (value) => {
+var isTone = (value) => {
   if (!isObject(value))
     return false;
   const keys = Object.keys(value);
-  return hues2.every((key) => keys.includes(key.toString()));
+  return tones2.every((key) => keys.includes(key.toString()));
 };
 var extractColorSchemes = (theme) => {
   const { colors, semantics } = theme;
@@ -17771,7 +17781,7 @@ var extractColorSchemes = (theme) => {
   if (!isObject(colors))
     return results;
   Object.entries(colors).forEach(([key, value]) => {
-    if (!isHue(value))
+    if (!isTone(value))
       return;
     results.colorSchemes.push(key);
     const semanticKeys = Object.entries(semantics?.colorSchemes ?? {}).filter(([, relatedKey]) => key === relatedKey).map(([key2]) => key2) ?? [];
@@ -17959,7 +17969,7 @@ var actionTokens = async (themeFile, { out: outFile, watch: watchFile }) => {
 var run = async () => {
   await initCLI();
   import_commander.program.command("tokens <source>").option("-o, --out <path>", `Output file to ${path7.join(...themePath)}`).option("-w, --watch [path]", "Watch directory for changes and rebuild").action(actionTokens);
-  import_commander.program.command("colors <color>").option("-n, --name <name>", "Token name of hue object to output").option("-c, --coef <coef>", "Coefficients that adjust the color tone").option("-o, --out", "Out color json data").action(actionColors);
+  import_commander.program.command("colors <color>").option("-n, --name <name>", "Token name of hue object to output").option("-o, --out", "Out color json data").action(actionColors);
   import_commander.program.on("-h, --help", () => {
     console.info(`
 Example call:

package/dist/utils/cli.js

@@ -33,10 +33,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
     getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
     importMetaUrl = /* @__PURE__ */ getImportMetaUrl();

package/dist/utils/index.js

@@ -33,10 +33,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl, importMetaUrl;
 var init_cjs_shims = __esm({
-  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.2/node_modules/tsup/assets/cjs_shims.js"() {
+  "../../node_modules/.pnpm/tsup@8.0.2_typescript@5.4.3/node_modules/tsup/assets/cjs_shims.js"() {
     "use strict";
     getImportMetaUrl = () => typeof document === "undefined" ? new URL("file:" + __filename).href : document.currentScript && document.currentScript.src || new URL("main.js", document.baseURI).href;
     importMetaUrl = /* @__PURE__ */ getImportMetaUrl();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/cli",
-  "version": "1.0.3",
+  "version": "1.0.4-dev-20240406104355",
   "description": "Generate theme tokens for autocomplete",
   "keywords": [
     "theme",