@m3e/web 2.5.11 → 2.5.12

package/dist/custom-elements.json

@@ -5432,9 +5432,9 @@
           "kind": "variable",
           "name": "MeasurementToken",
           "type": {
-            "text": "{\r\n  /** Zero spacing. */\r\n  space0: unsafeCSS(\"var(--md-sys-measurement-space0, 0rem)\"),\r\n\r\n  /** 2dp spacing. */\r\n  space25: unsafeCSS(\"var(--md-sys-measurement-space25, 0.125rem)\"),\r\n\r\n  /** 4dp spacing. */\r\n  space50: unsafeCSS(\"var(--md-sys-measurement-space50, 0.25rem)\"),\r\n\r\n  /** 6dp spacing. */\r\n  space75: unsafeCSS(\"var(--md-sys-measurement-space75, 0.375rem)\"),\r\n\r\n  /** 8dp spacing. */\r\n  space100: unsafeCSS(\"var(--md-sys-measurement-space100, 0.5rem)\"),\r\n\r\n  /** 12dp spacing. */\r\n  space150: unsafeCSS(\"var(--md-sys-measurement-space150, 0.75rem)\"),\r\n\r\n  /** 16dp spacing. */\r\n  space200: unsafeCSS(\"var(--md-sys-measurement-space200, 1rem)\"),\r\n\r\n  /** 20dp spacing. */\r\n  space250: unsafeCSS(\"var(--md-sys-measurement-space250, 1.25rem)\"),\r\n\r\n  /** 32dp spacing. */\r\n  space300: unsafeCSS(\"var(--md-sys-measurement-space300, 2rem)\"),\r\n\r\n  /** 40dp spacing. */\r\n  space400: unsafeCSS(\"var(--md-sys-measurement-space400, 2.5rem)\"),\r\n\r\n  /** 48dp spacing. */\r\n  space500: unsafeCSS(\"var(--md-sys-measurement-space500, 3rem)\"),\r\n\r\n  /** 56dp spacing. */\r\n  space600: unsafeCSS(\"var(--md-sys-measurement-space600, 3.5rem)\"),\r\n\r\n  /** 64dp spacing. */\r\n  space700: unsafeCSS(\"var(--md-sys-measurement-space700, 4rem)\"),\r\n\r\n  /** 72dp spacing. */\r\n  space800: unsafeCSS(\"var(--md-sys-measurement-space800, 4.5rem)\"),\r\n\r\n  /** 96dp spacing. */\r\n  space900: unsafeCSS(\"var(--md-sys-measurement-space900, 6rem)\"),\r\n}"
+            "text": "{\r\n  /** Zero spacing. */\r\n  space0: space(0),\r\n\r\n  /** 2dp spacing. */\r\n  space25: space(25),\r\n\r\n  /** 4dp spacing. */\r\n  space50: space(50),\r\n\r\n  /** 6dp spacing. */\r\n  space75: space(75),\r\n\r\n  /** 8dp spacing. */\r\n  space100: space(100),\r\n\r\n  /** 10dp spacing. */\r\n  space125: space(125),\r\n\r\n  /** 12dp spacing. */\r\n  space150: space(150),\r\n\r\n  /** 14dp spacing. */\r\n  space175: space(175),\r\n\r\n  /** 16dp spacing. */\r\n  space200: space(200),\r\n\r\n  /** 20dp spacing. */\r\n  space250: space(250),\r\n\r\n  /** 24dp spacing. */\r\n  space300: space(300),\r\n\r\n  /** 32dp spacing. */\r\n  space400: space(400),\r\n\r\n  /** 36dp spacing. */\r\n  space450: space(450),\r\n\r\n  /** 40dp spacing. */\r\n  space500: space(500),\r\n\r\n  /** 48dp spacing. */\r\n  space600: space(600),\r\n\r\n  /** 56dp spacing. */\r\n  space700: space(700),\r\n\r\n  /** 64dp spacing. */\r\n  space800: space(800),\r\n\r\n  /** 72dp spacing. */\r\n  space900: space(900),\r\n}"
           },
-          "default": "{ /** Zero spacing. */ space0: unsafeCSS(\"var(--md-sys-measurement-space0, 0rem)\"), /** 2dp spacing. */ space25: unsafeCSS(\"var(--md-sys-measurement-space25, 0.125rem)\"), /** 4dp spacing. */ space50: unsafeCSS(\"var(--md-sys-measurement-space50, 0.25rem)\"), /** 6dp spacing. */ space75: unsafeCSS(\"var(--md-sys-measurement-space75, 0.375rem)\"), /** 8dp spacing. */ space100: unsafeCSS(\"var(--md-sys-measurement-space100, 0.5rem)\"), /** 12dp spacing. */ space150: unsafeCSS(\"var(--md-sys-measurement-space150, 0.75rem)\"), /** 16dp spacing. */ space200: unsafeCSS(\"var(--md-sys-measurement-space200, 1rem)\"), /** 20dp spacing. */ space250: unsafeCSS(\"var(--md-sys-measurement-space250, 1.25rem)\"), /** 32dp spacing. */ space300: unsafeCSS(\"var(--md-sys-measurement-space300, 2rem)\"), /** 40dp spacing. */ space400: unsafeCSS(\"var(--md-sys-measurement-space400, 2.5rem)\"), /** 48dp spacing. */ space500: unsafeCSS(\"var(--md-sys-measurement-space500, 3rem)\"), /** 56dp spacing. */ space600: unsafeCSS(\"var(--md-sys-measurement-space600, 3.5rem)\"), /** 64dp spacing. */ space700: unsafeCSS(\"var(--md-sys-measurement-space700, 4rem)\"), /** 72dp spacing. */ space800: unsafeCSS(\"var(--md-sys-measurement-space800, 4.5rem)\"), /** 96dp spacing. */ space900: unsafeCSS(\"var(--md-sys-measurement-space900, 6rem)\"), }",
+          "default": "{ /** Zero spacing. */ space0: space(0), /** 2dp spacing. */ space25: space(25), /** 4dp spacing. */ space50: space(50), /** 6dp spacing. */ space75: space(75), /** 8dp spacing. */ space100: space(100), /** 10dp spacing. */ space125: space(125), /** 12dp spacing. */ space150: space(150), /** 14dp spacing. */ space175: space(175), /** 16dp spacing. */ space200: space(200), /** 20dp spacing. */ space250: space(250), /** 24dp spacing. */ space300: space(300), /** 32dp spacing. */ space400: space(400), /** 36dp spacing. */ space450: space(450), /** 40dp spacing. */ space500: space(500), /** 48dp spacing. */ space600: space(600), /** 56dp spacing. */ space700: space(700), /** 64dp spacing. */ space800: space(800), /** 72dp spacing. */ space900: space(900), }",
           "description": "Design tokens that control measurements."
         }
       ],
@@ -5507,9 +5507,9 @@
           "kind": "variable",
           "name": "ShapeToken",
           "type": {
-            "text": "{\r\n  corner: {\r\n    /** Fully rounded symmetric shape. */\r\n    full: unsafeCSS(\"var(--md-sys-shape-corner-full, 624.9375rem)\"),\r\n\r\n    /** Extra large rounded asymmetric shape directed towards the top. */\r\n    extraLargeTop: unsafeCSS(\r\n      `var(--md-sys-shape-corner-extra-large-top, ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none})`\r\n    ),\r\n\r\n    /** Extra large rounded symmetric shape. */\r\n    extraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-large, ${CornerValue.extraLarge})`),\r\n\r\n    /** Extra large rounded asymmetric shape directed towards the end. */\r\n    extraLargeEnd: unsafeCSS(\r\n      `${CornerValue.none} ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none}`\r\n    ),\r\n\r\n    /** Extra large rounded asymmetric shape directed towards the start. */\r\n    extraLargeStart: unsafeCSS(\r\n      `${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraLarge}`\r\n    ),\r\n\r\n    /** Large rounded asymmetric shape directed towards the top. */\r\n    largeTop: unsafeCSS(\r\n      `var(--md-sys-shape-corner-large-top, ${CornerValue.large} ${CornerValue.large} ${CornerValue.none} ${CornerValue.none})`\r\n    ),\r\n\r\n    /** Large rounded asymmetric shape directed towards the end. */\r\n    largeEnd: unsafeCSS(\r\n      `var(--md-sys-shape-corner-large-end, ${CornerValue.none} ${CornerValue.large} ${CornerValue.large} ${CornerValue.none})`\r\n    ),\r\n\r\n    /** Large rounded asymmetric shape directed towards the start. */\r\n    largeStart: unsafeCSS(\r\n      `var(--md-sys-shape-corner-large-end, ${CornerValue.large} ${CornerValue.none} ${CornerValue.none} ${CornerValue.large})`\r\n    ),\r\n\r\n    /** Large rounded symmetric shape. */\r\n    large: unsafeCSS(`var(--md-sys-shape-corner-large, ${CornerValue.large})`),\r\n\r\n    /** Medium rounded symmetric shape. */\r\n    medium: unsafeCSS(`var(--md-sys-shape-corner-medium, ${CornerValue.medium})`),\r\n\r\n    /** Medium rounded asymmetric shape directed towards the top. */\r\n    mediumTop: unsafeCSS(`${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none} ${CornerValue.none}`),\r\n\r\n    /** Medium rounded asymmetric shape directed towards the end. */\r\n    mediumEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none}`),\r\n\r\n    /** Medium rounded asymmetric shape directed towards the start. */\r\n    mediumStart: unsafeCSS(`${CornerValue.medium} ${CornerValue.none} ${CornerValue.none} ${CornerValue.medium}`),\r\n\r\n    /** Small rounded symmetric shape. */\r\n    small: unsafeCSS(`var(--md-sys-shape-corner-small, ${CornerValue.small})`),\r\n\r\n    /** Small rounded asymmetric shape directed towards the top. */\r\n    smallTop: unsafeCSS(`${CornerValue.small} ${CornerValue.small} ${CornerValue.none} ${CornerValue.none}`),\r\n\r\n    /** Small rounded asymmetric shape directed towards the end. */\r\n    smallEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.small} ${CornerValue.small} ${CornerValue.none}`),\r\n\r\n    /** Small rounded asymmetric shape directed towards the start. */\r\n    smallStart: unsafeCSS(`${CornerValue.small} ${CornerValue.none} ${CornerValue.none} ${CornerValue.small}`),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the top. */\r\n    extraSmallTop: unsafeCSS(\r\n      `var(--md-sys-shape-corner-extra-small-top, ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none})`\r\n    ),\r\n\r\n    /** Extra small rounded symmetric shape. */\r\n    extraSmall: unsafeCSS(`var(--md-sys-shape-corner-extra-small, ${CornerValue.extraSmall})`),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the end. */\r\n    extraSmallEnd: unsafeCSS(\r\n      `${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none}`\r\n    ),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the start. */\r\n    extraSmallStart: unsafeCSS(\r\n      `${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall}`\r\n    ),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the bottom. */\r\n    extraSmallBottom: unsafeCSS(\r\n      `${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall}`\r\n    ),\r\n\r\n    /** No rounding. */\r\n    none: unsafeCSS(`var(--md-sys-shape-corner-none, ${CornerValue.none})`),\r\n\r\n    /** Increased large rounded symmetric shape. */\r\n    largeIncreased: unsafeCSS(`var(--md-sys-shape-corner-large-increased, ${CornerValue.largeIncreased})`),\r\n\r\n    /** Increased extra large rounded symmetric shape. */\r\n    extraLargeIncreased: unsafeCSS(\r\n      `var(--md-sys-shape-corner-extra-large-increased, ${CornerValue.extraLargeIncreased})`\r\n    ),\r\n\r\n    /** Extra extra large rounded symmetric shape. */\r\n    extraExtraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-extra-large, ${CornerValue.extraExtraLarge})`),\r\n\r\n    /** Design tokens that control specific corners. */\r\n    value: CornerValue,\r\n  },\r\n}"
+            "text": "{\r\n  corner: {\r\n    /** Fully rounded symmetric shape. */\r\n    full: unsafeCSS(\"var(--md-sys-shape-corner-full, 624.9375rem)\"),\r\n\r\n    /** Extra large rounded asymmetric shape directed towards the top. */\r\n    extraLargeTop: unsafeCSS(\r\n      `var(--md-sys-shape-corner-extra-large-top, ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none})`,\r\n    ),\r\n\r\n    /** Extra large rounded symmetric shape. */\r\n    extraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-large, ${CornerValue.extraLarge})`),\r\n\r\n    /** Extra large rounded asymmetric shape directed towards the end. */\r\n    extraLargeEnd: unsafeCSS(\r\n      `${CornerValue.none} ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none}`,\r\n    ),\r\n\r\n    /** Extra large rounded asymmetric shape directed towards the start. */\r\n    extraLargeStart: unsafeCSS(\r\n      `${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraLarge}`,\r\n    ),\r\n\r\n    /** Large rounded asymmetric shape directed towards the top. */\r\n    largeTop: unsafeCSS(\r\n      `var(--md-sys-shape-corner-large-top, ${CornerValue.large} ${CornerValue.large} ${CornerValue.none} ${CornerValue.none})`,\r\n    ),\r\n\r\n    /** Large rounded asymmetric shape directed towards the end. */\r\n    largeEnd: unsafeCSS(\r\n      `var(--md-sys-shape-corner-large-end, ${CornerValue.none} ${CornerValue.large} ${CornerValue.large} ${CornerValue.none})`,\r\n    ),\r\n\r\n    /** Large rounded asymmetric shape directed towards the start. */\r\n    largeStart: unsafeCSS(\r\n      `var(--md-sys-shape-corner-large-start, ${CornerValue.large} ${CornerValue.none} ${CornerValue.none} ${CornerValue.large})`,\r\n    ),\r\n\r\n    /** Large rounded symmetric shape. */\r\n    large: unsafeCSS(`var(--md-sys-shape-corner-large, ${CornerValue.large})`),\r\n\r\n    /** Medium rounded symmetric shape. */\r\n    medium: unsafeCSS(`var(--md-sys-shape-corner-medium, ${CornerValue.medium})`),\r\n\r\n    /** Medium rounded asymmetric shape directed towards the top. */\r\n    mediumTop: unsafeCSS(`${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none} ${CornerValue.none}`),\r\n\r\n    /** Medium rounded asymmetric shape directed towards the end. */\r\n    mediumEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none}`),\r\n\r\n    /** Medium rounded asymmetric shape directed towards the start. */\r\n    mediumStart: unsafeCSS(`${CornerValue.medium} ${CornerValue.none} ${CornerValue.none} ${CornerValue.medium}`),\r\n\r\n    /** Small rounded symmetric shape. */\r\n    small: unsafeCSS(`var(--md-sys-shape-corner-small, ${CornerValue.small})`),\r\n\r\n    /** Small rounded asymmetric shape directed towards the top. */\r\n    smallTop: unsafeCSS(`${CornerValue.small} ${CornerValue.small} ${CornerValue.none} ${CornerValue.none}`),\r\n\r\n    /** Small rounded asymmetric shape directed towards the end. */\r\n    smallEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.small} ${CornerValue.small} ${CornerValue.none}`),\r\n\r\n    /** Small rounded asymmetric shape directed towards the start. */\r\n    smallStart: unsafeCSS(`${CornerValue.small} ${CornerValue.none} ${CornerValue.none} ${CornerValue.small}`),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the top. */\r\n    extraSmallTop: unsafeCSS(\r\n      `var(--md-sys-shape-corner-extra-small-top, ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none})`,\r\n    ),\r\n\r\n    /** Extra small rounded symmetric shape. */\r\n    extraSmall: unsafeCSS(`var(--md-sys-shape-corner-extra-small, ${CornerValue.extraSmall})`),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the end. */\r\n    extraSmallEnd: unsafeCSS(\r\n      `${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none}`,\r\n    ),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the start. */\r\n    extraSmallStart: unsafeCSS(\r\n      `${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall}`,\r\n    ),\r\n\r\n    /** Extra small rounded asymmetric shape directed towards the bottom. */\r\n    extraSmallBottom: unsafeCSS(\r\n      `${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall}`,\r\n    ),\r\n\r\n    /** No rounding. */\r\n    none: unsafeCSS(`var(--md-sys-shape-corner-none, ${CornerValue.none})`),\r\n\r\n    /** Increased large rounded symmetric shape. */\r\n    largeIncreased: unsafeCSS(`var(--md-sys-shape-corner-large-increased, ${CornerValue.largeIncreased})`),\r\n\r\n    /** Increased extra large rounded symmetric shape. */\r\n    extraLargeIncreased: unsafeCSS(\r\n      `var(--md-sys-shape-corner-extra-large-increased, ${CornerValue.extraLargeIncreased})`,\r\n    ),\r\n\r\n    /** Extra extra large rounded symmetric shape. */\r\n    extraExtraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-extra-large, ${CornerValue.extraExtraLarge})`),\r\n\r\n    /** Design tokens that control specific corners. */\r\n    value: CornerValue,\r\n  },\r\n}"
           },
-          "default": "{ corner: { /** Fully rounded symmetric shape. */ full: unsafeCSS(\"var(--md-sys-shape-corner-full, 624.9375rem)\"), /** Extra large rounded asymmetric shape directed towards the top. */ extraLargeTop: unsafeCSS( `var(--md-sys-shape-corner-extra-large-top, ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none})` ), /** Extra large rounded symmetric shape. */ extraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-large, ${CornerValue.extraLarge})`), /** Extra large rounded asymmetric shape directed towards the end. */ extraLargeEnd: unsafeCSS( `${CornerValue.none} ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none}` ), /** Extra large rounded asymmetric shape directed towards the start. */ extraLargeStart: unsafeCSS( `${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraLarge}` ), /** Large rounded asymmetric shape directed towards the top. */ largeTop: unsafeCSS( `var(--md-sys-shape-corner-large-top, ${CornerValue.large} ${CornerValue.large} ${CornerValue.none} ${CornerValue.none})` ), /** Large rounded asymmetric shape directed towards the end. */ largeEnd: unsafeCSS( `var(--md-sys-shape-corner-large-end, ${CornerValue.none} ${CornerValue.large} ${CornerValue.large} ${CornerValue.none})` ), /** Large rounded asymmetric shape directed towards the start. */ largeStart: unsafeCSS( `var(--md-sys-shape-corner-large-end, ${CornerValue.large} ${CornerValue.none} ${CornerValue.none} ${CornerValue.large})` ), /** Large rounded symmetric shape. */ large: unsafeCSS(`var(--md-sys-shape-corner-large, ${CornerValue.large})`), /** Medium rounded symmetric shape. */ medium: unsafeCSS(`var(--md-sys-shape-corner-medium, ${CornerValue.medium})`), /** Medium rounded asymmetric shape directed towards the top. */ mediumTop: unsafeCSS(`${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none} ${CornerValue.none}`), /** Medium rounded asymmetric shape directed towards the end. */ mediumEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none}`), /** Medium rounded asymmetric shape directed towards the start. */ mediumStart: unsafeCSS(`${CornerValue.medium} ${CornerValue.none} ${CornerValue.none} ${CornerValue.medium}`), /** Small rounded symmetric shape. */ small: unsafeCSS(`var(--md-sys-shape-corner-small, ${CornerValue.small})`), /** Small rounded asymmetric shape directed towards the top. */ smallTop: unsafeCSS(`${CornerValue.small} ${CornerValue.small} ${CornerValue.none} ${CornerValue.none}`), /** Small rounded asymmetric shape directed towards the end. */ smallEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.small} ${CornerValue.small} ${CornerValue.none}`), /** Small rounded asymmetric shape directed towards the start. */ smallStart: unsafeCSS(`${CornerValue.small} ${CornerValue.none} ${CornerValue.none} ${CornerValue.small}`), /** Extra small rounded asymmetric shape directed towards the top. */ extraSmallTop: unsafeCSS( `var(--md-sys-shape-corner-extra-small-top, ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none})` ), /** Extra small rounded symmetric shape. */ extraSmall: unsafeCSS(`var(--md-sys-shape-corner-extra-small, ${CornerValue.extraSmall})`), /** Extra small rounded asymmetric shape directed towards the end. */ extraSmallEnd: unsafeCSS( `${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none}` ), /** Extra small rounded asymmetric shape directed towards the start. */ extraSmallStart: unsafeCSS( `${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall}` ), /** Extra small rounded asymmetric shape directed towards the bottom. */ extraSmallBottom: unsafeCSS( `${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall}` ), /** No rounding. */ none: unsafeCSS(`var(--md-sys-shape-corner-none, ${CornerValue.none})`), /** Increased large rounded symmetric shape. */ largeIncreased: unsafeCSS(`var(--md-sys-shape-corner-large-increased, ${CornerValue.largeIncreased})`), /** Increased extra large rounded symmetric shape. */ extraLargeIncreased: unsafeCSS( `var(--md-sys-shape-corner-extra-large-increased, ${CornerValue.extraLargeIncreased})` ), /** Extra extra large rounded symmetric shape. */ extraExtraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-extra-large, ${CornerValue.extraExtraLarge})`), /** Design tokens that control specific corners. */ value: CornerValue, }, }",
+          "default": "{ corner: { /** Fully rounded symmetric shape. */ full: unsafeCSS(\"var(--md-sys-shape-corner-full, 624.9375rem)\"), /** Extra large rounded asymmetric shape directed towards the top. */ extraLargeTop: unsafeCSS( `var(--md-sys-shape-corner-extra-large-top, ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none})`, ), /** Extra large rounded symmetric shape. */ extraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-large, ${CornerValue.extraLarge})`), /** Extra large rounded asymmetric shape directed towards the end. */ extraLargeEnd: unsafeCSS( `${CornerValue.none} ${CornerValue.extraLarge} ${CornerValue.extraLarge} ${CornerValue.none}`, ), /** Extra large rounded asymmetric shape directed towards the start. */ extraLargeStart: unsafeCSS( `${CornerValue.extraLarge} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraLarge}`, ), /** Large rounded asymmetric shape directed towards the top. */ largeTop: unsafeCSS( `var(--md-sys-shape-corner-large-top, ${CornerValue.large} ${CornerValue.large} ${CornerValue.none} ${CornerValue.none})`, ), /** Large rounded asymmetric shape directed towards the end. */ largeEnd: unsafeCSS( `var(--md-sys-shape-corner-large-end, ${CornerValue.none} ${CornerValue.large} ${CornerValue.large} ${CornerValue.none})`, ), /** Large rounded asymmetric shape directed towards the start. */ largeStart: unsafeCSS( `var(--md-sys-shape-corner-large-start, ${CornerValue.large} ${CornerValue.none} ${CornerValue.none} ${CornerValue.large})`, ), /** Large rounded symmetric shape. */ large: unsafeCSS(`var(--md-sys-shape-corner-large, ${CornerValue.large})`), /** Medium rounded symmetric shape. */ medium: unsafeCSS(`var(--md-sys-shape-corner-medium, ${CornerValue.medium})`), /** Medium rounded asymmetric shape directed towards the top. */ mediumTop: unsafeCSS(`${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none} ${CornerValue.none}`), /** Medium rounded asymmetric shape directed towards the end. */ mediumEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.medium} ${CornerValue.medium} ${CornerValue.none}`), /** Medium rounded asymmetric shape directed towards the start. */ mediumStart: unsafeCSS(`${CornerValue.medium} ${CornerValue.none} ${CornerValue.none} ${CornerValue.medium}`), /** Small rounded symmetric shape. */ small: unsafeCSS(`var(--md-sys-shape-corner-small, ${CornerValue.small})`), /** Small rounded asymmetric shape directed towards the top. */ smallTop: unsafeCSS(`${CornerValue.small} ${CornerValue.small} ${CornerValue.none} ${CornerValue.none}`), /** Small rounded asymmetric shape directed towards the end. */ smallEnd: unsafeCSS(`${CornerValue.none} ${CornerValue.small} ${CornerValue.small} ${CornerValue.none}`), /** Small rounded asymmetric shape directed towards the start. */ smallStart: unsafeCSS(`${CornerValue.small} ${CornerValue.none} ${CornerValue.none} ${CornerValue.small}`), /** Extra small rounded asymmetric shape directed towards the top. */ extraSmallTop: unsafeCSS( `var(--md-sys-shape-corner-extra-small-top, ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none})`, ), /** Extra small rounded symmetric shape. */ extraSmall: unsafeCSS(`var(--md-sys-shape-corner-extra-small, ${CornerValue.extraSmall})`), /** Extra small rounded asymmetric shape directed towards the end. */ extraSmallEnd: unsafeCSS( `${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall} ${CornerValue.none}`, ), /** Extra small rounded asymmetric shape directed towards the start. */ extraSmallStart: unsafeCSS( `${CornerValue.extraSmall} ${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall}`, ), /** Extra small rounded asymmetric shape directed towards the bottom. */ extraSmallBottom: unsafeCSS( `${CornerValue.none} ${CornerValue.none} ${CornerValue.extraSmall} ${CornerValue.extraSmall}`, ), /** No rounding. */ none: unsafeCSS(`var(--md-sys-shape-corner-none, ${CornerValue.none})`), /** Increased large rounded symmetric shape. */ largeIncreased: unsafeCSS(`var(--md-sys-shape-corner-large-increased, ${CornerValue.largeIncreased})`), /** Increased extra large rounded symmetric shape. */ extraLargeIncreased: unsafeCSS( `var(--md-sys-shape-corner-extra-large-increased, ${CornerValue.extraLargeIncreased})`, ), /** Extra extra large rounded symmetric shape. */ extraExtraLarge: unsafeCSS(`var(--md-sys-shape-corner-extra-extra-large, ${CornerValue.extraExtraLarge})`), /** Design tokens that control specific corners. */ value: CornerValue, }, }",
           "description": "Design tokens that control shape."
         }
       ],
@@ -6708,14 +6708,6 @@
               ]
             }
           ],
-          "events": [
-            {
-              "name": "click",
-              "type": {
-                "text": "MouseEvent"
-              }
-            }
-          ],
           "attributes": [
             {
               "name": "href",
@@ -17256,6 +17248,24 @@
                 "text": "'loading' | 'no-data' | 'content'"
               }
             },
+            {
+              "kind": "method",
+              "name": "#handleOptionStateChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#handleNoDataSlotChange",
@@ -19088,6 +19098,24 @@
               ],
               "description": "Clears the value of the element."
             },
+            {
+              "kind": "method",
+              "name": "#handleOptionStateChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#handleMutation",
@@ -21957,8 +21985,8 @@
                 "text": "MouseEvent"
               },
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             }
           ]
@@ -22384,15 +22412,8 @@
           ],
           "events": [
             {
-              "name": "click",
-              "type": {
-                "text": "MouseEvent"
-              },
               "description": "Dispatched when the element is clicked.",
-              "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
-              }
+              "name": "click"
             }
           ],
           "attributes": [
@@ -24923,8 +24944,8 @@
               },
               "description": "Dispatched when the element is clicked.",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             }
           ],
@@ -26903,8 +26924,8 @@
               },
               "description": "Dispatched when the element is clicked.",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             }
           ],
@@ -32354,8 +32375,8 @@
               },
               "description": "Dispatched when the element is clicked.",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             }
           ],
@@ -45030,8 +45051,8 @@
               },
               "description": "Dispatched when the element is clicked.",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             }
           ],
@@ -45691,8 +45712,8 @@
               },
               "description": "Dispatched when the element is clicked.",
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             }
           ],
@@ -48483,8 +48504,8 @@
                 "text": "MouseEvent"
               },
               "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
+                "name": "KeyboardClick",
+                "module": "src/core/shared/mixins/KeyboardClick.ts"
               }
             }
           ],
@@ -49874,15 +49895,8 @@
           ],
           "events": [
             {
-              "name": "click",
-              "type": {
-                "text": "MouseEvent"
-              },
               "description": "Dispatched when the element is clicked.",
-              "inheritedFrom": {
-                "name": "LinkButton",
-                "module": "src/core/shared/mixins/LinkButton.ts"
-              }
+              "name": "click"
             }
           ],
           "attributes": [
@@ -59390,6 +59404,24 @@
               ],
               "description": "Clears the value of the element."
             },
+            {
+              "kind": "method",
+              "name": "#handleOptionStateChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#handleMutation",

package/dist/fab.js

@@ -58,7 +58,7 @@ const FabSizeToken = {
     labelTextFontWeight: unsafeCSS(`var(--m3e-fab-large-label-text-font-weight, var(--m3e-fab-label-text-font-weight, ${DesignToken.typescale.standard.headline.small.fontWeight}))`),
     labelTextLineHeight: unsafeCSS(`var(--m3e-fab-large-label-text-line-height, var(--m3e-fab-label-text-line-height, ${DesignToken.typescale.standard.headline.small.lineHeight}))`),
     labelTextTracking: unsafeCSS(`var(--m3e-fab-large-label-text-tracking, var(--m3e-fab-label-text-tracking, ${DesignToken.typescale.standard.headline.small.tracking}))`),
-    iconSize: unsafeCSS("calc(var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),
+    iconSize: unsafeCSS("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),
     extendedIconSize: unsafeCSS("var(--m3e-fab-large-icon-size, var(--m3e-fab-icon-size, 2.25rem))"),
     shape: unsafeCSS(`var(--m3e-fab-large-shape, var(--m3e-fab-shape, ${DesignToken.shape.corner.extraLarge}))`),
     leadingSpace: unsafeCSS(`calc(var(--m3e-fab-large-leading-space, var(--m3e-fab-leading-space, 1.75rem)) + calc(${DesignToken.density.calc(-3)} / 2))`),