@cieloazul310/digital-go-pandacss-plugin 0.2.2 → 0.3.0

package/dist/index.mjs

@@ -1,696 +1,741 @@
-// src/index.ts
-import { definePreset } from "@pandacss/dev";
-import { preset as pandaPreset2 } from "@pandacss/preset-panda";
-
-// src/semanticTokens/index.ts
-import { defineSemanticTokens as defineSemanticTokens2 } from "@pandacss/dev";
-
-// src/semanticTokens/colors.ts
-import { defineSemanticTokens } from "@pandacss/dev";
+import { defineGlobalStyles, definePreset, defineSemanticTokens, defineTextStyles, defineTokens, defineUtility } from "@pandacss/dev";
+import { preset } from "@pandacss/preset-panda";
 import { createKeyColor } from "@cieloazul310/digital-go-pandacss-utils";
-var colors = defineSemanticTokens.colors({
-  keyColor: createKeyColor("blue"),
-  ring: { value: "{colors.yellow.300}" }
+import tokens from "@digital-go-jp/design-tokens";
+
+//#region src/semanticTokens/colors.ts
+const colors$1 = defineSemanticTokens.colors({
+	keyColor: createKeyColor("blue"),
+	ring: { value: "{colors.yellow.300}" }
 });
-var colors_default = colors;
+var colors_default$1 = colors$1;
 
-// src/semanticTokens/index.ts
-var semanticTokens_default = defineSemanticTokens2({
-  colors: colors_default,
-  fontWeights: {
-    N: { value: "{fontWeights.400}", description: "400 (normal)" },
-    B: { value: "{fontWeights.700}", description: "700 (bold)" }
-  }
+//#endregion
+//#region src/semanticTokens/index.ts
+var semanticTokens_default = defineSemanticTokens({
+	colors: colors_default$1,
+	fontWeights: {
+		N: {
+			value: "{fontWeights.400}",
+			description: "400 (normal)"
+		},
+		B: {
+			value: "{fontWeights.700}",
+			description: "700 (bold)"
+		}
+	}
 });
 
-// src/textStyles/index.ts
-import { defineTextStyles } from "@pandacss/dev";
-var textStylesMap = {
-  dsp: {
-    fontFamily: "body",
-    description: "Display\u30C6\u30AD\u30B9\u30C8\u306F\u3001\u4E3B\u306B\u5192\u982D\u3067\u5927\u304D\u304F\u63B2\u51FA\u3055\u308C\u308B\u30C6\u30AD\u30B9\u30C8\u3084\u30E1\u30C3\u30BB\u30FC\u30B8\u3092\u4F1D\u3048\u308B\u30D8\u30C3\u30C9\u30B3\u30D4\u30FC\u306A\u3069\u3001\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u3092\u5F37\u304F\u4E0E\u3048\u305F\u3044\u5834\u5408\u306B\u4F7F\u7528\u3055\u308C\u307E\u3059\u3002",
-    variants: [
-      /** Display(Dsp) Bold */
-      {
-        fontSize: 64,
-        fontWeight: "B",
-        lineHeight: 140
-      },
-      {
-        fontSize: 57,
-        fontWeight: "B",
-        lineHeight: 140
-      },
-      {
-        fontSize: 48,
-        fontWeight: "B",
-        lineHeight: 140
-      },
-      /** Display(Dsp) Normal */
-      {
-        fontSize: 64,
-        fontWeight: "N",
-        lineHeight: 140
-      },
-      {
-        fontSize: 57,
-        fontWeight: "N",
-        lineHeight: 140
-      },
-      {
-        fontSize: 48,
-        fontWeight: "N",
-        lineHeight: 140
-      }
-    ]
-  },
-  std: {
-    fontFamily: "body",
-    description: "Standard\u30C6\u30AD\u30B9\u30C8\u306F\u3001\u30DA\u30FC\u30B8\u306E\u6587\u66F8\u69CB\u9020\u3092\u5F62\u6210\u3059\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u306A\u3069\u3001\u591A\u304F\u306E\u8981\u7D20\u306B\u304A\u3044\u3066\u6700\u3082\u4F7F\u7528\u3055\u308C\u308B\u666E\u904D\u7684\u306A\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002",
-    variants: [
-      /** Standard(Std) Bold */
-      {
-        fontSize: 45,
-        fontWeight: "B",
-        lineHeight: 140
-      },
-      {
-        fontSize: 36,
-        fontWeight: "B",
-        lineHeight: 140,
-        letterSpacing: 0.01
-      },
-      {
-        fontSize: 32,
-        fontWeight: "B",
-        lineHeight: 150,
-        letterSpacing: 0.01
-      },
-      {
-        fontSize: 28,
-        fontWeight: "B",
-        lineHeight: 150,
-        letterSpacing: 0.01
-      },
-      {
-        fontSize: 24,
-        fontWeight: "B",
-        lineHeight: 150,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 22,
-        fontWeight: "B",
-        lineHeight: 150,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 20,
-        fontWeight: "B",
-        lineHeight: 150,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 18,
-        fontWeight: "B",
-        lineHeight: 160,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 17,
-        fontWeight: "B",
-        lineHeight: 170,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 16,
-        fontWeight: "B",
-        lineHeight: 170,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 16,
-        fontWeight: "B",
-        lineHeight: 175,
-        letterSpacing: 0.02
-      },
-      /** Standard(Std) Normal */
-      {
-        fontSize: 45,
-        fontWeight: "N",
-        lineHeight: 140
-      },
-      {
-        fontSize: 36,
-        fontWeight: "N",
-        lineHeight: 140,
-        letterSpacing: 0.01
-      },
-      {
-        fontSize: 32,
-        fontWeight: "N",
-        lineHeight: 150,
-        letterSpacing: 0.01
-      },
-      {
-        fontSize: 28,
-        fontWeight: "N",
-        lineHeight: 150,
-        letterSpacing: 0.01
-      },
-      {
-        fontSize: 26,
-        fontWeight: "N",
-        lineHeight: 150,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 24,
-        fontWeight: "N",
-        lineHeight: 150,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 22,
-        fontWeight: "N",
-        lineHeight: 150,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 20,
-        fontWeight: "N",
-        lineHeight: 150,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 18,
-        fontWeight: "N",
-        lineHeight: 160,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 17,
-        fontWeight: "N",
-        lineHeight: 170,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 16,
-        fontWeight: "N",
-        lineHeight: 170,
-        letterSpacing: 0.02
-      },
-      {
-        fontSize: 16,
-        fontWeight: "N",
-        lineHeight: 175,
-        letterSpacing: 0.02
-      }
-    ]
-  },
-  dns: {
-    fontFamily: "body",
-    description: "Dense\u30C6\u30AD\u30B9\u30C8\u306F\u7BA1\u7406\u753B\u9762\u3084\u696D\u52D9\u30B7\u30B9\u30C6\u30E0\u306A\u3069\u3001\u9650\u3089\u308C\u305F\u753B\u9762\u9818\u57DF\u3067\u306E\u8868\u793A\u60C5\u5831\u91CF\u3092\u512A\u5148\u3057\u305F\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002\u305F\u3068\u3048\u3070\u3001\u30C7\u30FC\u30BF\u30C6\u30FC\u30D6\u30EB\u5185\u3067\u306E\u60C5\u5831\u63D0\u793A\u306A\u3069\u3001\u8868\u793A\u9818\u57DF\u306B\u5236\u7D04\u304C\u3042\u308B\u5834\u5408\u306E\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3068\u3057\u3066\u4F7F\u7528\u3057\u307E\u3059\u3002",
-    variants: [
-      /** Dense(Dns) Bold */
-      {
-        fontSize: 17,
-        fontWeight: "B",
-        lineHeight: 130
-      },
-      {
-        fontSize: 17,
-        fontWeight: "B",
-        lineHeight: 120
-      },
-      {
-        fontSize: 16,
-        fontWeight: "B",
-        lineHeight: 130
-      },
-      {
-        fontSize: 16,
-        fontWeight: "B",
-        lineHeight: 120
-      },
-      {
-        fontSize: 14,
-        fontWeight: "B",
-        lineHeight: 130
-      },
-      {
-        fontSize: 14,
-        fontWeight: "B",
-        lineHeight: 120
-      },
-      /** Dense(Dns) Normal */
-      {
-        fontSize: 17,
-        fontWeight: "N",
-        lineHeight: 130
-      },
-      {
-        fontSize: 17,
-        fontWeight: "N",
-        lineHeight: 120
-      },
-      {
-        fontSize: 16,
-        fontWeight: "N",
-        lineHeight: 130
-      },
-      {
-        fontSize: 16,
-        fontWeight: "N",
-        lineHeight: 120
-      },
-      {
-        fontSize: 14,
-        fontWeight: "N",
-        lineHeight: 130
-      },
-      {
-        fontSize: 14,
-        fontWeight: "N",
-        lineHeight: 120
-      }
-    ]
-  },
-  oln: {
-    fontFamily: "body",
-    description: "Oneline\u30C6\u30AD\u30B9\u30C8\u306F1\u884C\u5C55\u958B\u3092\u524D\u63D0\u3068\u3057\u3066\u3001\u4E3B\u306BUI\u8981\u7D20\u3078\u306E\u9069\u7528\u3092\u60F3\u5B9A\u3057\u305F\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002\u884C\u9593\u306E\u4F59\u767D\u3092\u6700\u5C0F\u9650\u306B\u3059\u308B\u3053\u3068\u3067UI\u30D1\u30FC\u30C4\u306B\u5BFE\u3059\u308B\u30C7\u30B6\u30A4\u30F3\u3001\u53CA\u3073\u30B3\u30FC\u30C7\u30A3\u30F3\u30B0\u5B9F\u88C5\u8ABF\u6574\u30B3\u30B9\u30C8\u306E\u8EFD\u6E1B\u3092\u512A\u5148\u3057\u305F\u30C7\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3068\u306A\u308A\u307E\u3059\u3002",
-    variants: [
-      /** Oneline(Oln) Bold */
-      {
-        fontSize: 17,
-        fontWeight: "B",
-        lineHeight: 100
-      },
-      {
-        fontSize: 16,
-        fontWeight: "B",
-        lineHeight: 100
-      },
-      {
-        fontSize: 14,
-        fontWeight: "B",
-        lineHeight: 100
-      },
-      /** Oneline(Oln) Normal */
-      {
-        fontSize: 17,
-        fontWeight: "N",
-        lineHeight: 100
-      },
-      {
-        fontSize: 16,
-        fontWeight: "N",
-        lineHeight: 100
-      },
-      {
-        fontSize: 14,
-        fontWeight: "N",
-        lineHeight: 100
-      }
-    ]
-  },
-  mono: {
-    fontFamily: "mono",
-    description: "Mono\u30C6\u30AD\u30B9\u30C8\u306F\u30B3\u30FC\u30C9\u7CFB\u30B3\u30F3\u30C6\u30F3\u30C4\u3078\u306E\u9069\u7528\u3092\u60F3\u5B9A\u3057\u305F\u30C6\u30AD\u30B9\u30C8\u30B9\u30BF\u30A4\u30EB\u3067\u3059\u3002\u6587\u5B57\u30FB\u5358\u8A9E\u30EC\u30D9\u30EB\u306E\u53EF\u8AAD\u6027\u3092\u512A\u5148\u3057\u305F\u30E2\u30CE\u30B9\u30DA\u30FC\u30B9\uFF08\u7B49\u5E45\u30D5\u30A9\u30F3\u30C8\uFF09\u3092\u4F7F\u7528\u3057\u307E\u3059\u3002",
-    variants: [
-      /** Mono Bold */
-      {
-        fontSize: 17,
-        fontWeight: "B",
-        lineHeight: 150
-      },
-      {
-        fontSize: 16,
-        fontWeight: "B",
-        lineHeight: 150
-      },
-      {
-        fontSize: 14,
-        fontWeight: "B",
-        lineHeight: 150
-      },
-      /** Oneline(Oln) Normal */
-      {
-        fontSize: 17,
-        fontWeight: "N",
-        lineHeight: 150
-      },
-      {
-        fontSize: 16,
-        fontWeight: "N",
-        lineHeight: 150
-      },
-      {
-        fontSize: 14,
-        fontWeight: "N",
-        lineHeight: 150
-      }
-    ]
-  }
-};
-var textStyle = Object.entries(textStylesMap);
-var map = /* @__PURE__ */ new Map();
+//#endregion
+//#region src/textStyles/index.ts
+const textStyle = Object.entries({
+	dsp: {
+		fontFamily: "body",
+		description: "Displayテキストは、主に冒頭で大きく掲出されるテキストやメッセージを伝えるヘッドコピーなど、視覚的なインパクトを強く与えたい場合に使用されます。",
+		variants: [
+			(
+			/** Display(Dsp) Bold */
+			{
+				fontSize: 64,
+				fontWeight: "B",
+				lineHeight: 140
+			}),
+			{
+				fontSize: 57,
+				fontWeight: "B",
+				lineHeight: 140
+			},
+			{
+				fontSize: 48,
+				fontWeight: "B",
+				lineHeight: 140
+			},
+			(
+			/** Display(Dsp) Normal */
+			{
+				fontSize: 64,
+				fontWeight: "N",
+				lineHeight: 140
+			}),
+			{
+				fontSize: 57,
+				fontWeight: "N",
+				lineHeight: 140
+			},
+			{
+				fontSize: 48,
+				fontWeight: "N",
+				lineHeight: 140
+			}
+		]
+	},
+	std: {
+		fontFamily: "body",
+		description: "Standardテキストは、ページの文書構造を形成する見出しや本文など、多くの要素において最も使用される普遍的なテキストスタイルです。",
+		variants: [
+			(
+			/** Standard(Std) Bold */
+			{
+				fontSize: 45,
+				fontWeight: "B",
+				lineHeight: 140
+			}),
+			{
+				fontSize: 36,
+				fontWeight: "B",
+				lineHeight: 140,
+				letterSpacing: .01
+			},
+			{
+				fontSize: 32,
+				fontWeight: "B",
+				lineHeight: 150,
+				letterSpacing: .01
+			},
+			{
+				fontSize: 28,
+				fontWeight: "B",
+				lineHeight: 150,
+				letterSpacing: .01
+			},
+			{
+				fontSize: 24,
+				fontWeight: "B",
+				lineHeight: 150,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 22,
+				fontWeight: "B",
+				lineHeight: 150,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 20,
+				fontWeight: "B",
+				lineHeight: 150,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 18,
+				fontWeight: "B",
+				lineHeight: 160,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 17,
+				fontWeight: "B",
+				lineHeight: 170,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 16,
+				fontWeight: "B",
+				lineHeight: 170,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 16,
+				fontWeight: "B",
+				lineHeight: 175,
+				letterSpacing: .02
+			},
+			(
+			/** Standard(Std) Normal */
+			{
+				fontSize: 45,
+				fontWeight: "N",
+				lineHeight: 140
+			}),
+			{
+				fontSize: 36,
+				fontWeight: "N",
+				lineHeight: 140,
+				letterSpacing: .01
+			},
+			{
+				fontSize: 32,
+				fontWeight: "N",
+				lineHeight: 150,
+				letterSpacing: .01
+			},
+			{
+				fontSize: 28,
+				fontWeight: "N",
+				lineHeight: 150,
+				letterSpacing: .01
+			},
+			{
+				fontSize: 26,
+				fontWeight: "N",
+				lineHeight: 150,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 24,
+				fontWeight: "N",
+				lineHeight: 150,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 22,
+				fontWeight: "N",
+				lineHeight: 150,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 20,
+				fontWeight: "N",
+				lineHeight: 150,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 18,
+				fontWeight: "N",
+				lineHeight: 160,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 17,
+				fontWeight: "N",
+				lineHeight: 170,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 16,
+				fontWeight: "N",
+				lineHeight: 170,
+				letterSpacing: .02
+			},
+			{
+				fontSize: 16,
+				fontWeight: "N",
+				lineHeight: 175,
+				letterSpacing: .02
+			}
+		]
+	},
+	dns: {
+		fontFamily: "body",
+		description: "Denseテキストは管理画面や業務システムなど、限られた画面領域での表示情報量を優先したテキストスタイルです。たとえば、データテーブル内での情報提示など、表示領域に制約がある場合のテキストスタイルとして使用します。",
+		variants: [
+			(
+			/** Dense(Dns) Bold */
+			{
+				fontSize: 17,
+				fontWeight: "B",
+				lineHeight: 130
+			}),
+			{
+				fontSize: 17,
+				fontWeight: "B",
+				lineHeight: 120
+			},
+			{
+				fontSize: 16,
+				fontWeight: "B",
+				lineHeight: 130
+			},
+			{
+				fontSize: 16,
+				fontWeight: "B",
+				lineHeight: 120
+			},
+			{
+				fontSize: 14,
+				fontWeight: "B",
+				lineHeight: 130
+			},
+			{
+				fontSize: 14,
+				fontWeight: "B",
+				lineHeight: 120
+			},
+			(
+			/** Dense(Dns) Normal */
+			{
+				fontSize: 17,
+				fontWeight: "N",
+				lineHeight: 130
+			}),
+			{
+				fontSize: 17,
+				fontWeight: "N",
+				lineHeight: 120
+			},
+			{
+				fontSize: 16,
+				fontWeight: "N",
+				lineHeight: 130
+			},
+			{
+				fontSize: 16,
+				fontWeight: "N",
+				lineHeight: 120
+			},
+			{
+				fontSize: 14,
+				fontWeight: "N",
+				lineHeight: 130
+			},
+			{
+				fontSize: 14,
+				fontWeight: "N",
+				lineHeight: 120
+			}
+		]
+	},
+	oln: {
+		fontFamily: "body",
+		description: "Onelineテキストは1行展開を前提として、主にUI要素への適用を想定したテキストスタイルです。行間の余白を最小限にすることでUIパーツに対するデザイン、及びコーディング実装調整コストの軽減を優先したデキストスタイルとなります。",
+		variants: [
+			(
+			/** Oneline(Oln) Bold */
+			{
+				fontSize: 17,
+				fontWeight: "B",
+				lineHeight: 100
+			}),
+			{
+				fontSize: 16,
+				fontWeight: "B",
+				lineHeight: 100
+			},
+			{
+				fontSize: 14,
+				fontWeight: "B",
+				lineHeight: 100
+			},
+			(
+			/** Oneline(Oln) Normal */
+			{
+				fontSize: 17,
+				fontWeight: "N",
+				lineHeight: 100
+			}),
+			{
+				fontSize: 16,
+				fontWeight: "N",
+				lineHeight: 100
+			},
+			{
+				fontSize: 14,
+				fontWeight: "N",
+				lineHeight: 100
+			}
+		]
+	},
+	mono: {
+		fontFamily: "mono",
+		description: "Monoテキストはコード系コンテンツへの適用を想定したテキストスタイルです。文字・単語レベルの可読性を優先したモノスペース（等幅フォント）を使用します。",
+		variants: [
+			(
+			/** Mono Bold */
+			{
+				fontSize: 17,
+				fontWeight: "B",
+				lineHeight: 150
+			}),
+			{
+				fontSize: 16,
+				fontWeight: "B",
+				lineHeight: 150
+			},
+			{
+				fontSize: 14,
+				fontWeight: "B",
+				lineHeight: 150
+			},
+			(
+			/** Oneline(Oln) Normal */
+			{
+				fontSize: 17,
+				fontWeight: "N",
+				lineHeight: 150
+			}),
+			{
+				fontSize: 16,
+				fontWeight: "N",
+				lineHeight: 150
+			},
+			{
+				fontSize: 14,
+				fontWeight: "N",
+				lineHeight: 150
+			}
+		]
+	}
+});
+const map = /* @__PURE__ */ new Map();
 textStyle.forEach(([key, { fontFamily, description, variants }]) => {
-  variants.forEach(({ fontSize, fontWeight, lineHeight, letterSpacing }) => {
-    map.set(`${key}-${fontSize}${fontWeight}-${lineHeight}`, {
-      value: {
-        fontFamily,
-        fontSize,
-        fontWeight,
-        lineHeight,
-        letterSpacing: letterSpacing ? `${letterSpacing}em` : void 0
-      },
-      description
-    });
-  });
+	variants.forEach(({ fontSize, fontWeight, lineHeight, letterSpacing }) => {
+		map.set(`${key}-${fontSize}${fontWeight}-${lineHeight}`, {
+			value: {
+				fontFamily,
+				fontSize,
+				fontWeight,
+				lineHeight,
+				letterSpacing: letterSpacing ? `${letterSpacing}em` : void 0
+			},
+			description
+		});
+	});
 });
 var textStyles_default = defineTextStyles(Object.fromEntries(map));
 
-// src/tokens/index.ts
-import { defineTokens as defineTokens3 } from "@pandacss/dev";
-import { preset as pandaPreset } from "@pandacss/preset-panda";
-import tokens3 from "@digital-go-jp/design-tokens";
-
-// src/tokens/colors.ts
-import { defineTokens } from "@pandacss/dev";
-import tokens from "@digital-go-jp/design-tokens";
+//#endregion
+//#region src/tokens/colors.ts
 function mapColorScale(tokenObj, [primary, secondary, tertiary, bg]) {
-  const keyMap = {
-    primary: {
-      DEFAULT: { value: tokenObj[primary]?.$value },
-      100: { value: tokenObj[Math.min(primary + 100, 1200)]?.$value },
-      200: { value: tokenObj[Math.min(primary + 200, 1200)]?.$value },
-      300: { value: tokenObj[Math.min(primary + 300, 1200)]?.$value }
-    },
-    secondary: { value: tokenObj[secondary]?.$value },
-    tertiary: { value: tokenObj[tertiary]?.$value },
-    bg: { value: tokenObj[bg]?.$value }
-  };
-  const shadesMap = Object.fromEntries(
-    Object.entries(tokenObj).filter(([_, v]) => typeof v.$value === "string").map(([k, v]) => [k, { value: v.$value }])
-  );
-  return { ...keyMap, ...shadesMap };
+	const keyMap = {
+		primary: {
+			DEFAULT: { value: tokenObj[primary]?.$value },
+			100: { value: tokenObj[Math.min(primary + 100, 1200)]?.$value },
+			200: { value: tokenObj[Math.min(primary + 200, 1200)]?.$value },
+			300: { value: tokenObj[Math.min(primary + 300, 1200)]?.$value }
+		},
+		secondary: { value: tokenObj[secondary]?.$value },
+		tertiary: { value: tokenObj[tertiary]?.$value },
+		bg: { value: tokenObj[bg]?.$value }
+	};
+	const shadesMap = Object.fromEntries(Object.entries(tokenObj).filter(([_, v]) => typeof v.$value === "string").map(([k, v]) => [k, { value: v.$value }]));
+	return {
+		...keyMap,
+		...shadesMap
+	};
 }
-var colors2 = defineTokens.colors({
-  white: { value: tokens.Color.Neutral.White.$value },
-  black: { value: tokens.Color.Neutral.Black.$value },
-  blue: mapColorScale(tokens.Color.Primitive.Blue, [900, 700, 1e3, 50]),
-  "light-blue": mapColorScale(
-    tokens.Color.Primitive.LightBlue,
-    [800, 600, 1e3, 50]
-  ),
-  cyan: mapColorScale(tokens.Color.Primitive.Cyan, [800, 600, 1e3, 50]),
-  green: mapColorScale(tokens.Color.Primitive.Green, [800, 600, 1e3, 50]),
-  lime: mapColorScale(tokens.Color.Primitive.Lime, [900, 700, 1e3, 50]),
-  yellow: mapColorScale(tokens.Color.Primitive.Yellow, [900, 700, 1e3, 50]),
-  orange: mapColorScale(tokens.Color.Primitive.Orange, [800, 600, 1100, 50]),
-  red: mapColorScale(tokens.Color.Primitive.Red, [800, 600, 1e3, 50]),
-  magenta: mapColorScale(tokens.Color.Primitive.Magenta, [700, 500, 1e3, 50]),
-  purple: mapColorScale(tokens.Color.Primitive.Purple, [700, 500, 1e3, 50]),
-  "solid-gray": {
-    50: { value: tokens.Color.Neutral.SolidGray[50].$value },
-    100: { value: tokens.Color.Neutral.SolidGray[100].$value },
-    200: { value: tokens.Color.Neutral.SolidGray[200].$value },
-    300: { value: tokens.Color.Neutral.SolidGray[300].$value },
-    400: { value: tokens.Color.Neutral.SolidGray[400].$value },
-    420: { value: tokens.Color.Neutral.SolidGray[420].$value },
-    500: { value: tokens.Color.Neutral.SolidGray[500].$value },
-    536: { value: tokens.Color.Neutral.SolidGray[536].$value },
-    600: { value: tokens.Color.Neutral.SolidGray[600].$value },
-    700: { value: tokens.Color.Neutral.SolidGray[700].$value },
-    800: { value: tokens.Color.Neutral.SolidGray[800].$value },
-    900: { value: tokens.Color.Neutral.SolidGray[900].$value },
-    primary: {
-      DEFAULT: { value: tokens.Color.Neutral.SolidGray[700].$value },
-      100: { value: tokens.Color.Neutral.SolidGray[800].$value },
-      200: { value: tokens.Color.Neutral.SolidGray[900].$value },
-      300: { value: tokens.Color.Neutral.Black.$value }
-    },
-    secondary: { value: tokens.Color.Neutral.SolidGray[536].$value },
-    tertiary: { value: tokens.Color.Neutral.SolidGray[420].$value },
-    bg: { value: tokens.Color.Neutral.SolidGray[50].$value }
-  },
-  success: {
-    1: {
-      value: tokens.Color.Semantic.Success[1].$value,
-      description: "\u6210\u529F\u3001\u5B89\u5168\u3001\u5B8C\u4E86\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-    },
-    2: {
-      value: tokens.Color.Semantic.Success[2].$value,
-      description: "\u6210\u529F\u3001\u5B89\u5168\u3001\u5B8C\u4E86\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-    }
-  },
-  error: {
-    1: {
-      value: tokens.Color.Semantic.Error[1].$value,
-      description: "\u5931\u6557\u3084\u30A8\u30E9\u30FC\u306E\u307B\u304B\u3001\u5371\u967A\u60C5\u5831\u3084\u5236\u7D04\u6761\u4EF6\u306E\u63D0\u793A\u306A\u3069\u6CE8\u610F\u559A\u8D77\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-    },
-    2: {
-      value: tokens.Color.Semantic.Error[2].$value,
-      description: "\u5931\u6557\u3084\u30A8\u30E9\u30FC\u306E\u307B\u304B\u3001\u5371\u967A\u60C5\u5831\u3084\u5236\u7D04\u6761\u4EF6\u306E\u63D0\u793A\u306A\u3069\u6CE8\u610F\u559A\u8D77\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-    }
-  },
-  warning: {
-    yellow: {
-      1: {
-        value: tokens.Color.Semantic.Warning.Yellow[1].$value,
-        description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-      },
-      2: {
-        value: tokens.Color.Semantic.Warning.Yellow[2].$value,
-        description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-      }
-    },
-    orange: {
-      1: {
-        value: tokens.Color.Semantic.Warning.Orange[1].$value,
-        description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-      },
-      2: {
-        value: tokens.Color.Semantic.Warning.Orange[2].$value,
-        description: "\u8B66\u544A\u3084\u7981\u6B62\u4E8B\u9805\u306A\u3069\u3092\u610F\u5473\u3059\u308B\u30AB\u30E9\u30FC"
-      }
-    }
-  },
-  focus: {
-    yellow: { value: tokens.Color.Primitive.Yellow[700].$value },
-    blue: { value: tokens.Color.Primitive.LightBlue[700].$value }
-  }
+const colors = defineTokens.colors({
+	white: { value: tokens.Color.Neutral.White.$value },
+	black: { value: tokens.Color.Neutral.Black.$value },
+	blue: mapColorScale(tokens.Color.Primitive.Blue, [
+		900,
+		700,
+		1e3,
+		50
+	]),
+	"light-blue": mapColorScale(tokens.Color.Primitive.LightBlue, [
+		800,
+		600,
+		1e3,
+		50
+	]),
+	cyan: mapColorScale(tokens.Color.Primitive.Cyan, [
+		800,
+		600,
+		1e3,
+		50
+	]),
+	green: mapColorScale(tokens.Color.Primitive.Green, [
+		800,
+		600,
+		1e3,
+		50
+	]),
+	lime: mapColorScale(tokens.Color.Primitive.Lime, [
+		900,
+		700,
+		1e3,
+		50
+	]),
+	yellow: mapColorScale(tokens.Color.Primitive.Yellow, [
+		900,
+		700,
+		1e3,
+		50
+	]),
+	orange: mapColorScale(tokens.Color.Primitive.Orange, [
+		800,
+		600,
+		1100,
+		50
+	]),
+	red: mapColorScale(tokens.Color.Primitive.Red, [
+		800,
+		600,
+		1e3,
+		50
+	]),
+	magenta: mapColorScale(tokens.Color.Primitive.Magenta, [
+		700,
+		500,
+		1e3,
+		50
+	]),
+	purple: mapColorScale(tokens.Color.Primitive.Purple, [
+		700,
+		500,
+		1e3,
+		50
+	]),
+	"solid-gray": {
+		50: { value: tokens.Color.Neutral.SolidGray[50].$value },
+		100: { value: tokens.Color.Neutral.SolidGray[100].$value },
+		200: { value: tokens.Color.Neutral.SolidGray[200].$value },
+		300: { value: tokens.Color.Neutral.SolidGray[300].$value },
+		400: { value: tokens.Color.Neutral.SolidGray[400].$value },
+		420: { value: tokens.Color.Neutral.SolidGray[420].$value },
+		500: { value: tokens.Color.Neutral.SolidGray[500].$value },
+		536: { value: tokens.Color.Neutral.SolidGray[536].$value },
+		600: { value: tokens.Color.Neutral.SolidGray[600].$value },
+		700: { value: tokens.Color.Neutral.SolidGray[700].$value },
+		800: { value: tokens.Color.Neutral.SolidGray[800].$value },
+		900: { value: tokens.Color.Neutral.SolidGray[900].$value },
+		primary: {
+			DEFAULT: { value: tokens.Color.Neutral.SolidGray[700].$value },
+			100: { value: tokens.Color.Neutral.SolidGray[800].$value },
+			200: { value: tokens.Color.Neutral.SolidGray[900].$value },
+			300: { value: tokens.Color.Neutral.Black.$value }
+		},
+		secondary: { value: tokens.Color.Neutral.SolidGray[536].$value },
+		tertiary: { value: tokens.Color.Neutral.SolidGray[420].$value },
+		bg: { value: tokens.Color.Neutral.SolidGray[50].$value }
+	},
+	success: {
+		1: {
+			value: tokens.Color.Semantic.Success[1].$value,
+			description: "成功、安全、完了などを意味するカラー"
+		},
+		2: {
+			value: tokens.Color.Semantic.Success[2].$value,
+			description: "成功、安全、完了などを意味するカラー"
+		}
+	},
+	error: {
+		1: {
+			value: tokens.Color.Semantic.Error[1].$value,
+			description: "失敗やエラーのほか、危険情報や制約条件の提示など注意喚起を意味するカラー"
+		},
+		2: {
+			value: tokens.Color.Semantic.Error[2].$value,
+			description: "失敗やエラーのほか、危険情報や制約条件の提示など注意喚起を意味するカラー"
+		}
+	},
+	warning: {
+		yellow: {
+			1: {
+				value: tokens.Color.Semantic.Warning.Yellow[1].$value,
+				description: "警告や禁止事項などを意味するカラー"
+			},
+			2: {
+				value: tokens.Color.Semantic.Warning.Yellow[2].$value,
+				description: "警告や禁止事項などを意味するカラー"
+			}
+		},
+		orange: {
+			1: {
+				value: tokens.Color.Semantic.Warning.Orange[1].$value,
+				description: "警告や禁止事項などを意味するカラー"
+			},
+			2: {
+				value: tokens.Color.Semantic.Warning.Orange[2].$value,
+				description: "警告や禁止事項などを意味するカラー"
+			}
+		}
+	},
+	focus: {
+		yellow: { value: tokens.Color.Primitive.Yellow[700].$value },
+		blue: { value: tokens.Color.Primitive.LightBlue[700].$value }
+	}
 });
-var colors_default2 = colors2;
+var colors_default = colors;
 
-// src/tokens/typography.ts
-import { defineTokens as defineTokens2 } from "@pandacss/dev";
-import tokens2 from "@digital-go-jp/design-tokens";
-var fonts = defineTokens2.fonts({
-  body: {
-    value: [
-      "Noto Sans JP",
-      "-apple-system",
-      "BlinkMacSystemFont",
-      "sans-serif"
-    ]
-  },
-  mono: {
-    value: ["Noto Sans Mono", "monospace"]
-  }
+//#endregion
+//#region src/tokens/typography.ts
+const fonts = defineTokens.fonts({
+	body: { value: [
+		"Noto Sans JP",
+		"-apple-system",
+		"BlinkMacSystemFont",
+		"sans-serif"
+	] },
+	mono: { value: ["Noto Sans Mono", "monospace"] }
 });
-var fontSizes = defineTokens2.fontSizes({
-  "64": {
-    value: tokens2.FontSize[64].$value,
-    description: "\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u304C\u5FC5\u8981\u306A\u30C7\u30B6\u30A4\u30F3\u8981\u7D20\u3068\u3057\u3066\u306E\u6587\u5B57\u30B5\u30A4\u30BA\u3002"
-  },
-  "57": {
-    value: tokens2.FontSize[57].$value,
-    description: "\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u304C\u5FC5\u8981\u306A\u30C7\u30B6\u30A4\u30F3\u8981\u7D20\u3068\u3057\u3066\u306E\u6587\u5B57\u30B5\u30A4\u30BA\u3002"
-  },
-  "48": {
-    value: tokens2.FontSize[48].$value,
-    description: "\u8996\u899A\u7684\u306A\u30A4\u30F3\u30D1\u30AF\u30C8\u304C\u5FC5\u8981\u306A\u30C7\u30B6\u30A4\u30F3\u8981\u7D20\u3068\u3057\u3066\u306E\u6587\u5B57\u30B5\u30A4\u30BA\u3002"
-  },
-  "45": {
-    value: tokens2.FontSize[45].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "36": {
-    value: tokens2.FontSize[36].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "32": {
-    value: tokens2.FontSize[32].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "28": {
-    value: tokens2.FontSize[28].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "24": {
-    value: tokens2.FontSize[24].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "22": {
-    value: tokens2.FontSize[22].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "20": {
-    value: tokens2.FontSize[20].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "18": {
-    value: tokens2.FontSize[18].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "17": {
-    value: tokens2.FontSize[17].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "16": {
-    value: tokens2.FontSize[16].$value,
-    description: "\u8AAD\u307F\u7269\u30B3\u30F3\u30C6\u30F3\u30C4\u5411\u3051\u306B\u591A\u304F\u4F7F\u7528\u3055\u308C\u308B\u898B\u51FA\u3057\u3084\u672C\u6587\u3092\u69CB\u6210\u3059\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3002\u306A\u304A\u3001\u672C\u6587\u3084UI\u306B\u304A\u3044\u3066\u306F16 CSS px\u4EE5\u4E0A\u304C\u57FA\u6E96\u5024\u3068\u306A\u308A\u307E\u3059\u3002"
-  },
-  "14": {
-    value: tokens2.FontSize[14].$value,
-    description: "\u57FA\u672C\u7684\u306B\u306F\u4F7F\u7528\u3057\u307E\u305B\u3093\u3002\u30D5\u30C3\u30BF\u30FC\u8981\u7D20\u306A\u3069\u30B3\u30F3\u30C6\u30F3\u30C4\u306B\u4ED8\u968F\u3059\u308B\u60C5\u5831\u3084\u3001UI\u3084\u30B3\u30F3\u30C6\u30F3\u30C4\u3092\u69CB\u6210\u3059\u308B\u969B\u306E\u9818\u57DF\u7684\u306A\u5236\u7D04\u304C\u3042\u308B\u5834\u5408\u306E\u3088\u3046\u306B\u6A19\u6E96\u7684\u306A\u6587\u5B57\u30B5\u30A4\u30BA\uFF0816 CSS px\u4EE5\u4E0A\uFF09\u306E\u4F7F\u7528\u304C\u96E3\u3057\u3044\u30B1\u30FC\u30B9\u306B\u304A\u3044\u3066\u306E\u307F\u4F7F\u7528\u3055\u308C\u308B\u6587\u5B57\u30B5\u30A4\u30BA\u3067\u3059\u3002\u306A\u304A\u300114 CSS px\u672A\u6E80\u306E\u5927\u304D\u3055\u306E\u4F7F\u7528\u306F\u539F\u5247\u3068\u3057\u3066\u8A31\u5BB9\u3055\u308C\u307E\u305B\u3093\u3002"
-  }
+const fontSizes = defineTokens.fontSizes({
+	"64": {
+		value: tokens.FontSize[64].$value,
+		description: "視覚的なインパクトが必要なデザイン要素としての文字サイズ。"
+	},
+	"57": {
+		value: tokens.FontSize[57].$value,
+		description: "視覚的なインパクトが必要なデザイン要素としての文字サイズ。"
+	},
+	"48": {
+		value: tokens.FontSize[48].$value,
+		description: "視覚的なインパクトが必要なデザイン要素としての文字サイズ。"
+	},
+	"45": {
+		value: tokens.FontSize[45].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"36": {
+		value: tokens.FontSize[36].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"32": {
+		value: tokens.FontSize[32].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"28": {
+		value: tokens.FontSize[28].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"24": {
+		value: tokens.FontSize[24].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"22": {
+		value: tokens.FontSize[22].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"20": {
+		value: tokens.FontSize[20].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"18": {
+		value: tokens.FontSize[18].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"17": {
+		value: tokens.FontSize[17].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"16": {
+		value: tokens.FontSize[16].$value,
+		description: "読み物コンテンツ向けに多く使用される見出しや本文を構成する文字サイズ。なお、本文やUIにおいては16 CSS px以上が基準値となります。"
+	},
+	"14": {
+		value: tokens.FontSize[14].$value,
+		description: "基本的には使用しません。フッター要素などコンテンツに付随する情報や、UIやコンテンツを構成する際の領域的な制約がある場合のように標準的な文字サイズ（16 CSS px以上）の使用が難しいケースにおいてのみ使用される文字サイズです。なお、14 CSS px未満の大きさの使用は原則として許容されません。"
+	}
 });
-var fontWeights = defineTokens2.fontWeights({
-  "400": { value: tokens2.FontWeight[400].$value },
-  "700": { value: tokens2.FontWeight[700].$value }
+const fontWeights = defineTokens.fontWeights({
+	"400": { value: tokens.FontWeight[400].$value },
+	"700": { value: tokens.FontWeight[700].$value }
 });
-var lineHeights = defineTokens2.lineHeights({
-  "100": {
-    value: tokens2.LineHeight[100].$value,
-    description: "\u4E3B\u306B\u30DC\u30BF\u30F3\u306A\u3069\u3001\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u5185\u3067\u4F7F\u7528\u3055\u308C\u308B\u30EF\u30F3\u30E9\u30A4\u30F3\u306E\u30C6\u30AD\u30B9\u30C8\u3067\u4E0A\u4E0B\u306E\u4F59\u767D\u3092\u6301\u3063\u3066\u3044\u306A\u3044\u884C\u9593"
-  },
-  "120": {
-    value: tokens2.LineHeight[120].$value,
-    description: "\u4E3B\u306B\u7BA1\u7406\u753B\u9762\u3084\u696D\u52D9\u30B7\u30B9\u30C6\u30E0\u306E\u753B\u9762\u7B49\u3067\u3001\u81A8\u5927\u306A\u60C5\u5831\u3092\u4E00\u89A7\u8868\u793A\u3057\u305F\u308A\u306A\u3069\u3001\u9650\u3089\u308C\u305F\u753B\u9762\u9818\u57DF\u3067\u306E\u8868\u793A\u60C5\u5831\u91CF\u3092\u6700\u512A\u5148\u3057\u305F\u884C\u9593"
-  },
-  "130": {
-    value: tokens2.LineHeight[130].$value,
-    description: "\u4E3B\u306B\u7BA1\u7406\u753B\u9762\u3084\u696D\u52D9\u30B7\u30B9\u30C6\u30E0\u306E\u753B\u9762\u7B49\u3067\u4F7F\u7528\u3059\u308B\u3001\u8868\u793A\u60C5\u5831\u91CF\u3092\u512A\u5148\u3057\u305F\u884C\u9593"
-  },
-  "140": {
-    value: tokens2.LineHeight[140].$value,
-    description: "\u898B\u51FA\u3057\u306A\u3069\u3001\u3084\u3084\u5927\u304D\u306A\u6587\u5B57\u306B\u4F7F\u7528\u3055\u308C\u308B\u884C\u9593"
-  },
-  "150": {
-    value: tokens2.LineHeight[150].$value,
-    description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3084\u898B\u51FA\u3057\u3067\u4F7F\u7528\u3055\u308C\u308B\u884C\u9593\uFF08\u672C\u6587\u306E\u884C\u9593\u3068\u3057\u3066\u306F\u6700\u4F4E\u9650\u5EA6\uFF09"
-  },
-  "160": {
-    value: tokens2.LineHeight[160].$value,
-    description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3067\u4F7F\u7528\u3055\u308C\u308B\u884C\u9593"
-  },
-  "170": {
-    value: tokens2.LineHeight[170].$value,
-    description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3067\u4F7F\u7528\u3059\u308B\u3001\u5FC3\u7406\u7684\u8CA0\u8377\u306E\u8EFD\u6E1B\u3092\u8003\u616E\u3057\u305F\u884C\u9593"
-  },
-  "175": {
-    value: tokens2.LineHeight[175].$value,
-    description: "\u4E00\u822C\u7684\u306A\u30A6\u30A7\u30D6\u30B5\u30A4\u30C8\u306E\u672C\u6587\u3067\u4F7F\u7528\u3059\u308B\u3001\u5FC3\u7406\u7684\u8CA0\u8377\u306E\u8EFD\u6E1B\u3092\u8003\u616E\u3057\u305F\u884C\u9593\u3002\u63A1\u7528\u3059\u308B\u30B0\u30EA\u30C3\u30C9\u5E45\u3084\u30D5\u30A9\u30F3\u30C8\u30B5\u30A4\u30BA\u306B\u5FDC\u3058\u3066170%\u3068\u4F7F\u3044\u5206\u3051\u308B"
-  }
+const lineHeights = defineTokens.lineHeights({
+	"100": {
+		value: tokens.LineHeight[100].$value,
+		description: "主にボタンなど、コンポーネント内で使用されるワンラインのテキストで上下の余白を持っていない行間"
+	},
+	"120": {
+		value: tokens.LineHeight[120].$value,
+		description: "主に管理画面や業務システムの画面等で、膨大な情報を一覧表示したりなど、限られた画面領域での表示情報量を最優先した行間"
+	},
+	"130": {
+		value: tokens.LineHeight[130].$value,
+		description: "主に管理画面や業務システムの画面等で使用する、表示情報量を優先した行間"
+	},
+	"140": {
+		value: tokens.LineHeight[140].$value,
+		description: "見出しなど、やや大きな文字に使用される行間"
+	},
+	"150": {
+		value: tokens.LineHeight[150].$value,
+		description: "一般的なウェブサイトの本文や見出しで使用される行間（本文の行間としては最低限度）"
+	},
+	"160": {
+		value: tokens.LineHeight[160].$value,
+		description: "一般的なウェブサイトの本文で使用される行間"
+	},
+	"170": {
+		value: tokens.LineHeight[170].$value,
+		description: "一般的なウェブサイトの本文で使用する、心理的負荷の軽減を考慮した行間"
+	},
+	"175": {
+		value: tokens.LineHeight[175].$value,
+		description: "一般的なウェブサイトの本文で使用する、心理的負荷の軽減を考慮した行間。採用するグリッド幅やフォントサイズに応じて170%と使い分ける"
+	}
 });
 
-// src/tokens/index.ts
-var { spacing, sizes } = pandaPreset.theme.tokens;
-var tokens_default = defineTokens3({
-  colors: colors_default2,
-  fonts,
-  fontSizes,
-  fontWeights,
-  lineHeights,
-  radii: {
-    "4": { value: tokens3.BorderRadius[4].$value },
-    "6": { value: tokens3.BorderRadius[6].$value },
-    "8": { value: tokens3.BorderRadius[8].$value },
-    "12": { value: tokens3.BorderRadius[12].$value },
-    "16": { value: tokens3.BorderRadius[16].$value },
-    "24": { value: tokens3.BorderRadius[24].$value },
-    "32": { value: tokens3.BorderRadius[32].$value },
-    full: { value: tokens3.BorderRadius.Full.$value }
-  },
-  shadows: {
-    "1": { value: tokens3.Elevation[1].$value },
-    "2": { value: tokens3.Elevation[2].$value },
-    "3": { value: tokens3.Elevation[3].$value },
-    "4": { value: tokens3.Elevation[4].$value },
-    "5": { value: tokens3.Elevation[5].$value },
-    "6": { value: tokens3.Elevation[6].$value },
-    "7": { value: tokens3.Elevation[7].$value },
-    "8": { value: tokens3.Elevation[8].$value }
-  },
-  sizes,
-  spacing
+//#endregion
+//#region src/tokens/index.ts
+const { spacing, sizes } = preset.theme.tokens;
+var tokens_default = defineTokens({
+	colors: colors_default,
+	fonts,
+	fontSizes,
+	fontWeights,
+	lineHeights,
+	radii: {
+		"4": { value: tokens.BorderRadius[4].$value },
+		"6": { value: tokens.BorderRadius[6].$value },
+		"8": { value: tokens.BorderRadius[8].$value },
+		"12": { value: tokens.BorderRadius[12].$value },
+		"16": { value: tokens.BorderRadius[16].$value },
+		"24": { value: tokens.BorderRadius[24].$value },
+		"32": { value: tokens.BorderRadius[32].$value },
+		full: { value: tokens.BorderRadius.Full.$value }
+	},
+	shadows: {
+		"1": { value: tokens.Elevation[1].$value },
+		"2": { value: tokens.Elevation[2].$value },
+		"3": { value: tokens.Elevation[3].$value },
+		"4": { value: tokens.Elevation[4].$value },
+		"5": { value: tokens.Elevation[5].$value },
+		"6": { value: tokens.Elevation[6].$value },
+		"7": { value: tokens.Elevation[7].$value },
+		"8": { value: tokens.Elevation[8].$value }
+	},
+	sizes,
+	spacing
 });
 
-// src/utilities/index.ts
-import { defineUtility } from "@pandacss/dev";
-var borderInset = defineUtility({
-  deprecated: true,
-  className: "border-inset",
-  values: ["xs", "sm", "md", "lg", "xl"],
-  transform(value, { token }) {
-    const width = (() => {
-      if (value === "xs") return "1px";
-      if (value === "sm") return "2px";
-      if (value === "lg") return "4px";
-      if (value === "xl") return "8px";
-      return "3px";
-    })();
-    return {
-      boxShadow: `inset 0 0 0 ${width} ${token("colors.ring")}`
-    };
-  }
-});
-var focusBox = defineUtility({
-  className: "focus-box",
-  values: "borderWidths",
-  transform(value, { token }) {
-    return {
-      boxShadow: `0 0 0 ${value} ${token("colors.ring")}`
-    };
-  }
-});
-var utilities = {
-  borderInset,
-  focusBox
+//#endregion
+//#region src/utilities/index.ts
+const utilities = {
+	borderInset: defineUtility({
+		deprecated: true,
+		className: "border-inset",
+		values: [
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl"
+		],
+		transform(value, { token }) {
+			return { boxShadow: `inset 0 0 0 ${(() => {
+				if (value === "xs") return "1px";
+				if (value === "sm") return "2px";
+				if (value === "lg") return "4px";
+				if (value === "xl") return "8px";
+				return "3px";
+			})()} ${token("colors.ring")}` };
+		}
+	}),
+	focusBox: defineUtility({
+		className: "focus-box",
+		values: "borderWidths",
+		transform(value, { token }) {
+			return { boxShadow: `0 0 0 ${value} ${token("colors.ring")}` };
+		}
+	})
 };
 var utilities_default = utilities;
 
-// src/globalCss.ts
-import { defineGlobalStyles } from "@pandacss/dev";
+//#endregion
+//#region src/globalCss.ts
 var globalCss_default = defineGlobalStyles({
-  html: {
-    fontSmoothing: "auto"
-  },
-  "h1, h2, h3, h4, h5, h6": {
-    textWrap: "pretty"
-  }
+	html: { fontSmoothing: "auto" },
+	"h1, h2, h3, h4, h5, h6": { textWrap: "auto" }
 });
 
-// src/index.ts
-var { breakpoints, keyframes } = pandaPreset2.theme;
-var preset = definePreset({
-  name: "digital-go",
-  theme: {
-    extend: {
-      breakpoints,
-      textStyles: textStyles_default,
-      semanticTokens: semanticTokens_default,
-      tokens: tokens_default,
-      keyframes
-    }
-  },
-  utilities: utilities_default,
-  globalCss: globalCss_default
+//#endregion
+//#region src/index.ts
+const { breakpoints, keyframes } = preset.theme;
+const preset$1 = definePreset({
+	name: "digital-go",
+	theme: { extend: {
+		breakpoints,
+		textStyles: textStyles_default,
+		semanticTokens: semanticTokens_default,
+		tokens: tokens_default,
+		keyframes
+	} },
+	utilities: utilities_default,
+	globalCss: globalCss_default
 });
-var index_default = preset;
-export {
-  index_default as default
-};
+var src_default = preset$1;
+
+//#endregion
+export { src_default as default };
+//# sourceMappingURL=index.mjs.map