le-kit 0.5.2 → 0.5.3

package/dist/collection/dist/components/assets/custom-elements.json

@@ -970,6 +970,316 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-breadcrumbs/le-breadcrumbs.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "LeBreadcrumbs",
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "Breadcrumb items (supports JSON string)."
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Breadcrumbs'",
+              "description": "Accessible label for the breadcrumbs navigation."
+            },
+            {
+              "kind": "field",
+              "name": "separatorIcon",
+              "type": {
+                "text": "string"
+              },
+              "default": "'chevron-right'",
+              "description": "Separator icon name (used if no separator slot is provided)."
+            },
+            {
+              "kind": "field",
+              "name": "overflowMode",
+              "type": {
+                "text": "'collapse' | 'wrap' | 'scroll'"
+              },
+              "default": "'collapse'",
+              "description": "Overflow behavior: collapse (default), wrap, or scroll."
+            },
+            {
+              "kind": "field",
+              "name": "minVisibleItems",
+              "type": {
+                "text": "number"
+              },
+              "default": "2",
+              "description": "Minimum visible items before collapsing."
+            },
+            {
+              "kind": "field",
+              "name": "hiddenIndices",
+              "type": {
+                "text": "number[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "separatorTemplate",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "listEl",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "instanceId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "recomputeQueued",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "handleInputsChange"
+            },
+            {
+              "kind": "method",
+              "name": "setupResizeObserver",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "parsedItems",
+              "type": {
+                "text": "LeOption[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "getItemId",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleSeparatorSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "scheduleOverflowRecompute",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "nextFrame",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "recomputeOverflow",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleItemClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderSeparator",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderItem",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "item",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                },
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderMore",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "hiddenItems",
+                  "type": {
+                    "text": "LeOption[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "default": "[]",
+              "description": "Breadcrumb items (supports JSON string).",
+              "type": {
+                "text": "LeOption[] | string"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "default": "'Breadcrumbs'",
+              "description": "Accessible label for the breadcrumbs navigation.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "separator-icon",
+              "fieldName": "separatorIcon",
+              "default": "'chevron-right'",
+              "description": "Separator icon name (used if no separator slot is provided).",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "overflow-mode",
+              "fieldName": "overflowMode",
+              "default": "'collapse'",
+              "description": "Overflow behavior: collapse (default), wrap, or scroll.",
+              "type": {
+                "text": "'collapse' | 'wrap' | 'scroll'"
+              }
+            },
+            {
+              "name": "min-visible-items",
+              "fieldName": "minVisibleItems",
+              "default": "2",
+              "description": "Minimum visible items before collapsing.",
+              "type": {
+                "text": "number"
+              }
+            }
+          ],
+          "tagName": "le-breadcrumbs",
+          "events": [
+            {
+              "name": "leBreadcrumbSelect",
+              "type": {
+                "text": "EventEmitter<LeBreadcrumbSelectDetail>"
+              },
+              "description": "Emitted when a breadcrumb item is selected."
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeBreadcrumbs",
+          "declaration": {
+            "name": "LeBreadcrumbs",
+            "module": "src/components/le-breadcrumbs/le-breadcrumbs.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-breadcrumbs",
+          "declaration": {
+            "name": "LeBreadcrumbs",
+            "module": "src/components/le-breadcrumbs/le-breadcrumbs.tsx"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/le-button/le-button.tsx",
@@ -1322,60 +1632,38 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-card/le-card.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
-          "name": "LeCard",
-          "cssProperties": [
-            {
-              "description": "Card background color",
-              "name": "--le-card-bg"
-            },
-            {
-              "description": "Card border radius",
-              "name": "--le-card-border-radius"
-            },
-            {
-              "description": "Card box shadow",
-              "name": "--le-card-shadow"
-            },
-            {
-              "description": "Card content padding",
-              "name": "--le-card-padding"
-            }
-          ],
-          "cssParts": [
+      "path": "src/components/le-checkbox/le-checkbox.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
+          "name": "LeCheckbox",
+          "cssProperties": [
             {
-              "description": "The main card container",
-              "name": "card"
+              "description": "Size of the checkbox input",
+              "name": "--le-checkbox-size"
             },
             {
-              "description": "The card header section",
-              "name": "header"
+              "description": "Color of the checkbox when checked",
+              "name": "--le-checkbox-color"
             },
             {
-              "description": "The card content section",
-              "name": "content"
+              "description": "Color of the label text",
+              "name": "--le-checkbox-label-color"
             },
             {
-              "description": "The card footer section",
-              "name": "footer"
+              "description": "Color of the description text",
+              "name": "--le-checkbox-desc-color"
             }
           ],
           "slots": [
             {
-              "description": "Card header content (title, actions)",
-              "name": "header"
-            },
-            {
-              "description": "Default slot for main card content",
+              "description": "The label text for the checkbox",
               "name": ""
             },
             {
-              "description": "Card footer content (buttons, links)",
-              "name": "footer"
+              "description": "Additional description text displayed below the label",
+              "name": "description"
             }
           ],
           "members": [
@@ -1388,21 +1676,50 @@
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "checked",
               "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
+                "text": "boolean"
               },
-              "default": "'default'",
-              "description": "Card variant style"
+              "default": "false",
+              "description": "Whether the checkbox is checked"
             },
             {
               "kind": "field",
-              "name": "interactive",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the card is interactive (clickable)"
+              "description": "Whether the checkbox is disabled"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The name of the checkbox input"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value of the checkbox input"
+            },
+            {
+              "kind": "field",
+              "name": "externalId",
+              "type": {
+                "text": "string"
+              },
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
+            },
+            {
+              "kind": "field",
+              "name": "handleChange",
+              "privacy": "private"
             },
             {
               "kind": "method",
@@ -1411,44 +1728,76 @@
           ],
           "attributes": [
             {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'default'",
-              "description": "Card variant style",
+              "name": "checked",
+              "fieldName": "checked",
+              "default": "false",
+              "description": "Whether the checkbox is checked",
               "type": {
-                "text": "'default' | 'outlined' | 'elevated'"
+                "text": "boolean"
               }
             },
             {
-              "name": "interactive",
-              "fieldName": "interactive",
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Whether the card is interactive (clickable)",
+              "description": "Whether the checkbox is disabled",
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "The name of the checkbox input",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "description": "The value of the checkbox input",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "external-id",
+              "fieldName": "externalId",
+              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "le-checkbox",
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
+              },
+              "description": "Emitted when the checked state changes"
             }
           ],
-          "tagName": "le-card",
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCard",
+          "name": "LeCheckbox",
           "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-card",
+          "name": "le-checkbox",
           "declaration": {
-            "name": "LeCard",
-            "module": "src/components/le-card/le-card.tsx"
+            "name": "LeCheckbox",
+            "module": "src/components/le-checkbox/le-checkbox.tsx"
           }
         }
       ]
@@ -1760,72 +2109,205 @@
               }
             },
             {
-              "name": "external-id",
-              "fieldName": "externalId",
-              "description": "External ID for linking with external systems",
-              "type": {
-                "text": "string"
-              }
+              "name": "external-id",
+              "fieldName": "externalId",
+              "description": "External ID for linking with external systems",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "error",
+              "fieldName": "error",
+              "default": "false",
+              "description": "Internal validation state (can be set externally manually or via simple check)",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "tagName": "le-code-input",
+          "events": [
+            {
+              "name": "leChange",
+              "type": {
+                "text": "EventEmitter<{ value: string; name: string; externalId: string }>"
+              },
+              "description": "Emitted when the value changes (on blur or Enter)"
+            },
+            {
+              "name": "leInput",
+              "type": {
+                "text": "EventEmitter<{ value: string; name: string; externalId: string }>"
+              },
+              "description": "Emitted when the input value changes (on keystroke)"
+            },
+            {
+              "name": "leFocus",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the input is focused"
+            },
+            {
+              "name": "leBlur",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the input is blurred"
+            }
+          ],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "LeCodeInput",
+          "declaration": {
+            "name": "LeCodeInput",
+            "module": "src/components/le-code-input/le-code-input.tsx"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "le-code-input",
+          "declaration": {
+            "name": "LeCodeInput",
+            "module": "src/components/le-code-input/le-code-input.tsx"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/le-card/le-card.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A flexible card component with header, content, and footer slots.\n\nThe card uses le-slot wrappers for each slot area. In admin mode,\nle-slot shows placeholders for CMS editing. In default mode,\nle-slot acts as a transparent passthrough.",
+          "name": "LeCard",
+          "cssProperties": [
+            {
+              "description": "Card background color",
+              "name": "--le-card-bg"
+            },
+            {
+              "description": "Card border radius",
+              "name": "--le-card-border-radius"
+            },
+            {
+              "description": "Card box shadow",
+              "name": "--le-card-shadow"
+            },
+            {
+              "description": "Card content padding",
+              "name": "--le-card-padding"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The main card container",
+              "name": "card"
+            },
+            {
+              "description": "The card header section",
+              "name": "header"
+            },
+            {
+              "description": "The card content section",
+              "name": "content"
+            },
+            {
+              "description": "The card footer section",
+              "name": "footer"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Card header content (title, actions)",
+              "name": "header"
+            },
+            {
+              "description": "Default slot for main card content",
+              "name": ""
             },
             {
-              "name": "error",
-              "fieldName": "error",
-              "default": "false",
-              "description": "Internal validation state (can be set externally manually or via simple check)",
-              "type": {
-                "text": "boolean"
-              }
+              "description": "Card footer content (buttons, links)",
+              "name": "footer"
             }
           ],
-          "tagName": "le-code-input",
-          "events": [
+          "members": [
             {
-              "name": "leChange",
+              "kind": "field",
+              "name": "el",
               "type": {
-                "text": "EventEmitter<{ value: string; name: string; externalId: string }>"
-              },
-              "description": "Emitted when the value changes (on blur or Enter)"
+                "text": "HTMLElement"
+              }
             },
             {
-              "name": "leInput",
+              "kind": "field",
+              "name": "variant",
               "type": {
-                "text": "EventEmitter<{ value: string; name: string; externalId: string }>"
+                "text": "'default' | 'outlined' | 'elevated'"
               },
-              "description": "Emitted when the input value changes (on keystroke)"
+              "default": "'default'",
+              "description": "Card variant style"
             },
             {
-              "name": "leFocus",
+              "kind": "field",
+              "name": "interactive",
               "type": {
-                "text": "EventEmitter<void>"
+                "text": "boolean"
               },
-              "description": "Emitted when the input is focused"
+              "default": "false",
+              "description": "Whether the card is interactive (clickable)"
             },
             {
-              "name": "leBlur",
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "default": "'default'",
+              "description": "Card variant style",
               "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the input is blurred"
+                "text": "'default' | 'outlined' | 'elevated'"
+              }
+            },
+            {
+              "name": "interactive",
+              "fieldName": "interactive",
+              "default": "false",
+              "description": "Whether the card is interactive (clickable)",
+              "type": {
+                "text": "boolean"
+              }
             }
           ],
+          "tagName": "le-card",
+          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "LeCodeInput",
+          "name": "LeCard",
           "declaration": {
-            "name": "LeCodeInput",
-            "module": "src/components/le-code-input/le-code-input.tsx"
+            "name": "LeCard",
+            "module": "src/components/le-card/le-card.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-code-input",
+          "name": "le-card",
           "declaration": {
-            "name": "LeCodeInput",
-            "module": "src/components/le-code-input/le-code-input.tsx"
+            "name": "LeCard",
+            "module": "src/components/le-card/le-card.tsx"
           }
         }
       ]
@@ -2417,180 +2899,8 @@
           "kind": "custom-element-definition",
           "name": "le-combobox",
           "declaration": {
-            "name": "LeCombobox",
-            "module": "src/components/le-combobox/le-combobox.tsx"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/le-checkbox/le-checkbox.tsx",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A checkbox component with support for labels, descriptions, and external IDs.",
-          "name": "LeCheckbox",
-          "cssProperties": [
-            {
-              "description": "Size of the checkbox input",
-              "name": "--le-checkbox-size"
-            },
-            {
-              "description": "Color of the checkbox when checked",
-              "name": "--le-checkbox-color"
-            },
-            {
-              "description": "Color of the label text",
-              "name": "--le-checkbox-label-color"
-            },
-            {
-              "description": "Color of the description text",
-              "name": "--le-checkbox-desc-color"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The label text for the checkbox",
-              "name": ""
-            },
-            {
-              "description": "Additional description text displayed below the label",
-              "name": "description"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "checked",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the checkbox is checked"
-            },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the checkbox is disabled"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "description": "The name of the checkbox input"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "description": "The value of the checkbox input"
-            },
-            {
-              "kind": "field",
-              "name": "externalId",
-              "type": {
-                "text": "string"
-              },
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)"
-            },
-            {
-              "kind": "field",
-              "name": "handleChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "checked",
-              "fieldName": "checked",
-              "default": "false",
-              "description": "Whether the checkbox is checked",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the checkbox is disabled",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "The name of the checkbox input",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
-              "description": "The value of the checkbox input",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "external-id",
-              "fieldName": "externalId",
-              "description": "External ID for linking with external systems (e.g. database ID, PDF form field ID)",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "tagName": "le-checkbox",
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "EventEmitter<{ checked: boolean; value: string; name: string; externalId: string }>"
-              },
-              "description": "Emitted when the checked state changes"
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "LeCheckbox",
-          "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "le-checkbox",
-          "declaration": {
-            "name": "LeCheckbox",
-            "module": "src/components/le-checkbox/le-checkbox.tsx"
+            "name": "LeCombobox",
+            "module": "src/components/le-combobox/le-combobox.tsx"
           }
         }
       ]
@@ -6934,76 +7244,80 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-segmented-control/le-segmented-control.tsx",
+      "path": "src/components/le-select/le-select.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A segmented control component (iOS-style toggle buttons).\n\nPerfect for toggling between a small set of related options.",
-          "name": "LeSegmentedControl",
-          "cssProperties": [
-            {
-              "description": "Background color of the control",
-              "name": "--le-segmented-bg"
-            },
+          "description": "A select dropdown component for single selection.",
+          "name": "LeSelect",
+          "members": [
             {
-              "description": "Padding around segments",
-              "name": "--le-segmented-padding"
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
             },
             {
-              "description": "Gap between segments",
-              "name": "--le-segmented-gap"
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "LeOption[] | string"
+              },
+              "default": "[]",
+              "description": "The options to display in the dropdown."
             },
             {
-              "description": "Border radius of the control",
-              "name": "--le-segmented-radius"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The main container",
-              "name": "container"
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "LeOptionValue | undefined"
+              },
+              "description": "The currently selected value."
             },
             {
-              "description": "Individual segment buttons",
-              "name": "segment"
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select an option'",
+              "description": "Placeholder text when no option is selected."
             },
-            {
-              "description": "The currently active segment",
-              "name": "segment-active"
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "el",
+              "name": "disabled",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the select is disabled."
             },
             {
               "kind": "field",
-              "name": "containerRef",
+              "name": "required",
               "type": {
-                "text": "HTMLElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "description": "Whether selection is required."
             },
             {
               "kind": "field",
-              "name": "options",
+              "name": "name",
               "type": {
-                "text": "LeOption[]"
+                "text": "string | undefined"
               },
-              "default": "[]",
-              "description": "Array of options for the segmented control."
+              "description": "Name attribute for form submission."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "fullWidth",
               "type": {
-                "text": "LeOptionValue | undefined"
+                "text": "boolean"
               },
-              "description": "The value of the currently selected option."
+              "default": "false",
+              "description": "Whether the select should take full width of its container."
             },
             {
               "kind": "field",
@@ -7012,192 +7326,153 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "Size of the control."
+              "description": "Size variant of the select."
             },
             {
               "kind": "field",
-              "name": "overflow",
+              "name": "variant",
               "type": {
-                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
+                "text": "'default' | 'outlined' | 'solid'"
               },
-              "default": "'auto'",
-              "description": "Scroll behavior for overflowing tabs."
+              "default": "'default'",
+              "description": "Visual variant of the select."
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "searchable",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the control should take full width."
+              "description": "Whether the input is searchable."
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "emptyText",
+              "type": {
+                "text": "string"
+              },
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search."
+            },
+            {
+              "kind": "field",
+              "name": "open",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the control is disabled."
+              "description": "Whether the dropdown is currently open."
             },
             {
               "kind": "field",
-              "name": "segmentConfigs",
+              "name": "selectedOption",
               "type": {
-                "text": "SegmentConfig[]"
+                "text": "LeOption | undefined"
               },
-              "privacy": "private",
-              "default": "[]",
-              "description": "Internal tab configurations (built from children or tabs prop)"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "focusedIndex",
+              "name": "searchQuery",
               "type": {
-                "text": "number"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "0",
-              "description": "Internal state for focused index (keyboard navigation)"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "isDeclarativeMode",
+              "name": "dropdownEl",
               "type": {
-                "text": "boolean"
+                "text": "HTMLLeDropdownBaseElement | undefined"
               },
-              "privacy": "private",
-              "default": "false",
-              "description": "Whether we're using declarative mode (le-tab children)"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "mutationObserver",
+              "name": "inputEl",
               "type": {
-                "text": "MutationObserver | undefined"
+                "text": "HTMLInputElement | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "tabsChanged"
+              "name": "handleValueChange"
             },
             {
               "kind": "method",
-              "name": "handleSlotChange"
+              "name": "handleOptionsChange"
+            },
+            {
+              "kind": "field",
+              "name": "parsedOptions",
+              "type": {
+                "text": "LeOption[]"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "buildSegmentsConfigs",
+              "name": "updateSelectedOption",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getOptionValue",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "LeOptionValue"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "LeOption"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "filterOption",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "getOptionIndex",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "LeOptionValue"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleOptionSelect",
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "selectOption",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "LeOption"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleDropdownOpen",
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleClick",
+              "name": "handleDropdownClose",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleKeyDown",
+              "name": "handleTriggerClick",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "findNextEnabled",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "1 | -1"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "handleTriggerKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleSearchInput",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "findFirstEnabled",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
+              "name": "showDropdown",
+              "description": "Opens the dropdown."
             },
             {
               "kind": "method",
-              "name": "findLastEnabled",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              }
+              "name": "hideDropdown",
+              "description": "Closes the dropdown."
             },
             {
               "kind": "method",
-              "name": "focusSegment",
+              "name": "renderIcon",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "icon",
                   "type": {
-                    "text": "number"
+                    "text": "string | undefined"
                   }
                 }
               ]
@@ -7212,64 +7487,131 @@
               "name": "options",
               "fieldName": "options",
               "default": "[]",
-              "description": "Array of options for the segmented control.",
+              "description": "The options to display in the dropdown.",
               "type": {
-                "text": "LeOption[]"
+                "text": "LeOption[] | string"
               }
             },
             {
               "name": "value",
               "fieldName": "value",
-              "description": "The value of the currently selected option.",
+              "description": "The currently selected value.",
               "type": {
                 "text": "LeOptionValue"
               }
             },
+            {
+              "name": "placeholder",
+              "fieldName": "placeholder",
+              "default": "'Select an option'",
+              "description": "Placeholder text when no option is selected.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "default": "false",
+              "description": "Whether the select is disabled.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "required",
+              "fieldName": "required",
+              "default": "false",
+              "description": "Whether selection is required.",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "description": "Name attribute for form submission.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "full-width",
+              "fieldName": "fullWidth",
+              "default": "false",
+              "description": "Whether the select should take full width of its container.",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "name": "size",
               "fieldName": "size",
               "default": "'medium'",
-              "description": "Size of the control.",
+              "description": "Size variant of the select.",
               "type": {
                 "text": "'small' | 'medium' | 'large'"
               }
             },
             {
-              "name": "overflow",
-              "fieldName": "overflow",
-              "default": "'auto'",
-              "description": "Scroll behavior for overflowing tabs.",
+              "name": "variant",
+              "fieldName": "variant",
+              "default": "'default'",
+              "description": "Visual variant of the select.",
               "type": {
-                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
+                "text": "'default' | 'outlined' | 'solid'"
               }
             },
             {
-              "name": "full-width",
-              "fieldName": "fullWidth",
+              "name": "searchable",
+              "fieldName": "searchable",
               "default": "false",
-              "description": "Whether the control should take full width.",
+              "description": "Whether the input is searchable.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "disabled",
-              "fieldName": "disabled",
+              "name": "empty-text",
+              "fieldName": "emptyText",
+              "default": "'No results found'",
+              "description": "Text to show when no options match the search.",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "open",
+              "fieldName": "open",
               "default": "false",
-              "description": "Whether the control is disabled.",
+              "description": "Whether the dropdown is currently open.",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-segmented-control",
+          "tagName": "le-select",
           "events": [
             {
-              "name": "leChange",
+              "name": "change",
               "type": {
                 "text": "EventEmitter<LeOptionSelectDetail>"
               },
-              "description": "Emitted when the selection changes."
+              "description": "Emitted when the selected value changes."
+            },
+            {
+              "name": "leOpen",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown opens."
+            },
+            {
+              "name": "leClose",
+              "type": {
+                "text": "EventEmitter<void>"
+              },
+              "description": "Emitted when the dropdown closes."
             }
           ],
           "customElement": true
@@ -7278,98 +7620,94 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeSegmentedControl",
+          "name": "LeSelect",
           "declaration": {
-            "name": "LeSegmentedControl",
-            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
+            "name": "LeSelect",
+            "module": "src/components/le-select/le-select.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-segmented-control",
+          "name": "le-select",
           "declaration": {
-            "name": "LeSegmentedControl",
-            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
+            "name": "LeSelect",
+            "module": "src/components/le-select/le-select.tsx"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/le-select/le-select.tsx",
+      "path": "src/components/le-segmented-control/le-segmented-control.tsx",
       "declarations": [
         {
           "kind": "class",
-          "description": "A select dropdown component for single selection.",
-          "name": "LeSelect",
-          "members": [
+          "description": "A segmented control component (iOS-style toggle buttons).\n\nPerfect for toggling between a small set of related options.",
+          "name": "LeSegmentedControl",
+          "cssProperties": [
             {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "description": "Background color of the control",
+              "name": "--le-segmented-bg"
             },
             {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "LeOption[] | string"
-              },
-              "default": "[]",
-              "description": "The options to display in the dropdown."
+              "description": "Padding around segments",
+              "name": "--le-segmented-padding"
             },
             {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "LeOptionValue | undefined"
-              },
-              "description": "The currently selected value."
+              "description": "Gap between segments",
+              "name": "--le-segmented-gap"
             },
             {
-              "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Select an option'",
-              "description": "Placeholder text when no option is selected."
+              "description": "Border radius of the control",
+              "name": "--le-segmented-radius"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The main container",
+              "name": "container"
+            },
+            {
+              "description": "Individual segment buttons",
+              "name": "segment"
             },
+            {
+              "description": "The currently active segment",
+              "name": "segment-active"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "el",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the select is disabled."
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "containerRef",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | undefined"
               },
-              "default": "false",
-              "description": "Whether selection is required."
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "options",
               "type": {
-                "text": "string | undefined"
+                "text": "LeOption[]"
               },
-              "description": "Name attribute for form submission."
+              "default": "[]",
+              "description": "Array of options for the segmented control."
             },
             {
               "kind": "field",
-              "name": "fullWidth",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "LeOptionValue | undefined"
               },
-              "default": "false",
-              "description": "Whether the select should take full width of its container."
+              "description": "The value of the currently selected option."
             },
             {
               "kind": "field",
@@ -7378,153 +7716,192 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "Size variant of the select."
+              "description": "Size of the control."
             },
             {
               "kind": "field",
-              "name": "variant",
+              "name": "overflow",
               "type": {
-                "text": "'default' | 'outlined' | 'solid'"
+                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
               },
-              "default": "'default'",
-              "description": "Visual variant of the select."
+              "default": "'auto'",
+              "description": "Scroll behavior for overflowing tabs."
             },
             {
               "kind": "field",
-              "name": "searchable",
+              "name": "fullWidth",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the input is searchable."
-            },
-            {
-              "kind": "field",
-              "name": "emptyText",
-              "type": {
-                "text": "string"
-              },
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search."
+              "description": "Whether the control should take full width."
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the dropdown is currently open."
+              "description": "Whether the control is disabled."
             },
             {
               "kind": "field",
-              "name": "selectedOption",
+              "name": "segmentConfigs",
               "type": {
-                "text": "LeOption | undefined"
+                "text": "SegmentConfig[]"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "[]",
+              "description": "Internal tab configurations (built from children or tabs prop)"
             },
             {
               "kind": "field",
-              "name": "searchQuery",
+              "name": "focusedIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "0",
+              "description": "Internal state for focused index (keyboard navigation)"
             },
             {
               "kind": "field",
-              "name": "dropdownEl",
+              "name": "isDeclarativeMode",
               "type": {
-                "text": "HTMLLeDropdownBaseElement | undefined"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether we're using declarative mode (le-tab children)"
             },
             {
               "kind": "field",
-              "name": "inputEl",
+              "name": "mutationObserver",
               "type": {
-                "text": "HTMLInputElement | undefined"
+                "text": "MutationObserver | undefined"
               },
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
+              "name": "tabsChanged"
             },
             {
               "kind": "method",
-              "name": "handleOptionsChange"
-            },
-            {
-              "kind": "field",
-              "name": "parsedOptions",
-              "type": {
-                "text": "LeOption[]"
-              },
-              "privacy": "private",
-              "readonly": true
+              "name": "handleSlotChange"
             },
             {
               "kind": "method",
-              "name": "updateSelectedOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "filterOption",
+              "name": "buildSegmentsConfigs",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleOptionSelect",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getOptionValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "LeOptionValue"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handleDropdownOpen",
-              "privacy": "private"
+              "kind": "method",
+              "name": "getOptionIndex",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "LeOptionValue"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "handleDropdownClose",
-              "privacy": "private"
+              "kind": "method",
+              "name": "selectOption",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "LeOption"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
-              "name": "handleTriggerClick",
+              "name": "handleClick",
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "handleTriggerKeyDown",
+              "name": "handleKeyDown",
               "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "handleSearchInput",
-              "privacy": "private"
+              "kind": "method",
+              "name": "findNextEnabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "direction",
+                  "type": {
+                    "text": "1 | -1"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "showDropdown",
-              "description": "Opens the dropdown."
+              "name": "findFirstEnabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "hideDropdown",
-              "description": "Closes the dropdown."
+              "name": "findLastEnabled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "renderIcon",
+              "name": "focusSegment",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "icon",
+                  "name": "index",
                   "type": {
-                    "text": "string | undefined"
+                    "text": "number"
                   }
                 }
               ]
@@ -7539,131 +7916,64 @@
               "name": "options",
               "fieldName": "options",
               "default": "[]",
-              "description": "The options to display in the dropdown.",
+              "description": "Array of options for the segmented control.",
               "type": {
-                "text": "LeOption[] | string"
+                "text": "LeOption[]"
               }
             },
             {
               "name": "value",
               "fieldName": "value",
-              "description": "The currently selected value.",
+              "description": "The value of the currently selected option.",
               "type": {
                 "text": "LeOptionValue"
               }
             },
-            {
-              "name": "placeholder",
-              "fieldName": "placeholder",
-              "default": "'Select an option'",
-              "description": "Placeholder text when no option is selected.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "fieldName": "disabled",
-              "default": "false",
-              "description": "Whether the select is disabled.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "required",
-              "fieldName": "required",
-              "default": "false",
-              "description": "Whether selection is required.",
-              "type": {
-                "text": "boolean"
-              }
-            },
-            {
-              "name": "name",
-              "fieldName": "name",
-              "description": "Name attribute for form submission.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "full-width",
-              "fieldName": "fullWidth",
-              "default": "false",
-              "description": "Whether the select should take full width of its container.",
-              "type": {
-                "text": "boolean"
-              }
-            },
             {
               "name": "size",
               "fieldName": "size",
               "default": "'medium'",
-              "description": "Size variant of the select.",
+              "description": "Size of the control.",
               "type": {
                 "text": "'small' | 'medium' | 'large'"
               }
             },
             {
-              "name": "variant",
-              "fieldName": "variant",
-              "default": "'default'",
-              "description": "Visual variant of the select.",
+              "name": "overflow",
+              "fieldName": "overflow",
+              "default": "'auto'",
+              "description": "Scroll behavior for overflowing tabs.",
               "type": {
-                "text": "'default' | 'outlined' | 'solid'"
+                "text": "'auto' | 'hidden' | 'visible' | 'scroll'"
               }
             },
             {
-              "name": "searchable",
-              "fieldName": "searchable",
+              "name": "full-width",
+              "fieldName": "fullWidth",
               "default": "false",
-              "description": "Whether the input is searchable.",
+              "description": "Whether the control should take full width.",
               "type": {
                 "text": "boolean"
               }
             },
             {
-              "name": "empty-text",
-              "fieldName": "emptyText",
-              "default": "'No results found'",
-              "description": "Text to show when no options match the search.",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "open",
-              "fieldName": "open",
+              "name": "disabled",
+              "fieldName": "disabled",
               "default": "false",
-              "description": "Whether the dropdown is currently open.",
+              "description": "Whether the control is disabled.",
               "type": {
                 "text": "boolean"
               }
             }
           ],
-          "tagName": "le-select",
+          "tagName": "le-segmented-control",
           "events": [
             {
-              "name": "change",
+              "name": "leChange",
               "type": {
                 "text": "EventEmitter<LeOptionSelectDetail>"
               },
-              "description": "Emitted when the selected value changes."
-            },
-            {
-              "name": "leOpen",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown opens."
-            },
-            {
-              "name": "leClose",
-              "type": {
-                "text": "EventEmitter<void>"
-              },
-              "description": "Emitted when the dropdown closes."
+              "description": "Emitted when the selection changes."
             }
           ],
           "customElement": true
@@ -7672,18 +7982,18 @@
       "exports": [
         {
           "kind": "js",
-          "name": "LeSelect",
+          "name": "LeSegmentedControl",
           "declaration": {
-            "name": "LeSelect",
-            "module": "src/components/le-select/le-select.tsx"
+            "name": "LeSegmentedControl",
+            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "le-select",
+          "name": "le-segmented-control",
           "declaration": {
-            "name": "LeSelect",
-            "module": "src/components/le-select/le-select.tsx"
+            "name": "LeSegmentedControl",
+            "module": "src/components/le-segmented-control/le-segmented-control.tsx"
           }
         }
       ]
@@ -7889,6 +8199,15 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "suppressAnimation",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "resizeObserver",
@@ -7921,6 +8240,15 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "firstLayoutComplete",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "dragPointerId",