@yamada-ui/cli 0.5.0 → 0.7.0

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

@@ -35,6 +35,7 @@ __export(create_theme_typings_exports, {
   extractComponents: () => extractComponents,
   extractKeys: () => extractKeys,
   extractPaths: () => extractPaths,
+  extractThemeSchemes: () => extractThemeSchemes,
   extractTransitions: () => extractTransitions,
   print: () => print,
   printComponent: () => printComponent
@@ -62,6 +63,18 @@ var prettier = async (content) => {
   }
 };
 
+// src/utils/object.ts
+init_cjs_shims();
+var omitObject = (obj, keys) => {
+  const result = {};
+  Object.keys(obj).forEach((key) => {
+    if (keys.includes(key))
+      return;
+    result[key] = obj[key];
+  });
+  return result;
+};
+
 // src/command/tokens/config.ts
 init_cjs_shims();
 var config = [
@@ -84,27 +97,7 @@ var config = [
 ];
 
 // src/command/tokens/create-theme-typings.ts
-var defaultColors = [
-  "brand",
-  "primary",
-  "secondary",
-  "warning",
-  "danger",
-  "link"
-];
-var hues = [
-  "50",
-  "100",
-  "200",
-  "300",
-  "400",
-  "500",
-  "600",
-  "700",
-  "800",
-  "900",
-  "950"
-];
+var hues = [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
@@ -130,19 +123,20 @@ var extractTransitions = (theme) => {
   let transitionProperty = [];
   let transitionDuration = [];
   let transitionEasing = [];
-  const { transitions } = theme;
+  const { transitions, semantics } = theme;
   if (!isObject(transitions))
     return { transitionProperty, transitionDuration, transitionEasing };
+  const { property, duration, easing } = semantics.transitions ?? {};
   Object.entries(transitions).forEach(([key, value]) => {
     switch (key) {
       case "property":
-        transitionProperty = extractPaths(value);
+        transitionProperty = [...extractPaths(value), ...extractPaths(property)];
         break;
       case "duration":
-        transitionDuration = extractPaths(value);
+        transitionDuration = [...extractPaths(value), ...extractPaths(duration)];
         break;
       case "easing":
-        transitionEasing = extractPaths(value);
+        transitionEasing = [...extractPaths(value), ...extractPaths(easing)];
         break;
       default:
         return;
@@ -154,19 +148,30 @@ var isHue = (value) => {
   if (!isObject(value))
     return false;
   const keys = Object.keys(value);
-  return hues.every((key) => keys.includes(key));
+  return hues.every((key) => keys.includes(key.toString()));
 };
-var isDefaultColor = (key) => defaultColors.includes(key);
 var extractColorSchemes = (theme) => {
-  const { colors } = theme;
+  const { colors, semantics } = theme;
   if (!isObject(colors))
     return [];
   return Object.entries(colors).reduce((array, [key, value]) => {
-    if (isHue(value) || isDefaultColor(key))
-      array.push(key);
+    if (!isHue(value))
+      return array;
+    array.push(key);
+    const [semanticKey] = Object.entries(semantics?.colorSchemes ?? {}).find(
+      ([, relatedKey]) => key === relatedKey
+    ) ?? [];
+    if (semanticKey)
+      array.push(semanticKey);
     return array;
   }, []);
 };
+var extractThemeSchemes = (theme) => {
+  const { themeSchemes } = theme;
+  if (!isObject(themeSchemes))
+    return ["base"];
+  return ["base", ...Object.keys(themeSchemes)];
+};
 var extractPaths = (target, maxDepth = 3, omitKeys = []) => {
   if (!isObject(target) && !isArray(target) || !maxDepth)
     return [];
@@ -203,7 +208,10 @@ var createThemeTypings = async (theme) => {
         obj[key] = extractPaths(target, maxScanDepth, omitScanKeys).filter(filter).flatMap(flatMap);
       }
       if (isObject(theme.semantics)) {
-        const semanticKeys = extractKeys(theme.semantics, key).filter(filter).flatMap(flatMap);
+        const semanticKeys = extractKeys(
+          omitObject(theme.semantics, ["colorSchemes"]),
+          key
+        ).filter(filter).flatMap(flatMap);
         obj[key].push(...semanticKeys);
       }
       return obj;
@@ -213,6 +221,7 @@ var createThemeTypings = async (theme) => {
   const textStyles = extractKeys(theme, "styles.textStyles");
   const layerStyles = extractKeys(theme, "styles.layerStyles");
   const colorSchemes = extractColorSchemes(theme);
+  const themeSchemes = extractThemeSchemes(theme);
   const { transitionProperty, transitionDuration, transitionEasing } = extractTransitions(theme);
   const componentTypes = extractComponents(theme);
   return prettier(
@@ -224,6 +233,7 @@ export interface GeneratedTheme extends UITheme { ${print(
         textStyles,
         layerStyles,
         colorSchemes,
+        themeSchemes,
         transitionProperty,
         transitionDuration,
         transitionEasing
@@ -238,6 +248,7 @@ export interface GeneratedTheme extends UITheme { ${print(
   extractComponents,
   extractKeys,
   extractPaths,
+  extractThemeSchemes,
   extractTransitions,
   print,
   printComponent

package/dist/command/tokens/index.js

@@ -6446,6 +6446,18 @@ var prettier = async (content) => {
   }
 };
 
+// src/utils/object.ts
+init_cjs_shims();
+var omitObject = (obj, keys) => {
+  const result = {};
+  Object.keys(obj).forEach((key) => {
+    if (keys.includes(key))
+      return;
+    result[key] = obj[key];
+  });
+  return result;
+};
+
 // src/command/tokens/config.ts
 init_cjs_shims();
 var config = [
@@ -6468,27 +6480,7 @@ var config = [
 ];
 
 // src/command/tokens/create-theme-typings.ts
-var defaultColors = [
-  "brand",
-  "primary",
-  "secondary",
-  "warning",
-  "danger",
-  "link"
-];
-var hues = [
-  "50",
-  "100",
-  "200",
-  "300",
-  "400",
-  "500",
-  "600",
-  "700",
-  "800",
-  "900",
-  "950"
-];
+var hues = [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
@@ -6514,19 +6506,20 @@ var extractTransitions = (theme) => {
   let transitionProperty = [];
   let transitionDuration = [];
   let transitionEasing = [];
-  const { transitions } = theme;
+  const { transitions, semantics } = theme;
   if (!isObject(transitions))
     return { transitionProperty, transitionDuration, transitionEasing };
+  const { property, duration, easing } = semantics.transitions ?? {};
   Object.entries(transitions).forEach(([key, value]) => {
     switch (key) {
       case "property":
-        transitionProperty = extractPaths(value);
+        transitionProperty = [...extractPaths(value), ...extractPaths(property)];
         break;
       case "duration":
-        transitionDuration = extractPaths(value);
+        transitionDuration = [...extractPaths(value), ...extractPaths(duration)];
         break;
       case "easing":
-        transitionEasing = extractPaths(value);
+        transitionEasing = [...extractPaths(value), ...extractPaths(easing)];
         break;
       default:
         return;
@@ -6538,19 +6531,30 @@ var isHue = (value) => {
   if (!isObject(value))
     return false;
   const keys = Object.keys(value);
-  return hues.every((key) => keys.includes(key));
+  return hues.every((key) => keys.includes(key.toString()));
 };
-var isDefaultColor = (key) => defaultColors.includes(key);
 var extractColorSchemes = (theme) => {
-  const { colors } = theme;
+  const { colors, semantics } = theme;
   if (!isObject(colors))
     return [];
   return Object.entries(colors).reduce((array, [key, value]) => {
-    if (isHue(value) || isDefaultColor(key))
-      array.push(key);
+    if (!isHue(value))
+      return array;
+    array.push(key);
+    const [semanticKey] = Object.entries(semantics?.colorSchemes ?? {}).find(
+      ([, relatedKey]) => key === relatedKey
+    ) ?? [];
+    if (semanticKey)
+      array.push(semanticKey);
     return array;
   }, []);
 };
+var extractThemeSchemes = (theme) => {
+  const { themeSchemes } = theme;
+  if (!isObject(themeSchemes))
+    return ["base"];
+  return ["base", ...Object.keys(themeSchemes)];
+};
 var extractPaths = (target, maxDepth = 3, omitKeys = []) => {
   if (!isObject(target) && !isArray(target) || !maxDepth)
     return [];
@@ -6587,7 +6591,10 @@ var createThemeTypings = async (theme) => {
         obj[key] = extractPaths(target, maxScanDepth, omitScanKeys).filter(filter).flatMap(flatMap);
       }
       if (isObject(theme.semantics)) {
-        const semanticKeys = extractKeys(theme.semantics, key).filter(filter).flatMap(flatMap);
+        const semanticKeys = extractKeys(
+          omitObject(theme.semantics, ["colorSchemes"]),
+          key
+        ).filter(filter).flatMap(flatMap);
         obj[key].push(...semanticKeys);
       }
       return obj;
@@ -6597,6 +6604,7 @@ var createThemeTypings = async (theme) => {
   const textStyles = extractKeys(theme, "styles.textStyles");
   const layerStyles = extractKeys(theme, "styles.layerStyles");
   const colorSchemes = extractColorSchemes(theme);
+  const themeSchemes = extractThemeSchemes(theme);
   const { transitionProperty, transitionDuration, transitionEasing } = extractTransitions(theme);
   const componentTypes = extractComponents(theme);
   return prettier(
@@ -6608,6 +6616,7 @@ export interface GeneratedTheme extends UITheme { ${print(
         textStyles,
         layerStyles,
         colorSchemes,
+        themeSchemes,
         transitionProperty,
         transitionDuration,
         transitionEasing

package/dist/index.js

@@ -18735,7 +18735,7 @@ var import_cli_welcome = __toESM(require("cli-welcome"));
 // package.json
 var package_default = {
   name: "@yamada-ui/cli",
-  version: "0.5.0",
+  version: "0.7.0",
   description: "Generate theme tokens for autocomplete",
   keywords: [
     "theme",
@@ -25897,6 +25897,18 @@ var prettier = async (content) => {
   }
 };
 
+// src/utils/object.ts
+init_cjs_shims();
+var omitObject = (obj, keys) => {
+  const result = {};
+  Object.keys(obj).forEach((key) => {
+    if (keys.includes(key))
+      return;
+    result[key] = obj[key];
+  });
+  return result;
+};
+
 // src/command/tokens/config.ts
 init_cjs_shims();
 var config = [
@@ -25919,27 +25931,7 @@ var config = [
 ];
 
 // src/command/tokens/create-theme-typings.ts
-var defaultColors = [
-  "brand",
-  "primary",
-  "secondary",
-  "warning",
-  "danger",
-  "link"
-];
-var hues = [
-  "50",
-  "100",
-  "200",
-  "300",
-  "400",
-  "500",
-  "600",
-  "700",
-  "800",
-  "900",
-  "950"
-];
+var hues = [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
@@ -25965,19 +25957,20 @@ var extractTransitions = (theme) => {
   let transitionProperty = [];
   let transitionDuration = [];
   let transitionEasing = [];
-  const { transitions } = theme;
+  const { transitions, semantics } = theme;
   if (!isObject(transitions))
     return { transitionProperty, transitionDuration, transitionEasing };
+  const { property, duration, easing } = semantics.transitions ?? {};
   Object.entries(transitions).forEach(([key, value]) => {
     switch (key) {
       case "property":
-        transitionProperty = extractPaths(value);
+        transitionProperty = [...extractPaths(value), ...extractPaths(property)];
         break;
       case "duration":
-        transitionDuration = extractPaths(value);
+        transitionDuration = [...extractPaths(value), ...extractPaths(duration)];
         break;
       case "easing":
-        transitionEasing = extractPaths(value);
+        transitionEasing = [...extractPaths(value), ...extractPaths(easing)];
         break;
       default:
         return;
@@ -25989,19 +25982,30 @@ var isHue = (value) => {
   if (!isObject(value))
     return false;
   const keys = Object.keys(value);
-  return hues.every((key) => keys.includes(key));
+  return hues.every((key) => keys.includes(key.toString()));
 };
-var isDefaultColor = (key) => defaultColors.includes(key);
 var extractColorSchemes = (theme) => {
-  const { colors } = theme;
+  const { colors, semantics } = theme;
   if (!isObject(colors))
     return [];
   return Object.entries(colors).reduce((array, [key, value]) => {
-    if (isHue(value) || isDefaultColor(key))
-      array.push(key);
+    if (!isHue(value))
+      return array;
+    array.push(key);
+    const [semanticKey] = Object.entries(semantics?.colorSchemes ?? {}).find(
+      ([, relatedKey]) => key === relatedKey
+    ) ?? [];
+    if (semanticKey)
+      array.push(semanticKey);
     return array;
   }, []);
 };
+var extractThemeSchemes = (theme) => {
+  const { themeSchemes } = theme;
+  if (!isObject(themeSchemes))
+    return ["base"];
+  return ["base", ...Object.keys(themeSchemes)];
+};
 var extractPaths = (target, maxDepth = 3, omitKeys = []) => {
   if (!isObject(target) && !isArray(target) || !maxDepth)
     return [];
@@ -26038,7 +26042,10 @@ var createThemeTypings = async (theme) => {
         obj[key] = extractPaths(target, maxScanDepth, omitScanKeys).filter(filter).flatMap(flatMap);
       }
       if (isObject(theme.semantics)) {
-        const semanticKeys = extractKeys(theme.semantics, key).filter(filter).flatMap(flatMap);
+        const semanticKeys = extractKeys(
+          omitObject(theme.semantics, ["colorSchemes"]),
+          key
+        ).filter(filter).flatMap(flatMap);
         obj[key].push(...semanticKeys);
       }
       return obj;
@@ -26048,6 +26055,7 @@ var createThemeTypings = async (theme) => {
   const textStyles = extractKeys(theme, "styles.textStyles");
   const layerStyles = extractKeys(theme, "styles.layerStyles");
   const colorSchemes = extractColorSchemes(theme);
+  const themeSchemes = extractThemeSchemes(theme);
   const { transitionProperty, transitionDuration, transitionEasing } = extractTransitions(theme);
   const componentTypes = extractComponents(theme);
   return prettier(
@@ -26059,6 +26067,7 @@ export interface GeneratedTheme extends UITheme { ${print(
         textStyles,
         layerStyles,
         colorSchemes,
+        themeSchemes,
         transitionProperty,
         transitionDuration,
         transitionEasing

package/dist/utils/cli.js

@@ -12631,7 +12631,7 @@ var import_cli_welcome = __toESM(require("cli-welcome"));
 // package.json
 var package_default = {
   name: "@yamada-ui/cli",
-  version: "0.5.0",
+  version: "0.7.0",
   description: "Generate theme tokens for autocomplete",
   keywords: [
     "theme",

package/dist/utils/index.js

@@ -12630,6 +12630,7 @@ __export(utils_exports, {
   isObject: () => isObject,
   isString: () => isString,
   isUndefined: () => isUndefined,
+  omitObject: () => omitObject,
   prettier: () => prettier
 });
 module.exports = __toCommonJS(utils_exports);
@@ -12656,7 +12657,7 @@ var import_cli_welcome = __toESM(require("cli-welcome"));
 // package.json
 var package_default = {
   name: "@yamada-ui/cli",
-  version: "0.5.0",
+  version: "0.7.0",
   description: "Generate theme tokens for autocomplete",
   keywords: [
     "theme",
@@ -20336,6 +20337,18 @@ var prettier = async (content) => {
     return content;
   }
 };
+
+// src/utils/object.ts
+init_cjs_shims();
+var omitObject = (obj, keys) => {
+  const result = {};
+  Object.keys(obj).forEach((key) => {
+    if (keys.includes(key))
+      return;
+    result[key] = obj[key];
+  });
+  return result;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   initCLI,
@@ -20348,6 +20361,7 @@ var prettier = async (content) => {
   isObject,
   isString,
   isUndefined,
+  omitObject,
   prettier
 });
 /*! Bundled license information:

package/dist/utils/object.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/object.ts
+var object_exports = {};
+__export(object_exports, {
+  omitObject: () => omitObject
+});
+module.exports = __toCommonJS(object_exports);
+var omitObject = (obj, keys) => {
+  const result = {};
+  Object.keys(obj).forEach((key) => {
+    if (keys.includes(key))
+      return;
+    result[key] = obj[key];
+  });
+  return result;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  omitObject
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/cli",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "Generate theme tokens for autocomplete",
   "keywords": [
     "theme",