@charcoal-ui/tailwind-config 5.6.0 → 5.7.0

package/dist/index.d.mts

@@ -1,221 +1,6 @@
+import { CharcoalTheme } from "@charcoal-ui/theme";
 import { Config } from "tailwindcss";
 
-//#region ../foundation/src/typography.d.ts
-interface TypographyDescriptor {
-  readonly lineHeight: number;
-  readonly fontSize: number;
-}
-//#endregion
-//#region ../foundation/src/spacing.d.ts
-declare const SPACING: {
-  readonly 0: 0;
-  readonly 4: 4;
-  readonly 8: 8;
-  readonly 16: 16;
-  readonly 24: 24;
-  readonly 40: 40;
-  readonly 64: 64;
-  readonly 104: 104;
-  readonly 168: 168;
-  readonly 272: 272;
-  readonly 440: 440;
-};
-//#endregion
-//#region ../foundation/src/border-radius.d.ts
-declare const BORDER_RADIUS: {
-  /**
-  * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
-  */
-  readonly none: 0;
-  /**
-  * 用途: バッジ, 高さ40px以下の要素
-  */
-  readonly 4: 4;
-  /**
-  * 用途: サムネイル
-  */
-  readonly 8: 8;
-  /**
-  * 用途: チュートリアルツールチップ
-  */
-  readonly 16: 16;
-  /**
-  * 用途: モーダル
-  */
-  readonly 24: 24;
-  /**
-  * 真円 or 左右が丸まっている矩形 を作る時に用いる
-  *
-  * 用途: ボタン
-  */
-  readonly oval: 999999;
-};
-//#endregion
-//#region ../foundation/src/color.d.ts
-type Material = string;
-type GradientMaterial = readonly {
-  readonly color: Material;
-  readonly ratio: number;
-}[];
-//#endregion
-//#region ../foundation/src/effect.d.ts
-type Effect = AlphaEffect | OpacityEffect | ReplaceEffect;
-interface BaseEffect {}
-interface AlphaEffect extends BaseEffect {
-  readonly type: "alpha";
-  /**
-  * Color to blend with the base color using alpha blending.
-  */
-  readonly color: string;
-  /**
-  * Multiplied with the alpha value of the effect's `color` before blending.
-  *
-  * `1` by default.
-  */
-  readonly opacity?: number;
-}
-interface OpacityEffect extends BaseEffect {
-  readonly type: "opacity";
-  /**
-  * Value to multiply with the current color's alpha value.
-  */
-  readonly opacity: number;
-}
-interface ReplaceEffect extends BaseEffect {
-  readonly type: "replace";
-  /**
-  * Replaces any given color with this color
-  */
-  readonly color?: string;
-  /**
-  * Replaces the alpha value with this opacity.
-  *
-  * Overrides the `color`'s opacity as well.
-  */
-  readonly opacity?: number;
-}
-//#endregion
-//#region ../theme/src/abstract-theme.d.ts
-type EffectType = "hover" | "press" | "disabled";
-type Key = string | number | symbol;
-type ColorStyleTheme = { [key in Key]: Material };
-interface CharcoalAbstractTheme {
-  color: ColorStyleTheme;
-  gradientColor: { [key in Key]: GradientMaterial };
-  effect: { [key in EffectType]?: Effect };
-  elementEffect: { [key in EffectType]?: OpacityEffect };
-  spacing: { [key in Key]: number };
-  typography: {
-    size: { [key in Key]: TypographyDescriptor };
-  };
-  borderRadius: { [key in Key]: number };
-  border: { [key in Key]: {
-    color: Material;
-  } };
-  outline: { [key in Key]: {
-    color: Material;
-    weight: number;
-  } };
-  grid: {
-    unit: {
-      column: number;
-      gutter: number;
-    };
-  };
-  transition: { [key in Key]: {
-    duration: number;
-  } };
-}
-//#endregion
-//#region ../theme/src/theme.d.ts
-interface CharcoalTheme extends CharcoalAbstractTheme {
-  readonly color: ThemeColor;
-  readonly gradientColor: ThemeColorGradient;
-  /**
-  * effect for color (background or font color)
-  */
-  readonly effect: ThemeEffect;
-  /**
-  * effect for element its own (opacify element includes descendants)
-  */
-  readonly elementEffect: ThemeElementEffect;
-  readonly spacing: Spacing;
-  readonly typography: {
-    readonly size: Typography;
-  };
-  readonly borderRadius: BorderRadius;
-  readonly border: {
-    readonly default: {
-      readonly color: Material;
-    };
-  };
-  readonly outline: {
-    readonly default: {
-      readonly color: string;
-      readonly weight: 4;
-    };
-    readonly assertive: {
-      readonly color: string;
-      readonly weight: 4;
-    };
-  };
-  readonly breakpoint: Breakpoint;
-}
-type ThemeColor = {
-  readonly transparent: Material;
-  readonly background1: Material;
-  readonly background2: Material;
-  readonly surface1: Material;
-  readonly surface2: Material;
-  readonly surface3: Material;
-  readonly surface4: Material;
-  readonly surface6: Material;
-  readonly surface7: Material;
-  readonly surface8: Material;
-  readonly surface9: Material;
-  readonly surface10: Material;
-  readonly link1: Material;
-  readonly link2: Material;
-  readonly text1: Material;
-  readonly text2: Material;
-  readonly text3: Material;
-  readonly text4: Material;
-  readonly text5: Material;
-  readonly icon6: Material;
-  readonly brand: Material;
-  readonly assertive: Material;
-  readonly warning: Material;
-  readonly success: Material;
-  readonly updatedItem: Material;
-  readonly border: Material;
-};
-type ThemeEffect = {
-  readonly hover: Effect;
-  readonly press: Effect;
-};
-type ThemeElementEffect = {
-  readonly disabled: OpacityEffect;
-};
-type ThemeColorGradient = {
-  readonly surface5: GradientMaterial;
-  readonly callToAction: GradientMaterial;
-};
-type Typography = {
-  readonly [12]: TypographyDescriptor;
-  readonly [14]: TypographyDescriptor;
-  readonly [16]: TypographyDescriptor;
-  readonly [20]: TypographyDescriptor;
-  readonly [32]: TypographyDescriptor;
-};
-type Breakpoint = {
-  readonly screen1: number;
-  readonly screen2: number;
-  readonly screen3: number;
-  readonly screen4: number;
-};
-type Spacing = Readonly<Record<keyof typeof SPACING, number>>;
-type BorderRadius = Readonly<Record<keyof typeof BORDER_RADIUS, number>>;
-//#endregion
 //#region src/types.d.ts
 type TailwindVersion = "v1" | "v2" | "v3";
 interface ThemeMap {

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":["config: Omit<Config, 'content'>"],"sources":["../../foundation/src/typography.ts","../../foundation/src/spacing.ts","../../foundation/src/border-radius.ts","../../foundation/src/color.ts","../../foundation/src/effect.ts","../../theme/src/abstract-theme.ts","../../theme/src/theme.ts","../src/types.ts","../src/tokenV2.ts","../src/index.ts"],"sourcesContent":[],"mappings":";;;UAAiB,oBAAA;;;AAAjB;;;cCAa;;;EDAb,SAAiB,CAAA,EAAA,CAAA;;;;ECAjB,SAAa,EAAA,EAAA,EAAA;;;;ECAb,SAAa,GAAA,EAAA,GAAA;;;;cAAA;;;AFAb;;;;ACAA;;;;ACAA;;;;ACAA;EAEA,SAAY,EAAA,EAAA,EAAA;;;;ECAZ,SAAY,EAAA,EAAA,EAAA;EAAS;;;;AAA8B;EAInD,SAAiB,IAAA,EAAA,MAAA;AAcjB,CAAA;;;KDpBY,QAAA;KAEA,gBAAA;kBACM;EHHlB,SAAiB,KAAA,EAAA,MAAA;;;;KIEL,MAAA,GAAS,cAAc,gBAAgB;UAEzC,UAAA;AJJO,UIMA,WAAA,SAAoB,UJNpB,CAAA;;;;ACAjB;;;;ACAA;;;;ACAA;AAEY,UCkBK,aAAA,SAAsB,UDjBrB,CAAA;;;;ACDlB;EAAqB,SAAA,OAAA,EAAA,MAAA;;AAA8B,UA0BlC,aAAA,SAAsB,UA1BY,CAAA;EAAA,SAAA,IAAA,EAAA,SAAA;EAAA;AAInD;AAcA;EAQA,SAAiB,KAAA,CAAA,EAAA,MAAA;;;;ACpBjB;AAEA;EAEA,SAAY,OAAA,CAAA,EAAA,MAAA;AAIZ;;;KARY,UAAA;KAEA,GAAA;ALVK,KKYL,eAAA,GLZK,UKaP,GLbO,GKaD,QLbC,EAAA;UKgBA,qBAAA;SACR;2BACkB,MAAM;EJlBjC,MAAa,EAAA,UImBO,UJnBP,IImBqB,MJnBrB,EAAA;2BIoBc,cAAc;qBACpB;;IHrBrB,IAAa,EAAA,UGuBO,GHvBP,GGuBa,oBHvBb,EAAA;;0BG4Ba;oBAEd;IF9BZ,KAAY,EE+BC,QF/BD;EAEZ,CAAA,EAAY;qBEmCA;WACC;;EDpCb,CAAA,EAAY;EAAS,IAAA,EAAA;IAAc,IAAA,EAAA;MAAgB,MAAA,EAAA,MAAA;MAAA,MAAA,EAAA,MAAA;IAAA,CAAA;EAInD,CAAA;EAcA,UAAiB,EAAA,UC6BL,GD7BK,GAAA;IAQjB,QAAiB,EAAA,MAAA;;;;;UEjBA,aAAA,SAAsB;ENXvC,SAAiB,KAAA,EMYC,UNZD;0BMaS;;;ALb1B;mBKiBmB;;;AJjBnB;0BIqB0B;oBACN;;IHtBpB,SAAY,IAAA,EGwBO,UHxBP;EAEZ,CAAA;yBGwByB;;;MFxBzB,SAAY,KAAA,EE2BU,QF3BV;IAAS,CAAA;EAAc,CAAA;EAAgB,SAAA,OAAA,EAAA;IAAA,SAAA,OAAA,EAAA;MAAA,SAEzC,KAAA,EAAA,MAAA;MAEV,SAAiB,MAAA,EAAA,CAAA;IAcjB,CAAA;IAQA,SAAiB,SAAA,EAAA;;;;ECpBjB,CAAA;EAEA,SAAY,UAAA,ECgCW,UDhCX;AAEZ;AAIiB,KC6BL,UAAA,GD7BK;EACR,SAAA,WAAA,EC6Be,QD7Bf;EACkB,SAAA,WAAA,EC6BH,QD7BG;EAAM,SAAA,WAAA,EC8BT,QD9BS;EACb,SAAA,QAAA,EC8BC,QD9BD;EAAc,SAAA,QAAA,EC+Bb,QD/Ba;EACP,SAAA,QAAA,EC+BN,QD/BM;EAAc,SAAA,QAAA,ECgCpB,QDhCoB;EACpB,SAAA,QAAA,ECiCA,QDjCA;EAED,SAAA,QAAA,ECgCC,QDhCD;EAAM,SAAA,QAAA,ECiCL,QDjCK;EAKA,SAAA,QAAA,EC6BL,QD7BK;EAEd,SAAA,SAAA,EC4BU,QD5BV;EACC,SAAA,KAAA,EC4BK,QD5BL;EAMD,SAAA,KAAA,ECuBM,QDvBN;EACC,SAAA,KAAA,ECuBK,QDvBL;EAWD,SAAA,KAAA,ECaM,QDbN;EAAA,SAAA,KAAA,ECcM,QDdN;kBCeM;kBACA;kBACA;EAvDlB,SAAiB,KAAA,EAwDC,QAxDD;EACC,SAAA,SAAA,EAwDI,QAxDJ;EACQ,SAAA,OAAA,EAwDN,QAxDM;EAIP,SAAA,OAAA,EAqDC,QArDD;EAIO,SAAA,WAAA,EAkDF,QAlDE;EACN,SAAA,MAAA,EAkDD,QAlDC;CAED;AAEM,KAiDb,WAAA,GAjDa;EAGH,SAAA,KAAA,EA+CJ,MA/CI;EAaC,SAAA,KAAA,EAmCL,MAnCK;CA/BgB;AAAA,KAqE3B,kBAAA,GArE2B;EAkCvC,SAAY,QAAA,EAoCS,aApCT;CACY;AACA,KAqCZ,kBAAA,GArCY;EACA,SAAA,QAAA,EAqCH,gBArCG;EACH,SAAA,YAAA,EAqCI,gBArCJ;CACA;AACA,KAsCT,UAAA,GAtCS;EACA,UAAA,EAAA,CAAA,EAsCJ,oBAtCI;EAEA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;EACA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;EACA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;EACA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;CACC;AACJ,KAsCN,UAAA,GAtCM;EACA,SAAA,OAAA,EAAA,MAAA;EACA,SAAA,OAAA,EAAA,MAAA;EACA,SAAA,OAAA,EAAA,MAAA;EACA,SAAA,OAAA,EAAA,MAAA;CACA;AACA,KAuCN,OAAA,GAAU,QAvCJ,CAuCa,MAvCb,CAAA,MAAA,OAuCiC,OAvCjC,EAAA,MAAA,CAAA,CAAA;AACA,KAuCN,YAAA,GAAe,QAvCT,CAuCkB,MAvClB,CAAA,MAAA,OAuCsC,aAvCtC,EAAA,MAAA,CAAA,CAAA;;;KC/DN,eAAA;APHK,UOKA,QAAA,CPLA;WOMN;sCAC2B;sBAChB;ANRtB;;;iBOQgB,oCAAA,CAAA,GAAwC,KACtD;;;UCkBQ,OAAA;YACE;UACF;ER7BV,cAAa,CAAA,EAAA,OAAA;;;;ACAb;iBOoCgB,oBAAA;;;;;;;GAOb,UAAU,KAAK;cAqILA,QAAQ,KAAK"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/tokenV2.ts","../src/index.ts"],"mappings":";;;;KAGY,eAAA;AAAA,UAEK,QAAA;EACf,OAAA,EAAS,aAAA;EAAA,oCAC2B,aAAA;EAAA,oBAChB,aAAA;AAAA;;;iBCAN,oCAAA,CAAA,GAAwC,IAAA,CACtD,MAAA;;;UCkBQ,OAAA;EACR,OAAA,GAAU,eAAA;EACV,KAAA,GAAQ,QAAA;EACR,cAAA;EACA,eAAA;EACA,OAAA;EACA,OAAA;AAAA;AAAA,iBAGc,oBAAA,CAAA;EACd,KAAA;EACA,OAAA;EACA,cAAA;EACA,eAAA;EACA,OAAA;EACA;AAAA,GACC,OAAA,GAAU,IAAA,CAAK,MAAA;AAAA,cAqIL,MAAA,EAAQ,IAAA,CAAK,MAAA"}

package/dist/index.d.ts

@@ -1,221 +1,6 @@
 import { Config } from "tailwindcss";
+import { CharcoalTheme } from "@charcoal-ui/theme";
 
-//#region ../foundation/src/typography.d.ts
-interface TypographyDescriptor {
-  readonly lineHeight: number;
-  readonly fontSize: number;
-}
-//#endregion
-//#region ../foundation/src/spacing.d.ts
-declare const SPACING: {
-  readonly 0: 0;
-  readonly 4: 4;
-  readonly 8: 8;
-  readonly 16: 16;
-  readonly 24: 24;
-  readonly 40: 40;
-  readonly 64: 64;
-  readonly 104: 104;
-  readonly 168: 168;
-  readonly 272: 272;
-  readonly 440: 440;
-};
-//#endregion
-//#region ../foundation/src/border-radius.d.ts
-declare const BORDER_RADIUS: {
-  /**
-  * 用途: 打ち消し用（モバイルのときに角丸じゃなくなる、などを表現する）
-  */
-  readonly none: 0;
-  /**
-  * 用途: バッジ, 高さ40px以下の要素
-  */
-  readonly 4: 4;
-  /**
-  * 用途: サムネイル
-  */
-  readonly 8: 8;
-  /**
-  * 用途: チュートリアルツールチップ
-  */
-  readonly 16: 16;
-  /**
-  * 用途: モーダル
-  */
-  readonly 24: 24;
-  /**
-  * 真円 or 左右が丸まっている矩形 を作る時に用いる
-  *
-  * 用途: ボタン
-  */
-  readonly oval: 999999;
-};
-//#endregion
-//#region ../foundation/src/color.d.ts
-type Material = string;
-type GradientMaterial = readonly {
-  readonly color: Material;
-  readonly ratio: number;
-}[];
-//#endregion
-//#region ../foundation/src/effect.d.ts
-type Effect = AlphaEffect | OpacityEffect | ReplaceEffect;
-interface BaseEffect {}
-interface AlphaEffect extends BaseEffect {
-  readonly type: "alpha";
-  /**
-  * Color to blend with the base color using alpha blending.
-  */
-  readonly color: string;
-  /**
-  * Multiplied with the alpha value of the effect's `color` before blending.
-  *
-  * `1` by default.
-  */
-  readonly opacity?: number;
-}
-interface OpacityEffect extends BaseEffect {
-  readonly type: "opacity";
-  /**
-  * Value to multiply with the current color's alpha value.
-  */
-  readonly opacity: number;
-}
-interface ReplaceEffect extends BaseEffect {
-  readonly type: "replace";
-  /**
-  * Replaces any given color with this color
-  */
-  readonly color?: string;
-  /**
-  * Replaces the alpha value with this opacity.
-  *
-  * Overrides the `color`'s opacity as well.
-  */
-  readonly opacity?: number;
-}
-//#endregion
-//#region ../theme/src/abstract-theme.d.ts
-type EffectType = "hover" | "press" | "disabled";
-type Key = string | number | symbol;
-type ColorStyleTheme = { [key in Key]: Material };
-interface CharcoalAbstractTheme {
-  color: ColorStyleTheme;
-  gradientColor: { [key in Key]: GradientMaterial };
-  effect: { [key in EffectType]?: Effect };
-  elementEffect: { [key in EffectType]?: OpacityEffect };
-  spacing: { [key in Key]: number };
-  typography: {
-    size: { [key in Key]: TypographyDescriptor };
-  };
-  borderRadius: { [key in Key]: number };
-  border: { [key in Key]: {
-    color: Material;
-  } };
-  outline: { [key in Key]: {
-    color: Material;
-    weight: number;
-  } };
-  grid: {
-    unit: {
-      column: number;
-      gutter: number;
-    };
-  };
-  transition: { [key in Key]: {
-    duration: number;
-  } };
-}
-//#endregion
-//#region ../theme/src/theme.d.ts
-interface CharcoalTheme extends CharcoalAbstractTheme {
-  readonly color: ThemeColor;
-  readonly gradientColor: ThemeColorGradient;
-  /**
-  * effect for color (background or font color)
-  */
-  readonly effect: ThemeEffect;
-  /**
-  * effect for element its own (opacify element includes descendants)
-  */
-  readonly elementEffect: ThemeElementEffect;
-  readonly spacing: Spacing;
-  readonly typography: {
-    readonly size: Typography;
-  };
-  readonly borderRadius: BorderRadius;
-  readonly border: {
-    readonly default: {
-      readonly color: Material;
-    };
-  };
-  readonly outline: {
-    readonly default: {
-      readonly color: string;
-      readonly weight: 4;
-    };
-    readonly assertive: {
-      readonly color: string;
-      readonly weight: 4;
-    };
-  };
-  readonly breakpoint: Breakpoint;
-}
-type ThemeColor = {
-  readonly transparent: Material;
-  readonly background1: Material;
-  readonly background2: Material;
-  readonly surface1: Material;
-  readonly surface2: Material;
-  readonly surface3: Material;
-  readonly surface4: Material;
-  readonly surface6: Material;
-  readonly surface7: Material;
-  readonly surface8: Material;
-  readonly surface9: Material;
-  readonly surface10: Material;
-  readonly link1: Material;
-  readonly link2: Material;
-  readonly text1: Material;
-  readonly text2: Material;
-  readonly text3: Material;
-  readonly text4: Material;
-  readonly text5: Material;
-  readonly icon6: Material;
-  readonly brand: Material;
-  readonly assertive: Material;
-  readonly warning: Material;
-  readonly success: Material;
-  readonly updatedItem: Material;
-  readonly border: Material;
-};
-type ThemeEffect = {
-  readonly hover: Effect;
-  readonly press: Effect;
-};
-type ThemeElementEffect = {
-  readonly disabled: OpacityEffect;
-};
-type ThemeColorGradient = {
-  readonly surface5: GradientMaterial;
-  readonly callToAction: GradientMaterial;
-};
-type Typography = {
-  readonly [12]: TypographyDescriptor;
-  readonly [14]: TypographyDescriptor;
-  readonly [16]: TypographyDescriptor;
-  readonly [20]: TypographyDescriptor;
-  readonly [32]: TypographyDescriptor;
-};
-type Breakpoint = {
-  readonly screen1: number;
-  readonly screen2: number;
-  readonly screen3: number;
-  readonly screen4: number;
-};
-type Spacing = Readonly<Record<keyof typeof SPACING, number>>;
-type BorderRadius = Readonly<Record<keyof typeof BORDER_RADIUS, number>>;
-//#endregion
 //#region src/types.d.ts
 type TailwindVersion = "v1" | "v2" | "v3";
 interface ThemeMap {

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":["config: Omit<Config, 'content'>"],"sources":["../../foundation/src/typography.ts","../../foundation/src/spacing.ts","../../foundation/src/border-radius.ts","../../foundation/src/color.ts","../../foundation/src/effect.ts","../../theme/src/abstract-theme.ts","../../theme/src/theme.ts","../src/types.ts","../src/tokenV2.ts","../src/index.ts"],"sourcesContent":[],"mappings":";;;UAAiB,oBAAA;;;AAAjB;;;cCAa;;;EDAb,SAAiB,CAAA,EAAA,CAAA;;;;ECAjB,SAAa,EAAA,EAAA,EAAA;;;;ECAb,SAAa,GAAA,EAAA,GAAA;;;;cAAA;;;AFAb;;;;ACAA;;;;ACAA;;;;ACAA;EAEA,SAAY,EAAA,EAAA,EAAA;;;;ECAZ,SAAY,EAAA,EAAA,EAAA;EAAS;;;;AAA8B;EAInD,SAAiB,IAAA,EAAA,MAAA;AAcjB,CAAA;;;KDpBY,QAAA;KAEA,gBAAA;kBACM;EHHlB,SAAiB,KAAA,EAAA,MAAA;;;;KIEL,MAAA,GAAS,cAAc,gBAAgB;UAEzC,UAAA;AJJO,UIMA,WAAA,SAAoB,UJNpB,CAAA;;;;ACAjB;;;;ACAA;;;;ACAA;AAEY,UCkBK,aAAA,SAAsB,UDjBrB,CAAA;;;;ACDlB;EAAqB,SAAA,OAAA,EAAA,MAAA;;AAA8B,UA0BlC,aAAA,SAAsB,UA1BY,CAAA;EAAA,SAAA,IAAA,EAAA,SAAA;EAAA;AAInD;AAcA;EAQA,SAAiB,KAAA,CAAA,EAAA,MAAA;;;;ACpBjB;AAEA;EAEA,SAAY,OAAA,CAAA,EAAA,MAAA;AAIZ;;;KARY,UAAA;KAEA,GAAA;ALVK,KKYL,eAAA,GLZK,UKaP,GLbO,GKaD,QLbC,EAAA;UKgBA,qBAAA;SACR;2BACkB,MAAM;EJlBjC,MAAa,EAAA,UImBO,UJnBP,IImBqB,MJnBrB,EAAA;2BIoBc,cAAc;qBACpB;;IHrBrB,IAAa,EAAA,UGuBO,GHvBP,GGuBa,oBHvBb,EAAA;;0BG4Ba;oBAEd;IF9BZ,KAAY,EE+BC,QF/BD;EAEZ,CAAA,EAAY;qBEmCA;WACC;;EDpCb,CAAA,EAAY;EAAS,IAAA,EAAA;IAAc,IAAA,EAAA;MAAgB,MAAA,EAAA,MAAA;MAAA,MAAA,EAAA,MAAA;IAAA,CAAA;EAInD,CAAA;EAcA,UAAiB,EAAA,UC6BL,GD7BK,GAAA;IAQjB,QAAiB,EAAA,MAAA;;;;;UEjBA,aAAA,SAAsB;ENXvC,SAAiB,KAAA,EMYC,UNZD;0BMaS;;;ALb1B;mBKiBmB;;;AJjBnB;0BIqB0B;oBACN;;IHtBpB,SAAY,IAAA,EGwBO,UHxBP;EAEZ,CAAA;yBGwByB;;;MFxBzB,SAAY,KAAA,EE2BU,QF3BV;IAAS,CAAA;EAAc,CAAA;EAAgB,SAAA,OAAA,EAAA;IAAA,SAAA,OAAA,EAAA;MAAA,SAEzC,KAAA,EAAA,MAAA;MAEV,SAAiB,MAAA,EAAA,CAAA;IAcjB,CAAA;IAQA,SAAiB,SAAA,EAAA;;;;ECpBjB,CAAA;EAEA,SAAY,UAAA,ECgCW,UDhCX;AAEZ;AAIiB,KC6BL,UAAA,GD7BK;EACR,SAAA,WAAA,EC6Be,QD7Bf;EACkB,SAAA,WAAA,EC6BH,QD7BG;EAAM,SAAA,WAAA,EC8BT,QD9BS;EACb,SAAA,QAAA,EC8BC,QD9BD;EAAc,SAAA,QAAA,EC+Bb,QD/Ba;EACP,SAAA,QAAA,EC+BN,QD/BM;EAAc,SAAA,QAAA,ECgCpB,QDhCoB;EACpB,SAAA,QAAA,ECiCA,QDjCA;EAED,SAAA,QAAA,ECgCC,QDhCD;EAAM,SAAA,QAAA,ECiCL,QDjCK;EAKA,SAAA,QAAA,EC6BL,QD7BK;EAEd,SAAA,SAAA,EC4BU,QD5BV;EACC,SAAA,KAAA,EC4BK,QD5BL;EAMD,SAAA,KAAA,ECuBM,QDvBN;EACC,SAAA,KAAA,ECuBK,QDvBL;EAWD,SAAA,KAAA,ECaM,QDbN;EAAA,SAAA,KAAA,ECcM,QDdN;kBCeM;kBACA;kBACA;EAvDlB,SAAiB,KAAA,EAwDC,QAxDD;EACC,SAAA,SAAA,EAwDI,QAxDJ;EACQ,SAAA,OAAA,EAwDN,QAxDM;EAIP,SAAA,OAAA,EAqDC,QArDD;EAIO,SAAA,WAAA,EAkDF,QAlDE;EACN,SAAA,MAAA,EAkDD,QAlDC;CAED;AAEM,KAiDb,WAAA,GAjDa;EAGH,SAAA,KAAA,EA+CJ,MA/CI;EAaC,SAAA,KAAA,EAmCL,MAnCK;CA/BgB;AAAA,KAqE3B,kBAAA,GArE2B;EAkCvC,SAAY,QAAA,EAoCS,aApCT;CACY;AACA,KAqCZ,kBAAA,GArCY;EACA,SAAA,QAAA,EAqCH,gBArCG;EACH,SAAA,YAAA,EAqCI,gBArCJ;CACA;AACA,KAsCT,UAAA,GAtCS;EACA,UAAA,EAAA,CAAA,EAsCJ,oBAtCI;EAEA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;EACA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;EACA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;EACA,UAAA,EAAA,CAAA,EAqCJ,oBArCI;CACC;AACJ,KAsCN,UAAA,GAtCM;EACA,SAAA,OAAA,EAAA,MAAA;EACA,SAAA,OAAA,EAAA,MAAA;EACA,SAAA,OAAA,EAAA,MAAA;EACA,SAAA,OAAA,EAAA,MAAA;CACA;AACA,KAuCN,OAAA,GAAU,QAvCJ,CAuCa,MAvCb,CAAA,MAAA,OAuCiC,OAvCjC,EAAA,MAAA,CAAA,CAAA;AACA,KAuCN,YAAA,GAAe,QAvCT,CAuCkB,MAvClB,CAAA,MAAA,OAuCsC,aAvCtC,EAAA,MAAA,CAAA,CAAA;;;KC/DN,eAAA;APHK,UOKA,QAAA,CPLA;WOMN;sCAC2B;sBAChB;ANRtB;;;iBOQgB,oCAAA,CAAA,GAAwC,KACtD;;;UCkBQ,OAAA;YACE;UACF;ER7BV,cAAa,CAAA,EAAA,OAAA;;;;ACAb;iBOoCgB,oBAAA;;;;;;;GAOb,UAAU,KAAK;cAqILA,QAAQ,KAAK"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/types.ts","../src/tokenV2.ts","../src/index.ts"],"mappings":";;;;KAGY,eAAA;AAAA,UAEK,QAAA;EACf,OAAA,EAAS,aAAA;EAAA,oCAC2B,aAAA;EAAA,oBAChB,aAAA;AAAA;;;iBCAN,oCAAA,CAAA,GAAwC,IAAA,CACtD,MAAA;;;UCkBQ,OAAA;EACR,OAAA,GAAU,eAAA;EACV,KAAA,GAAQ,QAAA;EACR,cAAA;EACA,eAAA;EACA,OAAA;EACA,OAAA;AAAA;AAAA,iBAGc,oBAAA,CAAA;EACd,KAAA;EACA,OAAA;EACA,cAAA;EACA,eAAA;EACA,OAAA;EACA;AAAA,GACC,OAAA,GAAU,IAAA,CAAK,MAAA;AAAA,cAqIL,MAAA,EAAQ,IAAA,CAAK,MAAA"}

package/dist/index.js

@@ -1,5 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-//#region rolldown:runtime
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+//#region \0rolldown/runtime.js
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,12 +7,16 @@ 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 (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
 	}
 	return to;
 };
@@ -22,20 +26,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-let __charcoal_ui_foundation = require("@charcoal-ui/foundation");
-__charcoal_ui_foundation = __toESM(__charcoal_ui_foundation);
-let __charcoal_ui_theme = require("@charcoal-ui/theme");
-__charcoal_ui_theme = __toESM(__charcoal_ui_theme);
-let __charcoal_ui_utils = require("@charcoal-ui/utils");
-__charcoal_ui_utils = __toESM(__charcoal_ui_utils);
+let _charcoal_ui_foundation = require("@charcoal-ui/foundation");
+let _charcoal_ui_theme = require("@charcoal-ui/theme");
+let _charcoal_ui_utils = require("@charcoal-ui/utils");
 let tailwindcss_plugin_js = require("tailwindcss/plugin.js");
 tailwindcss_plugin_js = __toESM(tailwindcss_plugin_js);
-let __charcoal_ui_theme_unstable_tokens_css_variables_json = require("@charcoal-ui/theme/unstable-tokens/css-variables.json");
-__charcoal_ui_theme_unstable_tokens_css_variables_json = __toESM(__charcoal_ui_theme_unstable_tokens_css_variables_json);
-let __charcoal_ui_icon_files_v2_datauri = require("@charcoal-ui/icon-files/v2/datauri");
-__charcoal_ui_icon_files_v2_datauri = __toESM(__charcoal_ui_icon_files_v2_datauri);
-let __charcoal_ui_icon_files_v1_datauri = require("@charcoal-ui/icon-files/v1/datauri");
-__charcoal_ui_icon_files_v1_datauri = __toESM(__charcoal_ui_icon_files_v1_datauri);
+let _charcoal_ui_theme_unstable_tokens_css_variables_json = require("@charcoal-ui/theme/unstable-tokens/css-variables.json");
+_charcoal_ui_theme_unstable_tokens_css_variables_json = __toESM(_charcoal_ui_theme_unstable_tokens_css_variables_json);
+let _charcoal_ui_icon_files_v2_datauri = require("@charcoal-ui/icon-files/v2/datauri");
+_charcoal_ui_icon_files_v2_datauri = __toESM(_charcoal_ui_icon_files_v2_datauri);
+let _charcoal_ui_icon_files_v1_datauri = require("@charcoal-ui/icon-files/v1/datauri");
+_charcoal_ui_icon_files_v1_datauri = __toESM(_charcoal_ui_icon_files_v1_datauri);
 
 //#region src/foundation.ts
 const GRID_COUNT = 12;
@@ -134,7 +135,7 @@ function isSingleColor(color) {
 //#endregion
 //#region src/colors/toTailwindConfig.ts
 function colorsToTailwindConfig(version, colors, effects) {
-	const targetColors = (0, __charcoal_ui_utils.filterObject)(colors, isSingleColor);
+	const targetColors = (0, _charcoal_ui_utils.filterObject)(colors, isSingleColor);
 	const DEFAULT = getDefaultKeyName(version);
 	/**
 	* こういう感じのを吐き出す
@@ -152,22 +153,22 @@ function colorsToTailwindConfig(version, colors, effects) {
 		const varName = `${COLOR_PREFIX}${name}`;
 		return {
 			[DEFAULT]: `var(${varName}, ${color})`,
-			...(0, __charcoal_ui_utils.mapObject)(effects, (effectName, effect) => [effectName, `var(${varName}--${effectName}, ${(0, __charcoal_ui_utils.applyEffect)(color, effect)})`])
+			...(0, _charcoal_ui_utils.mapObject)(effects, (effectName, effect) => [effectName, `var(${varName}--${effectName}, ${(0, _charcoal_ui_utils.applyEffect)(color, effect)})`])
 		};
 	}
-	return (0, __charcoal_ui_utils.mapObject)(targetColors, (name, color) => [name, colorsForAllEffects(name, color)]);
+	return (0, _charcoal_ui_utils.mapObject)(targetColors, (name, color) => [name, colorsForAllEffects(name, color)]);
 }
 
 //#endregion
 //#region src/colors/pluginTokenV1.ts
 function defineCssVariablesV1(themeMap) {
-	return (0, __charcoal_ui_utils.mapObject)(themeMap, (key, theme) => {
+	return (0, _charcoal_ui_utils.mapObject)(themeMap, (key, theme) => {
 		if (key.startsWith("@media")) return [key, { ":root": defineColorVariableCSS(theme) }];
 		else return [key, defineColorVariableCSS(theme)];
 	});
 }
 const defineColorVariableCSS = (theme) => {
-	const borders = (0, __charcoal_ui_utils.mapObject)(theme.border, (name, { color }) => [withPrefixes("border", name), color]);
+	const borders = (0, _charcoal_ui_utils.mapObject)(theme.border, (name, { color }) => [withPrefixes("border", name), color]);
 	return defineThemeVariables({
 		...theme.color,
 		...borders
@@ -196,12 +197,12 @@ const isPresent = (value) => value != null;
 */
 function defineThemeVariables(colorParams, effectParams) {
 	return function toCssObject(props) {
-		const colors = (0, __charcoal_ui_utils.filterObject)(colorParams, isPresent);
+		const colors = (0, _charcoal_ui_utils.filterObject)(colorParams, isPresent);
 		const effects = Object.entries({
 			...props.theme.effect,
 			...effectParams
 		});
-		return (0, __charcoal_ui_utils.flatMapObject)(colors, (colorKey, color) => [[(0, __charcoal_ui_utils.customPropertyToken)(colorKey), color], ...effects.map(([effectKey, effect]) => [(0, __charcoal_ui_utils.customPropertyToken)(colorKey, [effectKey]), (0, __charcoal_ui_utils.applyEffect)(color, [effect])])]);
+		return (0, _charcoal_ui_utils.flatMapObject)(colors, (colorKey, color) => [[(0, _charcoal_ui_utils.customPropertyToken)(colorKey), color], ...effects.map(([effectKey, effect]) => [(0, _charcoal_ui_utils.customPropertyToken)(colorKey, [effectKey]), (0, _charcoal_ui_utils.applyEffect)(color, [effect])])]);
 	};
 }
 function withPrefixes(...parts) {
@@ -214,8 +215,8 @@ function withPrefixes(...parts) {
 * --tailwind-* また --charcoal-* を生成する
 * TODO: --tailwindをやめる
 */
-function cssVariableColorPlugin(themeMap, cssVariablesV1) {
-	const { ":root": _defaultTheme,...otherThemes } = themeMap;
+function cssVariableColorPlugin$1(themeMap, cssVariablesV1) {
+	const { ":root": _defaultTheme, ...otherThemes } = themeMap;
 	const definitions = defineCssVariables(otherThemes);
 	return (0, tailwindcss_plugin_js.default)(({ addBase }) => {
 		addBase(definitions);
@@ -223,29 +224,29 @@ function cssVariableColorPlugin(themeMap, cssVariablesV1) {
 	});
 }
 function defineCssVariables(themes) {
-	return (0, __charcoal_ui_utils.mapObject)(themes, (selectorOrMediaQuery, theme) => {
+	return (0, _charcoal_ui_utils.mapObject)(themes, (selectorOrMediaQuery, theme) => {
 		const css = toCssVariables(theme);
 		if (selectorOrMediaQuery.startsWith("@media")) return [selectorOrMediaQuery, { ":root": css }];
 		else return [selectorOrMediaQuery, css];
 	});
 }
 function toCssVariables(theme) {
-	const colors = (0, __charcoal_ui_utils.filterObject)(theme.color, isSingleColor);
+	const colors = (0, _charcoal_ui_utils.filterObject)(theme.color, isSingleColor);
 	const effects = Object.entries(mergeEffect(theme));
-	return (0, __charcoal_ui_utils.flatMapObject)(colors, (name, color) => {
+	return (0, _charcoal_ui_utils.flatMapObject)(colors, (name, color) => {
 		const varName = `${COLOR_PREFIX}${name}`;
-		return [[varName, color], ...effects.map(([type, effect]) => [`${varName}--${type}`, (0, __charcoal_ui_utils.applyEffect)(color, effect)])];
+		return [[varName, color], ...effects.map(([type, effect]) => [`${varName}--${type}`, (0, _charcoal_ui_utils.applyEffect)(color, effect)])];
 	});
 }
 
 //#endregion
 //#region src/gradient/plugin.ts
 const VAR_PREFIX = "--tailwind-gradient-";
-function cssVariableColorPlugin$1(gradients, effects, selectorOrMediaQuery) {
+function cssVariableColorPlugin(gradients, effects, selectorOrMediaQuery) {
 	const utilities = getUtilities(gradients, effects);
-	const classRules = (0, __charcoal_ui_utils.mapObject)(utilities, (name) => [`.bg-${name}`, { backgroundImage: `var(${VAR_PREFIX}${name})` }]);
+	const classRules = (0, _charcoal_ui_utils.mapObject)(utilities, (name) => [`.bg-${name}`, { backgroundImage: `var(${VAR_PREFIX}${name})` }]);
 	return (0, tailwindcss_plugin_js.default)(({ addBase, addUtilities }) => {
-		const css = (0, __charcoal_ui_utils.mapKeys)(utilities, (name) => `${VAR_PREFIX}${name}`);
+		const css = (0, _charcoal_ui_utils.mapKeys)(utilities, (name) => `${VAR_PREFIX}${name}`);
 		if (selectorOrMediaQuery.startsWith("@media")) addBase({ [selectorOrMediaQuery]: { ":root": css } });
 		else addBase({ [selectorOrMediaQuery]: css });
 		addUtilities(classRules, { variants: ["responsive"] });
@@ -260,13 +261,13 @@ const DIRECTIONS = {
 function getUtilities(gradients, effect) {
 	const effects = Object.entries(effect);
 	const directions = Object.entries(DIRECTIONS);
-	return (0, __charcoal_ui_utils.flatMapObject)(gradients, (name, colors) => directions.flatMap(([direction, className]) => {
-		const toLinearGradient = (colors$1) => {
-			const style = (0, __charcoal_ui_utils.gradient)(direction)(colors$1);
+	return (0, _charcoal_ui_utils.flatMapObject)(gradients, (name, colors) => directions.flatMap(([direction, className]) => {
+		const toLinearGradient = (colors) => {
+			const style = (0, _charcoal_ui_utils.gradient)(direction)(colors);
 			if (!("backgroundImage" in style)) throw new Error(`Could not generate linear-gradient() from ${name} ${direction} ${className}`);
 			return style.backgroundImage;
 		};
-		return [[createUtilityName(name, className), toLinearGradient(colors)], ...effects.map(([effectName, effect$1]) => [createUtilityName(name, className, effectName), toLinearGradient((0, __charcoal_ui_utils.applyEffectToGradient)(effect$1)(colors))])];
+		return [[createUtilityName(name, className), toLinearGradient(colors)], ...effects.map(([effectName, effect]) => [createUtilityName(name, className, effectName), toLinearGradient((0, _charcoal_ui_utils.applyEffectToGradient)(effect)(colors))])];
 	}));
 }
 function createUtilityName(gradientName, direction, suffix = "") {
@@ -286,54 +287,53 @@ const leadingCancel = {
 	content: "\"\""
 };
 const typographyStyle = (style) => {
-	const margin = -(0, __charcoal_ui_utils.halfLeading)(style);
+	const margin = -(0, _charcoal_ui_utils.halfLeading)(style);
 	return {
-		"font-size": (0, __charcoal_ui_utils.px)(style.fontSize),
-		"line-height": (0, __charcoal_ui_utils.px)(style.lineHeight),
+		"font-size": (0, _charcoal_ui_utils.px)(style.fontSize),
+		"line-height": (0, _charcoal_ui_utils.px)(style.lineHeight),
 		"&::before": {
 			...leadingCancel,
-			marginTop: (0, __charcoal_ui_utils.px)(margin)
+			marginTop: (0, _charcoal_ui_utils.px)(margin)
 		},
 		"&::after": {
 			...leadingCancel,
-			marginBottom: (0, __charcoal_ui_utils.px)(margin)
+			marginBottom: (0, _charcoal_ui_utils.px)(margin)
 		}
 	};
 };
 const typographyPlugin = (0, tailwindcss_plugin_js.default)(({ addUtilities }) => {
 	addUtilities({
-		...(0, __charcoal_ui_utils.mapObject)(__charcoal_ui_foundation.TYPOGRAPHY_SIZE, (fontSize, style) => [`.typography-${fontSize}`, typographyStyle(style)]),
+		...(0, _charcoal_ui_utils.mapObject)(_charcoal_ui_foundation.TYPOGRAPHY_SIZE, (fontSize, style) => [`.typography-${fontSize}`, typographyStyle(style)]),
 		".preserve-half-leading": {
 			"&::before": { content: "none" },
 			"&::after": { content: "none" }
 		}
 	}, { variants: ["responsive"] });
 });
-var plugin_default = typographyPlugin;
 
 //#endregion
 //#region src/tokenV2.ts
 function unstable_createTailwindConfigTokenV2() {
-	const fontSize = Object.fromEntries(Object.entries(__charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["font-size"]).flatMap(([k, v]) => {
-		if (typeof v === "string") return [[k, [v, { lineHeight: __charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["line-height"][k] }]]];
+	const fontSize = Object.fromEntries(Object.entries(_charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["font-size"]).flatMap(([k, v]) => {
+		if (typeof v === "string") return [[k, [v, { lineHeight: _charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["line-height"][k] }]]];
 		return Object.entries(v).map(([kk, vv]) => {
-			return [[k, kk].join("-"), [vv, { lineHeight: __charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["line-height"][k][kk] }]];
+			return [[k, kk].join("-"), [vv, { lineHeight: _charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["line-height"][k][kk] }]];
 		});
 	}));
-	const spacing = flattenKey(__charcoal_ui_theme_unstable_tokens_css_variables_json.default.space, (key) => !/(gap|padding)/.test(key));
-	const colors = mapDefaultKey(__charcoal_ui_theme_unstable_tokens_css_variables_json.default.color);
+	const spacing = flattenKey(_charcoal_ui_theme_unstable_tokens_css_variables_json.default.space, (key) => !/(gap|padding)/.test(key));
+	const colors = mapDefaultKey(_charcoal_ui_theme_unstable_tokens_css_variables_json.default.color);
 	return {
 		darkMode: "media",
 		theme: {
-			borderWidth: flattenKeyWithoutDefault({ "width-ch": flattenKey(__charcoal_ui_theme_unstable_tokens_css_variables_json.default["border-width"]) }),
-			borderRadius: __charcoal_ui_theme_unstable_tokens_css_variables_json.default.radius,
+			borderWidth: flattenKeyWithoutDefault({ "width-ch": flattenKey(_charcoal_ui_theme_unstable_tokens_css_variables_json.default["border-width"]) }),
+			borderRadius: _charcoal_ui_theme_unstable_tokens_css_variables_json.default.radius,
 			borderColor: flattenKeyWithoutDefault({ ch: flattenKey(colors.border) }),
 			colors,
 			fontSize,
-			fontWeight: flattenKey({ ch: __charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["font-weight"] }),
+			fontWeight: flattenKey({ ch: _charcoal_ui_theme_unstable_tokens_css_variables_json.default.text["font-weight"] }),
 			spacing,
 			gap: spacing,
-			width: __charcoal_ui_theme_unstable_tokens_css_variables_json.default["paragraph-width"]
+			width: _charcoal_ui_theme_unstable_tokens_css_variables_json.default["paragraph-width"]
 		}
 	};
 }
@@ -359,7 +359,7 @@ const transformClassNameV1 = (fileName) => {
 };
 const createIconUtilities = ({ v2 = false }) => {
 	const newUtilities = {};
-	const icons = v2 ? __charcoal_ui_icon_files_v2_datauri.default : __charcoal_ui_icon_files_v1_datauri.default;
+	const icons = v2 ? _charcoal_ui_icon_files_v2_datauri.default : _charcoal_ui_icon_files_v1_datauri.default;
 	for (const [fileName, { uri, isSetCurrentcolor }] of Object.entries(icons)) {
 		const className = v2 ? transformClassNameV2(fileName) : transformClassNameV1(fileName);
 		newUtilities[className] = {
@@ -383,7 +383,7 @@ const charcoalIconsV1 = (0, tailwindcss_plugin_js.default)(({ addUtilities }) =>
 
 //#endregion
 //#region src/index.ts
-function createTailwindConfig({ theme = { ":root": __charcoal_ui_theme.light }, version = "v3", cssVariablesV1 = true, unstableTokenV2 = false, iconsV2: iconsV2$1 = false, iconsV1: iconsV1$1 = false }) {
+function createTailwindConfig({ theme = { ":root": _charcoal_ui_theme.light }, version = "v3", cssVariablesV1 = true, unstableTokenV2 = false, iconsV2 = false, iconsV1 = false }) {
 	assertAllThemeHaveSameKeys(theme);
 	const defaultTheme = theme[":root"];
 	const effects = mergeEffect(defaultTheme);
@@ -392,11 +392,11 @@ function createTailwindConfig({ theme = { ":root": __charcoal_ui_theme.light },
 	return {
 		theme: {
 			screens: {
-				screen1: (0, __charcoal_ui_utils.px)(0),
-				screen2: (0, __charcoal_ui_utils.px)(defaultTheme.breakpoint.screen1),
-				screen3: (0, __charcoal_ui_utils.px)(defaultTheme.breakpoint.screen2),
-				screen4: (0, __charcoal_ui_utils.px)(defaultTheme.breakpoint.screen3),
-				screen5: (0, __charcoal_ui_utils.px)(defaultTheme.breakpoint.screen4)
+				screen1: (0, _charcoal_ui_utils.px)(0),
+				screen2: (0, _charcoal_ui_utils.px)(defaultTheme.breakpoint.screen1),
+				screen3: (0, _charcoal_ui_utils.px)(defaultTheme.breakpoint.screen2),
+				screen4: (0, _charcoal_ui_utils.px)(defaultTheme.breakpoint.screen3),
+				screen5: (0, _charcoal_ui_utils.px)(defaultTheme.breakpoint.screen4)
 			},
 			colors: {
 				black: "#000",
@@ -407,11 +407,11 @@ function createTailwindConfig({ theme = { ":root": __charcoal_ui_theme.light },
 				...colorsV2
 			},
 			borderColor: {
-				...colorsToTailwindConfig(version, (0, __charcoal_ui_utils.mapObject)(defaultTheme.border, (k, v) => [k, v.color]), effects),
+				...colorsToTailwindConfig(version, (0, _charcoal_ui_utils.mapObject)(defaultTheme.border, (k, v) => [k, v.color]), effects),
 				...borderColorV2
 			},
 			spacing: {
-				...(0, __charcoal_ui_utils.mapObject)(__charcoal_ui_foundation.SPACING, (name, pixel) => [name, (0, __charcoal_ui_utils.px)(pixel)]),
+				...(0, _charcoal_ui_utils.mapObject)(_charcoal_ui_foundation.SPACING, (name, pixel) => [name, (0, _charcoal_ui_utils.px)(pixel)]),
 				...spacingV2
 			},
 			width: {
@@ -421,7 +421,7 @@ function createTailwindConfig({ theme = { ":root": __charcoal_ui_theme.light },
 				fit: "fit-content",
 				...Array.from({ length: GRID_COUNT }, (_, i) => i + 1).reduce((styles, i) => ({
 					...styles,
-					[`col-span-${i}`]: (0, __charcoal_ui_utils.px)(__charcoal_ui_foundation.COLUMN_UNIT * i + __charcoal_ui_foundation.GUTTER_UNIT * (i - 1))
+					[`col-span-${i}`]: (0, _charcoal_ui_utils.px)(_charcoal_ui_foundation.COLUMN_UNIT * i + _charcoal_ui_foundation.GUTTER_UNIT * (i - 1))
 				}), {}),
 				...Array.from({ length: GRID_COUNT - 1 }, (_, i) => i + 1).reduce((styles, i) => ({
 					...styles,
@@ -430,11 +430,11 @@ function createTailwindConfig({ theme = { ":root": __charcoal_ui_theme.light },
 				...widthV2
 			},
 			gap: {
-				fixed: (0, __charcoal_ui_utils.px)(__charcoal_ui_foundation.GUTTER_UNIT),
+				fixed: (0, _charcoal_ui_utils.px)(_charcoal_ui_foundation.GUTTER_UNIT),
 				...gapV2
 			},
 			borderRadius: {
-				...(0, __charcoal_ui_utils.mapObject)(__charcoal_ui_foundation.BORDER_RADIUS, (name, value) => [name, (0, __charcoal_ui_utils.px)(value)]),
+				...(0, _charcoal_ui_utils.mapObject)(_charcoal_ui_foundation.BORDER_RADIUS, (name, value) => [name, (0, _charcoal_ui_utils.px)(value)]),
 				...borderRadiusV2
 			},
 			transitionDuration: { [DEFAULT]: "0.2s" },
@@ -447,20 +447,19 @@ function createTailwindConfig({ theme = { ":root": __charcoal_ui_theme.light },
 		...getVariantOption(version),
 		corePlugins: { lineHeight: false },
 		plugins: [
-			plugin_default,
-			cssVariableColorPlugin(theme, Boolean(cssVariablesV1)),
-			...Object.entries(theme).map(([selectorOrMediaQuery, theme$1]) => cssVariableColorPlugin$1(theme$1.gradientColor, mergeEffect(theme$1), selectorOrMediaQuery)),
-			...iconsV2$1 ? [charcoalIconsV2] : [],
-			...iconsV1$1 ? [charcoalIconsV1] : []
+			typographyPlugin,
+			cssVariableColorPlugin$1(theme, Boolean(cssVariablesV1)),
+			...Object.entries(theme).map(([selectorOrMediaQuery, theme]) => cssVariableColorPlugin(theme.gradientColor, mergeEffect(theme), selectorOrMediaQuery)),
+			...iconsV2 ? [charcoalIconsV2] : [],
+			...iconsV1 ? [charcoalIconsV1] : []
 		]
 	};
 }
 const config = createTailwindConfig({});
-var src_default = config;
 
 //#endregion
 exports.config = config;
+exports.default = config;
 exports.createTailwindConfig = createTailwindConfig;
-exports.default = src_default;
 exports.unstable_createTailwindConfigTokenV2 = unstable_createTailwindConfigTokenV2;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["varName: keyof CSSVariables","cssVariableColorPlugin","colors","effect","TYPOGRAPHY_SIZE","light","flattenKeys","mapDefaultKeys","newUtilities: { [key: string]: CSSRuleObject }","iconsV2","iconsV1","charcoalIconsV2: ReturnType<typeof plugin>","charcoalIconsV1: ReturnType<typeof plugin>","light","SPACING","COLUMN_UNIT","GUTTER_UNIT","BORDER_RADIUS","typographyPlugin","theme","cssVariableGradientPlugin","iconsV2","iconsV1","config: Omit<Config, 'content'>"],"sources":["../src/foundation.ts","../src/util.ts","../src/colors/utils.ts","../src/colors/toTailwindConfig.ts","../src/colors/pluginTokenV1.ts","../src/colors/plugin.ts","../src/gradient/plugin.ts","../src/typography/plugin.ts","../src/tokenV2.ts","../src/icons.ts","../src/index.ts"],"sourcesContent":["import { Effect } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\n\nexport const GRID_COUNT = 12\n\nexport function mergeEffect({\n  elementEffect,\n  effect,\n}: Pick<Theme, 'elementEffect' | 'effect'>): MergedEffect {\n  return {\n    ...elementEffect,\n    ...effect,\n    outline: {\n      type: 'opacity',\n      opacity: 0.32,\n    } as Effect,\n  }\n}\n\nexport type MergedEffect = Record<string, Effect>\n","import type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\n/**\n * the key \"default\" or \"DEFAULT\" has special meaning and dropped from class name\n *\n * @see https://tailwindcss.com/docs/upgrading-to-v2#update-default-theme-keys-to-default\n */\nexport function getDefaultKeyName(version: TailwindVersion) {\n  switch (version) {\n    case 'v3':\n    case 'v2': {\n      return 'DEFAULT'\n    }\n\n    case 'v1': {\n      return 'default'\n    }\n  }\n}\n\nexport function getVariantOption(version: TailwindVersion): Partial<Config> {\n  switch (version) {\n    case 'v3': {\n      // v3 以上では variants は variantOrders に改名された\n      // そしてこれは上書きをしたいモチベがない\n      // https://v2.tailwindcss.com/docs/configuration#variant-order\n      return {}\n    }\n\n    case 'v2':\n    case 'v1': {\n      return { variants: {} }\n    }\n  }\n}\n\nfunction setEquals<T>(a: Set<T>, b: Set<T>) {\n  return a.size === b.size && Array.from(a).every((value) => b.has(value))\n}\n\nexport function assertAllThemeHaveSameKeys(themeMap: ThemeMap): void {\n  const defaultTheme = themeMap[':root']\n  const expectedColorKeys = new Set(Object.keys(defaultTheme.color))\n  const expectedEffectKeys = new Set(Object.keys(defaultTheme.effect))\n\n  for (const [name, theme] of Object.entries(themeMap)) {\n    const colorKeys = new Set(Object.keys(theme.color))\n    const effectKeys = new Set(Object.keys(theme.effect))\n\n    if (!setEquals(colorKeys, expectedColorKeys)) {\n      throw new Error(`:root and ${name} does not have same colors.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedColorKeys))}\nGot: ${JSON.stringify(Array.from(colorKeys))}`)\n    }\n\n    if (!setEquals(effectKeys, expectedEffectKeys)) {\n      throw new Error(`:root and ${name} does not have same effects.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedEffectKeys))}\nGot: ${JSON.stringify(Array.from(effectKeys))}`)\n    }\n  }\n}\n\nexport function camelToKebab(value: string) {\n  return value\n    .replace(/(?<small>[\\da-z]|(?=[A-Z]))(?<capital>[A-Z])/gu, '$1-$2')\n    .toLowerCase()\n}\n\nexport const mapDefaultKey = <O extends object>(o: O) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return JSON.parse(JSON.stringify(o), function reviver(k: string, v: string) {\n    if (k === 'default') {\n      const DefaultKey = getDefaultKeyName('v3')\n      this[DefaultKey] = v\n      return undefined\n    }\n    return v\n  })\n}\n\nexport const flattenKey = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        return [(join?.(key) ?? true) ? [key, kk].join('-') : kk, vv]\n      })\n    }),\n  )\n}\n\n/**\n * `DEFAULT` はkey名に結合しない\n */\nexport const flattenKeyWithoutDefault = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        const isDefaultKey = kk === 'DEFAULT' || kk === 'default'\n        const outputKey = isDefaultKey\n          ? key\n          : (join?.(key) ?? true)\n            ? [key, kk].join('-')\n            : kk\n        return [outputKey, vv]\n      })\n    }),\n  )\n}\n","import { GradientMaterial, Material } from '@charcoal-ui/foundation'\n\nexport const COLOR_PREFIX = '--tailwind-color-'\n\nexport function isSingleColor(color: AnyColor): color is Material {\n  return typeof color === 'string'\n}\n\ntype AnyColor = Material | GradientMaterial\n\nexport type AnyColorTheme = Record<string, AnyColor>\n","import { Material } from '@charcoal-ui/foundation'\nimport { applyEffect, filterObject, mapObject } from '@charcoal-ui/utils'\nimport type { Config } from 'tailwindcss'\nimport { MergedEffect } from '../foundation'\n\nimport { TailwindVersion } from '../types'\nimport { getDefaultKeyName } from '../util'\n\nimport { AnyColorTheme, COLOR_PREFIX, isSingleColor } from './utils'\n\nexport function colorsToTailwindConfig(\n  version: TailwindVersion,\n  colors: AnyColorTheme,\n  effects: MergedEffect,\n): NonNullable<Config['theme']>['colors'] {\n  const targetColors = filterObject(colors, isSingleColor)\n  const DEFAULT = getDefaultKeyName(version)\n\n  /**\n   * こういう感じのを吐き出す\n   *\n   * ```js\n   * {\n   *   DEFAULT: 'var(--tailwind-color-hoge1, #fff)',\n   *   hover: 'var(--tailwind-color-hoge1--hover, #eee)',\n   *   press: 'var(--tailwind-color-hoge1--press, #ddd)',\n   *   disabled: 'var(--tailwind-color-hoge1--disabled, #eee)',\n   * }\n   * ```\n   */\n  function colorsForAllEffects(name: string, color: Material) {\n    const varName = `${COLOR_PREFIX}${name}`\n\n    return {\n      [DEFAULT]: `var(${varName}, ${color})`,\n\n      ...mapObject(effects, (effectName, effect) => [\n        effectName,\n        `var(${varName}--${effectName}, ${applyEffect(color, effect)})`,\n      ]),\n    }\n  }\n\n  return mapObject(targetColors, (name, color) => [\n    name,\n    colorsForAllEffects(name, color),\n  ])\n}\n","import {\n  applyEffect,\n  customPropertyToken,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { ThemeMap } from '../types'\nimport {\n  CharcoalAbstractTheme,\n  EffectType,\n  Key,\n  CharcoalTheme as Theme,\n} from '@charcoal-ui/theme'\n\nexport function defineCssVariablesV1(themeMap: ThemeMap) {\n  // @ts-expect-error FIXME\n  return mapObject(themeMap, (key, theme) => {\n    if (key.startsWith('@media')) {\n      return [\n        key,\n        {\n          ':root': defineColorVariableCSS(theme),\n        },\n      ]\n    } else {\n      return [key, defineColorVariableCSS(theme)]\n    }\n  })\n}\n\nexport const defineColorVariableCSS = (theme: Theme) => {\n  const borders = mapObject(theme.border, (name, { color }) => [\n    // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n    withPrefixes('border', name),\n    color,\n  ])\n\n  const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n  return colors\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n *   ${defineThemeVariables({ text1: '#ff0000' })}\n *   // `text1` is now defined as red\n *   ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n  colorParams: Partial<CharcoalAbstractTheme['color']>,\n  effectParams?: Partial<CharcoalAbstractTheme['effect']>,\n) {\n  return function toCssObject(props: {\n    theme: Pick<CharcoalAbstractTheme, 'effect'>\n  }) {\n    const colors = filterObject(colorParams, isPresent)\n\n    // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n    const effects = Object.entries({\n      ...props.theme.effect,\n      ...effectParams,\n    })\n\n    return flatMapObject(colors, (colorKey, color) => [\n      [customPropertyToken(colorKey), color],\n\n      ...effects.map<[string, string]>(([effectKey, effect]) => [\n        customPropertyToken(colorKey, [effectKey]),\n        applyEffect(color, [effect]),\n      ]),\n    ])\n  }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n  return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function withPrefixes(...parts: string[]) {\n  return parts.join('-')\n}\n","import { Material } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\nimport {\n  applyEffect,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport plugin from 'tailwindcss/plugin.js'\nimport { mergeEffect } from '../foundation'\nimport { CSSVariableName, CSSVariables, Definition, ThemeMap } from '../types'\nimport { COLOR_PREFIX, isSingleColor } from './utils'\nimport { defineCssVariablesV1 } from './pluginTokenV1'\n\n/**\n * --tailwind-* また --charcoal-* を生成する\n * TODO: --tailwindをやめる\n */\nexport default function cssVariableColorPlugin(\n  themeMap: ThemeMap,\n  cssVariablesV1: boolean,\n): ReturnType<typeof plugin> {\n  // `:root` 以外のケースで各 CSS Variable がどういう値を取るかを定義する\n  const { ':root': _defaultTheme, ...otherThemes } = themeMap\n  const definitions = defineCssVariables(otherThemes)\n\n  return plugin(({ addBase }) => {\n    addBase(definitions)\n\n    // styledのTokenInjector移植(background処理除く)\n    if (cssVariablesV1) {\n      const cssVariablesV1 = defineCssVariablesV1(themeMap)\n      // @ts-expect-error FIXME\n      addBase(cssVariablesV1)\n    }\n  })\n}\n\nexport function defineCssVariables(themes: Omit<ThemeMap, ':root'>) {\n  return mapObject(themes, (selectorOrMediaQuery, theme) => {\n    const css = toCssVariables(theme)\n\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      return [\n        selectorOrMediaQuery,\n        {\n          ':root': css,\n        },\n      ]\n    } else {\n      return [selectorOrMediaQuery, css]\n    }\n  }) as Definition\n}\n\nfunction toCssVariables(theme: Theme): CSSVariables {\n  const colors = filterObject(theme.color, isSingleColor)\n  const effects = Object.entries(mergeEffect(theme))\n\n  return flatMapObject(colors, (name, color) => {\n    const varName: keyof CSSVariables = `${COLOR_PREFIX}${name}`\n\n    return [\n      [varName, color],\n\n      ...effects.map<[CSSVariableName, Material]>(([type, effect]) => [\n        `${varName}--${type}`,\n        applyEffect(color, effect),\n      ]),\n    ]\n  })\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { camelToKebab } from '../util'\nimport { GradientMaterial } from '@charcoal-ui/foundation'\nimport { ThemeColorGradient } from '@charcoal-ui/theme'\nimport {\n  applyEffectToGradient,\n  flatMapObject,\n  gradient,\n  GradientDirection,\n  mapKeys,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { Values } from '../types'\nimport { MergedEffect } from '../foundation'\n\nconst VAR_PREFIX = '--tailwind-gradient-'\n\nexport default function cssVariableColorPlugin(\n  gradients: ThemeColorGradient,\n  effects: MergedEffect,\n  selectorOrMediaQuery: string,\n) {\n  const utilities = getUtilities(gradients, effects)\n\n  const classRules = mapObject(utilities, (name) => [\n    `.bg-${name}`,\n    { backgroundImage: `var(${VAR_PREFIX}${name})` },\n  ])\n\n  return plugin(({ addBase, addUtilities }) => {\n    const css = mapKeys(utilities, (name) => `${VAR_PREFIX}${name}`)\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      addBase({\n        [selectorOrMediaQuery]: {\n          ':root': css,\n        },\n      })\n    } else {\n      addBase({\n        [selectorOrMediaQuery]: css,\n      })\n    }\n\n    addUtilities(classRules, {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    })\n  })\n}\n\nconst DIRECTIONS = {\n  'to top': 'top',\n  'to bottom': 'bottom',\n  'to left': 'left',\n  'to right': 'right',\n} as const\n\n/**\n * こういう感じのやつ。この時点では `--tailwind-gradient-` のような CSS 変数名になってない\n *\n * ```js\n * {\n *   'hoge1': 'linear-gradient(to top, ...)',\n *   ...\n * }\n * ```\n */\ntype Utilities = Record<string, LinearGradient>\n\ntype LinearGradient = `linear-gradient(${string})`\n\nexport function getUtilities(\n  gradients: Record<string, GradientMaterial>,\n  effect: MergedEffect,\n): Utilities {\n  const effects = Object.entries(effect)\n  const directions = Object.entries(DIRECTIONS) as [\n    GradientDirection,\n    Values<typeof DIRECTIONS>,\n  ][]\n\n  return flatMapObject(gradients, (name, colors) =>\n    directions.flatMap(([direction, className]) => {\n      const toLinearGradient = (colors: GradientMaterial) => {\n        const style = gradient(direction)(colors)\n\n        if (!('backgroundImage' in style)) {\n          throw new Error(\n            `Could not generate linear-gradient() from ${name} ${direction} ${className}`,\n          )\n        }\n\n        // 本当は backgroundColor も同時に生成されるんだけど、使うにはそれ用の CSS 変数も一緒に作らないといけない\n        // とりあえず background-image だけで動くのでこっちだけを利用する\n        return style.backgroundImage as LinearGradient\n      }\n\n      return [\n        // こういう感じのやつ\n        // { 'hoge1': 'linear-gradient(to top, ...)' }\n        [createUtilityName(name, className), toLinearGradient(colors)],\n\n        // こういう感じのやつ\n        // { 'hoge1--hover': 'linear-gradient(to top, ...)' }\n        ...effects.map<[string, LinearGradient]>(([effectName, effect]) => [\n          createUtilityName(name, className, effectName),\n          toLinearGradient(applyEffectToGradient(effect)(colors)),\n        ]),\n      ]\n    }),\n  )\n}\n\nfunction createUtilityName(\n  gradientName: string,\n  direction: Values<typeof DIRECTIONS>,\n  suffix = '',\n) {\n  return [camelToKebab(gradientName), direction, suffix]\n    .filter(Boolean)\n    .join('-')\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { TypographyDescriptor, TYPOGRAPHY_SIZE } from '@charcoal-ui/foundation'\nimport { halfLeading, mapObject, px } from '@charcoal-ui/utils'\n\nconst leadingCancel = {\n  display: 'block',\n  width: 0,\n  height: 0,\n  content: '\"\"',\n}\n\nconst typographyStyle = (style: TypographyDescriptor) => {\n  const margin = -halfLeading(style)\n\n  return {\n    'font-size': px(style.fontSize),\n    'line-height': px(style.lineHeight),\n\n    /**\n     * cancel leading\n     *\n     * @see https://yuyakinoshita.com/blog/2020/01/20/line-height-crop/\n     */\n    '&::before': {\n      ...leadingCancel,\n      marginTop: px(margin),\n    },\n    '&::after': {\n      ...leadingCancel,\n      marginBottom: px(margin),\n    },\n  }\n}\n\nconst typographyPlugin = plugin(({ addUtilities }) => {\n  const typographyClasses = mapObject(TYPOGRAPHY_SIZE, (fontSize, style) => [\n    `.typography-${fontSize}`,\n    typographyStyle(style),\n  ])\n\n  addUtilities(\n    {\n      ...typographyClasses,\n      '.preserve-half-leading': {\n        '&::before': {\n          content: 'none',\n        },\n        '&::after': {\n          content: 'none',\n        },\n      },\n    },\n    {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    },\n  )\n})\n\nexport default typographyPlugin\n","import light from '@charcoal-ui/theme/unstable-tokens/css-variables.json' with { type: 'json' }\nimport type { Config } from 'tailwindcss'\nimport {\n  flattenKey as flattenKeys,\n  flattenKeyWithoutDefault,\n  mapDefaultKey as mapDefaultKeys,\n} from './util'\n\nexport function unstable_createTailwindConfigTokenV2(): Omit<\n  Config,\n  'content'\n> {\n  const fontSize = Object.fromEntries(\n    Object.entries(light.text['font-size']).flatMap(([k, v]) => {\n      // text.fontSize.paragraph + text.lineHeight.paragraph -> text-paragraph\n      if (typeof v === 'string') {\n        return [\n          [\n            k,\n            [\n              v,\n              // @ts-expect-error k is keyof line-height\n              { lineHeight: light.text['line-height'][k] },\n            ],\n          ],\n        ]\n      }\n\n      // text.fontSize.heading.s + text.lineHeight.heading.s -> text-heading-s\n      return Object.entries(v as Record<string, string>).map(([kk, vv]) => {\n        return [\n          [k, kk].join('-'),\n          [\n            vv,\n            // @ts-expect-error k is keyof line-height\n            { lineHeight: light.text['line-height'][k][kk] },\n          ],\n        ]\n      })\n    }),\n  ) as NonNullable<Config['theme']>['fontSize']\n\n  // space.target.s -> p-target-s\n  // space.gap.gapButtons -> p-gap-buttons\n  const spacing = flattenKeys(light.space, (key) => !/(gap|padding)/.test(key))\n  // color.container.default -> bg-container\n  // color.container.hover -> bg-container-hover\n  const colors = mapDefaultKeys(light.color)\n\n  const config: Omit<Config, 'content'> = {\n    darkMode: 'media',\n    theme: {\n      // borderWidth.m -> border-m\n      // borderWidth.focus.1 -> border-focus-1\n      borderWidth: flattenKeyWithoutDefault({\n        'width-ch': flattenKeys(light['border-width']), // unstable border width token\n      }),\n      borderRadius: light.radius,\n      borderColor: flattenKeyWithoutDefault({ ch: flattenKeys(colors.border) }),\n\n      colors,\n\n      fontSize,\n      fontWeight: flattenKeys({ ch: light.text['font-weight'] }),\n\n      spacing,\n      gap: spacing,\n      width: light['paragraph-width'],\n    },\n  }\n\n  return config\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport iconsV2 from '@charcoal-ui/icon-files/v2/datauri'\nimport iconsV1 from '@charcoal-ui/icon-files/v1/datauri'\nimport { CSSRuleObject } from 'tailwindcss/types/config'\n\nconst transformClassNameV2 = (fileName: string) => {\n  const [size, variant, name] = fileName.split('/')\n  return [\n    '.icon-v2',\n    name.replaceAll('.', '-'),\n    ...(variant === 'regular' ? [] : [variant]),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nconst transformClassNameV1 = (fileName: string) => {\n  const [size, name] = fileName.split('/')\n  return [\n    '.icon-v1',\n    name.replaceAll('.', '-'),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nexport const createIconUtilities = ({\n  v2 = false,\n}: {\n  v2?: boolean\n}): {\n  [key: string]: CSSRuleObject\n} => {\n  const newUtilities: { [key: string]: CSSRuleObject } = {}\n  const icons = v2 ? iconsV2 : iconsV1\n  for (const [fileName, { uri, isSetCurrentcolor }] of Object.entries(icons)) {\n    const className = v2\n      ? transformClassNameV2(fileName)\n      : transformClassNameV1(fileName)\n\n    newUtilities[className] = {\n      display: 'inline-block',\n      width: '1em',\n      height: '1em',\n      maskImage: `url(${uri})`,\n      maskSize: '100% 100%',\n      background: isSetCurrentcolor ? 'currentColor' : null,\n      aspectRatio: '1/1',\n    }\n  }\n  return newUtilities\n}\n\nexport const charcoalIconsV2: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: true }))\n  },\n)\n\nexport const charcoalIconsV1: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: false }))\n  },\n)\n","import { GRID_COUNT, mergeEffect } from './foundation'\n\nimport type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\nimport {\n  assertAllThemeHaveSameKeys,\n  getDefaultKeyName,\n  getVariantOption,\n} from './util'\nimport {\n  COLUMN_UNIT,\n  GUTTER_UNIT,\n  SPACING,\n  BORDER_RADIUS,\n} from '@charcoal-ui/foundation'\nimport { light } from '@charcoal-ui/theme'\nimport { mapObject, px } from '@charcoal-ui/utils'\nimport { colorsToTailwindConfig } from './colors/toTailwindConfig'\n\nimport cssVariableColorPlugin from './colors/plugin'\nimport cssVariableGradientPlugin from './gradient/plugin'\nimport typographyPlugin from './typography/plugin'\nimport { unstable_createTailwindConfigTokenV2 } from './tokenV2'\nimport { charcoalIconsV1, charcoalIconsV2 } from './icons'\nexport { unstable_createTailwindConfigTokenV2 }\n\ninterface Options {\n  version?: TailwindVersion\n  theme?: ThemeMap\n  cssVariablesV1?: boolean\n  unstableTokenV2?: boolean\n  iconsV2?: boolean\n  iconsV1?: boolean\n}\n\nexport function createTailwindConfig({\n  theme = { ':root': light },\n  version = 'v3',\n  cssVariablesV1 = true,\n  unstableTokenV2 = false,\n  iconsV2 = false,\n  iconsV1 = false,\n}: Options): Omit<Config, 'content'> {\n  assertAllThemeHaveSameKeys(theme)\n\n  const defaultTheme = theme[':root']\n  const effects = mergeEffect(defaultTheme)\n  const DEFAULT = getDefaultKeyName(version)\n\n  const {\n    borderWidth: borderWidthV2,\n    borderRadius: borderRadiusV2,\n    borderColor: borderColorV2,\n    colors: colorsV2,\n    fontSize: fontSizeV2,\n    fontWeight: fontWeightV2,\n    spacing: spacingV2,\n    gap: gapV2,\n    width: widthV2,\n  }: Partial<NonNullable<Config['theme']>> = unstableTokenV2\n    ? unstable_createTailwindConfigTokenV2().theme\n    : {}\n\n  return {\n    theme: {\n      screens: {\n        screen1: px(0),\n        screen2: px(defaultTheme.breakpoint.screen1),\n        screen3: px(defaultTheme.breakpoint.screen2),\n        screen4: px(defaultTheme.breakpoint.screen3),\n        screen5: px(defaultTheme.breakpoint.screen4),\n      },\n      colors: {\n        // @deprecated\n        black: '#000',\n\n        // @deprecated\n        white: '#fff',\n\n        transparent: 'transparent',\n        current: 'currentColor',\n        ...colorsToTailwindConfig(version, defaultTheme.color, effects),\n        ...colorsV2,\n      },\n      borderColor: {\n        ...colorsToTailwindConfig(\n          version,\n          mapObject(defaultTheme.border, (k, v) => [k, v.color]),\n          effects,\n        ),\n        ...borderColorV2,\n      },\n      spacing: {\n        ...mapObject(\n          SPACING,\n          (name, pixel) => [name, px(pixel)] as [string, string],\n        ),\n        ...spacingV2,\n      },\n      width: {\n        full: '100%',\n        screen: '100vw',\n        auto: 'auto',\n        fit: 'fit-content',\n\n        /**\n         * generates classes like \"w-col-span-1\"\n         */\n        ...Array.from({ length: GRID_COUNT }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`col-span-${i}`]: px(COLUMN_UNIT * i + GUTTER_UNIT * (i - 1)),\n          }),\n          {},\n        ),\n\n        /**\n         * generates classes like \"w-1/12\" (except for 12/12, which just equals to w-full)\n         */\n        ...Array.from({ length: GRID_COUNT - 1 }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`${i}/${GRID_COUNT}`]: `${(i / GRID_COUNT) * 100}%`,\n          }),\n          {},\n        ),\n        ...widthV2,\n      },\n      gap: {\n        fixed: px(GUTTER_UNIT),\n        ...gapV2,\n      },\n      borderRadius: {\n        ...mapObject(\n          BORDER_RADIUS,\n          (name, value) => [name, px(value)] as [string, string],\n        ),\n        ...borderRadiusV2,\n      },\n      transitionDuration: {\n        [DEFAULT]: '0.2s',\n      },\n      ...(unstableTokenV2\n        ? {\n            extend: {\n              borderWidth: borderWidthV2,\n              fontWeight: fontWeightV2,\n              fontSize: fontSizeV2,\n            },\n          }\n        : {}),\n    },\n\n    ...getVariantOption(version),\n\n    corePlugins: {\n      lineHeight: false,\n    },\n    plugins: [\n      typographyPlugin,\n      cssVariableColorPlugin(theme, Boolean(cssVariablesV1)),\n\n      ...Object.entries(theme).map(([selectorOrMediaQuery, theme]) =>\n        cssVariableGradientPlugin(\n          theme.gradientColor,\n          mergeEffect(theme),\n          selectorOrMediaQuery,\n        ),\n      ),\n      ...(iconsV2 ? [charcoalIconsV2] : []),\n      ...(iconsV1 ? [charcoalIconsV1] : []),\n    ],\n  }\n}\n\nexport const config: Omit<Config, 'content'> = createTailwindConfig({})\n\nexport default config\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["cssVariableColorPlugin","TYPOGRAPHY_SIZE","light","flattenKeys","mapDefaultKeys","iconsV2","iconsV1","light","SPACING","COLUMN_UNIT","GUTTER_UNIT","BORDER_RADIUS","cssVariableColorPlugin","cssVariableGradientPlugin"],"sources":["../src/foundation.ts","../src/util.ts","../src/colors/utils.ts","../src/colors/toTailwindConfig.ts","../src/colors/pluginTokenV1.ts","../src/colors/plugin.ts","../src/gradient/plugin.ts","../src/typography/plugin.ts","../src/tokenV2.ts","../src/icons.ts","../src/index.ts"],"sourcesContent":["import { Effect } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\n\nexport const GRID_COUNT = 12\n\nexport function mergeEffect({\n  elementEffect,\n  effect,\n}: Pick<Theme, 'elementEffect' | 'effect'>): MergedEffect {\n  return {\n    ...elementEffect,\n    ...effect,\n    outline: {\n      type: 'opacity',\n      opacity: 0.32,\n    } as Effect,\n  }\n}\n\nexport type MergedEffect = Record<string, Effect>\n","import type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\n/**\n * the key \"default\" or \"DEFAULT\" has special meaning and dropped from class name\n *\n * @see https://tailwindcss.com/docs/upgrading-to-v2#update-default-theme-keys-to-default\n */\nexport function getDefaultKeyName(version: TailwindVersion) {\n  switch (version) {\n    case 'v3':\n    case 'v2': {\n      return 'DEFAULT'\n    }\n\n    case 'v1': {\n      return 'default'\n    }\n  }\n}\n\nexport function getVariantOption(version: TailwindVersion): Partial<Config> {\n  switch (version) {\n    case 'v3': {\n      // v3 以上では variants は variantOrders に改名された\n      // そしてこれは上書きをしたいモチベがない\n      // https://v2.tailwindcss.com/docs/configuration#variant-order\n      return {}\n    }\n\n    case 'v2':\n    case 'v1': {\n      return { variants: {} }\n    }\n  }\n}\n\nfunction setEquals<T>(a: Set<T>, b: Set<T>) {\n  return a.size === b.size && Array.from(a).every((value) => b.has(value))\n}\n\nexport function assertAllThemeHaveSameKeys(themeMap: ThemeMap): void {\n  const defaultTheme = themeMap[':root']\n  const expectedColorKeys = new Set(Object.keys(defaultTheme.color))\n  const expectedEffectKeys = new Set(Object.keys(defaultTheme.effect))\n\n  for (const [name, theme] of Object.entries(themeMap)) {\n    const colorKeys = new Set(Object.keys(theme.color))\n    const effectKeys = new Set(Object.keys(theme.effect))\n\n    if (!setEquals(colorKeys, expectedColorKeys)) {\n      throw new Error(`:root and ${name} does not have same colors.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedColorKeys))}\nGot: ${JSON.stringify(Array.from(colorKeys))}`)\n    }\n\n    if (!setEquals(effectKeys, expectedEffectKeys)) {\n      throw new Error(`:root and ${name} does not have same effects.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedEffectKeys))}\nGot: ${JSON.stringify(Array.from(effectKeys))}`)\n    }\n  }\n}\n\nexport function camelToKebab(value: string) {\n  return value\n    .replace(/(?<small>[\\da-z]|(?=[A-Z]))(?<capital>[A-Z])/gu, '$1-$2')\n    .toLowerCase()\n}\n\nexport const mapDefaultKey = <O extends object>(o: O) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return JSON.parse(JSON.stringify(o), function reviver(k: string, v: string) {\n    if (k === 'default') {\n      const DefaultKey = getDefaultKeyName('v3')\n      this[DefaultKey] = v\n      return undefined\n    }\n    return v\n  })\n}\n\nexport const flattenKey = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        return [(join?.(key) ?? true) ? [key, kk].join('-') : kk, vv]\n      })\n    }),\n  )\n}\n\n/**\n * `DEFAULT` はkey名に結合しない\n */\nexport const flattenKeyWithoutDefault = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        const isDefaultKey = kk === 'DEFAULT' || kk === 'default'\n        const outputKey = isDefaultKey\n          ? key\n          : (join?.(key) ?? true)\n            ? [key, kk].join('-')\n            : kk\n        return [outputKey, vv]\n      })\n    }),\n  )\n}\n","import { GradientMaterial, Material } from '@charcoal-ui/foundation'\n\nexport const COLOR_PREFIX = '--tailwind-color-'\n\nexport function isSingleColor(color: AnyColor): color is Material {\n  return typeof color === 'string'\n}\n\ntype AnyColor = Material | GradientMaterial\n\nexport type AnyColorTheme = Record<string, AnyColor>\n","import { Material } from '@charcoal-ui/foundation'\nimport { applyEffect, filterObject, mapObject } from '@charcoal-ui/utils'\nimport type { Config } from 'tailwindcss'\nimport { MergedEffect } from '../foundation'\n\nimport { TailwindVersion } from '../types'\nimport { getDefaultKeyName } from '../util'\n\nimport { AnyColorTheme, COLOR_PREFIX, isSingleColor } from './utils'\n\nexport function colorsToTailwindConfig(\n  version: TailwindVersion,\n  colors: AnyColorTheme,\n  effects: MergedEffect,\n): NonNullable<Config['theme']>['colors'] {\n  const targetColors = filterObject(colors, isSingleColor)\n  const DEFAULT = getDefaultKeyName(version)\n\n  /**\n   * こういう感じのを吐き出す\n   *\n   * ```js\n   * {\n   *   DEFAULT: 'var(--tailwind-color-hoge1, #fff)',\n   *   hover: 'var(--tailwind-color-hoge1--hover, #eee)',\n   *   press: 'var(--tailwind-color-hoge1--press, #ddd)',\n   *   disabled: 'var(--tailwind-color-hoge1--disabled, #eee)',\n   * }\n   * ```\n   */\n  function colorsForAllEffects(name: string, color: Material) {\n    const varName = `${COLOR_PREFIX}${name}`\n\n    return {\n      [DEFAULT]: `var(${varName}, ${color})`,\n\n      ...mapObject(effects, (effectName, effect) => [\n        effectName,\n        `var(${varName}--${effectName}, ${applyEffect(color, effect)})`,\n      ]),\n    }\n  }\n\n  return mapObject(targetColors, (name, color) => [\n    name,\n    colorsForAllEffects(name, color),\n  ])\n}\n","import {\n  applyEffect,\n  customPropertyToken,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { ThemeMap } from '../types'\nimport {\n  CharcoalAbstractTheme,\n  EffectType,\n  Key,\n  CharcoalTheme as Theme,\n} from '@charcoal-ui/theme'\n\nexport function defineCssVariablesV1(themeMap: ThemeMap) {\n  // @ts-expect-error FIXME\n  return mapObject(themeMap, (key, theme) => {\n    if (key.startsWith('@media')) {\n      return [\n        key,\n        {\n          ':root': defineColorVariableCSS(theme),\n        },\n      ]\n    } else {\n      return [key, defineColorVariableCSS(theme)]\n    }\n  })\n}\n\nexport const defineColorVariableCSS = (theme: Theme) => {\n  const borders = mapObject(theme.border, (name, { color }) => [\n    // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n    withPrefixes('border', name),\n    color,\n  ])\n\n  const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n  return colors\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n *   ${defineThemeVariables({ text1: '#ff0000' })}\n *   // `text1` is now defined as red\n *   ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n  colorParams: Partial<CharcoalAbstractTheme['color']>,\n  effectParams?: Partial<CharcoalAbstractTheme['effect']>,\n) {\n  return function toCssObject(props: {\n    theme: Pick<CharcoalAbstractTheme, 'effect'>\n  }) {\n    const colors = filterObject(colorParams, isPresent)\n\n    // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n    const effects = Object.entries({\n      ...props.theme.effect,\n      ...effectParams,\n    })\n\n    return flatMapObject(colors, (colorKey, color) => [\n      [customPropertyToken(colorKey), color],\n\n      ...effects.map<[string, string]>(([effectKey, effect]) => [\n        customPropertyToken(colorKey, [effectKey]),\n        applyEffect(color, [effect]),\n      ]),\n    ])\n  }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n  return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function withPrefixes(...parts: string[]) {\n  return parts.join('-')\n}\n","import { Material } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\nimport {\n  applyEffect,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport plugin from 'tailwindcss/plugin.js'\nimport { mergeEffect } from '../foundation'\nimport { CSSVariableName, CSSVariables, Definition, ThemeMap } from '../types'\nimport { COLOR_PREFIX, isSingleColor } from './utils'\nimport { defineCssVariablesV1 } from './pluginTokenV1'\n\n/**\n * --tailwind-* また --charcoal-* を生成する\n * TODO: --tailwindをやめる\n */\nexport default function cssVariableColorPlugin(\n  themeMap: ThemeMap,\n  cssVariablesV1: boolean,\n): ReturnType<typeof plugin> {\n  // `:root` 以外のケースで各 CSS Variable がどういう値を取るかを定義する\n  const { ':root': _defaultTheme, ...otherThemes } = themeMap\n  const definitions = defineCssVariables(otherThemes)\n\n  return plugin(({ addBase }) => {\n    addBase(definitions)\n\n    // styledのTokenInjector移植(background処理除く)\n    if (cssVariablesV1) {\n      const cssVariablesV1 = defineCssVariablesV1(themeMap)\n      // @ts-expect-error FIXME\n      addBase(cssVariablesV1)\n    }\n  })\n}\n\nexport function defineCssVariables(themes: Omit<ThemeMap, ':root'>) {\n  return mapObject(themes, (selectorOrMediaQuery, theme) => {\n    const css = toCssVariables(theme)\n\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      return [\n        selectorOrMediaQuery,\n        {\n          ':root': css,\n        },\n      ]\n    } else {\n      return [selectorOrMediaQuery, css]\n    }\n  }) as Definition\n}\n\nfunction toCssVariables(theme: Theme): CSSVariables {\n  const colors = filterObject(theme.color, isSingleColor)\n  const effects = Object.entries(mergeEffect(theme))\n\n  return flatMapObject(colors, (name, color) => {\n    const varName: keyof CSSVariables = `${COLOR_PREFIX}${name}`\n\n    return [\n      [varName, color],\n\n      ...effects.map<[CSSVariableName, Material]>(([type, effect]) => [\n        `${varName}--${type}`,\n        applyEffect(color, effect),\n      ]),\n    ]\n  })\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { camelToKebab } from '../util'\nimport { GradientMaterial } from '@charcoal-ui/foundation'\nimport { ThemeColorGradient } from '@charcoal-ui/theme'\nimport {\n  applyEffectToGradient,\n  flatMapObject,\n  gradient,\n  GradientDirection,\n  mapKeys,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { Values } from '../types'\nimport { MergedEffect } from '../foundation'\n\nconst VAR_PREFIX = '--tailwind-gradient-'\n\nexport default function cssVariableColorPlugin(\n  gradients: ThemeColorGradient,\n  effects: MergedEffect,\n  selectorOrMediaQuery: string,\n) {\n  const utilities = getUtilities(gradients, effects)\n\n  const classRules = mapObject(utilities, (name) => [\n    `.bg-${name}`,\n    { backgroundImage: `var(${VAR_PREFIX}${name})` },\n  ])\n\n  return plugin(({ addBase, addUtilities }) => {\n    const css = mapKeys(utilities, (name) => `${VAR_PREFIX}${name}`)\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      addBase({\n        [selectorOrMediaQuery]: {\n          ':root': css,\n        },\n      })\n    } else {\n      addBase({\n        [selectorOrMediaQuery]: css,\n      })\n    }\n\n    addUtilities(classRules, {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    })\n  })\n}\n\nconst DIRECTIONS = {\n  'to top': 'top',\n  'to bottom': 'bottom',\n  'to left': 'left',\n  'to right': 'right',\n} as const\n\n/**\n * こういう感じのやつ。この時点では `--tailwind-gradient-` のような CSS 変数名になってない\n *\n * ```js\n * {\n *   'hoge1': 'linear-gradient(to top, ...)',\n *   ...\n * }\n * ```\n */\ntype Utilities = Record<string, LinearGradient>\n\ntype LinearGradient = `linear-gradient(${string})`\n\nexport function getUtilities(\n  gradients: Record<string, GradientMaterial>,\n  effect: MergedEffect,\n): Utilities {\n  const effects = Object.entries(effect)\n  const directions = Object.entries(DIRECTIONS) as [\n    GradientDirection,\n    Values<typeof DIRECTIONS>,\n  ][]\n\n  return flatMapObject(gradients, (name, colors) =>\n    directions.flatMap(([direction, className]) => {\n      const toLinearGradient = (colors: GradientMaterial) => {\n        const style = gradient(direction)(colors)\n\n        if (!('backgroundImage' in style)) {\n          throw new Error(\n            `Could not generate linear-gradient() from ${name} ${direction} ${className}`,\n          )\n        }\n\n        // 本当は backgroundColor も同時に生成されるんだけど、使うにはそれ用の CSS 変数も一緒に作らないといけない\n        // とりあえず background-image だけで動くのでこっちだけを利用する\n        return style.backgroundImage as LinearGradient\n      }\n\n      return [\n        // こういう感じのやつ\n        // { 'hoge1': 'linear-gradient(to top, ...)' }\n        [createUtilityName(name, className), toLinearGradient(colors)],\n\n        // こういう感じのやつ\n        // { 'hoge1--hover': 'linear-gradient(to top, ...)' }\n        ...effects.map<[string, LinearGradient]>(([effectName, effect]) => [\n          createUtilityName(name, className, effectName),\n          toLinearGradient(applyEffectToGradient(effect)(colors)),\n        ]),\n      ]\n    }),\n  )\n}\n\nfunction createUtilityName(\n  gradientName: string,\n  direction: Values<typeof DIRECTIONS>,\n  suffix = '',\n) {\n  return [camelToKebab(gradientName), direction, suffix]\n    .filter(Boolean)\n    .join('-')\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { TypographyDescriptor, TYPOGRAPHY_SIZE } from '@charcoal-ui/foundation'\nimport { halfLeading, mapObject, px } from '@charcoal-ui/utils'\n\nconst leadingCancel = {\n  display: 'block',\n  width: 0,\n  height: 0,\n  content: '\"\"',\n}\n\nconst typographyStyle = (style: TypographyDescriptor) => {\n  const margin = -halfLeading(style)\n\n  return {\n    'font-size': px(style.fontSize),\n    'line-height': px(style.lineHeight),\n\n    /**\n     * cancel leading\n     *\n     * @see https://yuyakinoshita.com/blog/2020/01/20/line-height-crop/\n     */\n    '&::before': {\n      ...leadingCancel,\n      marginTop: px(margin),\n    },\n    '&::after': {\n      ...leadingCancel,\n      marginBottom: px(margin),\n    },\n  }\n}\n\nconst typographyPlugin = plugin(({ addUtilities }) => {\n  const typographyClasses = mapObject(TYPOGRAPHY_SIZE, (fontSize, style) => [\n    `.typography-${fontSize}`,\n    typographyStyle(style),\n  ])\n\n  addUtilities(\n    {\n      ...typographyClasses,\n      '.preserve-half-leading': {\n        '&::before': {\n          content: 'none',\n        },\n        '&::after': {\n          content: 'none',\n        },\n      },\n    },\n    {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    },\n  )\n})\n\nexport default typographyPlugin\n","import light from '@charcoal-ui/theme/unstable-tokens/css-variables.json' with { type: 'json' }\nimport type { Config } from 'tailwindcss'\nimport {\n  flattenKey as flattenKeys,\n  flattenKeyWithoutDefault,\n  mapDefaultKey as mapDefaultKeys,\n} from './util'\n\nexport function unstable_createTailwindConfigTokenV2(): Omit<\n  Config,\n  'content'\n> {\n  const fontSize = Object.fromEntries(\n    Object.entries(light.text['font-size']).flatMap(([k, v]) => {\n      // text.fontSize.paragraph + text.lineHeight.paragraph -> text-paragraph\n      if (typeof v === 'string') {\n        return [\n          [\n            k,\n            [\n              v,\n              // @ts-expect-error k is keyof line-height\n              { lineHeight: light.text['line-height'][k] },\n            ],\n          ],\n        ]\n      }\n\n      // text.fontSize.heading.s + text.lineHeight.heading.s -> text-heading-s\n      return Object.entries(v as Record<string, string>).map(([kk, vv]) => {\n        return [\n          [k, kk].join('-'),\n          [\n            vv,\n            // @ts-expect-error k is keyof line-height\n            { lineHeight: light.text['line-height'][k][kk] },\n          ],\n        ]\n      })\n    }),\n  ) as NonNullable<Config['theme']>['fontSize']\n\n  // space.target.s -> p-target-s\n  // space.gap.gapButtons -> p-gap-buttons\n  const spacing = flattenKeys(light.space, (key) => !/(gap|padding)/.test(key))\n  // color.container.default -> bg-container\n  // color.container.hover -> bg-container-hover\n  const colors = mapDefaultKeys(light.color)\n\n  const config: Omit<Config, 'content'> = {\n    darkMode: 'media',\n    theme: {\n      // borderWidth.m -> border-m\n      // borderWidth.focus.1 -> border-focus-1\n      borderWidth: flattenKeyWithoutDefault({\n        'width-ch': flattenKeys(light['border-width']), // unstable border width token\n      }),\n      borderRadius: light.radius,\n      borderColor: flattenKeyWithoutDefault({ ch: flattenKeys(colors.border) }),\n\n      colors,\n\n      fontSize,\n      fontWeight: flattenKeys({ ch: light.text['font-weight'] }),\n\n      spacing,\n      gap: spacing,\n      width: light['paragraph-width'],\n    },\n  }\n\n  return config\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport iconsV2 from '@charcoal-ui/icon-files/v2/datauri'\nimport iconsV1 from '@charcoal-ui/icon-files/v1/datauri'\nimport { CSSRuleObject } from 'tailwindcss/types/config'\n\nconst transformClassNameV2 = (fileName: string) => {\n  const [size, variant, name] = fileName.split('/')\n  return [\n    '.icon-v2',\n    name.replaceAll('.', '-'),\n    ...(variant === 'regular' ? [] : [variant]),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nconst transformClassNameV1 = (fileName: string) => {\n  const [size, name] = fileName.split('/')\n  return [\n    '.icon-v1',\n    name.replaceAll('.', '-'),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nexport const createIconUtilities = ({\n  v2 = false,\n}: {\n  v2?: boolean\n}): {\n  [key: string]: CSSRuleObject\n} => {\n  const newUtilities: { [key: string]: CSSRuleObject } = {}\n  const icons = v2 ? iconsV2 : iconsV1\n  for (const [fileName, { uri, isSetCurrentcolor }] of Object.entries(icons)) {\n    const className = v2\n      ? transformClassNameV2(fileName)\n      : transformClassNameV1(fileName)\n\n    newUtilities[className] = {\n      display: 'inline-block',\n      width: '1em',\n      height: '1em',\n      maskImage: `url(${uri})`,\n      maskSize: '100% 100%',\n      background: isSetCurrentcolor ? 'currentColor' : null,\n      aspectRatio: '1/1',\n    }\n  }\n  return newUtilities\n}\n\nexport const charcoalIconsV2: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: true }))\n  },\n)\n\nexport const charcoalIconsV1: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: false }))\n  },\n)\n","import { GRID_COUNT, mergeEffect } from './foundation'\n\nimport type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\nimport {\n  assertAllThemeHaveSameKeys,\n  getDefaultKeyName,\n  getVariantOption,\n} from './util'\nimport {\n  COLUMN_UNIT,\n  GUTTER_UNIT,\n  SPACING,\n  BORDER_RADIUS,\n} from '@charcoal-ui/foundation'\nimport { light } from '@charcoal-ui/theme'\nimport { mapObject, px } from '@charcoal-ui/utils'\nimport { colorsToTailwindConfig } from './colors/toTailwindConfig'\n\nimport cssVariableColorPlugin from './colors/plugin'\nimport cssVariableGradientPlugin from './gradient/plugin'\nimport typographyPlugin from './typography/plugin'\nimport { unstable_createTailwindConfigTokenV2 } from './tokenV2'\nimport { charcoalIconsV1, charcoalIconsV2 } from './icons'\nexport { unstable_createTailwindConfigTokenV2 }\n\ninterface Options {\n  version?: TailwindVersion\n  theme?: ThemeMap\n  cssVariablesV1?: boolean\n  unstableTokenV2?: boolean\n  iconsV2?: boolean\n  iconsV1?: boolean\n}\n\nexport function createTailwindConfig({\n  theme = { ':root': light },\n  version = 'v3',\n  cssVariablesV1 = true,\n  unstableTokenV2 = false,\n  iconsV2 = false,\n  iconsV1 = false,\n}: Options): Omit<Config, 'content'> {\n  assertAllThemeHaveSameKeys(theme)\n\n  const defaultTheme = theme[':root']\n  const effects = mergeEffect(defaultTheme)\n  const DEFAULT = getDefaultKeyName(version)\n\n  const {\n    borderWidth: borderWidthV2,\n    borderRadius: borderRadiusV2,\n    borderColor: borderColorV2,\n    colors: colorsV2,\n    fontSize: fontSizeV2,\n    fontWeight: fontWeightV2,\n    spacing: spacingV2,\n    gap: gapV2,\n    width: widthV2,\n  }: Partial<NonNullable<Config['theme']>> = unstableTokenV2\n    ? unstable_createTailwindConfigTokenV2().theme\n    : {}\n\n  return {\n    theme: {\n      screens: {\n        screen1: px(0),\n        screen2: px(defaultTheme.breakpoint.screen1),\n        screen3: px(defaultTheme.breakpoint.screen2),\n        screen4: px(defaultTheme.breakpoint.screen3),\n        screen5: px(defaultTheme.breakpoint.screen4),\n      },\n      colors: {\n        // @deprecated\n        black: '#000',\n\n        // @deprecated\n        white: '#fff',\n\n        transparent: 'transparent',\n        current: 'currentColor',\n        ...colorsToTailwindConfig(version, defaultTheme.color, effects),\n        ...colorsV2,\n      },\n      borderColor: {\n        ...colorsToTailwindConfig(\n          version,\n          mapObject(defaultTheme.border, (k, v) => [k, v.color]),\n          effects,\n        ),\n        ...borderColorV2,\n      },\n      spacing: {\n        ...mapObject(\n          SPACING,\n          (name, pixel) => [name, px(pixel)] as [string, string],\n        ),\n        ...spacingV2,\n      },\n      width: {\n        full: '100%',\n        screen: '100vw',\n        auto: 'auto',\n        fit: 'fit-content',\n\n        /**\n         * generates classes like \"w-col-span-1\"\n         */\n        ...Array.from({ length: GRID_COUNT }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`col-span-${i}`]: px(COLUMN_UNIT * i + GUTTER_UNIT * (i - 1)),\n          }),\n          {},\n        ),\n\n        /**\n         * generates classes like \"w-1/12\" (except for 12/12, which just equals to w-full)\n         */\n        ...Array.from({ length: GRID_COUNT - 1 }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`${i}/${GRID_COUNT}`]: `${(i / GRID_COUNT) * 100}%`,\n          }),\n          {},\n        ),\n        ...widthV2,\n      },\n      gap: {\n        fixed: px(GUTTER_UNIT),\n        ...gapV2,\n      },\n      borderRadius: {\n        ...mapObject(\n          BORDER_RADIUS,\n          (name, value) => [name, px(value)] as [string, string],\n        ),\n        ...borderRadiusV2,\n      },\n      transitionDuration: {\n        [DEFAULT]: '0.2s',\n      },\n      ...(unstableTokenV2\n        ? {\n            extend: {\n              borderWidth: borderWidthV2,\n              fontWeight: fontWeightV2,\n              fontSize: fontSizeV2,\n            },\n          }\n        : {}),\n    },\n\n    ...getVariantOption(version),\n\n    corePlugins: {\n      lineHeight: false,\n    },\n    plugins: [\n      typographyPlugin,\n      cssVariableColorPlugin(theme, Boolean(cssVariablesV1)),\n\n      ...Object.entries(theme).map(([selectorOrMediaQuery, theme]) =>\n        cssVariableGradientPlugin(\n          theme.gradientColor,\n          mergeEffect(theme),\n          selectorOrMediaQuery,\n        ),\n      ),\n      ...(iconsV2 ? [charcoalIconsV2] : []),\n      ...(iconsV1 ? [charcoalIconsV1] : []),\n    ],\n  }\n}\n\nexport const config: Omit<Config, 'content'> = createTailwindConfig({})\n\nexport default config\n"],"mappings":"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"}

package/dist/index.mjs

@@ -183,8 +183,8 @@ function withPrefixes(...parts) {
 * --tailwind-* また --charcoal-* を生成する
 * TODO: --tailwindをやめる
 */
-function cssVariableColorPlugin(themeMap, cssVariablesV1) {
-	const { ":root": _defaultTheme,...otherThemes } = themeMap;
+function cssVariableColorPlugin$1(themeMap, cssVariablesV1) {
+	const { ":root": _defaultTheme, ...otherThemes } = themeMap;
 	const definitions = defineCssVariables(otherThemes);
 	return plugin(({ addBase }) => {
 		addBase(definitions);
@@ -210,7 +210,7 @@ function toCssVariables(theme) {
 //#endregion
 //#region src/gradient/plugin.ts
 const VAR_PREFIX = "--tailwind-gradient-";
-function cssVariableColorPlugin$1(gradients, effects, selectorOrMediaQuery) {
+function cssVariableColorPlugin(gradients, effects, selectorOrMediaQuery) {
 	const utilities = getUtilities(gradients, effects);
 	const classRules = mapObject(utilities, (name) => [`.bg-${name}`, { backgroundImage: `var(${VAR_PREFIX}${name})` }]);
 	return plugin(({ addBase, addUtilities }) => {
@@ -230,12 +230,12 @@ function getUtilities(gradients, effect) {
 	const effects = Object.entries(effect);
 	const directions = Object.entries(DIRECTIONS);
 	return flatMapObject(gradients, (name, colors) => directions.flatMap(([direction, className]) => {
-		const toLinearGradient = (colors$1) => {
-			const style = gradient(direction)(colors$1);
+		const toLinearGradient = (colors) => {
+			const style = gradient(direction)(colors);
 			if (!("backgroundImage" in style)) throw new Error(`Could not generate linear-gradient() from ${name} ${direction} ${className}`);
 			return style.backgroundImage;
 		};
-		return [[createUtilityName(name, className), toLinearGradient(colors)], ...effects.map(([effectName, effect$1]) => [createUtilityName(name, className, effectName), toLinearGradient(applyEffectToGradient(effect$1)(colors))])];
+		return [[createUtilityName(name, className), toLinearGradient(colors)], ...effects.map(([effectName, effect]) => [createUtilityName(name, className, effectName), toLinearGradient(applyEffectToGradient(effect)(colors))])];
 	}));
 }
 function createUtilityName(gradientName, direction, suffix = "") {
@@ -278,7 +278,6 @@ const typographyPlugin = plugin(({ addUtilities }) => {
 		}
 	}, { variants: ["responsive"] });
 });
-var plugin_default = typographyPlugin;
 
 //#endregion
 //#region src/tokenV2.ts
@@ -352,7 +351,7 @@ const charcoalIconsV1 = plugin(({ addUtilities }) => {
 
 //#endregion
 //#region src/index.ts
-function createTailwindConfig({ theme = { ":root": light }, version = "v3", cssVariablesV1 = true, unstableTokenV2 = false, iconsV2: iconsV2$1 = false, iconsV1: iconsV1$1 = false }) {
+function createTailwindConfig({ theme = { ":root": light }, version = "v3", cssVariablesV1 = true, unstableTokenV2 = false, iconsV2 = false, iconsV1 = false }) {
 	assertAllThemeHaveSameKeys(theme);
 	const defaultTheme = theme[":root"];
 	const effects = mergeEffect(defaultTheme);
@@ -416,17 +415,16 @@ function createTailwindConfig({ theme = { ":root": light }, version = "v3", cssV
 		...getVariantOption(version),
 		corePlugins: { lineHeight: false },
 		plugins: [
-			plugin_default,
-			cssVariableColorPlugin(theme, Boolean(cssVariablesV1)),
-			...Object.entries(theme).map(([selectorOrMediaQuery, theme$1]) => cssVariableColorPlugin$1(theme$1.gradientColor, mergeEffect(theme$1), selectorOrMediaQuery)),
-			...iconsV2$1 ? [charcoalIconsV2] : [],
-			...iconsV1$1 ? [charcoalIconsV1] : []
+			typographyPlugin,
+			cssVariableColorPlugin$1(theme, Boolean(cssVariablesV1)),
+			...Object.entries(theme).map(([selectorOrMediaQuery, theme]) => cssVariableColorPlugin(theme.gradientColor, mergeEffect(theme), selectorOrMediaQuery)),
+			...iconsV2 ? [charcoalIconsV2] : [],
+			...iconsV1 ? [charcoalIconsV1] : []
 		]
 	};
 }
 const config = createTailwindConfig({});
-var src_default = config;
 
 //#endregion
-export { config, createTailwindConfig, src_default as default, unstable_createTailwindConfigTokenV2 };
+export { config, config as default, createTailwindConfig, unstable_createTailwindConfigTokenV2 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["varName: keyof CSSVariables","cssVariableColorPlugin","colors","effect","light","flattenKeys","mapDefaultKeys","newUtilities: { [key: string]: CSSRuleObject }","charcoalIconsV2: ReturnType<typeof plugin>","charcoalIconsV1: ReturnType<typeof plugin>","typographyPlugin","theme","cssVariableGradientPlugin","iconsV2","iconsV1","config: Omit<Config, 'content'>"],"sources":["../src/foundation.ts","../src/util.ts","../src/colors/utils.ts","../src/colors/toTailwindConfig.ts","../src/colors/pluginTokenV1.ts","../src/colors/plugin.ts","../src/gradient/plugin.ts","../src/typography/plugin.ts","../src/tokenV2.ts","../src/icons.ts","../src/index.ts"],"sourcesContent":["import { Effect } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\n\nexport const GRID_COUNT = 12\n\nexport function mergeEffect({\n  elementEffect,\n  effect,\n}: Pick<Theme, 'elementEffect' | 'effect'>): MergedEffect {\n  return {\n    ...elementEffect,\n    ...effect,\n    outline: {\n      type: 'opacity',\n      opacity: 0.32,\n    } as Effect,\n  }\n}\n\nexport type MergedEffect = Record<string, Effect>\n","import type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\n/**\n * the key \"default\" or \"DEFAULT\" has special meaning and dropped from class name\n *\n * @see https://tailwindcss.com/docs/upgrading-to-v2#update-default-theme-keys-to-default\n */\nexport function getDefaultKeyName(version: TailwindVersion) {\n  switch (version) {\n    case 'v3':\n    case 'v2': {\n      return 'DEFAULT'\n    }\n\n    case 'v1': {\n      return 'default'\n    }\n  }\n}\n\nexport function getVariantOption(version: TailwindVersion): Partial<Config> {\n  switch (version) {\n    case 'v3': {\n      // v3 以上では variants は variantOrders に改名された\n      // そしてこれは上書きをしたいモチベがない\n      // https://v2.tailwindcss.com/docs/configuration#variant-order\n      return {}\n    }\n\n    case 'v2':\n    case 'v1': {\n      return { variants: {} }\n    }\n  }\n}\n\nfunction setEquals<T>(a: Set<T>, b: Set<T>) {\n  return a.size === b.size && Array.from(a).every((value) => b.has(value))\n}\n\nexport function assertAllThemeHaveSameKeys(themeMap: ThemeMap): void {\n  const defaultTheme = themeMap[':root']\n  const expectedColorKeys = new Set(Object.keys(defaultTheme.color))\n  const expectedEffectKeys = new Set(Object.keys(defaultTheme.effect))\n\n  for (const [name, theme] of Object.entries(themeMap)) {\n    const colorKeys = new Set(Object.keys(theme.color))\n    const effectKeys = new Set(Object.keys(theme.effect))\n\n    if (!setEquals(colorKeys, expectedColorKeys)) {\n      throw new Error(`:root and ${name} does not have same colors.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedColorKeys))}\nGot: ${JSON.stringify(Array.from(colorKeys))}`)\n    }\n\n    if (!setEquals(effectKeys, expectedEffectKeys)) {\n      throw new Error(`:root and ${name} does not have same effects.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedEffectKeys))}\nGot: ${JSON.stringify(Array.from(effectKeys))}`)\n    }\n  }\n}\n\nexport function camelToKebab(value: string) {\n  return value\n    .replace(/(?<small>[\\da-z]|(?=[A-Z]))(?<capital>[A-Z])/gu, '$1-$2')\n    .toLowerCase()\n}\n\nexport const mapDefaultKey = <O extends object>(o: O) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return JSON.parse(JSON.stringify(o), function reviver(k: string, v: string) {\n    if (k === 'default') {\n      const DefaultKey = getDefaultKeyName('v3')\n      this[DefaultKey] = v\n      return undefined\n    }\n    return v\n  })\n}\n\nexport const flattenKey = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        return [(join?.(key) ?? true) ? [key, kk].join('-') : kk, vv]\n      })\n    }),\n  )\n}\n\n/**\n * `DEFAULT` はkey名に結合しない\n */\nexport const flattenKeyWithoutDefault = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        const isDefaultKey = kk === 'DEFAULT' || kk === 'default'\n        const outputKey = isDefaultKey\n          ? key\n          : (join?.(key) ?? true)\n            ? [key, kk].join('-')\n            : kk\n        return [outputKey, vv]\n      })\n    }),\n  )\n}\n","import { GradientMaterial, Material } from '@charcoal-ui/foundation'\n\nexport const COLOR_PREFIX = '--tailwind-color-'\n\nexport function isSingleColor(color: AnyColor): color is Material {\n  return typeof color === 'string'\n}\n\ntype AnyColor = Material | GradientMaterial\n\nexport type AnyColorTheme = Record<string, AnyColor>\n","import { Material } from '@charcoal-ui/foundation'\nimport { applyEffect, filterObject, mapObject } from '@charcoal-ui/utils'\nimport type { Config } from 'tailwindcss'\nimport { MergedEffect } from '../foundation'\n\nimport { TailwindVersion } from '../types'\nimport { getDefaultKeyName } from '../util'\n\nimport { AnyColorTheme, COLOR_PREFIX, isSingleColor } from './utils'\n\nexport function colorsToTailwindConfig(\n  version: TailwindVersion,\n  colors: AnyColorTheme,\n  effects: MergedEffect,\n): NonNullable<Config['theme']>['colors'] {\n  const targetColors = filterObject(colors, isSingleColor)\n  const DEFAULT = getDefaultKeyName(version)\n\n  /**\n   * こういう感じのを吐き出す\n   *\n   * ```js\n   * {\n   *   DEFAULT: 'var(--tailwind-color-hoge1, #fff)',\n   *   hover: 'var(--tailwind-color-hoge1--hover, #eee)',\n   *   press: 'var(--tailwind-color-hoge1--press, #ddd)',\n   *   disabled: 'var(--tailwind-color-hoge1--disabled, #eee)',\n   * }\n   * ```\n   */\n  function colorsForAllEffects(name: string, color: Material) {\n    const varName = `${COLOR_PREFIX}${name}`\n\n    return {\n      [DEFAULT]: `var(${varName}, ${color})`,\n\n      ...mapObject(effects, (effectName, effect) => [\n        effectName,\n        `var(${varName}--${effectName}, ${applyEffect(color, effect)})`,\n      ]),\n    }\n  }\n\n  return mapObject(targetColors, (name, color) => [\n    name,\n    colorsForAllEffects(name, color),\n  ])\n}\n","import {\n  applyEffect,\n  customPropertyToken,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { ThemeMap } from '../types'\nimport {\n  CharcoalAbstractTheme,\n  EffectType,\n  Key,\n  CharcoalTheme as Theme,\n} from '@charcoal-ui/theme'\n\nexport function defineCssVariablesV1(themeMap: ThemeMap) {\n  // @ts-expect-error FIXME\n  return mapObject(themeMap, (key, theme) => {\n    if (key.startsWith('@media')) {\n      return [\n        key,\n        {\n          ':root': defineColorVariableCSS(theme),\n        },\n      ]\n    } else {\n      return [key, defineColorVariableCSS(theme)]\n    }\n  })\n}\n\nexport const defineColorVariableCSS = (theme: Theme) => {\n  const borders = mapObject(theme.border, (name, { color }) => [\n    // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n    withPrefixes('border', name),\n    color,\n  ])\n\n  const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n  return colors\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n *   ${defineThemeVariables({ text1: '#ff0000' })}\n *   // `text1` is now defined as red\n *   ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n  colorParams: Partial<CharcoalAbstractTheme['color']>,\n  effectParams?: Partial<CharcoalAbstractTheme['effect']>,\n) {\n  return function toCssObject(props: {\n    theme: Pick<CharcoalAbstractTheme, 'effect'>\n  }) {\n    const colors = filterObject(colorParams, isPresent)\n\n    // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n    const effects = Object.entries({\n      ...props.theme.effect,\n      ...effectParams,\n    })\n\n    return flatMapObject(colors, (colorKey, color) => [\n      [customPropertyToken(colorKey), color],\n\n      ...effects.map<[string, string]>(([effectKey, effect]) => [\n        customPropertyToken(colorKey, [effectKey]),\n        applyEffect(color, [effect]),\n      ]),\n    ])\n  }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n  return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function withPrefixes(...parts: string[]) {\n  return parts.join('-')\n}\n","import { Material } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\nimport {\n  applyEffect,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport plugin from 'tailwindcss/plugin.js'\nimport { mergeEffect } from '../foundation'\nimport { CSSVariableName, CSSVariables, Definition, ThemeMap } from '../types'\nimport { COLOR_PREFIX, isSingleColor } from './utils'\nimport { defineCssVariablesV1 } from './pluginTokenV1'\n\n/**\n * --tailwind-* また --charcoal-* を生成する\n * TODO: --tailwindをやめる\n */\nexport default function cssVariableColorPlugin(\n  themeMap: ThemeMap,\n  cssVariablesV1: boolean,\n): ReturnType<typeof plugin> {\n  // `:root` 以外のケースで各 CSS Variable がどういう値を取るかを定義する\n  const { ':root': _defaultTheme, ...otherThemes } = themeMap\n  const definitions = defineCssVariables(otherThemes)\n\n  return plugin(({ addBase }) => {\n    addBase(definitions)\n\n    // styledのTokenInjector移植(background処理除く)\n    if (cssVariablesV1) {\n      const cssVariablesV1 = defineCssVariablesV1(themeMap)\n      // @ts-expect-error FIXME\n      addBase(cssVariablesV1)\n    }\n  })\n}\n\nexport function defineCssVariables(themes: Omit<ThemeMap, ':root'>) {\n  return mapObject(themes, (selectorOrMediaQuery, theme) => {\n    const css = toCssVariables(theme)\n\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      return [\n        selectorOrMediaQuery,\n        {\n          ':root': css,\n        },\n      ]\n    } else {\n      return [selectorOrMediaQuery, css]\n    }\n  }) as Definition\n}\n\nfunction toCssVariables(theme: Theme): CSSVariables {\n  const colors = filterObject(theme.color, isSingleColor)\n  const effects = Object.entries(mergeEffect(theme))\n\n  return flatMapObject(colors, (name, color) => {\n    const varName: keyof CSSVariables = `${COLOR_PREFIX}${name}`\n\n    return [\n      [varName, color],\n\n      ...effects.map<[CSSVariableName, Material]>(([type, effect]) => [\n        `${varName}--${type}`,\n        applyEffect(color, effect),\n      ]),\n    ]\n  })\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { camelToKebab } from '../util'\nimport { GradientMaterial } from '@charcoal-ui/foundation'\nimport { ThemeColorGradient } from '@charcoal-ui/theme'\nimport {\n  applyEffectToGradient,\n  flatMapObject,\n  gradient,\n  GradientDirection,\n  mapKeys,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { Values } from '../types'\nimport { MergedEffect } from '../foundation'\n\nconst VAR_PREFIX = '--tailwind-gradient-'\n\nexport default function cssVariableColorPlugin(\n  gradients: ThemeColorGradient,\n  effects: MergedEffect,\n  selectorOrMediaQuery: string,\n) {\n  const utilities = getUtilities(gradients, effects)\n\n  const classRules = mapObject(utilities, (name) => [\n    `.bg-${name}`,\n    { backgroundImage: `var(${VAR_PREFIX}${name})` },\n  ])\n\n  return plugin(({ addBase, addUtilities }) => {\n    const css = mapKeys(utilities, (name) => `${VAR_PREFIX}${name}`)\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      addBase({\n        [selectorOrMediaQuery]: {\n          ':root': css,\n        },\n      })\n    } else {\n      addBase({\n        [selectorOrMediaQuery]: css,\n      })\n    }\n\n    addUtilities(classRules, {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    })\n  })\n}\n\nconst DIRECTIONS = {\n  'to top': 'top',\n  'to bottom': 'bottom',\n  'to left': 'left',\n  'to right': 'right',\n} as const\n\n/**\n * こういう感じのやつ。この時点では `--tailwind-gradient-` のような CSS 変数名になってない\n *\n * ```js\n * {\n *   'hoge1': 'linear-gradient(to top, ...)',\n *   ...\n * }\n * ```\n */\ntype Utilities = Record<string, LinearGradient>\n\ntype LinearGradient = `linear-gradient(${string})`\n\nexport function getUtilities(\n  gradients: Record<string, GradientMaterial>,\n  effect: MergedEffect,\n): Utilities {\n  const effects = Object.entries(effect)\n  const directions = Object.entries(DIRECTIONS) as [\n    GradientDirection,\n    Values<typeof DIRECTIONS>,\n  ][]\n\n  return flatMapObject(gradients, (name, colors) =>\n    directions.flatMap(([direction, className]) => {\n      const toLinearGradient = (colors: GradientMaterial) => {\n        const style = gradient(direction)(colors)\n\n        if (!('backgroundImage' in style)) {\n          throw new Error(\n            `Could not generate linear-gradient() from ${name} ${direction} ${className}`,\n          )\n        }\n\n        // 本当は backgroundColor も同時に生成されるんだけど、使うにはそれ用の CSS 変数も一緒に作らないといけない\n        // とりあえず background-image だけで動くのでこっちだけを利用する\n        return style.backgroundImage as LinearGradient\n      }\n\n      return [\n        // こういう感じのやつ\n        // { 'hoge1': 'linear-gradient(to top, ...)' }\n        [createUtilityName(name, className), toLinearGradient(colors)],\n\n        // こういう感じのやつ\n        // { 'hoge1--hover': 'linear-gradient(to top, ...)' }\n        ...effects.map<[string, LinearGradient]>(([effectName, effect]) => [\n          createUtilityName(name, className, effectName),\n          toLinearGradient(applyEffectToGradient(effect)(colors)),\n        ]),\n      ]\n    }),\n  )\n}\n\nfunction createUtilityName(\n  gradientName: string,\n  direction: Values<typeof DIRECTIONS>,\n  suffix = '',\n) {\n  return [camelToKebab(gradientName), direction, suffix]\n    .filter(Boolean)\n    .join('-')\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { TypographyDescriptor, TYPOGRAPHY_SIZE } from '@charcoal-ui/foundation'\nimport { halfLeading, mapObject, px } from '@charcoal-ui/utils'\n\nconst leadingCancel = {\n  display: 'block',\n  width: 0,\n  height: 0,\n  content: '\"\"',\n}\n\nconst typographyStyle = (style: TypographyDescriptor) => {\n  const margin = -halfLeading(style)\n\n  return {\n    'font-size': px(style.fontSize),\n    'line-height': px(style.lineHeight),\n\n    /**\n     * cancel leading\n     *\n     * @see https://yuyakinoshita.com/blog/2020/01/20/line-height-crop/\n     */\n    '&::before': {\n      ...leadingCancel,\n      marginTop: px(margin),\n    },\n    '&::after': {\n      ...leadingCancel,\n      marginBottom: px(margin),\n    },\n  }\n}\n\nconst typographyPlugin = plugin(({ addUtilities }) => {\n  const typographyClasses = mapObject(TYPOGRAPHY_SIZE, (fontSize, style) => [\n    `.typography-${fontSize}`,\n    typographyStyle(style),\n  ])\n\n  addUtilities(\n    {\n      ...typographyClasses,\n      '.preserve-half-leading': {\n        '&::before': {\n          content: 'none',\n        },\n        '&::after': {\n          content: 'none',\n        },\n      },\n    },\n    {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    },\n  )\n})\n\nexport default typographyPlugin\n","import light from '@charcoal-ui/theme/unstable-tokens/css-variables.json' with { type: 'json' }\nimport type { Config } from 'tailwindcss'\nimport {\n  flattenKey as flattenKeys,\n  flattenKeyWithoutDefault,\n  mapDefaultKey as mapDefaultKeys,\n} from './util'\n\nexport function unstable_createTailwindConfigTokenV2(): Omit<\n  Config,\n  'content'\n> {\n  const fontSize = Object.fromEntries(\n    Object.entries(light.text['font-size']).flatMap(([k, v]) => {\n      // text.fontSize.paragraph + text.lineHeight.paragraph -> text-paragraph\n      if (typeof v === 'string') {\n        return [\n          [\n            k,\n            [\n              v,\n              // @ts-expect-error k is keyof line-height\n              { lineHeight: light.text['line-height'][k] },\n            ],\n          ],\n        ]\n      }\n\n      // text.fontSize.heading.s + text.lineHeight.heading.s -> text-heading-s\n      return Object.entries(v as Record<string, string>).map(([kk, vv]) => {\n        return [\n          [k, kk].join('-'),\n          [\n            vv,\n            // @ts-expect-error k is keyof line-height\n            { lineHeight: light.text['line-height'][k][kk] },\n          ],\n        ]\n      })\n    }),\n  ) as NonNullable<Config['theme']>['fontSize']\n\n  // space.target.s -> p-target-s\n  // space.gap.gapButtons -> p-gap-buttons\n  const spacing = flattenKeys(light.space, (key) => !/(gap|padding)/.test(key))\n  // color.container.default -> bg-container\n  // color.container.hover -> bg-container-hover\n  const colors = mapDefaultKeys(light.color)\n\n  const config: Omit<Config, 'content'> = {\n    darkMode: 'media',\n    theme: {\n      // borderWidth.m -> border-m\n      // borderWidth.focus.1 -> border-focus-1\n      borderWidth: flattenKeyWithoutDefault({\n        'width-ch': flattenKeys(light['border-width']), // unstable border width token\n      }),\n      borderRadius: light.radius,\n      borderColor: flattenKeyWithoutDefault({ ch: flattenKeys(colors.border) }),\n\n      colors,\n\n      fontSize,\n      fontWeight: flattenKeys({ ch: light.text['font-weight'] }),\n\n      spacing,\n      gap: spacing,\n      width: light['paragraph-width'],\n    },\n  }\n\n  return config\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport iconsV2 from '@charcoal-ui/icon-files/v2/datauri'\nimport iconsV1 from '@charcoal-ui/icon-files/v1/datauri'\nimport { CSSRuleObject } from 'tailwindcss/types/config'\n\nconst transformClassNameV2 = (fileName: string) => {\n  const [size, variant, name] = fileName.split('/')\n  return [\n    '.icon-v2',\n    name.replaceAll('.', '-'),\n    ...(variant === 'regular' ? [] : [variant]),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nconst transformClassNameV1 = (fileName: string) => {\n  const [size, name] = fileName.split('/')\n  return [\n    '.icon-v1',\n    name.replaceAll('.', '-'),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nexport const createIconUtilities = ({\n  v2 = false,\n}: {\n  v2?: boolean\n}): {\n  [key: string]: CSSRuleObject\n} => {\n  const newUtilities: { [key: string]: CSSRuleObject } = {}\n  const icons = v2 ? iconsV2 : iconsV1\n  for (const [fileName, { uri, isSetCurrentcolor }] of Object.entries(icons)) {\n    const className = v2\n      ? transformClassNameV2(fileName)\n      : transformClassNameV1(fileName)\n\n    newUtilities[className] = {\n      display: 'inline-block',\n      width: '1em',\n      height: '1em',\n      maskImage: `url(${uri})`,\n      maskSize: '100% 100%',\n      background: isSetCurrentcolor ? 'currentColor' : null,\n      aspectRatio: '1/1',\n    }\n  }\n  return newUtilities\n}\n\nexport const charcoalIconsV2: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: true }))\n  },\n)\n\nexport const charcoalIconsV1: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: false }))\n  },\n)\n","import { GRID_COUNT, mergeEffect } from './foundation'\n\nimport type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\nimport {\n  assertAllThemeHaveSameKeys,\n  getDefaultKeyName,\n  getVariantOption,\n} from './util'\nimport {\n  COLUMN_UNIT,\n  GUTTER_UNIT,\n  SPACING,\n  BORDER_RADIUS,\n} from '@charcoal-ui/foundation'\nimport { light } from '@charcoal-ui/theme'\nimport { mapObject, px } from '@charcoal-ui/utils'\nimport { colorsToTailwindConfig } from './colors/toTailwindConfig'\n\nimport cssVariableColorPlugin from './colors/plugin'\nimport cssVariableGradientPlugin from './gradient/plugin'\nimport typographyPlugin from './typography/plugin'\nimport { unstable_createTailwindConfigTokenV2 } from './tokenV2'\nimport { charcoalIconsV1, charcoalIconsV2 } from './icons'\nexport { unstable_createTailwindConfigTokenV2 }\n\ninterface Options {\n  version?: TailwindVersion\n  theme?: ThemeMap\n  cssVariablesV1?: boolean\n  unstableTokenV2?: boolean\n  iconsV2?: boolean\n  iconsV1?: boolean\n}\n\nexport function createTailwindConfig({\n  theme = { ':root': light },\n  version = 'v3',\n  cssVariablesV1 = true,\n  unstableTokenV2 = false,\n  iconsV2 = false,\n  iconsV1 = false,\n}: Options): Omit<Config, 'content'> {\n  assertAllThemeHaveSameKeys(theme)\n\n  const defaultTheme = theme[':root']\n  const effects = mergeEffect(defaultTheme)\n  const DEFAULT = getDefaultKeyName(version)\n\n  const {\n    borderWidth: borderWidthV2,\n    borderRadius: borderRadiusV2,\n    borderColor: borderColorV2,\n    colors: colorsV2,\n    fontSize: fontSizeV2,\n    fontWeight: fontWeightV2,\n    spacing: spacingV2,\n    gap: gapV2,\n    width: widthV2,\n  }: Partial<NonNullable<Config['theme']>> = unstableTokenV2\n    ? unstable_createTailwindConfigTokenV2().theme\n    : {}\n\n  return {\n    theme: {\n      screens: {\n        screen1: px(0),\n        screen2: px(defaultTheme.breakpoint.screen1),\n        screen3: px(defaultTheme.breakpoint.screen2),\n        screen4: px(defaultTheme.breakpoint.screen3),\n        screen5: px(defaultTheme.breakpoint.screen4),\n      },\n      colors: {\n        // @deprecated\n        black: '#000',\n\n        // @deprecated\n        white: '#fff',\n\n        transparent: 'transparent',\n        current: 'currentColor',\n        ...colorsToTailwindConfig(version, defaultTheme.color, effects),\n        ...colorsV2,\n      },\n      borderColor: {\n        ...colorsToTailwindConfig(\n          version,\n          mapObject(defaultTheme.border, (k, v) => [k, v.color]),\n          effects,\n        ),\n        ...borderColorV2,\n      },\n      spacing: {\n        ...mapObject(\n          SPACING,\n          (name, pixel) => [name, px(pixel)] as [string, string],\n        ),\n        ...spacingV2,\n      },\n      width: {\n        full: '100%',\n        screen: '100vw',\n        auto: 'auto',\n        fit: 'fit-content',\n\n        /**\n         * generates classes like \"w-col-span-1\"\n         */\n        ...Array.from({ length: GRID_COUNT }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`col-span-${i}`]: px(COLUMN_UNIT * i + GUTTER_UNIT * (i - 1)),\n          }),\n          {},\n        ),\n\n        /**\n         * generates classes like \"w-1/12\" (except for 12/12, which just equals to w-full)\n         */\n        ...Array.from({ length: GRID_COUNT - 1 }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`${i}/${GRID_COUNT}`]: `${(i / GRID_COUNT) * 100}%`,\n          }),\n          {},\n        ),\n        ...widthV2,\n      },\n      gap: {\n        fixed: px(GUTTER_UNIT),\n        ...gapV2,\n      },\n      borderRadius: {\n        ...mapObject(\n          BORDER_RADIUS,\n          (name, value) => [name, px(value)] as [string, string],\n        ),\n        ...borderRadiusV2,\n      },\n      transitionDuration: {\n        [DEFAULT]: '0.2s',\n      },\n      ...(unstableTokenV2\n        ? {\n            extend: {\n              borderWidth: borderWidthV2,\n              fontWeight: fontWeightV2,\n              fontSize: fontSizeV2,\n            },\n          }\n        : {}),\n    },\n\n    ...getVariantOption(version),\n\n    corePlugins: {\n      lineHeight: false,\n    },\n    plugins: [\n      typographyPlugin,\n      cssVariableColorPlugin(theme, Boolean(cssVariablesV1)),\n\n      ...Object.entries(theme).map(([selectorOrMediaQuery, theme]) =>\n        cssVariableGradientPlugin(\n          theme.gradientColor,\n          mergeEffect(theme),\n          selectorOrMediaQuery,\n        ),\n      ),\n      ...(iconsV2 ? [charcoalIconsV2] : []),\n      ...(iconsV1 ? [charcoalIconsV1] : []),\n    ],\n  }\n}\n\nexport const config: Omit<Config, 'content'> = createTailwindConfig({})\n\nexport default config\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["cssVariableColorPlugin","light","flattenKeys","mapDefaultKeys","cssVariableColorPlugin","cssVariableGradientPlugin"],"sources":["../src/foundation.ts","../src/util.ts","../src/colors/utils.ts","../src/colors/toTailwindConfig.ts","../src/colors/pluginTokenV1.ts","../src/colors/plugin.ts","../src/gradient/plugin.ts","../src/typography/plugin.ts","../src/tokenV2.ts","../src/icons.ts","../src/index.ts"],"sourcesContent":["import { Effect } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\n\nexport const GRID_COUNT = 12\n\nexport function mergeEffect({\n  elementEffect,\n  effect,\n}: Pick<Theme, 'elementEffect' | 'effect'>): MergedEffect {\n  return {\n    ...elementEffect,\n    ...effect,\n    outline: {\n      type: 'opacity',\n      opacity: 0.32,\n    } as Effect,\n  }\n}\n\nexport type MergedEffect = Record<string, Effect>\n","import type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\n/**\n * the key \"default\" or \"DEFAULT\" has special meaning and dropped from class name\n *\n * @see https://tailwindcss.com/docs/upgrading-to-v2#update-default-theme-keys-to-default\n */\nexport function getDefaultKeyName(version: TailwindVersion) {\n  switch (version) {\n    case 'v3':\n    case 'v2': {\n      return 'DEFAULT'\n    }\n\n    case 'v1': {\n      return 'default'\n    }\n  }\n}\n\nexport function getVariantOption(version: TailwindVersion): Partial<Config> {\n  switch (version) {\n    case 'v3': {\n      // v3 以上では variants は variantOrders に改名された\n      // そしてこれは上書きをしたいモチベがない\n      // https://v2.tailwindcss.com/docs/configuration#variant-order\n      return {}\n    }\n\n    case 'v2':\n    case 'v1': {\n      return { variants: {} }\n    }\n  }\n}\n\nfunction setEquals<T>(a: Set<T>, b: Set<T>) {\n  return a.size === b.size && Array.from(a).every((value) => b.has(value))\n}\n\nexport function assertAllThemeHaveSameKeys(themeMap: ThemeMap): void {\n  const defaultTheme = themeMap[':root']\n  const expectedColorKeys = new Set(Object.keys(defaultTheme.color))\n  const expectedEffectKeys = new Set(Object.keys(defaultTheme.effect))\n\n  for (const [name, theme] of Object.entries(themeMap)) {\n    const colorKeys = new Set(Object.keys(theme.color))\n    const effectKeys = new Set(Object.keys(theme.effect))\n\n    if (!setEquals(colorKeys, expectedColorKeys)) {\n      throw new Error(`:root and ${name} does not have same colors.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedColorKeys))}\nGot: ${JSON.stringify(Array.from(colorKeys))}`)\n    }\n\n    if (!setEquals(effectKeys, expectedEffectKeys)) {\n      throw new Error(`:root and ${name} does not have same effects.\n\nExpected( :root ): ${JSON.stringify(Array.from(expectedEffectKeys))}\nGot: ${JSON.stringify(Array.from(effectKeys))}`)\n    }\n  }\n}\n\nexport function camelToKebab(value: string) {\n  return value\n    .replace(/(?<small>[\\da-z]|(?=[A-Z]))(?<capital>[A-Z])/gu, '$1-$2')\n    .toLowerCase()\n}\n\nexport const mapDefaultKey = <O extends object>(o: O) => {\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-return\n  return JSON.parse(JSON.stringify(o), function reviver(k: string, v: string) {\n    if (k === 'default') {\n      const DefaultKey = getDefaultKeyName('v3')\n      this[DefaultKey] = v\n      return undefined\n    }\n    return v\n  })\n}\n\nexport const flattenKey = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        return [(join?.(key) ?? true) ? [key, kk].join('-') : kk, vv]\n      })\n    }),\n  )\n}\n\n/**\n * `DEFAULT` はkey名に結合しない\n */\nexport const flattenKeyWithoutDefault = <O extends object>(\n  o: O,\n  join?: (key: string) => boolean,\n): Record<string, unknown> => {\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    Object.entries(o).flatMap(([key, v]) => {\n      if (typeof v === 'string') return [[key, v]]\n      return Object.entries(v as object).map(([kk, vv]) => {\n        const isDefaultKey = kk === 'DEFAULT' || kk === 'default'\n        const outputKey = isDefaultKey\n          ? key\n          : (join?.(key) ?? true)\n            ? [key, kk].join('-')\n            : kk\n        return [outputKey, vv]\n      })\n    }),\n  )\n}\n","import { GradientMaterial, Material } from '@charcoal-ui/foundation'\n\nexport const COLOR_PREFIX = '--tailwind-color-'\n\nexport function isSingleColor(color: AnyColor): color is Material {\n  return typeof color === 'string'\n}\n\ntype AnyColor = Material | GradientMaterial\n\nexport type AnyColorTheme = Record<string, AnyColor>\n","import { Material } from '@charcoal-ui/foundation'\nimport { applyEffect, filterObject, mapObject } from '@charcoal-ui/utils'\nimport type { Config } from 'tailwindcss'\nimport { MergedEffect } from '../foundation'\n\nimport { TailwindVersion } from '../types'\nimport { getDefaultKeyName } from '../util'\n\nimport { AnyColorTheme, COLOR_PREFIX, isSingleColor } from './utils'\n\nexport function colorsToTailwindConfig(\n  version: TailwindVersion,\n  colors: AnyColorTheme,\n  effects: MergedEffect,\n): NonNullable<Config['theme']>['colors'] {\n  const targetColors = filterObject(colors, isSingleColor)\n  const DEFAULT = getDefaultKeyName(version)\n\n  /**\n   * こういう感じのを吐き出す\n   *\n   * ```js\n   * {\n   *   DEFAULT: 'var(--tailwind-color-hoge1, #fff)',\n   *   hover: 'var(--tailwind-color-hoge1--hover, #eee)',\n   *   press: 'var(--tailwind-color-hoge1--press, #ddd)',\n   *   disabled: 'var(--tailwind-color-hoge1--disabled, #eee)',\n   * }\n   * ```\n   */\n  function colorsForAllEffects(name: string, color: Material) {\n    const varName = `${COLOR_PREFIX}${name}`\n\n    return {\n      [DEFAULT]: `var(${varName}, ${color})`,\n\n      ...mapObject(effects, (effectName, effect) => [\n        effectName,\n        `var(${varName}--${effectName}, ${applyEffect(color, effect)})`,\n      ]),\n    }\n  }\n\n  return mapObject(targetColors, (name, color) => [\n    name,\n    colorsForAllEffects(name, color),\n  ])\n}\n","import {\n  applyEffect,\n  customPropertyToken,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { ThemeMap } from '../types'\nimport {\n  CharcoalAbstractTheme,\n  EffectType,\n  Key,\n  CharcoalTheme as Theme,\n} from '@charcoal-ui/theme'\n\nexport function defineCssVariablesV1(themeMap: ThemeMap) {\n  // @ts-expect-error FIXME\n  return mapObject(themeMap, (key, theme) => {\n    if (key.startsWith('@media')) {\n      return [\n        key,\n        {\n          ':root': defineColorVariableCSS(theme),\n        },\n      ]\n    } else {\n      return [key, defineColorVariableCSS(theme)]\n    }\n  })\n}\n\nexport const defineColorVariableCSS = (theme: Theme) => {\n  const borders = mapObject(theme.border, (name, { color }) => [\n    // REVIEW: もしtheme.colorにたまたまborder-〇〇で始まる色名がいたら被りうる\n    withPrefixes('border', name),\n    color,\n  ])\n\n  const colors = defineThemeVariables({ ...theme.color, ...borders })({ theme })\n  return colors\n}\n\n/**\n * Check whether a value is non-null and non-undefined\n *\n * @param value nullable\n */\nexport const isPresent = <T>(value: T): value is NonNullable<T> => value != null\n\n/**\n * 子孫要素で使われるカラーテーマの CSS Variables を上書きする\n *\n * @params colorParams - 上書きしたい色の定義（ `theme.color` の一部だけ書けば良い ）\n * @params effectParams - effect の定義を上書きしたい場合は渡す（必須ではない）\n *\n * @example\n * ```tsx\n * const LocalTheme = styled.div`\n *   ${defineThemeVariables({ text1: '#ff0000' })}\n *   // `text1` is now defined as red\n *   ${theme((o) => [o.font.text1])}\n * `\n * ```\n */\nexport function defineThemeVariables(\n  colorParams: Partial<CharcoalAbstractTheme['color']>,\n  effectParams?: Partial<CharcoalAbstractTheme['effect']>,\n) {\n  return function toCssObject(props: {\n    theme: Pick<CharcoalAbstractTheme, 'effect'>\n  }) {\n    const colors = filterObject(colorParams, isPresent)\n\n    // flatMapObject の中で毎回 Object.entries を呼ぶのは無駄なので外で呼ぶ\n    const effects = Object.entries({\n      ...props.theme.effect,\n      ...effectParams,\n    })\n\n    return flatMapObject(colors, (colorKey, color) => [\n      [customPropertyToken(colorKey), color],\n\n      ...effects.map<[string, string]>(([effectKey, effect]) => [\n        customPropertyToken(colorKey, [effectKey]),\n        applyEffect(color, [effect]),\n      ]),\n    ])\n  }\n}\n\nexport function isSupportedEffect(effect: Key): effect is EffectType {\n  return ['hover', 'press', 'disabled'].includes(effect as string)\n}\n\nexport const variable = (value: string) => `var(${value})`\n\nexport function withPrefixes(...parts: string[]) {\n  return parts.join('-')\n}\n","import { Material } from '@charcoal-ui/foundation'\nimport { CharcoalTheme as Theme } from '@charcoal-ui/theme'\nimport {\n  applyEffect,\n  filterObject,\n  flatMapObject,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport plugin from 'tailwindcss/plugin.js'\nimport { mergeEffect } from '../foundation'\nimport { CSSVariableName, CSSVariables, Definition, ThemeMap } from '../types'\nimport { COLOR_PREFIX, isSingleColor } from './utils'\nimport { defineCssVariablesV1 } from './pluginTokenV1'\n\n/**\n * --tailwind-* また --charcoal-* を生成する\n * TODO: --tailwindをやめる\n */\nexport default function cssVariableColorPlugin(\n  themeMap: ThemeMap,\n  cssVariablesV1: boolean,\n): ReturnType<typeof plugin> {\n  // `:root` 以外のケースで各 CSS Variable がどういう値を取るかを定義する\n  const { ':root': _defaultTheme, ...otherThemes } = themeMap\n  const definitions = defineCssVariables(otherThemes)\n\n  return plugin(({ addBase }) => {\n    addBase(definitions)\n\n    // styledのTokenInjector移植(background処理除く)\n    if (cssVariablesV1) {\n      const cssVariablesV1 = defineCssVariablesV1(themeMap)\n      // @ts-expect-error FIXME\n      addBase(cssVariablesV1)\n    }\n  })\n}\n\nexport function defineCssVariables(themes: Omit<ThemeMap, ':root'>) {\n  return mapObject(themes, (selectorOrMediaQuery, theme) => {\n    const css = toCssVariables(theme)\n\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      return [\n        selectorOrMediaQuery,\n        {\n          ':root': css,\n        },\n      ]\n    } else {\n      return [selectorOrMediaQuery, css]\n    }\n  }) as Definition\n}\n\nfunction toCssVariables(theme: Theme): CSSVariables {\n  const colors = filterObject(theme.color, isSingleColor)\n  const effects = Object.entries(mergeEffect(theme))\n\n  return flatMapObject(colors, (name, color) => {\n    const varName: keyof CSSVariables = `${COLOR_PREFIX}${name}`\n\n    return [\n      [varName, color],\n\n      ...effects.map<[CSSVariableName, Material]>(([type, effect]) => [\n        `${varName}--${type}`,\n        applyEffect(color, effect),\n      ]),\n    ]\n  })\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { camelToKebab } from '../util'\nimport { GradientMaterial } from '@charcoal-ui/foundation'\nimport { ThemeColorGradient } from '@charcoal-ui/theme'\nimport {\n  applyEffectToGradient,\n  flatMapObject,\n  gradient,\n  GradientDirection,\n  mapKeys,\n  mapObject,\n} from '@charcoal-ui/utils'\nimport { Values } from '../types'\nimport { MergedEffect } from '../foundation'\n\nconst VAR_PREFIX = '--tailwind-gradient-'\n\nexport default function cssVariableColorPlugin(\n  gradients: ThemeColorGradient,\n  effects: MergedEffect,\n  selectorOrMediaQuery: string,\n) {\n  const utilities = getUtilities(gradients, effects)\n\n  const classRules = mapObject(utilities, (name) => [\n    `.bg-${name}`,\n    { backgroundImage: `var(${VAR_PREFIX}${name})` },\n  ])\n\n  return plugin(({ addBase, addUtilities }) => {\n    const css = mapKeys(utilities, (name) => `${VAR_PREFIX}${name}`)\n    if (selectorOrMediaQuery.startsWith('@media')) {\n      addBase({\n        [selectorOrMediaQuery]: {\n          ':root': css,\n        },\n      })\n    } else {\n      addBase({\n        [selectorOrMediaQuery]: css,\n      })\n    }\n\n    addUtilities(classRules, {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    })\n  })\n}\n\nconst DIRECTIONS = {\n  'to top': 'top',\n  'to bottom': 'bottom',\n  'to left': 'left',\n  'to right': 'right',\n} as const\n\n/**\n * こういう感じのやつ。この時点では `--tailwind-gradient-` のような CSS 変数名になってない\n *\n * ```js\n * {\n *   'hoge1': 'linear-gradient(to top, ...)',\n *   ...\n * }\n * ```\n */\ntype Utilities = Record<string, LinearGradient>\n\ntype LinearGradient = `linear-gradient(${string})`\n\nexport function getUtilities(\n  gradients: Record<string, GradientMaterial>,\n  effect: MergedEffect,\n): Utilities {\n  const effects = Object.entries(effect)\n  const directions = Object.entries(DIRECTIONS) as [\n    GradientDirection,\n    Values<typeof DIRECTIONS>,\n  ][]\n\n  return flatMapObject(gradients, (name, colors) =>\n    directions.flatMap(([direction, className]) => {\n      const toLinearGradient = (colors: GradientMaterial) => {\n        const style = gradient(direction)(colors)\n\n        if (!('backgroundImage' in style)) {\n          throw new Error(\n            `Could not generate linear-gradient() from ${name} ${direction} ${className}`,\n          )\n        }\n\n        // 本当は backgroundColor も同時に生成されるんだけど、使うにはそれ用の CSS 変数も一緒に作らないといけない\n        // とりあえず background-image だけで動くのでこっちだけを利用する\n        return style.backgroundImage as LinearGradient\n      }\n\n      return [\n        // こういう感じのやつ\n        // { 'hoge1': 'linear-gradient(to top, ...)' }\n        [createUtilityName(name, className), toLinearGradient(colors)],\n\n        // こういう感じのやつ\n        // { 'hoge1--hover': 'linear-gradient(to top, ...)' }\n        ...effects.map<[string, LinearGradient]>(([effectName, effect]) => [\n          createUtilityName(name, className, effectName),\n          toLinearGradient(applyEffectToGradient(effect)(colors)),\n        ]),\n      ]\n    }),\n  )\n}\n\nfunction createUtilityName(\n  gradientName: string,\n  direction: Values<typeof DIRECTIONS>,\n  suffix = '',\n) {\n  return [camelToKebab(gradientName), direction, suffix]\n    .filter(Boolean)\n    .join('-')\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport { TypographyDescriptor, TYPOGRAPHY_SIZE } from '@charcoal-ui/foundation'\nimport { halfLeading, mapObject, px } from '@charcoal-ui/utils'\n\nconst leadingCancel = {\n  display: 'block',\n  width: 0,\n  height: 0,\n  content: '\"\"',\n}\n\nconst typographyStyle = (style: TypographyDescriptor) => {\n  const margin = -halfLeading(style)\n\n  return {\n    'font-size': px(style.fontSize),\n    'line-height': px(style.lineHeight),\n\n    /**\n     * cancel leading\n     *\n     * @see https://yuyakinoshita.com/blog/2020/01/20/line-height-crop/\n     */\n    '&::before': {\n      ...leadingCancel,\n      marginTop: px(margin),\n    },\n    '&::after': {\n      ...leadingCancel,\n      marginBottom: px(margin),\n    },\n  }\n}\n\nconst typographyPlugin = plugin(({ addUtilities }) => {\n  const typographyClasses = mapObject(TYPOGRAPHY_SIZE, (fontSize, style) => [\n    `.typography-${fontSize}`,\n    typographyStyle(style),\n  ])\n\n  addUtilities(\n    {\n      ...typographyClasses,\n      '.preserve-half-leading': {\n        '&::before': {\n          content: 'none',\n        },\n        '&::after': {\n          content: 'none',\n        },\n      },\n    },\n    {\n      // @ts-expect-error FIXME\n      variants: ['responsive'],\n    },\n  )\n})\n\nexport default typographyPlugin\n","import light from '@charcoal-ui/theme/unstable-tokens/css-variables.json' with { type: 'json' }\nimport type { Config } from 'tailwindcss'\nimport {\n  flattenKey as flattenKeys,\n  flattenKeyWithoutDefault,\n  mapDefaultKey as mapDefaultKeys,\n} from './util'\n\nexport function unstable_createTailwindConfigTokenV2(): Omit<\n  Config,\n  'content'\n> {\n  const fontSize = Object.fromEntries(\n    Object.entries(light.text['font-size']).flatMap(([k, v]) => {\n      // text.fontSize.paragraph + text.lineHeight.paragraph -> text-paragraph\n      if (typeof v === 'string') {\n        return [\n          [\n            k,\n            [\n              v,\n              // @ts-expect-error k is keyof line-height\n              { lineHeight: light.text['line-height'][k] },\n            ],\n          ],\n        ]\n      }\n\n      // text.fontSize.heading.s + text.lineHeight.heading.s -> text-heading-s\n      return Object.entries(v as Record<string, string>).map(([kk, vv]) => {\n        return [\n          [k, kk].join('-'),\n          [\n            vv,\n            // @ts-expect-error k is keyof line-height\n            { lineHeight: light.text['line-height'][k][kk] },\n          ],\n        ]\n      })\n    }),\n  ) as NonNullable<Config['theme']>['fontSize']\n\n  // space.target.s -> p-target-s\n  // space.gap.gapButtons -> p-gap-buttons\n  const spacing = flattenKeys(light.space, (key) => !/(gap|padding)/.test(key))\n  // color.container.default -> bg-container\n  // color.container.hover -> bg-container-hover\n  const colors = mapDefaultKeys(light.color)\n\n  const config: Omit<Config, 'content'> = {\n    darkMode: 'media',\n    theme: {\n      // borderWidth.m -> border-m\n      // borderWidth.focus.1 -> border-focus-1\n      borderWidth: flattenKeyWithoutDefault({\n        'width-ch': flattenKeys(light['border-width']), // unstable border width token\n      }),\n      borderRadius: light.radius,\n      borderColor: flattenKeyWithoutDefault({ ch: flattenKeys(colors.border) }),\n\n      colors,\n\n      fontSize,\n      fontWeight: flattenKeys({ ch: light.text['font-weight'] }),\n\n      spacing,\n      gap: spacing,\n      width: light['paragraph-width'],\n    },\n  }\n\n  return config\n}\n","import plugin from 'tailwindcss/plugin.js'\nimport iconsV2 from '@charcoal-ui/icon-files/v2/datauri'\nimport iconsV1 from '@charcoal-ui/icon-files/v1/datauri'\nimport { CSSRuleObject } from 'tailwindcss/types/config'\n\nconst transformClassNameV2 = (fileName: string) => {\n  const [size, variant, name] = fileName.split('/')\n  return [\n    '.icon-v2',\n    name.replaceAll('.', '-'),\n    ...(variant === 'regular' ? [] : [variant]),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nconst transformClassNameV1 = (fileName: string) => {\n  const [size, name] = fileName.split('/')\n  return [\n    '.icon-v1',\n    name.replaceAll('.', '-'),\n    ...(size === '24' ? [] : [size]),\n  ]\n    .join('-')\n    .toLowerCase()\n}\n\nexport const createIconUtilities = ({\n  v2 = false,\n}: {\n  v2?: boolean\n}): {\n  [key: string]: CSSRuleObject\n} => {\n  const newUtilities: { [key: string]: CSSRuleObject } = {}\n  const icons = v2 ? iconsV2 : iconsV1\n  for (const [fileName, { uri, isSetCurrentcolor }] of Object.entries(icons)) {\n    const className = v2\n      ? transformClassNameV2(fileName)\n      : transformClassNameV1(fileName)\n\n    newUtilities[className] = {\n      display: 'inline-block',\n      width: '1em',\n      height: '1em',\n      maskImage: `url(${uri})`,\n      maskSize: '100% 100%',\n      background: isSetCurrentcolor ? 'currentColor' : null,\n      aspectRatio: '1/1',\n    }\n  }\n  return newUtilities\n}\n\nexport const charcoalIconsV2: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: true }))\n  },\n)\n\nexport const charcoalIconsV1: ReturnType<typeof plugin> = plugin(\n  ({ addUtilities }) => {\n    addUtilities(createIconUtilities({ v2: false }))\n  },\n)\n","import { GRID_COUNT, mergeEffect } from './foundation'\n\nimport type { Config } from 'tailwindcss'\nimport { TailwindVersion, ThemeMap } from './types'\n\nimport {\n  assertAllThemeHaveSameKeys,\n  getDefaultKeyName,\n  getVariantOption,\n} from './util'\nimport {\n  COLUMN_UNIT,\n  GUTTER_UNIT,\n  SPACING,\n  BORDER_RADIUS,\n} from '@charcoal-ui/foundation'\nimport { light } from '@charcoal-ui/theme'\nimport { mapObject, px } from '@charcoal-ui/utils'\nimport { colorsToTailwindConfig } from './colors/toTailwindConfig'\n\nimport cssVariableColorPlugin from './colors/plugin'\nimport cssVariableGradientPlugin from './gradient/plugin'\nimport typographyPlugin from './typography/plugin'\nimport { unstable_createTailwindConfigTokenV2 } from './tokenV2'\nimport { charcoalIconsV1, charcoalIconsV2 } from './icons'\nexport { unstable_createTailwindConfigTokenV2 }\n\ninterface Options {\n  version?: TailwindVersion\n  theme?: ThemeMap\n  cssVariablesV1?: boolean\n  unstableTokenV2?: boolean\n  iconsV2?: boolean\n  iconsV1?: boolean\n}\n\nexport function createTailwindConfig({\n  theme = { ':root': light },\n  version = 'v3',\n  cssVariablesV1 = true,\n  unstableTokenV2 = false,\n  iconsV2 = false,\n  iconsV1 = false,\n}: Options): Omit<Config, 'content'> {\n  assertAllThemeHaveSameKeys(theme)\n\n  const defaultTheme = theme[':root']\n  const effects = mergeEffect(defaultTheme)\n  const DEFAULT = getDefaultKeyName(version)\n\n  const {\n    borderWidth: borderWidthV2,\n    borderRadius: borderRadiusV2,\n    borderColor: borderColorV2,\n    colors: colorsV2,\n    fontSize: fontSizeV2,\n    fontWeight: fontWeightV2,\n    spacing: spacingV2,\n    gap: gapV2,\n    width: widthV2,\n  }: Partial<NonNullable<Config['theme']>> = unstableTokenV2\n    ? unstable_createTailwindConfigTokenV2().theme\n    : {}\n\n  return {\n    theme: {\n      screens: {\n        screen1: px(0),\n        screen2: px(defaultTheme.breakpoint.screen1),\n        screen3: px(defaultTheme.breakpoint.screen2),\n        screen4: px(defaultTheme.breakpoint.screen3),\n        screen5: px(defaultTheme.breakpoint.screen4),\n      },\n      colors: {\n        // @deprecated\n        black: '#000',\n\n        // @deprecated\n        white: '#fff',\n\n        transparent: 'transparent',\n        current: 'currentColor',\n        ...colorsToTailwindConfig(version, defaultTheme.color, effects),\n        ...colorsV2,\n      },\n      borderColor: {\n        ...colorsToTailwindConfig(\n          version,\n          mapObject(defaultTheme.border, (k, v) => [k, v.color]),\n          effects,\n        ),\n        ...borderColorV2,\n      },\n      spacing: {\n        ...mapObject(\n          SPACING,\n          (name, pixel) => [name, px(pixel)] as [string, string],\n        ),\n        ...spacingV2,\n      },\n      width: {\n        full: '100%',\n        screen: '100vw',\n        auto: 'auto',\n        fit: 'fit-content',\n\n        /**\n         * generates classes like \"w-col-span-1\"\n         */\n        ...Array.from({ length: GRID_COUNT }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`col-span-${i}`]: px(COLUMN_UNIT * i + GUTTER_UNIT * (i - 1)),\n          }),\n          {},\n        ),\n\n        /**\n         * generates classes like \"w-1/12\" (except for 12/12, which just equals to w-full)\n         */\n        ...Array.from({ length: GRID_COUNT - 1 }, (_, i) => i + 1).reduce(\n          (styles, i) => ({\n            ...styles,\n            [`${i}/${GRID_COUNT}`]: `${(i / GRID_COUNT) * 100}%`,\n          }),\n          {},\n        ),\n        ...widthV2,\n      },\n      gap: {\n        fixed: px(GUTTER_UNIT),\n        ...gapV2,\n      },\n      borderRadius: {\n        ...mapObject(\n          BORDER_RADIUS,\n          (name, value) => [name, px(value)] as [string, string],\n        ),\n        ...borderRadiusV2,\n      },\n      transitionDuration: {\n        [DEFAULT]: '0.2s',\n      },\n      ...(unstableTokenV2\n        ? {\n            extend: {\n              borderWidth: borderWidthV2,\n              fontWeight: fontWeightV2,\n              fontSize: fontSizeV2,\n            },\n          }\n        : {}),\n    },\n\n    ...getVariantOption(version),\n\n    corePlugins: {\n      lineHeight: false,\n    },\n    plugins: [\n      typographyPlugin,\n      cssVariableColorPlugin(theme, Boolean(cssVariablesV1)),\n\n      ...Object.entries(theme).map(([selectorOrMediaQuery, theme]) =>\n        cssVariableGradientPlugin(\n          theme.gradientColor,\n          mergeEffect(theme),\n          selectorOrMediaQuery,\n        ),\n      ),\n      ...(iconsV2 ? [charcoalIconsV2] : []),\n      ...(iconsV1 ? [charcoalIconsV1] : []),\n    ],\n  }\n}\n\nexport const config: Omit<Config, 'content'> = createTailwindConfig({})\n\nexport default config\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@charcoal-ui/tailwind-config",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "license": "Apache-2.0",
   "type": "commonjs",
   "main": "./dist/index.js",
@@ -26,10 +26,10 @@
     "tailwindcss": "^3.4.17"
   },
   "dependencies": {
-    "@charcoal-ui/foundation": "5.6.0",
-    "@charcoal-ui/icon-files": "5.6.0",
-    "@charcoal-ui/utils": "5.6.0",
-    "@charcoal-ui/theme": "5.6.0"
+    "@charcoal-ui/foundation": "5.7.0",
+    "@charcoal-ui/theme": "5.7.0",
+    "@charcoal-ui/utils": "5.7.0",
+    "@charcoal-ui/icon-files": "5.7.0"
   },
   "peerDependencies": {
     "csstype": ">=3.0.0",
@@ -50,7 +50,7 @@
   },
   "gitHead": "e1ece2e43901ae667afdd5c178040607d939dcd5",
   "scripts": {
-    "build": "tsdown --config-loader unconfig",
+    "build": "tsdown",
     "typecheck": "tsc --project tsconfig.build.json --pretty --noEmit",
     "clean": "rimraf dist .tsbuildinfo",
     "test": "vitest run --passWithNoTests"