@umbraco-ui/uui 1.17.0 → 2.0.0-alpha.1

package/custom-elements.json

@@ -3,7 +3,7 @@
   "tags": [
     {
       "name": "uui-action-bar",
-      "path": "./../uui-action-bar/lib/uui-action-bar.element.ts",
+      "path": "./src/components/action-bar/action-bar.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -20,7 +20,7 @@
     },
     {
       "name": "uui-avatar-group",
-      "path": "./../uui-avatar-group/lib/uui-avatar-group.element.ts",
+      "path": "./src/components/avatar-group/avatar-group.element.ts",
       "description": "Group a set of avatars, set a limit to minimize the visual space.",
       "attributes": [
         {
@@ -59,7 +59,7 @@
     },
     {
       "name": "uui-avatar",
-      "path": "./../uui-avatar/lib/uui-avatar.element.ts",
+      "path": "./src/components/avatar/avatar.element.ts",
       "description": "Avatar for displaying users",
       "attributes": [
         {
@@ -144,7 +144,7 @@
     },
     {
       "name": "uui-badge",
-      "path": "./../uui-badge/lib/uui-badge.element.ts",
+      "path": "./src/components/badge/badge.element.ts",
       "description": "A badge to notify that there is something that requires attention of the user. The badge is positioned with `position: absolute`. It will determine its position against the first ancestor with `position: relative`.",
       "attributes": [
         {
@@ -203,7 +203,7 @@
     },
     {
       "name": "uui-box",
-      "path": "./../uui-box/lib/uui-box.element.ts",
+      "path": "./src/components/box/box.element.ts",
       "description": "A layout box for grouping elements, as well its possible to append a header, with a headline or other elements to the box.",
       "attributes": [
         {
@@ -267,17 +267,9 @@
           "name": "--uui-box-default-padding",
           "description": "overwrite the box padding"
         },
-        {
-          "name": "--uui-box-border-width",
-          "description": "overwrite the box border, default is 0"
-        },
-        {
-          "name": "--uui-box-box-shadow",
-          "description": "overwrite the box shadow, default is var(--uui-shadow-depth-1)"
-        },
         {
           "name": "--uui-box-border-radius",
-          "description": "overwrite the box border-radius, default is var(--uui-border-radius)"
+          "description": "overwrite the box border-radius, default is var(--uui-border-radius-3)"
         },
         {
           "name": "--uui-box-border-color",
@@ -287,7 +279,7 @@
     },
     {
       "name": "uui-breadcrumb-item",
-      "path": "./../uui-breadcrumbs/lib/uui-breadcrumb-item.element.ts",
+      "path": "./src/components/breadcrumbs/breadcrumb-item.element.ts",
       "description": "A breadcrumb-item to be used with the breadcrumbs component.",
       "attributes": [
         {
@@ -339,7 +331,7 @@
     },
     {
       "name": "uui-breadcrumbs",
-      "path": "./../uui-breadcrumbs/lib/uui-breadcrumbs.element.ts",
+      "path": "./src/components/breadcrumbs/breadcrumbs.element.ts",
       "description": "A breadcrumbs component to be used in combination with the uui-breadcrumb-item.",
       "properties": [
         {
@@ -357,7 +349,7 @@
     },
     {
       "name": "uui-button-copy-text",
-      "path": "./../uui-button-copy-text/lib/uui-button-copy-text.element.ts",
+      "path": "./src/components/button-copy-text/button-copy-text.element.ts",
       "attributes": [
         {
           "name": "text",
@@ -443,12 +435,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -473,11 +459,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -588,12 +580,6 @@
           "type": "CSSResult[]",
           "default": "\"styles\""
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -601,13 +587,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -637,19 +616,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         },
         {
           "name": "label",
@@ -766,7 +766,7 @@
     },
     {
       "name": "uui-button-group",
-      "path": "./../uui-button-group/lib/uui-button-group.element.ts",
+      "path": "./src/components/button-group/button-group.element.ts",
       "description": "Place <uui-button> elements in the slot. They will be nicely displayed.",
       "properties": [
         {
@@ -784,7 +784,7 @@
     },
     {
       "name": "uui-button-inline-create",
-      "path": "./../uui-button-inline-create/lib/uui-button-inline-create.element.ts",
+      "path": "./src/components/button-inline-create/button-inline-create.element.ts",
       "attributes": [
         {
           "name": "label",
@@ -866,7 +866,7 @@
     },
     {
       "name": "uui-button",
-      "path": "./../uui-button/lib/uui-button.element.ts",
+      "path": "./src/components/button/button.element.ts",
       "attributes": [
         {
           "name": "type",
@@ -934,12 +934,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -964,11 +958,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -1058,12 +1058,6 @@
           "type": "CSSResult[]",
           "default": "[\"UUIHorizontalShakeKeyframes\",null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -1071,13 +1065,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -1107,19 +1094,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         },
         {
           "name": "label",
@@ -1228,7 +1236,7 @@
     },
     {
       "name": "uui-card-block-type",
-      "path": "./../uui-card-block-type/lib/uui-card-block-type.element.ts",
+      "path": "./src/components/card-block-type/card-block-type.element.ts",
       "attributes": [
         {
           "name": "name",
@@ -1404,7 +1412,7 @@
     },
     {
       "name": "uui-card-content-node",
-      "path": "./../uui-card-content-node/lib/uui-card-content-node.element.ts",
+      "path": "./src/components/card-content-node/card-content-node.element.ts",
       "attributes": [
         {
           "name": "name",
@@ -1575,7 +1583,7 @@
     },
     {
       "name": "uui-card-media",
-      "path": "./../uui-card-media/lib/uui-card-media.element.ts",
+      "path": "./src/components/card-media/card-media.element.ts",
       "attributes": [
         {
           "name": "name",
@@ -1755,7 +1763,7 @@
     },
     {
       "name": "uui-card-user",
-      "path": "./../uui-card-user/lib/uui-card-user.element.ts",
+      "path": "./src/components/card-user/card-user.element.ts",
       "attributes": [
         {
           "name": "name",
@@ -1913,7 +1921,7 @@
     },
     {
       "name": "uui-card",
-      "path": "./../uui-card/lib/uui-card.element.ts",
+      "path": "./src/components/card/card.element.ts",
       "description": "Card is a Component that provides the basics for a Card component. This can be extended in code to match a certain need.",
       "attributes": [
         {
@@ -2045,38 +2053,9 @@
         }
       ]
     },
-    {
-      "name": "uui-caret",
-      "path": "./../uui-caret/lib/uui-caret.element.ts",
-      "description": "DEPRECATED: Please use uui-symbol-expand or uui-symbol-sort. A caret that rotates on click. Color will be `currentColor`",
-      "attributes": [
-        {
-          "name": "open",
-          "description": "Turns the arrow around.",
-          "type": "boolean",
-          "default": "\"false\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "open",
-          "attribute": "open",
-          "description": "Turns the arrow around.",
-          "type": "boolean",
-          "default": "\"false\""
-        },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[null]"
-        }
-      ],
-      "deprecated": true,
-      "deprecatedMessage": "since version 0.0.8"
-    },
     {
       "name": "uui-checkbox",
-      "path": "./../uui-checkbox/lib/uui-checkbox.element.ts",
+      "path": "./src/components/checkbox/checkbox.element.ts",
       "description": "Umbraco checkbox, toggles between checked and uncheck",
       "attributes": [
         {
@@ -2115,12 +2094,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -2145,11 +2118,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -2198,12 +2177,6 @@
           "type": "CSSResult[]",
           "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -2211,13 +2184,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -2247,19 +2213,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         },
         {
           "name": "label",
@@ -2283,7 +2270,7 @@
     },
     {
       "name": "uui-color-area",
-      "path": "./../uui-color-area/lib/uui-color-area.element.ts",
+      "path": "./src/components/color-area/color-area.element.ts",
       "attributes": [
         {
           "name": "disabled",
@@ -2399,12 +2386,16 @@
         {
           "name": "--uui-color-area-grid-handle-size",
           "description": "The size of the handle in the grid"
+        },
+        {
+          "name": "--uui-color-area-border-radius",
+          "description": "The border radius of the color area"
         }
       ]
     },
     {
       "name": "uui-color-picker",
-      "path": "./../uui-color-picker/lib/uui-color-picker.element.ts",
+      "path": "./src/components/color-picker/color-picker.element.ts",
       "attributes": [
         {
           "name": "value",
@@ -2576,7 +2567,7 @@
     },
     {
       "name": "uui-color-slider",
-      "path": "./../uui-color-slider/lib/uui-color-slider.element.ts",
+      "path": "./src/components/color-slider/color-slider.element.ts",
       "attributes": [
         {
           "name": "type",
@@ -2762,7 +2753,7 @@
     },
     {
       "name": "uui-color-swatch",
-      "path": "./../uui-color-swatch/lib/uui-color-swatch.element.ts",
+      "path": "./src/components/color-swatch/color-swatch.element.ts",
       "description": "Color swatch, can have label and be selectable, disabled or readonly.",
       "attributes": [
         {
@@ -2915,7 +2906,7 @@
     },
     {
       "name": "uui-color-swatches",
-      "path": "./../uui-color-swatches/lib/uui-color-swatches.element.ts",
+      "path": "./src/components/color-swatches/color-swatches.element.ts",
       "description": "Put uui-color-swatch elements inside this element to create a color swatch selector.",
       "attributes": [
         {
@@ -2991,7 +2982,7 @@
     },
     {
       "name": "uui-combobox-list-option",
-      "path": "./../uui-combobox-list/lib/uui-combobox-list-option.element.ts",
+      "path": "./src/components/combobox-list/combobox-list-option.element.ts",
       "attributes": [
         {
           "name": "value",
@@ -3098,7 +3089,7 @@
     },
     {
       "name": "uui-combobox-list",
-      "path": "./../uui-combobox-list/lib/uui-combobox-list.element.ts",
+      "path": "./src/components/combobox-list/combobox-list.element.ts",
       "attributes": [
         {
           "name": "value",
@@ -3162,7 +3153,7 @@
     },
     {
       "name": "uui-combobox",
-      "path": "./../uui-combobox/lib/uui-combobox.element.ts",
+      "path": "./src/components/combobox/combobox.element.ts",
       "attributes": [
         {
           "name": "search",
@@ -3212,12 +3203,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -3242,11 +3227,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -3304,12 +3295,6 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -3317,13 +3302,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -3353,19 +3331,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ],
       "events": [
@@ -3401,7 +3400,7 @@
     },
     {
       "name": "uui-dialog-layout",
-      "path": "./../uui-dialog-layout/lib/uui-dialog-layout.element.ts",
+      "path": "./src/components/dialog-layout/dialog-layout.element.ts",
       "attributes": [
         {
           "name": "headline",
@@ -3441,7 +3440,7 @@
     },
     {
       "name": "uui-dialog",
-      "path": "./../uui-dialog/lib/uui-dialog.element.ts",
+      "path": "./src/components/dialog/dialog.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -3458,7 +3457,7 @@
     },
     {
       "name": "uui-file-dropzone",
-      "path": "./../uui-file-dropzone/lib/uui-file-dropzone.element.ts",
+      "path": "./src/components/file-dropzone/file-dropzone.element.ts",
       "attributes": [
         {
           "name": "accept",
@@ -3533,7 +3532,7 @@
     },
     {
       "name": "uui-file-preview",
-      "path": "./../uui-file-preview/lib/uui-file-preview.element.ts",
+      "path": "./src/components/file-preview/file-preview.element.ts",
       "properties": [
         {
           "name": "file",
@@ -3554,7 +3553,7 @@
     },
     {
       "name": "uui-form-layout-item",
-      "path": "./../uui-form-layout-item/lib/uui-form-layout-item.element.ts",
+      "path": "./src/components/form-layout-item/form-layout-item.element.ts",
       "attributes": [
         {
           "name": "description",
@@ -3594,7 +3593,7 @@
     },
     {
       "name": "uui-form-validation-message",
-      "path": "./../uui-form-validation-message/lib/uui-form-validation-message.element.ts",
+      "path": "./src/components/form-validation-message/form-validation-message.element.ts",
       "attributes": [
         {
           "name": "for",
@@ -3604,17 +3603,17 @@
         }
       ],
       "properties": [
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[null]"
+        },
         {
           "name": "for",
           "attribute": "for",
           "description": "Set the element containing Form Controls of interest.",
           "type": "string",
           "default": "\"this\""
-        },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[null]"
         }
       ],
       "slots": [
@@ -3630,11 +3629,11 @@
     },
     {
       "name": "uui-form",
-      "path": "./../uui-form/lib/uui-form.element.ts"
+      "path": "./src/components/form/form.element.ts"
     },
     {
       "name": "uui-icon-registry-essential",
-      "path": "./../uui-icon-registry-essential/lib/uui-icon-registry-essential.element.ts",
+      "path": "./src/components/icon-registry-essential/icon-registry-essential.element.ts",
       "properties": [
         {
           "name": "icons",
@@ -3647,7 +3646,7 @@
     },
     {
       "name": "uui-icon-registry",
-      "path": "./../uui-icon-registry/lib/uui-icon-registry.element.ts",
+      "path": "./src/components/icon-registry/icon-registry.element.ts",
       "properties": [
         {
           "name": "icons",
@@ -3661,7 +3660,7 @@
     },
     {
       "name": "uui-icon",
-      "path": "./../uui-icon/lib/uui-icon.element.ts",
+      "path": "./src/components/icon/icon.element.ts",
       "attributes": [
         {
           "name": "label",
@@ -3742,7 +3741,7 @@
     },
     {
       "name": "uui-input-file",
-      "path": "./../uui-input-file/lib/uui-input-file.element.ts",
+      "path": "./src/components/input-file/input-file.element.ts",
       "attributes": [
         {
           "name": "accept",
@@ -3762,12 +3761,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -3792,11 +3785,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -3819,12 +3818,6 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -3832,13 +3825,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -3868,25 +3854,46 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ]
     },
     {
       "name": "uui-input-lock",
-      "path": "./../uui-input-lock/lib/uui-input-lock.element.ts",
+      "path": "./src/components/input-lock/input-lock.element.ts",
       "attributes": [
         {
           "name": "locked",
@@ -4012,12 +4019,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "get/set the value of the input",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -4042,11 +4043,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "get/set the value of the input",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -4198,12 +4205,6 @@
           "description": "get/set native spellcheck attribute",
           "type": "boolean"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -4211,13 +4212,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "get/set the value of the input",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -4247,19 +4241,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "get/set the value of the input",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         },
         {
           "name": "label",
@@ -4313,6 +4328,10 @@
           "name": "--uui-input-border-width",
           "description": "Border width"
         },
+        {
+          "name": "--uui-input-border-radius",
+          "description": "Border radius"
+        },
         {
           "name": "--uui-input-border-color",
           "description": "Border color"
@@ -4337,7 +4356,7 @@
     },
     {
       "name": "uui-input-password",
-      "path": "./../uui-input-password/lib/uui-input-password.element.ts",
+      "path": "./src/components/input-password/input-password.element.ts",
       "attributes": [
         {
           "name": "min",
@@ -4445,12 +4464,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "get/set the value of the input",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -4475,11 +4488,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "get/set the value of the input",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -4610,12 +4629,6 @@
           "description": "get/set native spellcheck attribute",
           "type": "boolean"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -4623,13 +4636,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "get/set the value of the input",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -4659,19 +4665,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "get/set the value of the input",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         },
         {
           "name": "label",
@@ -4725,6 +4752,10 @@
           "name": "--uui-input-border-width",
           "description": "Border width"
         },
+        {
+          "name": "--uui-input-border-radius",
+          "description": "Border radius"
+        },
         {
           "name": "--uui-input-border-color",
           "description": "Border color"
@@ -4749,7 +4780,7 @@
     },
     {
       "name": "uui-input",
-      "path": "./../uui-input/lib/uui-input.element.ts",
+      "path": "./src/components/input/input.element.ts",
       "description": "Custom element wrapping the native input element.This is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.",
       "attributes": [
         {
@@ -4858,12 +4889,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "get/set the value of the input",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -4888,11 +4913,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "get/set the value of the input",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -5023,12 +5054,6 @@
           "description": "get/set native spellcheck attribute",
           "type": "boolean"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -5036,13 +5061,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "get/set the value of the input",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -5072,19 +5090,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "get/set the value of the input",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         },
         {
           "name": "label",
@@ -5138,6 +5177,10 @@
           "name": "--uui-input-border-width",
           "description": "Border width"
         },
+        {
+          "name": "--uui-input-border-radius",
+          "description": "Border radius"
+        },
         {
           "name": "--uui-input-border-color",
           "description": "Border color"
@@ -5162,7 +5205,7 @@
     },
     {
       "name": "uui-key",
-      "path": "./../uui-keyboard-shortcut/lib/uui-key.element.ts",
+      "path": "./src/components/keyboard-shortcut/key.element.ts",
       "description": "A visual representation of a key on you keyboard. use inside `<uui-keyboard-shortcut></uui-keyboard-shortcut>`",
       "properties": [
         {
@@ -5180,7 +5223,7 @@
     },
     {
       "name": "uui-keyboard-shortcut",
-      "path": "./../uui-keyboard-shortcut/lib/uui-keyboard-shortcut.element.ts",
+      "path": "./src/components/keyboard-shortcut/keyboard-shortcut.element.ts",
       "description": "A visual representation of a keyboard shortcut.",
       "properties": [
         {
@@ -5198,7 +5241,7 @@
     },
     {
       "name": "uui-label",
-      "path": "./../uui-label/lib/uui-label.element.ts",
+      "path": "./src/components/label/label.element.ts",
       "description": "Label element for Custom Element",
       "attributes": [
         {
@@ -5263,7 +5306,7 @@
     },
     {
       "name": "uui-loader-bar",
-      "path": "./../uui-loader-bar/lib/uui-loader-bar.element.ts",
+      "path": "./src/components/loader-bar/loader-bar.element.ts",
       "attributes": [
         {
           "name": "progress",
@@ -5302,7 +5345,7 @@
     },
     {
       "name": "uui-loader-circle",
-      "path": "./../uui-loader-circle/lib/uui-loader-circle.element.ts",
+      "path": "./src/components/loader-circle/loader-circle.element.ts",
       "attributes": [
         {
           "name": "progress",
@@ -5341,7 +5384,7 @@
     },
     {
       "name": "uui-loader",
-      "path": "./../uui-loader/lib/uui-loader.element.ts",
+      "path": "./src/components/loader/loader.element.ts",
       "description": "A basic loader.",
       "properties": [
         {
@@ -5353,7 +5396,7 @@
     },
     {
       "name": "uui-menu-item",
-      "path": "./../uui-menu-item/lib/uui-menu-item.element.ts",
+      "path": "./src/components/menu-item/menu-item.element.ts",
       "attributes": [
         {
           "name": "disabled",
@@ -5632,240 +5675,32 @@
       ]
     },
     {
-      "name": "modal-example",
-      "path": "./../uui-modal/lib/modal-example.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "CSSResult",
-          "default": "\"css`\\n    .sidebar-buttons {\\n      margin-top: auto;\\n      display: flex;\\n      align-items: center;\\n      justify-content: end;\\n      padding: 16px;\\n      background: var(--uui-color-surface);\\n      box-shadow: var(--uui-shadow-depth-4);\\n    }\\n  `\""
-        }
-      ]
-    },
-    {
-      "name": "uui-modal-dialog",
-      "path": "./../uui-modal/lib/uui-modal-dialog.element.ts",
+      "name": "uui-pagination",
+      "path": "./src/components/pagination/pagination.element.ts",
       "attributes": [
         {
-          "name": "is-open",
-          "type": "boolean",
-          "default": "false"
+          "name": "label",
+          "description": "This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "is-closing",
-          "type": "boolean",
-          "default": "false"
+          "name": "aria-label",
+          "description": "With this property you can overwrite aria-label.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "index",
-          "type": "number",
-          "default": "0"
+          "name": "firstLabel",
+          "description": "This property is used to generate the name of the first button",
+          "type": "string",
+          "default": "\"First\""
         },
         {
-          "name": "unique-index",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "transition-duration",
-          "type": "number"
-        }
-      ],
-      "properties": [
-        {
-          "name": "isOpen",
-          "attribute": "is-open",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "isClosing",
-          "attribute": "is-closing",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "index",
-          "attribute": "index",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "uniqueIndex",
-          "attribute": "unique-index",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "transitionDuration",
-          "attribute": "transition-duration",
-          "type": "number"
-        },
-        {
-          "name": "open",
-          "type": "(event?: Event | undefined) => void",
-          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const openEvent = new CustomEvent(UUIModalOpenEvent, {\\n      cancelable: true,\\n    });\\n    // TODO: get rid of legacy 'open'-event sometime in the future. [NL]\\n    const legacyOpenEvent = new CustomEvent('open', {\\n      cancelable: true,\\n    });\\n\\n    this.dispatchEvent(openEvent);\\n    this.dispatchEvent(legacyOpenEvent);\\n    if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;\\n\\n    this._openModal();\\n  }\""
-        },
-        {
-          "name": "close",
-          "type": "(event?: Event | undefined) => void",
-          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const closeEvent = new CustomEvent(UUIModalCloseEvent, {\\n      cancelable: true,\\n    });\\n    this.dispatchEvent(closeEvent);\\n\\n    if (closeEvent.defaultPrevented) return;\\n\\n    this.forceClose();\\n  }\""
-        },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[null,null]"
-        }
-      ],
-      "events": [
-        {
-          "name": "uui:modal-open"
-        },
-        {
-          "name": "open"
-        },
-        {
-          "name": "uui:modal-close"
-        },
-        {
-          "name": "close-end"
-        },
-        {
-          "name": "uui:modal-close-end"
-        }
-      ]
-    },
-    {
-      "name": "uui-modal-sidebar",
-      "path": "./../uui-modal/lib/uui-modal-sidebar.element.ts",
-      "attributes": [
-        {
-          "name": "size",
-          "type": "UUIModalSidebarSize",
-          "default": "\"full\""
-        },
-        {
-          "name": "is-open",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "is-closing",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "index",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "unique-index",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "transition-duration",
-          "type": "number"
-        }
-      ],
-      "properties": [
-        {
-          "name": "size",
-          "attribute": "size",
-          "type": "UUIModalSidebarSize",
-          "default": "\"full\""
-        },
-        {
-          "name": "isOpen",
-          "attribute": "is-open",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "isClosing",
-          "attribute": "is-closing",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "index",
-          "attribute": "index",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "uniqueIndex",
-          "attribute": "unique-index",
-          "type": "number",
-          "default": "0"
-        },
-        {
-          "name": "transitionDuration",
-          "attribute": "transition-duration",
-          "type": "number"
-        },
-        {
-          "name": "open",
-          "type": "(event?: Event | undefined) => void",
-          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const openEvent = new CustomEvent(UUIModalOpenEvent, {\\n      cancelable: true,\\n    });\\n    // TODO: get rid of legacy 'open'-event sometime in the future. [NL]\\n    const legacyOpenEvent = new CustomEvent('open', {\\n      cancelable: true,\\n    });\\n\\n    this.dispatchEvent(openEvent);\\n    this.dispatchEvent(legacyOpenEvent);\\n    if (openEvent.defaultPrevented || legacyOpenEvent.defaultPrevented) return;\\n\\n    this._openModal();\\n  }\""
-        },
-        {
-          "name": "close",
-          "type": "(event?: Event | undefined) => void",
-          "default": "\"(event?: Event) => {\\n    event?.preventDefault();\\n    event?.stopImmediatePropagation();\\n\\n    const closeEvent = new CustomEvent(UUIModalCloseEvent, {\\n      cancelable: true,\\n    });\\n    this.dispatchEvent(closeEvent);\\n\\n    if (closeEvent.defaultPrevented) return;\\n\\n    this.forceClose();\\n  }\""
-        },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[null,null]"
-        }
-      ],
-      "events": [
-        {
-          "name": "uui:modal-open"
-        },
-        {
-          "name": "open"
-        },
-        {
-          "name": "uui:modal-close"
-        },
-        {
-          "name": "close-end"
-        },
-        {
-          "name": "uui:modal-close-end"
-        }
-      ]
-    },
-    {
-      "name": "uui-pagination",
-      "path": "./../uui-pagination/lib/uui-pagination.element.ts",
-      "attributes": [
-        {
-          "name": "label",
-          "description": "This property is used to generate a proper `aria-label`. It will be announced by screen reader as: \"<<this.label>>. Current page: <<this.current>>\"",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "aria-label",
-          "description": "With this property you can overwrite aria-label.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "firstLabel",
-          "description": "This property is used to generate the name of the first button",
-          "type": "string",
-          "default": "\"First\""
-        },
-        {
-          "name": "previousLabel",
-          "description": "This property is used to generate the name of the previous button",
-          "type": "string",
-          "default": "\"Previous\""
+          "name": "previousLabel",
+          "description": "This property is used to generate the name of the previous button",
+          "type": "string",
+          "default": "\"Previous\""
         },
         {
           "name": "nextLabel",
@@ -5961,12 +5796,12 @@
       ]
     },
     {
-      "name": "uui-popover-container",
-      "path": "./../uui-popover-container/lib/uui-popover-container-shadowdomtester.element.ts"
+      "name": "uui-popover-container-shadowdomtester",
+      "path": "./src/components/popover-container/popover-container-shadowdomtester.element.ts"
     },
     {
       "name": "uui-popover-container",
-      "path": "./../uui-popover-container/lib/uui-popover-container.element.ts",
+      "path": "./src/components/popover-container/popover-container.element.ts",
       "attributes": [
         {
           "name": "margin",
@@ -6025,85 +5860,9 @@
         }
       ]
     },
-    {
-      "name": "uui-popover",
-      "path": "./../uui-popover/lib/uui-popover.element.ts",
-      "attributes": [
-        {
-          "name": "margin",
-          "description": "Set the distance between popover-modal and trigger.",
-          "type": "number",
-          "default": "\"false\""
-        },
-        {
-          "name": "placement",
-          "description": "Define the placement of the popover-modal.",
-          "type": "PopoverPlacement",
-          "default": "\"'bottom-start'\""
-        },
-        {
-          "name": "open",
-          "description": "Opens the popover-modal.",
-          "type": "boolean",
-          "default": "\"false\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "margin",
-          "attribute": "margin",
-          "description": "Set the distance between popover-modal and trigger.",
-          "type": "number",
-          "default": "\"false\""
-        },
-        {
-          "name": "placement",
-          "attribute": "placement",
-          "description": "Define the placement of the popover-modal.",
-          "type": "PopoverPlacement",
-          "default": "\"'bottom-start'\""
-        },
-        {
-          "name": "open",
-          "attribute": "open",
-          "description": "Opens the popover-modal.",
-          "type": "boolean",
-          "default": "\"false\""
-        },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[null]"
-        }
-      ],
-      "events": [
-        {
-          "name": "close",
-          "description": "When popover is closed by user interaction."
-        }
-      ],
-      "slots": [
-        {
-          "name": "trigger",
-          "description": "The element that triggers the popover."
-        },
-        {
-          "name": "popover",
-          "description": "The content of the popover."
-        }
-      ],
-      "cssProperties": [
-        {
-          "name": "--uui-popover-z-index",
-          "description": "overwrite the z-index of the popover container."
-        }
-      ],
-      "deprecated": true,
-      "deprecatedMessage": "This component has been deprecated and will be removed in future releases. It is being replaced by popover-container."
-    },
     {
       "name": "uui-progress-bar",
-      "path": "./../uui-progress-bar/lib/uui-progress-bar.element.ts",
+      "path": "./src/components/progress-bar/progress-bar.element.ts",
       "attributes": [
         {
           "name": "progress",
@@ -6129,7 +5888,7 @@
     },
     {
       "name": "uui-radio-group",
-      "path": "./../uui-radio/lib/uui-radio-group.element.ts",
+      "path": "./src/components/radio/radio-group.element.ts",
       "attributes": [
         {
           "name": "disabled",
@@ -6149,12 +5908,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -6179,11 +5932,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -6206,12 +5965,6 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -6219,13 +5972,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -6255,19 +6001,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ],
       "slots": [
@@ -6279,7 +6046,7 @@
     },
     {
       "name": "uui-radio",
-      "path": "./../uui-radio/lib/uui-radio.element.ts",
+      "path": "./src/components/radio/radio.element.ts",
       "attributes": [
         {
           "name": "name",
@@ -6384,7 +6151,7 @@
     },
     {
       "name": "uui-range-slider",
-      "path": "./../uui-range-slider/lib/uui-range-slider.element.ts",
+      "path": "./src/components/range-slider/range-slider.element.ts",
       "attributes": [
         {
           "name": "label",
@@ -6445,12 +6212,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.",
-          "type": "string",
-          "default": "\"0,0\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -6475,11 +6236,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.",
+          "type": "string",
+          "default": "\"0,0\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -6551,12 +6318,6 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -6564,13 +6325,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.",
-          "type": "string",
-          "default": "\"0,0\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -6600,19 +6354,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "This is a value property of the uui-range-slider. Split the two values with comma, for example 10,50 sets the values to 10 and 50.",
+          "type": "string",
+          "default": "\"0,0\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ],
       "events": [
@@ -6628,7 +6403,7 @@
     },
     {
       "name": "uui-ref-list",
-      "path": "./../uui-ref-list/lib/uui-ref-list.element.ts",
+      "path": "./src/components/ref-list/ref-list.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -6639,7 +6414,7 @@
     },
     {
       "name": "uui-ref-node-data-type",
-      "path": "./../uui-ref-node-data-type/lib/uui-ref-node-data-type.element.ts",
+      "path": "./src/components/ref-node-data-type/ref-node-data-type.element.ts",
       "attributes": [
         {
           "name": "alias",
@@ -6842,7 +6617,7 @@
     },
     {
       "name": "uui-ref-node-document-type",
-      "path": "./../uui-ref-node-document-type/lib/uui-ref-node-document-type.element.ts",
+      "path": "./src/components/ref-node-document-type/ref-node-document-type.element.ts",
       "attributes": [
         {
           "name": "alias",
@@ -7045,7 +6820,7 @@
     },
     {
       "name": "uui-ref-node-form",
-      "path": "./../uui-ref-node-form/lib/uui-ref-node-form.element.ts",
+      "path": "./src/components/ref-node-form/ref-node-form.element.ts",
       "attributes": [
         {
           "name": "name",
@@ -7235,7 +7010,7 @@
     },
     {
       "name": "uui-ref-node-member",
-      "path": "./../uui-ref-node-member/lib/uui-ref-node-member.element.ts",
+      "path": "./src/components/ref-node-member/ref-node-member.element.ts",
       "attributes": [
         {
           "name": "group-name",
@@ -7438,7 +7213,7 @@
     },
     {
       "name": "uui-ref-node-package",
-      "path": "./../uui-ref-node-package/lib/uui-ref-node-package.element.ts",
+      "path": "./src/components/ref-node-package/ref-node-package.element.ts",
       "attributes": [
         {
           "name": "version",
@@ -7654,7 +7429,7 @@
     },
     {
       "name": "uui-ref-node-user",
-      "path": "./../uui-ref-node-user/lib/uui-ref-node-user.element.ts",
+      "path": "./src/components/ref-node-user/ref-node-user.element.ts",
       "attributes": [
         {
           "name": "group-name",
@@ -7857,7 +7632,7 @@
     },
     {
       "name": "uui-ref-node",
-      "path": "./../uui-ref-node/lib/uui-ref-node.element.ts",
+      "path": "./src/components/ref-node/ref-node.element.ts",
       "attributes": [
         {
           "name": "name",
@@ -8047,7 +7822,7 @@
     },
     {
       "name": "uui-ref",
-      "path": "./../uui-ref/lib/uui-ref.element.ts",
+      "path": "./src/components/ref/ref.element.ts",
       "attributes": [
         {
           "name": "readonly",
@@ -8154,7 +7929,7 @@
     },
     {
       "name": "uui-responsive-container",
-      "path": "./../uui-responsive-container/lib/uui-responsive-container.element.ts",
+      "path": "./src/components/responsive-container/responsive-container.element.ts",
       "description": "A responsive container that collapses overflowing children into a dropdown.",
       "attributes": [
         {
@@ -8193,7 +7968,7 @@
     },
     {
       "name": "uui-scroll-container",
-      "path": "./../uui-scroll-container/lib/uui-scroll-container.element.ts",
+      "path": "./src/components/scroll-container/scroll-container.element.ts",
       "attributes": [
         {
           "name": "enforce-scroll",
@@ -8225,7 +8000,7 @@
     },
     {
       "name": "uui-select",
-      "path": "./../uui-select/lib/uui-select.element.ts",
+      "path": "./src/components/select/select.element.ts",
       "description": "Custom element wrapping the native select element. Pass an array of options to it.\nThis is a formAssociated element, meaning it can participate in a native HTMLForm. A name:value pair will be submitted.",
       "attributes": [
         {
@@ -8263,12 +8038,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -8283,9 +8052,9 @@
         },
         {
           "name": "error",
-          "description": "Set to true if the component should have an error state.Property is reflected to the corresponding attribute.",
+          "description": "Apply custom error on this input.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "error-message",
@@ -8293,11 +8062,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -8330,8 +8105,8 @@
         },
         {
           "name": "options",
-          "description": "An array of options to be rendered by the element. If you want the element The option interface has up to 5 properties:\n`interface Option {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`",
-          "type": "Option[]",
+          "description": "An array of options to be rendered by the element. The option interface has up to 5 properties:\n`interface UUISelectOption {\nname: string;\nvalue: string;\ngroup?: string;\nselected?: boolean;\ndisabled?: boolean;\n}`",
+          "type": "UUISelectOption[]",
           "default": "[]"
         },
         {
@@ -8346,12 +8121,6 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -8359,13 +8128,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -8383,9 +8145,9 @@
         {
           "name": "error",
           "attribute": "error",
-          "description": "Set to true if the component should have an error state.Property is reflected to the corresponding attribute.",
+          "description": "Apply custom error on this input.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "errorMessage",
@@ -8395,19 +8157,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events.\nIt may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.\nRead more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ],
       "events": [
@@ -8469,7 +8252,7 @@
     },
     {
       "name": "uui-slider",
-      "path": "./../uui-slider/lib/uui-slider.element.ts",
+      "path": "./src/components/slider/slider.element.ts",
       "attributes": [
         {
           "name": "hide-step-values",
@@ -8524,12 +8307,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "This is a value property of the uui-slider.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -8554,11 +8331,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "This is a value property of the uui-slider.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -8622,12 +8405,6 @@
           "type": "CSSResult[]",
           "default": "[\"UUIHorizontalPulseKeyframes\",\"nativeInputStyles\",null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -8635,13 +8412,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "This is a value property of the uui-slider.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -8671,19 +8441,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "This is a value property of the uui-slider.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ],
       "events": [
@@ -8693,9 +8484,33 @@
         }
       ]
     },
+    {
+      "name": "uui-symbol-drag-handle",
+      "path": "./src/components/symbol-drag-handle/symbol-drag-handle.element.ts",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[null]"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "Label to be used for aria-label and potentially as visual label for some components",
+          "type": "string"
+        }
+      ]
+    },
     {
       "name": "uui-symbol-expand",
-      "path": "./../uui-symbol-expand/lib/uui-symbol-expand.element.ts",
+      "path": "./src/components/symbol-expand/symbol-expand.element.ts",
       "description": "A symbol indicating whether related composition is expanded or collapsed",
       "attributes": [
         {
@@ -8722,7 +8537,7 @@
     },
     {
       "name": "uui-symbol-file-dropzone",
-      "path": "./../uui-symbol-file-dropzone/lib/uui-symbol-file-dropzone.element.ts",
+      "path": "./src/components/symbol-file-dropzone/symbol-file-dropzone.element.ts",
       "attributes": [
         {
           "name": "error",
@@ -8748,7 +8563,7 @@
     },
     {
       "name": "uui-symbol-file-thumbnail",
-      "path": "./../uui-symbol-file-thumbnail/lib/uui-symbol-file-thumbnail.element.ts",
+      "path": "./src/components/symbol-file-thumbnail/symbol-file-thumbnail.element.ts",
       "attributes": [
         {
           "name": "src",
@@ -8787,33 +8602,7 @@
     },
     {
       "name": "uui-file-symbol",
-      "path": "./../uui-symbol-file/lib/uui-symbol-file.element.ts",
-      "attributes": [
-        {
-          "name": "type",
-          "description": "The text that will appear on the file icon",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "type",
-          "attribute": "type",
-          "description": "The text that will appear on the file icon",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[\"UUITextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "uui-symbol-file",
-      "path": "./../uui-symbol-file/lib/uui-symbol-file.element.ts",
+      "path": "./src/components/symbol-file/symbol-file.element.ts",
       "attributes": [
         {
           "name": "type",
@@ -8833,24 +8622,13 @@
         {
           "name": "styles",
           "type": "CSSResult[]",
-          "default": "[\"UUITextStyles\",null]"
-        }
-      ]
-    },
-    {
-      "name": "uui-folder-symbol",
-      "path": "./../uui-symbol-folder/lib/uui-symbol-folder.element.ts",
-      "properties": [
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[null]"
+          "default": "[\"UUITextStyles\",null]"
         }
       ]
     },
     {
-      "name": "uui-symbol-folder",
-      "path": "./../uui-symbol-folder/lib/uui-symbol-folder.element.ts",
+      "name": "uui-folder-symbol",
+      "path": "./src/components/symbol-folder/symbol-folder.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -8861,7 +8639,7 @@
     },
     {
       "name": "uui-symbol-lock",
-      "path": "./../uui-symbol-lock/lib/uui-symbol-lock.element.ts",
+      "path": "./src/components/symbol-lock/symbol-lock.element.ts",
       "attributes": [
         {
           "name": "open",
@@ -8885,7 +8663,7 @@
     },
     {
       "name": "uui-symbol-more",
-      "path": "./../uui-symbol-more/lib/uui-symbol-more.element.ts",
+      "path": "./src/components/symbol-more/symbol-more.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -8896,7 +8674,7 @@
     },
     {
       "name": "uui-symbol-sort",
-      "path": "./../uui-symbol-sort/lib/uui-symbol-sort.element.ts",
+      "path": "./src/components/symbol-sort/symbol-sort.element.ts",
       "attributes": [
         {
           "name": "descending",
@@ -8935,7 +8713,7 @@
     },
     {
       "name": "uui-table-cell",
-      "path": "./../uui-table/lib/uui-table-cell.element.ts",
+      "path": "./src/components/table/table-cell.element.ts",
       "description": "Table cell that detects if it has overflow and if so it'll add a title attribute to itself to display full text. Must be a child of uui-table-row",
       "attributes": [
         {
@@ -9004,7 +8782,7 @@
     },
     {
       "name": "uui-table-column",
-      "path": "./../uui-table/lib/uui-table-column.element.ts",
+      "path": "./src/components/table/table-column.element.ts",
       "description": "Table column element. Equivalent of native col. Any styles you apply to it will be applied to the corresponding column in the table. Must be a child of uui-table. If you want to have unstyled column between two styled columns put this element into the markup without any styles applied to it.",
       "properties": [
         {
@@ -9016,7 +8794,7 @@
     },
     {
       "name": "uui-table-head-cell",
-      "path": "./../uui-table/lib/uui-table-head-cell.element.ts",
+      "path": "./src/components/table/table-head-cell.element.ts",
       "description": "Child element of uui-table-head. Use it there.",
       "attributes": [
         {
@@ -9085,7 +8863,7 @@
     },
     {
       "name": "uui-table-head",
-      "path": "./../uui-table/lib/uui-table-head.element.ts",
+      "path": "./src/components/table/table-head.element.ts",
       "description": "Table head element. Holds the styles for table head. Parent to uui-table-head-cell.",
       "properties": [
         {
@@ -9103,7 +8881,7 @@
     },
     {
       "name": "uui-table-row",
-      "path": "./../uui-table/lib/uui-table-row.element.ts",
+      "path": "./src/components/table/table-row.element.ts",
       "description": "Table row element with option to set is as selectable. Parent for uui-table-cell. Must be a child of uui-table.",
       "attributes": [
         {
@@ -9174,7 +8952,7 @@
     },
     {
       "name": "uui-table",
-      "path": "./../uui-table/lib/uui-table.element.ts",
+      "path": "./src/components/table/table.element.ts",
       "description": "Recreation of native table and it's child elements. `<uui-table>` is a parent element to `<uui-table-head>` `<and uui-table-row>`. To make it fully accessible remember to add aria-label and aria-describedby.",
       "properties": [
         {
@@ -9192,7 +8970,7 @@
     },
     {
       "name": "uui-tab-group",
-      "path": "./../uui-tabs/lib/uui-tab-group.element.ts",
+      "path": "./src/components/tabs/tab-group.element.ts",
       "attributes": [
         {
           "name": "dropdown-content-direction",
@@ -9246,146 +9024,7 @@
     },
     {
       "name": "uui-tabs",
-      "path": "./../uui-tabs/lib/uui-tab.element.ts",
-      "description": "A single tab. Should be put into `<uui-tab-group>`,",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.",
-          "type": "boolean",
-          "default": "\"false\""
-        },
-        {
-          "name": "href",
-          "description": "Set an href, this will turns the inner button into a anchor tag.",
-          "type": "string",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "target",
-          "description": "Set an anchor tag target, only used when using href.",
-          "type": "string",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "rel",
-          "description": "Set the rel attribute for an anchor tag, only used when using href.",
-          "type": "string",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "orientation",
-          "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
-          "type": "string",
-          "default": "\"horizontal\""
-        },
-        {
-          "name": "active",
-          "description": "Set this boolean to true for then the related composition is sorted.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "label",
-          "description": "Label to be used for aria-label and potentially as visual label for some components",
-          "type": "string"
-        }
-      ],
-      "properties": [
-        {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "Reflects the disabled state of the element. True if tab is disabled. Change this to switch the state programmatically.",
-          "type": "boolean",
-          "default": "\"false\""
-        },
-        {
-          "name": "href",
-          "attribute": "href",
-          "description": "Set an href, this will turns the inner button into a anchor tag.",
-          "type": "string",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "target",
-          "attribute": "target",
-          "description": "Set an anchor tag target, only used when using href.",
-          "type": "string",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "rel",
-          "attribute": "rel",
-          "description": "Set the rel attribute for an anchor tag, only used when using href.",
-          "type": "string",
-          "default": "\"undefined\""
-        },
-        {
-          "name": "orientation",
-          "attribute": "orientation",
-          "description": "Set the visual orientation of this tab, this changes the look and placement of the active indication.",
-          "type": "string",
-          "default": "\"horizontal\""
-        },
-        {
-          "name": "styles",
-          "type": "CSSResult[]",
-          "default": "[null]"
-        },
-        {
-          "name": "active",
-          "attribute": "active",
-          "description": "Set this boolean to true for then the related composition is sorted.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "label",
-          "attribute": "label",
-          "description": "Label to be used for aria-label and potentially as visual label for some components",
-          "type": "string"
-        }
-      ],
-      "slots": [
-        {
-          "name": "",
-          "description": "for label"
-        },
-        {
-          "name": "icon",
-          "description": "for icon"
-        },
-        {
-          "name": "extra",
-          "description": "for extra"
-        }
-      ],
-      "cssProperties": [
-        {
-          "name": "--uui-tab-text",
-          "description": "Define the tab text color"
-        },
-        {
-          "name": "--uui-tab-text-hover",
-          "description": "Define the tab text hover color"
-        },
-        {
-          "name": "--uui-tab-text-active",
-          "description": "Define the tab text active color"
-        },
-        {
-          "name": "--uui-tab-divider",
-          "description": "Define the tab dividers color"
-        },
-        {
-          "name": "--uui-tab-padding-horizontal",
-          "description": "Define the tab horizontal padding"
-        }
-      ]
-    },
-    {
-      "name": "uui-tab",
-      "path": "./../uui-tabs/lib/uui-tab.element.ts",
+      "path": "./src/components/tabs/tab.element.ts",
       "description": "A single tab. Should be put into `<uui-tab-group>`,",
       "attributes": [
         {
@@ -9524,7 +9163,7 @@
     },
     {
       "name": "uui-tag",
-      "path": "./../uui-tag/lib/uui-tag.element.ts",
+      "path": "./src/components/tag/tag.element.ts",
       "attributes": [
         {
           "name": "color",
@@ -9587,7 +9226,7 @@
     },
     {
       "name": "uui-textarea",
-      "path": "./../uui-textarea/lib/uui-textarea.element.ts",
+      "path": "./src/components/textarea/textarea.element.ts",
       "attributes": [
         {
           "name": "placeholder",
@@ -9660,13 +9299,7 @@
         },
         {
           "name": "name",
-          "description": "This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "description": "This is a name property of the component.",
           "type": "string",
           "default": "\"''\""
         },
@@ -9684,9 +9317,9 @@
         },
         {
           "name": "error",
-          "description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
+          "description": "Apply custom error on this input.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "error-message",
@@ -9694,11 +9327,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         }
       ],
       "properties": [
@@ -9788,23 +9427,10 @@
           "type": "CSSResult[]",
           "default": "[null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
-          "description": "This is a name property of the `<uui-textarea>` component. It reflects the behaviour of the native `<textarea>` element and its name attribute.",
-          "type": "string",
-          "default": "\"''\""
-        },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "description": "This is a name property of the component.",
           "type": "string",
           "default": "\"''\""
         },
@@ -9825,9 +9451,9 @@
         {
           "name": "error",
           "attribute": "error",
-          "description": "Set to true if the component should have an error state. Property is reflected to the corresponding attribute.",
+          "description": "Apply custom error on this input.",
           "type": "boolean",
-          "default": "\"false\""
+          "default": "false"
         },
         {
           "name": "errorMessage",
@@ -9837,19 +9463,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "Value of this form control.\nIf you dont want the setFormValue to be called on the ElementInternals, then prevent calling this method, by not calling super.value = newValue in your implementation of the value setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         }
       ],
       "events": [
@@ -9888,7 +9535,7 @@
     },
     {
       "name": "uui-toast-notification-container",
-      "path": "./../uui-toast-notification-container/lib/uui-toast-notification-container.element.ts",
+      "path": "./src/components/toast-notification-container/toast-notification-container.element.ts",
       "attributes": [
         {
           "name": "bottom-up",
@@ -9933,7 +9580,7 @@
     },
     {
       "name": "uui-toast-notification-layout",
-      "path": "./../uui-toast-notification-layout/lib/uui-toast-notification-layout.element.ts",
+      "path": "./src/components/toast-notification-layout/toast-notification-layout.element.ts",
       "attributes": [
         {
           "name": "headline",
@@ -9973,7 +9620,7 @@
     },
     {
       "name": "uui-toast-notification",
-      "path": "./../uui-toast-notification/lib/uui-toast-notification.element.ts",
+      "path": "./src/components/toast-notification/toast-notification.element.ts",
       "attributes": [
         {
           "name": "color",
@@ -10049,7 +9696,7 @@
     },
     {
       "name": "uui-toggle",
-      "path": "./../uui-toggle/lib/uui-toggle.element.ts",
+      "path": "./src/components/toggle/toggle.element.ts",
       "description": "Umbraco Toggle-switch, toggles between off/on. Technically a checkbox.",
       "attributes": [
         {
@@ -10088,12 +9735,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "description": "Apply validation rule for requiring a value of this form control.",
@@ -10118,11 +9759,17 @@
           "type": "string",
           "default": "\"This field is invalid\""
         },
+        {
+          "name": "value",
+          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
+          "type": "string",
+          "default": "\"''\""
+        },
         {
           "name": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
         },
         {
           "name": "label",
@@ -10171,12 +9818,6 @@
           "type": "CSSResult[]",
           "default": "[null,\"UUIHorizontalShakeKeyframes\",null]"
         },
-        {
-          "name": "formAssociated",
-          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
-          "type": "boolean",
-          "default": "true"
-        },
         {
           "name": "name",
           "attribute": "name",
@@ -10184,13 +9825,6 @@
           "type": "string",
           "default": "\"''\""
         },
-        {
-          "name": "value",
-          "attribute": "value",
-          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
-          "type": "string",
-          "default": "\"''\""
-        },
         {
           "name": "required",
           "attribute": "required",
@@ -10220,19 +9854,40 @@
           "default": "\"This field is invalid\""
         },
         {
-          "name": "validity",
-          "type": "ValidityState"
+          "name": "addValidator",
+          "type": "(flagKey: FlagTypes, getMessageMethod: () => string, checkMethod: () => boolean) => void"
         },
         {
-          "name": "validationMessage",
-          "type": "string"
+          "name": "removeValidator",
+          "type": "(obj: UUIFormControlValidatorConfig) => void"
+        },
+        {
+          "name": "formAssociated",
+          "description": "This is a static class field indicating that the element is can be used inside a native form and participate in its events. It may require a polyfill, check support here https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals.  Read more about form controls here https://web.dev/more-capable-form-controls/",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "intentional overwrite of FormControlMixins value getter and setter method.",
+          "type": "string",
+          "default": "\"''\""
         },
         {
           "name": "pristine",
           "attribute": "pristine",
           "description": "Determines wether the form control has been touched or interacted with, this determines wether the validation-status of this form control should be made visible.",
           "type": "boolean",
-          "default": "\"true\""
+          "default": "\"\""
+        },
+        {
+          "name": "validity",
+          "type": "ValidityState"
+        },
+        {
+          "name": "validationMessage",
+          "type": "string"
         },
         {
           "name": "label",
@@ -10288,7 +9943,7 @@
     },
     {
       "name": "uui-visually-hidden",
-      "path": "./../uui-visually-hidden/lib/uui-visually-hidden.element.ts",
+      "path": "./src/components/visually-hidden/visually-hidden.element.ts",
       "properties": [
         {
           "name": "styles",