@await-widget/runtime 0.0.5 → 0.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@await-widget/runtime",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "TypeScript declarations for Await widgets.",
   "license": "MIT",
   "author": "LitoMore",

package/types/await.d.ts

@@ -1,6 +1,7 @@
 /// <reference path="./global.d.ts" />
 /// <reference path="./prop.d.ts" />
 /// <reference path="./jsx.d.ts" />
+/// <reference path="./meta.d.ts" />
 /// <reference path="./bridge.d.ts" />
 declare module "await" {
   export const Fragment: ({ children }: { children: NativeView }) => NativeView;
@@ -191,6 +192,13 @@ declare module "await" {
         children?: never;
       },
   ): NativeView;
+  export function Gif(
+    props: GifValue &
+      ID &
+      Mods & {
+        children: NativeView[];
+      },
+  ): NativeView;
 }
 
 declare module "await/jsx-runtime" {

package/types/bridge.d.ts

@@ -146,7 +146,7 @@ export declare const Await: {
   ): AwaitDefineResult<Intents>;
 };
 export declare const AwaitLaunch: {
-  openApp(bundleId: string): any;
+  start(bundleId: string): any;
 };
 export declare const AwaitEnv: {
   readonly id: string;

package/types/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference path="./global.d.ts" />
 /// <reference path="./prop.d.ts" />
 /// <reference path="./jsx.d.ts" />
+/// <reference path="./meta.d.ts" />
 /// <reference path="./bridge.d.ts" />
 /// <reference path="./await.d.ts" />

package/types/meta.d.ts

@@ -0,0 +1,392 @@
+type CornerRadiusStyle = "circular" | "continuous";
+
+type TimeStyle = "time" | "date" | "relative" | "offset" | "timer";
+
+type Material = "regular" | "thin" | "thick" | "ultraThin" | "ultraThick";
+
+type ShapeStyle =
+  | Color
+  | Material
+  | LinearGradient
+  | RadialGradient
+  | AngularGradient
+  | "primary"
+  | "secondary"
+  | "tertiary"
+  | "quaternary"
+  | "quinary";
+
+type NativeAnimation = (
+  | {
+      type?:
+        | "linear"
+        | "default"
+        | "easeIn"
+        | "easeInOut"
+        | "easeOut"
+        | "circularEaseIn"
+        | "circularEaseInOut"
+        | "circularEaseOut";
+      duration?: number;
+    }
+  | {
+      type: "interactiveSpring";
+      blendDuration?: number;
+      duration?: number;
+      bounce?: number;
+    }
+  | {
+      type: "bouncy";
+      bounce?: number;
+      duration?: number;
+    }
+  | {
+      type: "smooth";
+      duration?: number;
+      bounce?: number;
+    }
+  | {
+      type: "spring";
+      blendDuration?: number;
+      duration?: number;
+      bounce?: number;
+    }
+  | {
+      type: "timingCurve";
+      start: UnitPoint;
+      end: UnitPoint;
+      duration?: number;
+    }
+  | {
+      type: "snappy";
+      bounce?: number;
+      duration?: number;
+    }
+) & {
+  value?: unknown;
+  delay?: number;
+  autoreverses?: boolean;
+  speed?: number;
+  loop?: boolean | number;
+};
+
+type ContentTransition =
+  | "identity"
+  | "interpolate"
+  | "opacity"
+  | "symbolEffect"
+  | "numericText"
+  | ["numericText", boolean]
+  | ["numericText", number];
+
+type Edge = "top" | "bottom" | "leading" | "trailing";
+
+type RawTransition =
+  | "identity"
+  | "blurReplace"
+  | "opacity"
+  | "slide"
+  | "scale"
+  | ["scale", number, UnitPoint?]
+  | ["push", Edge]
+  | ["offset", number, number]
+  | ["move", Edge];
+
+type Transition = RawTransition | [RawTransition, RawTransition];
+
+type Padding =
+  | number
+  | {
+      left?: number;
+      right?: number;
+      top?: number;
+      bottom?: number;
+      vertical?: number;
+      horizontal?: number;
+      other?: number;
+    };
+
+type RadialGradient = {
+  gradient: "radial";
+  colors?: Color[];
+  stops?: Array<[Color, number]>;
+  startRadius?: number;
+  endRadius?: number;
+};
+
+type AngularGradient = {
+  gradient: "angular";
+  colors?: Color[];
+  stops?: Array<[Color, number]>;
+  angle?: number;
+  center?: UnitPoint;
+};
+
+type LinearGradient = {
+  gradient: "linear";
+  colors?: Color[];
+  stops?: Stop[];
+  startPoint?: UnitPoint;
+  endPoint?: UnitPoint;
+};
+
+type UnitPoint =
+  | "center"
+  | "zero"
+  | "leading"
+  | "trailing"
+  | "top"
+  | "topLeading"
+  | "topTrailing"
+  | "bottom"
+  | "bottomLeading"
+  | "bottomTrailing"
+  | Point;
+
+type Stop = [Color, number];
+
+type RawColor =
+  | ""
+  | "background"
+  | "black"
+  | "blue"
+  | "brown"
+  | "cyan"
+  | "gray"
+  | "green"
+  | "indigo"
+  | "magenta"
+  | "mint"
+  | "orange"
+  | "pink"
+  | "primary"
+  | "purple"
+  | "red"
+  | "secondary"
+  | "teal"
+  | "white"
+  | "yellow"
+  | string
+  | number;
+
+type RawThemeColor = RawColor | [RawColor, number];
+
+type Color =
+  | RawThemeColor
+  | {
+      dark?: RawThemeColor;
+      light?: RawThemeColor;
+    };
+
+type VerticalAlignment =
+  | "firstTextBaseline"
+  | "lastTextBaseline"
+  | "top"
+  | "bottom"
+  | "center";
+
+type HorizontalAlignment =
+  | "listRowSeparatorLeading"
+  | "listRowSeparatorTrailing"
+  | "leading"
+  | "trailing"
+  | "center";
+
+type Alignment =
+  | "leading"
+  | "trailing"
+  | "top"
+  | "bottom"
+  | "topLeading"
+  | "topTrailing"
+  | "bottomLeading"
+  | "bottomTrailing"
+  | "center"
+  | "trailingFirstTextBaseline"
+  | "leadingLastTextBaseline"
+  | "leadingFirstTextBaseline"
+  | "centerLastTextBaseline"
+  | "centerFirstTextBaseline"
+  | "trailingLastTextBaseline";
+
+type Dimension = "max" | number;
+
+type AspectRatio =
+  | "fill"
+  | "fit"
+  | [aspectRatio: number, contentMode: "fill" | "fit"];
+
+type ID = {
+  id?: Encodable;
+};
+
+type TextAlignment = "center" | "leading" | "trailing";
+
+type FontDesign = "monospaced" | "rounded" | "serif" | "default";
+
+type FontWeight =
+  | 100
+  | "ultraLight"
+  | 200
+  | "thin"
+  | 300
+  | "light"
+  | 400
+  | "regular"
+  | 500
+  | "medium"
+  | 600
+  | "semibold"
+  | 700
+  | "bold"
+  | 800
+  | "heavy"
+  | 900
+  | "black";
+
+type FontWidth = "compressed" | "condensed" | "standard" | "expanded" | number;
+
+type Interpolation = "none" | "low" | "medium" | "high";
+
+type Resizable = boolean | "stretch" | "tile";
+
+type Point =
+  | number
+  | {
+      x?: number;
+      y?: number;
+    };
+
+type ScaleEffect =
+  | number
+  | {
+      scale?: number;
+      anchor?: UnitPoint;
+    }
+  | {
+      x?: number;
+      y?: number;
+      anchor?: UnitPoint;
+    };
+
+type Font = {
+  name: string;
+  size: number;
+  wght?: number;
+  wdth?: number;
+  opsz?: number;
+  slnt?: number;
+  ital?: number;
+
+  GRAD?: number;
+  HGHT?: number;
+  SOFT?: number;
+
+  monospacedDigit?: boolean;
+  features?: string[] | string;
+};
+
+type Rotation3DEffect = {
+  angle: number;
+  x?: number;
+  y?: number;
+  z?: number;
+  anchor?: UnitPoint;
+  anchorZ?: number;
+  perspective?: number;
+};
+
+type RotationEffect =
+  | number
+  | {
+      angle: number;
+      anchor: UnitPoint;
+    };
+
+type Frame =
+  | {
+      maxWidth?: Dimension;
+      maxHeight?: Dimension;
+      alignment?: Alignment;
+    }
+  | {
+      width?: number;
+      height?: number;
+      alignment?: Alignment;
+    };
+
+type Shadow = {
+  color?: Color;
+  x?: number;
+  y?: number;
+  blur?: number;
+};
+
+type Pattern = "dash" | "dashDot" | "dashDotDot" | "dot" | "solid";
+
+type BlendMode =
+  | "normal"
+  | "multiply"
+  | "screen"
+  | "overlay"
+  | "darken"
+  | "lighten"
+  | "colorDodge"
+  | "colorBurn"
+  | "softLight"
+  | "hardLight"
+  | "difference"
+  | "exclusion"
+  | "hue"
+  | "saturation"
+  | "color"
+  | "luminosity"
+  | "sourceAtop"
+  | "destinationOver"
+  | "destinationOut"
+  | "plusDarker"
+  | "plusLighter";
+
+type ButtonStyle =
+  | "automatic"
+  | "bordered"
+  | "borderedProminent"
+  | "borderless"
+  | "plain"
+  | CustomButtonStyle;
+
+type CustomButtonStyle = {
+  press: NativeView;
+  normal: NativeView;
+};
+
+type GifDuration = 2 | 4 | 6 | 10 | 12 | 20 | 30 | 60;
+
+type LineHeight =
+  | number
+  | "loose"
+  | "normal"
+  | "tight"
+  | "variable"
+  | [type: "multiple" | "leading", value: number];
+
+type Blur =
+  | number
+  | {
+      blur: number;
+      opaque?: boolean;
+    };
+
+type FixedSize =
+  | boolean
+  | {
+      horizontal?: boolean;
+      vertical?: boolean;
+    };
+
+type strikethrough =
+  | boolean
+  | {
+      isActive?: boolean;
+      color?: Color;
+    };

package/types/prop.d.ts

@@ -1,123 +1,36 @@
-type CornerRadiusStyle = "circular" | "continuous";
+type Props = Record<string, unknown>;
 
-type ShapeStyle =
-  | Color
-  | Material
-  | "primary"
-  | "secondary"
-  | "tertiary"
-  | "quaternary"
-  | "quinary"
-  | LinearGradient
-  | RadialGradient
-  | AngularGradient;
-
-type NativeAnimation = (
-  | {
-      type?:
-        | "linear"
-        | "default"
-        | "easeIn"
-        | "easeInOut"
-        | "easeOut"
-        | "circularEaseIn"
-        | "circularEaseInOut"
-        | "circularEaseOut";
-      duration?: number;
-    }
-  | {
-      type: "interactiveSpring";
-      blendDuration?: number;
-      duration?: number;
-      bounce?: number;
-    }
-  | {
-      type: "bouncy";
-      bounce?: number;
-      duration?: number;
-    }
-  | {
-      type: "smooth";
-      duration?: number;
-      bounce?: number;
-    }
-  | {
-      type: "spring";
-      blendDuration?: number;
-      duration?: number;
-      bounce?: number;
-    }
-  | {
-      type: "timingCurve";
-      start: UnitPoint;
-      end: UnitPoint;
-      duration?: number;
-    }
-  | {
-      type: "snappy";
-      bounce?: number;
-      duration?: number;
-    }
-) & {
-  value?: unknown;
-  delay?: number;
-  autoreverses?: boolean;
-  speed?: number;
-  loop?: boolean | number;
+type VStackValue = {
+  spacing?: number;
+  /** Horizontal alignment for child views. */
+  alignment?: HorizontalAlignment;
 };
 
-type ContentTransition =
-  | "identity"
-  | "interpolate"
-  | "opacity"
-  | "symbolEffect"
-  | "numericText"
-  | ["numericText", boolean]
-  | ["numericText", number];
-
-type Edge = "top" | "bottom" | "leading" | "trailing";
-
-type RawTransition =
-  | "identity"
-  | "blurReplace"
-  | "opacity"
-  | "slide"
-  | "scale"
-  | ["scale", number, UnitPoint?]
-  | ["push", Edge]
-  | ["offset", number, number]
-  | ["move", Edge];
-
-type Transition = RawTransition | [RawTransition, RawTransition];
+type HStackValue = {
+  spacing?: number;
+  /** Vertical alignment for child views. */
+  alignment?: VerticalAlignment;
+};
 
-type Padding =
-  | {
-      left?: number;
-      right?: number;
-      top?: number;
-      bottom?: number;
-      vertical?: number;
-      horizontal?: number;
-      other?: number;
-    }
-  | number;
+type ZStackValue = {
+  /** Horizontal and vertical alignment for child views. */
+  alignment?: Alignment;
+};
 
-type UnevenRoundedRectangleValue = {
-  rectRadius?: {
-    topLeft?: Dimension;
-    topRight?: Dimension;
-    bottomRight?: Dimension;
-    bottomLeft?: Dimension;
-    bottom?: Dimension;
-    top?: Dimension;
-    left?: Dimension;
-    right?: Dimension;
-  };
-  style?: CornerRadiusStyle;
+type ButtonValue = {
+  /** Intent returned by `Await.define(...)`, used to run a registered widget intent when the button is tapped. */
+  intent?: IntentInfo;
+  /** Only applies in the app; triggers the button as soon as the touch begins. */
+  fast?: boolean;
+  /** Requests permission to play audio. */
+  audio?: boolean;
+  /** Opens a universal link directly, such as `https://github.com/await-widget/skills`. */
+  url?: string;
 };
 
 type ShapeValue = {
   fill?: ShapeStyle;
+  /** Only centered strokes are supported. */
   stroke?: {
     color?: Color;
     lineWidth?: number;
@@ -146,28 +59,33 @@ type RoundedRectangleValue = {
   style?: CornerRadiusStyle;
 };
 
-type VStackValue = {
-  spacing?: number;
-  alignment?: HorizontalAlignment;
+type UnevenRoundedRectangleValue = {
+  rectRadius?: {
+    topLeft?: Dimension;
+    topRight?: Dimension;
+    bottomRight?: Dimension;
+    bottomLeft?: Dimension;
+    bottom?: Dimension;
+    top?: Dimension;
+    left?: Dimension;
+    right?: Dimension;
+  };
+  style?: CornerRadiusStyle;
 };
 
-type HStackValue = {
-  spacing?: number;
-  alignment?: VerticalAlignment;
+type CapsuleValue = {
+  style?: CornerRadiusStyle;
 };
 
-type ZStackValue = {
-  alignment?: Alignment;
+type SectorValue = {
+  value: [start: number, end: number];
 };
 
-type LinkValue = {
-  url?: string;
+type PolygonValue = {
+  value: Array<[x: number, y: number]>;
 };
 
-type ButtonValue = {
-  intent?: IntentInfo;
-  fast?: boolean;
-  audio?: boolean;
+type LinkValue = {
   url?: string;
 };
 
@@ -176,295 +94,54 @@ type ColorValue = {
 };
 
 type TextValue = {
+  /** Text or encodable value rendered by the component. */
   value?: Encodable;
 };
 
 type ImageValue = {
+  /** Local or remote path such as `img.png` `path/img.png` `https://example.com/img.png` */
   url?: string;
+  /** The modes used to resize an image to fit within its containing view. */
   resizable?: Resizable;
+  /** The level of quality for rendering an image that requires interpolation, such as a scaled image. */
   interpolation?: Interpolation;
+  /** A type that indicates how images are rendered */
   style?: TemplateRenderingMode;
 };
 
 type IconValue = {
+  /** The name of the system symbol image. Use the SF Symbols app to look up the names of system symbol images. */
   value?: string;
 };
 
-type TimeValueStrict = {
-  value?: number;
-  style?: "time" | "date" | "relative" | "offset" | "timer";
-};
-
 type TimeValue = {
   date?: Date;
-  style?: "time" | "date" | "relative" | "offset" | "timer";
+  /** Use `timer` to update once per second. */
+  style?: TimeStyle;
 };
 
 type SvgValue = {
+  /** For example, `img.png`, `path/img.png`, or `https://example.com/img.png`. */
   url?: string;
+  /** For example, `<svg><path d="M0 0h10v10h-10z"/></svg>`. */
   value?: string;
 };
 
-type CapsuleValue = {
-  style?: CornerRadiusStyle;
-};
-
-type SectorValue = {
-  value: [start: number, end: number];
-};
-
-type PolygonValue = {
-  value: Array<[x: number, y: number]>;
-};
-
 type SpacerValue = {
   minLength?: number;
 };
 
-type RadialGradient = {
-  gradient: "radial";
-  colors?: Color[];
-  stops?: Array<[Color, number]>;
-  startRadius?: number;
-  endRadius?: number;
-};
-
-type AngularGradient = {
-  gradient: "angular";
-  colors?: Color[];
-  stops?: Array<[Color, number]>;
-  angle?: number;
-  center?: UnitPoint;
-};
-
-type LinearGradient = {
-  gradient: "linear";
-  colors?: Color[];
-  stops?: Stop[];
-  startPoint?: UnitPoint;
-  endPoint?: UnitPoint;
+type GifValue = {
+  size: Size;
+  duration: GifDuration;
 };
 
-type UnitPoint =
-  | "center"
-  | "zero"
-  | "leading"
-  | "trailing"
-  | "top"
-  | "topLeading"
-  | "topTrailing"
-  | "bottom"
-  | "bottomLeading"
-  | "bottomTrailing"
-  | Point;
-
-type Stop = [Color, number];
-
-type RawColor =
-  | ""
-  | "background"
-  | "black"
-  | "blue"
-  | "brown"
-  | "cyan"
-  | "gray"
-  | "green"
-  | "indigo"
-  | "magenta"
-  | "mint"
-  | "orange"
-  | "pink"
-  | "primary"
-  | "purple"
-  | "red"
-  | "secondary"
-  | "teal"
-  | "white"
-  | "yellow"
-  | string
-  | number;
-
-type RawThemeColor = RawColor | [RawColor, number];
-
-type Color =
-  | RawThemeColor
-  | {
-      dark?: RawThemeColor;
-      light?: RawThemeColor;
-    };
-
-type VerticalAlignment =
-  | "firstTextBaseline"
-  | "lastTextBaseline"
-  | "top"
-  | "bottom"
-  | "center";
-
-type HorizontalAlignment =
-  | "listRowSeparatorLeading"
-  | "listRowSeparatorTrailing"
-  | "leading"
-  | "trailing"
-  | "center";
-
-type Alignment =
-  | "leading"
-  | "trailing"
-  | "top"
-  | "bottom"
-  | "topLeading"
-  | "topTrailing"
-  | "bottomLeading"
-  | "bottomTrailing"
-  | "center"
-  | "trailingFirstTextBaseline"
-  | "leadingLastTextBaseline"
-  | "leadingFirstTextBaseline"
-  | "centerLastTextBaseline"
-  | "centerFirstTextBaseline"
-  | "trailingLastTextBaseline";
-
-type Dimension = "max" | number;
-type AspectRatio =
-  | "fill"
-  | "fit"
-  | [aspectRatio: number, contentMode: "fill" | "fit"];
-
-type LooseValues = {
-  [P in keyof (ButtonValue &
-    HStackValue &
-    VStackValue &
-    ZStackValue &
-    ColorValue &
-    ImageValue &
-    LinkValue &
-    SpacerValue &
-    SvgValue &
-    IconValue &
-    TextValue &
-    TimeValueStrict &
-    CapsuleValue &
-    RoundedRectangleValue &
-    SectorValue &
-    ShapeValue &
-    UnevenRoundedRectangleValue)]?: unknown;
-};
-
-type Props = ID & Mods & LooseValues & { children?: NativeView };
-type ID = { id?: Encodable };
-type TextAlignment = "center" | "leading" | "trailing";
-type FontDesign = "monospaced" | "rounded" | "serif" | "default";
-type FontWeight =
-  | "black"
-  | 900
-  | "heavy"
-  | 800
-  | "bold"
-  | 700
-  | "semibold"
-  | 600
-  | "medium"
-  | 500
-  | "light"
-  | 300
-  | "thin"
-  | 200
-  | "ultraLight"
-  | 100
-  | "regular"
-  | 400;
-
-type Material = "regular" | "thin" | "thick" | "ultraThin" | "ultraThick";
-type FontWidth = "compressed" | "condensed" | "standard" | "expanded" | number;
-type Interpolation = "none" | "low" | "medium" | "high";
-type Resizable = boolean | "stretch" | "tile";
-
-type Point = { x?: number; y?: number } | number;
-type ScaleEffect =
-  | { x?: number; y?: number; anchor?: UnitPoint }
-  | { scale?: number; anchor?: UnitPoint }
-  | number;
-type Font = {
-  name: string;
-  size: number;
-  wght?: number;
-  wdth?: number;
-  opsz?: number;
-  slnt?: number;
-  ital?: number;
-
-  GRAD?: number;
-  HGHT?: number;
-  SOFT?: number;
-
-  monospacedDigit?: boolean;
-  features?: string[] | string;
-};
-type Rotation3DEffect = {
-  angle: number;
-  x?: number;
-  y?: number;
-  z?: number;
-  anchor?: UnitPoint;
-  anchorZ?: number;
-  perspective?: number;
-};
-type RotationEffect = { angle: number; anchor: UnitPoint } | number;
-
-type Frame =
-  | { maxWidth?: Dimension; maxHeight?: Dimension; alignment?: Alignment }
-  | { width?: number; height?: number; alignment?: Alignment };
-type Shadow = {
-  color?: Color;
-  x?: number;
-  y?: number;
-  blur?: number;
-};
-type Pattern = "dash" | "dashDot" | "dashDotDot" | "dot" | "solid";
-type BlendMode =
-  | "normal"
-  | "multiply"
-  | "screen"
-  | "overlay"
-  | "darken"
-  | "lighten"
-  | "colorDodge"
-  | "colorBurn"
-  | "softLight"
-  | "hardLight"
-  | "difference"
-  | "exclusion"
-  | "hue"
-  | "saturation"
-  | "color"
-  | "luminosity"
-  | "sourceAtop"
-  | "destinationOver"
-  | "destinationOut"
-  | "plusDarker"
-  | "plusLighter";
-
-type ButtonStyle =
-  | "automatic"
-  | "bordered"
-  | "borderedProminent"
-  | "borderless"
-  | "plain"
-  | CustomButtonStyle;
-
-type CustomButtonStyle = {
-  press: NativeView;
-  normal: NativeView;
+type Mods = {
+  [K in keyof BaseMods]?: BaseMods[K];
+} & {
+  [K in keyof BaseMods as `${K & string}_${string}`]?: BaseMods[K];
 };
 
-type LineHeight =
-  | number
-  | [type: "multiple" | "leading", value: number]
-  | "loose"
-  | "normal"
-  | "tight"
-  | "variable";
-
 type BaseMods = {
   animation?: NativeAnimation | number | "";
   aspectRatio?: AspectRatio;
@@ -474,7 +151,7 @@ type BaseMods = {
     | { alignment: Alignment; content: NativeView };
   baselineOffset?: number;
   blendMode?: BlendMode;
-  blur?: number | { blur: number; opaque: boolean };
+  blur?: Blur;
   brightness?: number;
   buttonStyle?: ButtonStyle;
   clipped?: boolean;
@@ -489,7 +166,7 @@ type BaseMods = {
   debug?: boolean;
   disable?: boolean;
   drawingGroup?: boolean;
-  fixedSize?: boolean | { horizontal?: boolean; vertical?: boolean };
+  fixedSize?: FixedSize;
   font?: Font | "";
   fontDesign?: FontDesign | "";
   fontSize?: number;
@@ -506,9 +183,9 @@ type BaseMods = {
   italic?: boolean;
   kerning?: number;
   layoutPriority?: number;
+  lineHeight?: LineHeight | "";
   lineLimit?: number | "";
   lineSpacing?: number;
-  lineHeight?: LineHeight | "";
   luminanceToAlpha?: boolean;
   mask?: NativeView;
   maxHeight?: Dimension | boolean;
@@ -535,7 +212,9 @@ type BaseMods = {
   scaleEffect?: ScaleEffect;
   shadow?: Shadow;
   sides?: number;
-  strikethrough?: boolean | { isActive?: boolean; color?: Color };
+  strikethrough?:
+    | boolean
+    | { isActive?: boolean; pattern?: Pattern; color?: Color };
   test?: unknown;
   textAlignment?: TextAlignment;
   tint?: ShapeStyle;
@@ -543,21 +222,10 @@ type BaseMods = {
   transform?: [number, number, number, number, number, number];
   transition?: Transition;
   truncationMode?: "head" | "middle" | "tail";
+  typesettingLanguage?: string;
   underline?:
     | boolean
     | { isActive?: boolean; pattern?: Pattern; color?: Color };
   width?: number;
   zIndex?: number;
 };
-
-type Mods = {
-  [K in keyof BaseMods]?: BaseMods[K];
-} & {
-  [K in keyof BaseMods as `${K & string}_${string}`]?: BaseMods[K];
-};
-
-type ObjectToTuple<T> = {
-  [K in keyof T]: [K, T[K]];
-}[keyof T];
-
-type ModTuple = ObjectToTuple<BaseMods>;