@universal-material/web 3.0.112 → 3.0.113

package/custom-elements.json

@@ -2718,255 +2718,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card-content.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    display: block;\n  }\n\n  :host(:has(slot > *)) {\n    display: none;\n  }\n\n  :host([has-content]) {\n    padding: var(--u-card-padding, 16px);\n  }\n\n  slot {\n    border-radius: inherit;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/card/card-content.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card-content.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmCardContent",
-          "members": [
-            {
-              "kind": "field",
-              "name": "hasContent",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "has-content",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "has-content",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "hasContent"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-card-content",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmCardContent",
-          "declaration": {
-            "name": "UmCardContent",
-            "module": "src/card/card-content.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-card-content",
-          "declaration": {
-            "name": "UmCardContent",
-            "module": "src/card/card-content.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card-media.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    display: block;\n    aspect-ratio: 1;\n    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n  }\n\n  :host([wide]) {\n    aspect-ratio: 16/9;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/card/card-media.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card-media.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmCardMedia",
-          "members": [
-            {
-              "kind": "field",
-              "name": "wide",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "wide",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "wide",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "wide"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-card-media",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmCardMedia",
-          "declaration": {
-            "name": "UmCardMedia",
-            "module": "src/card/card-media.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-card-media",
-          "declaration": {
-            "name": "UmCardMedia",
-            "module": "src/card/card-media.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    display: block;\n    position: relative;\n    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n  }\n\n  :host([variant=elevated]) {\n    --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n    background-color: var(--u-current-bg-color);\n  }\n  :host([variant=elevated]) u-elevation {\n    --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n  }\n\n  :host([variant=filled]) {\n    --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n    background-color: var(--u-current-bg-color);\n  }\n\n  :host([variant=outlined]) {\n    border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n  }\n\n  u-card-content,\n  slot {\n    border-radius: inherit;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/card/card.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/card/card.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmCard",
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "UmCardVariant"
-              },
-              "default": "'filled'",
-              "description": "The Card variant to render.",
-              "attribute": "variant",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "UmCardVariant"
-              },
-              "default": "'filled'",
-              "description": "The Card variant to render.",
-              "fieldName": "variant"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "u-card",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmCard",
-          "declaration": {
-            "name": "UmCard",
-            "module": "src/card/card.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "u-card",
-          "declaration": {
-            "name": "UmCard",
-            "module": "src/card/card.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/checkbox/checkbox-list-item.ts",
@@ -3712,12 +3463,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/chip/chip-set.styles.ts",
+      "path": "src/card/card-content.styles.ts",
       "declarations": [
         {
           "kind": "variable",
           "name": "styles",
-          "default": "css `\n  :host {\n    flex-wrap: wrap;\n  }\n`"
+          "default": "css `\n  :host {\n    display: block;\n  }\n\n  :host(:has(slot > *)) {\n    display: none;\n  }\n\n  :host([has-content]) {\n    padding: var(--u-card-padding, 16px);\n  }\n\n  slot {\n    border-radius: inherit;\n  }\n`"
         }
       ],
       "exports": [
@@ -3726,14 +3477,263 @@
           "name": "styles",
           "declaration": {
             "name": "styles",
-            "module": "src/chip/chip-set.styles.ts"
+            "module": "src/card/card-content.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/chip/chip-set.ts",
+      "path": "src/card/card-content.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmCardContent",
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasContent",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "has-content",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "has-content",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "hasContent"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-card-content",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmCardContent",
+          "declaration": {
+            "name": "UmCardContent",
+            "module": "src/card/card-content.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-card-content",
+          "declaration": {
+            "name": "UmCardContent",
+            "module": "src/card/card-content.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card-media.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    display: block;\n    aspect-ratio: 1;\n    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n  }\n\n  :host([wide]) {\n    aspect-ratio: 16/9;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/card/card-media.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card-media.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmCardMedia",
+          "members": [
+            {
+              "kind": "field",
+              "name": "wide",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "wide",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "wide",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "wide"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-card-media",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmCardMedia",
+          "declaration": {
+            "name": "UmCardMedia",
+            "module": "src/card/card-media.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-card-media",
+          "declaration": {
+            "name": "UmCardMedia",
+            "module": "src/card/card-media.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    display: block;\n    position: relative;\n    border-radius: var(--u-card-shape-corner, var(--u-shape-corner-medium, 12px));\n  }\n\n  :host([variant=elevated]) {\n    --u-current-bg-color: var(--u-card-elevated-bg-color, var(--u-color-surface-container-low, rgb(247, 242, 250)));\n    background-color: var(--u-current-bg-color);\n  }\n  :host([variant=elevated]) u-elevation {\n    --u-elevation-level: var(--u-elevated-card-elevation-level, 1);\n  }\n\n  :host([variant=filled]) {\n    --u-current-bg-color: var(--u-card-filled-bg-color, var(--u-color-surface-container-highest, rgb(230, 224, 233)));\n    background-color: var(--u-current-bg-color);\n  }\n\n  :host([variant=outlined]) {\n    border: var(--u-outlined-card-outline-width, 1px) solid var(--u-outlined-card-outline-color, var(--u-color-outline-variant, rgb(202, 196, 208)));\n  }\n\n  u-card-content,\n  slot {\n    border-radius: inherit;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/card/card.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/card/card.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmCard",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "UmCardVariant"
+              },
+              "default": "'filled'",
+              "description": "The Card variant to render.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "UmCardVariant"
+              },
+              "default": "'filled'",
+              "description": "The Card variant to render.",
+              "fieldName": "variant"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "u-card",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "UmCard",
+          "declaration": {
+            "name": "UmCard",
+            "module": "src/card/card.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "u-card",
+          "declaration": {
+            "name": "UmCard",
+            "module": "src/card/card.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/chip/chip-set.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    flex-wrap: wrap;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/chip/chip-set.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/chip/chip-set.ts",
       "declarations": [
         {
           "kind": "class",
@@ -15819,35 +15819,20 @@
             },
             {
               "kind": "field",
-              "name": "neutralColorPalette",
+              "name": "partial",
               "type": {
-                "text": "TonalPalette"
-              }
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "neutralVariantColorPalette",
-              "type": {
-                "text": "TonalPalette"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "partial",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "#corePalette",
               "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "scheme",
               "type": {
-                "text": "SchemeContent | null"
-              },
-              "privacy": "private",
-              "default": "new SchemeContent(Hct.fromInt(argbFromHex(primaryColorHex)), false, 0)"
+                "text": "CorePalette"
+              }
             },
             {
               "kind": "method",
@@ -15875,7 +15860,15 @@
                 "type": {
                   "text": "ThemeBuilder"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "primaryColorHex",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -15925,7 +15918,7 @@
             },
             {
               "kind": "method",
-              "name": "addFixedColor",
+              "name": "addStaticColor",
               "return": {
                 "type": {
                   "text": "ThemeBuilder"
@@ -15943,6 +15936,13 @@
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "tone",
+                  "default": "80",
+                  "type": {
+                    "text": "number"
+                  }
                 }
               ]
             },
@@ -15983,6 +15983,16 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "ensureStatusColors",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "getNeutralVariables",
@@ -17510,108 +17520,28 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n\n  :host([alignment=start]) {\n    justify-content: flex-start;\n  }\n\n  :host([alignment=center]) {\n    justify-content: center;\n  }\n\n  :host([alignment=end]) {\n    justify-content: flex-end;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
-          "declaration": {
-            "name": "styles",
-            "module": "src/shared/sets/set-base.styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/sets/set-base.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "UmSetBase",
-          "members": [
-            {
-              "kind": "field",
-              "name": "alignment",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "attribute": "alignment",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "alignment",
-              "type": {
-                "text": "'start' | 'center' | 'end'"
-              },
-              "default": "'start'",
-              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
-              "fieldName": "alignment"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "UmSetBase",
-          "declaration": {
-            "name": "UmSetBase",
-            "module": "src/shared/sets/set-base.ts"
-          }
-        }
-      ]
+      "path": "src/shared/events/dispatch-event.ts",
+      "declarations": [],
+      "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/selection-control/selection-control-list-item.ts",
+      "path": "src/shared/events/redispatch-event.ts",
       "declarations": [
         {
-          "kind": "mixin",
-          "description": "",
-          "name": "mixinSelectionControlListItem",
-          "members": [
+          "kind": "function",
+          "name": "redispatchEvent",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "styles",
+              "name": "element",
               "type": {
-                "text": "array"
-              },
-              "static": true,
-              "default": "[\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`:host {\n        --u-list-item-block-padding: 0;\n        display: block;\n      }`\n    ]"
-            },
-            {
-              "kind": "method",
-              "name": "render",
-              "return": {
-                "type": {
-                  "text": "HTMLTemplateResult"
-                }
+                "text": "Element"
               }
-            }
-          ],
-          "parameters": [
+            },
             {
-              "name": "base",
+              "name": "event",
               "type": {
-                "text": "T"
+                "text": "Event"
               }
             }
           ]
@@ -17620,124 +17550,369 @@
       "exports": [
         {
           "kind": "js",
-          "name": "mixinSelectionControlListItem",
-          "declaration": {
-            "name": "mixinSelectionControlListItem",
-            "module": "src/shared/selection-control/selection-control-list-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/selection-control/selection-control.styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "styles",
-          "default": "css `\n  :host {\n    --_state-layer-padding: var(--u--state-layer-padding, 4px);\n    --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n    --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .container {\n    cursor: pointer;\n    position: relative;\n    width: var(--_width);\n    height: var(--_height);\n    padding: var(--_state-layer-padding);\n    border-radius: var(--u-shape-corner-full, 9999px);\n  }\n\n  :host([hide-state-layer]) .container {\n    width: var(--_indicator-size);\n    height: var(--_indicator-size);\n    padding: 0;\n  }\n  :host([hide-state-layer]) u-ripple {\n    display: none;\n  }\n\n  input {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    border-radius: inherit;\n    appearance: none;\n    pointer-events: none;\n  }\n\n  u-ripple {\n    padding: var(--_state-layer-padding);\n  }\n\n  .indicator-container {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  input:checked ~ .indicator-container {\n    --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  :host([disabled]) {\n    opacity: var(--u--disabled-state-opacity, 0.38);\n  }\n  :host([disabled]) input,\n  :host([disabled]) .container {\n    cursor: default;\n  }\n  :host([disabled]) .indicator-container {\n    --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "styles",
+          "name": "redispatchEvent",
           "declaration": {
-            "name": "styles",
-            "module": "src/shared/selection-control/selection-control.styles.ts"
+            "name": "redispatchEvent",
+            "module": "src/shared/events/redispatch-event.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/selection-control/selection-control.ts",
+      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "UmSelectionControl",
+          "name": "MenuFieldNavigationController",
           "members": [
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "#element",
+              "privacy": "private",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | null"
               },
-              "static": true,
-              "default": "true"
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "elementInternals",
+              "name": "focusedMenu",
               "type": {
-                "text": "ElementInternals"
+                "text": "TMenuItem | null"
               },
-              "privacy": "protected"
+              "privacy": "protected",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "host",
               "type": {
-                "text": "string | undefined"
+                "text": "TField"
               },
-              "default": "''",
-              "attribute": "name"
+              "privacy": "protected",
+              "default": "host"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "bindHandleKeyDown",
               "type": {
-                "text": "boolean"
+                "text": "(event: KeyboardEvent) => void"
               },
-              "default": "false",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              }
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "#checked",
-              "privacy": "private",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "attach",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "inputType",
-              "type": {
-                "text": "'checkbox' | 'radio'"
-              },
-              "privacy": "protected",
-              "default": "'checkbox'"
+              "kind": "method",
+              "name": "detach"
             },
             {
               "kind": "field",
-              "name": "renderRipple",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "true"
+              "name": "#handleMenuClose",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderIndicator",
+              "name": "handleKeyDown",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "navigate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "forwards",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "navigateTo",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "TMenuItem | undefined"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focusMenu",
+              "parameters": [
+                {
+                  "name": "menu",
+                  "type": {
+                    "text": "TMenuItem"
+                  }
+                },
+                {
+                  "name": "active",
+                  "default": "true"
+                },
+                {
+                  "name": "scroll",
+                  "default": "true"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "blurMenu"
+            },
+            {
+              "kind": "method",
+              "name": "selectActiveItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "afterFocus",
+              "privacy": "protected",
+              "parameters": [
+                {
+                  "name": "_",
+                  "type": {
+                    "text": "TMenuItem"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "afterBlur",
+              "privacy": "protected"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MenuFieldNavigationController",
+          "declaration": {
+            "name": "MenuFieldNavigationController",
+            "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/menu-field/menu-field.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/selection-control/selection-control-list-item.ts",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "mixinSelectionControlListItem",
+          "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "array"
+              },
+              "static": true,
+              "default": "[\n      (base as unknown as typeof LitElement).styles ?? [],\n      css`:host {\n        --u-list-item-block-padding: 0;\n        display: block;\n      }`\n    ]"
+            },
+            {
+              "kind": "method",
+              "name": "render",
+              "return": {
+                "type": {
+                  "text": "HTMLTemplateResult"
+                }
+              }
+            }
+          ],
+          "parameters": [
+            {
+              "name": "base",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "mixinSelectionControlListItem",
+          "declaration": {
+            "name": "mixinSelectionControlListItem",
+            "module": "src/shared/selection-control/selection-control-list-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/selection-control/selection-control.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    --_state-layer-padding: var(--u--state-layer-padding, 4px);\n    --_input-size: calc(var(--_width) - var(--_state-layer-padding) * 2);\n    --_indicator-color: var(--u--indicator-unselected-color, var(--u-color-on-surface-variant, rgb(73, 69, 79)));\n    display: inline-block;\n    vertical-align: middle;\n  }\n\n  .container {\n    cursor: pointer;\n    position: relative;\n    width: var(--_width);\n    height: var(--_height);\n    padding: var(--_state-layer-padding);\n    border-radius: var(--u-shape-corner-full, 9999px);\n  }\n\n  :host([hide-state-layer]) .container {\n    width: var(--_indicator-size);\n    height: var(--_indicator-size);\n    padding: 0;\n  }\n  :host([hide-state-layer]) u-ripple {\n    display: none;\n  }\n\n  input {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    margin: 0;\n    border-radius: inherit;\n    appearance: none;\n    pointer-events: none;\n  }\n\n  u-ripple {\n    padding: var(--_state-layer-padding);\n  }\n\n  .indicator-container {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    inset: 0;\n    pointer-events: none;\n  }\n\n  input:checked ~ .indicator-container {\n    --_indicator-color: var(--u--indicator-selected-color, var(--u-color-primary, rgb(103, 80, 164)));\n  }\n\n  :host([disabled]) {\n    opacity: var(--u--disabled-state-opacity, 0.38);\n  }\n  :host([disabled]) input,\n  :host([disabled]) .container {\n    cursor: default;\n  }\n  :host([disabled]) .indicator-container {\n    --_indicator-color: var(--u--indicator-disabled-color, var(--u-color-on-surface, rgb(29, 27, 32)));\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
+          "declaration": {
+            "name": "styles",
+            "module": "src/shared/selection-control/selection-control.styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/selection-control/selection-control.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "UmSelectionControl",
+          "members": [
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "static": true,
+              "default": "true"
+            },
+            {
+              "kind": "field",
+              "name": "elementInternals",
+              "type": {
+                "text": "ElementInternals"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "''",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#checked",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "inputType",
+              "type": {
+                "text": "'checkbox' | 'radio'"
+              },
+              "privacy": "protected",
+              "default": "'checkbox'"
+            },
+            {
+              "kind": "field",
+              "name": "renderRipple",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "true"
+            },
+            {
+              "kind": "method",
+              "name": "renderIndicator",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -17842,50 +18017,81 @@
       "exports": [
         {
           "kind": "js",
-          "name": "UmSelectionControl",
+          "name": "UmSelectionControl",
+          "declaration": {
+            "name": "UmSelectionControl",
+            "module": "src/shared/selection-control/selection-control.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/shared/sets/set-base.styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "styles",
+          "default": "css `\n  :host {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n\n  :host([alignment=start]) {\n    justify-content: flex-start;\n  }\n\n  :host([alignment=center]) {\n    justify-content: center;\n  }\n\n  :host([alignment=end]) {\n    justify-content: flex-end;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "styles",
           "declaration": {
-            "name": "UmSelectionControl",
-            "module": "src/shared/selection-control/selection-control.ts"
+            "name": "styles",
+            "module": "src/shared/sets/set-base.styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/shared/events/dispatch-event.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/events/redispatch-event.ts",
+      "path": "src/shared/sets/set-base.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "redispatchEvent",
-          "parameters": [
+          "kind": "class",
+          "description": "",
+          "name": "UmSetBase",
+          "members": [
             {
-              "name": "element",
+              "kind": "field",
+              "name": "alignment",
               "type": {
-                "text": "Element"
-              }
-            },
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "attribute": "alignment",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "name": "event",
+              "name": "alignment",
               "type": {
-                "text": "Event"
-              }
+                "text": "'start' | 'center' | 'end'"
+              },
+              "default": "'start'",
+              "description": "Set the alignment of the set at the `start`, `center` or at the `end`.",
+              "fieldName": "alignment"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "redispatchEvent",
+          "name": "UmSetBase",
           "declaration": {
-            "name": "redispatchEvent",
-            "module": "src/shared/events/redispatch-event.ts"
+            "name": "UmSetBase",
+            "module": "src/shared/sets/set-base.ts"
           }
         }
       ]
@@ -18523,202 +18729,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field-navigation-controller.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MenuFieldNavigationController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#element",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "focusedMenu",
-              "type": {
-                "text": "TMenuItem | null"
-              },
-              "privacy": "protected",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "host",
-              "type": {
-                "text": "TField"
-              },
-              "privacy": "protected",
-              "default": "host"
-            },
-            {
-              "kind": "field",
-              "name": "bindHandleKeyDown",
-              "type": {
-                "text": "(event: KeyboardEvent) => void"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "attach",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "detach"
-            },
-            {
-              "kind": "field",
-              "name": "#handleMenuClose",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "navigate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "forwards",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "navigateTo",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                },
-                {
-                  "name": "menu",
-                  "type": {
-                    "text": "TMenuItem | undefined"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "focusMenu",
-              "parameters": [
-                {
-                  "name": "menu",
-                  "type": {
-                    "text": "TMenuItem"
-                  }
-                },
-                {
-                  "name": "active",
-                  "default": "true"
-                },
-                {
-                  "name": "scroll",
-                  "default": "true"
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "blurMenu"
-            },
-            {
-              "kind": "method",
-              "name": "selectActiveItem",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "afterFocus",
-              "privacy": "protected",
-              "parameters": [
-                {
-                  "name": "_",
-                  "type": {
-                    "text": "TMenuItem"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "afterBlur",
-              "privacy": "protected"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "MenuFieldNavigationController",
-          "declaration": {
-            "name": "MenuFieldNavigationController",
-            "module": "src/shared/menu-field/menu-field-navigation-controller.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/shared/menu-field/menu-field.ts",
-      "declarations": [],
-      "exports": []
     }
   ]
 }