@redvars/peacock 3.2.0 → 3.2.1

package/dist/custom-elements-jsdocs.json

@@ -5277,205 +5277,94 @@
     }
   },
   {
-    "rawTag": "tag",
-    "label": "Tag",
+    "rawTag": "switch",
+    "label": "Switch",
     "jsdoc": {
       "@label": [
         {
           "kind": "text",
-          "text": "Tag"
+          "text": "Switch"
         }
       ],
       "@tag": [
         {
           "kind": "text",
-          "text": "base-tag"
+          "text": "base-switch"
         }
       ],
       "@rawTag": [
         {
           "kind": "text",
-          "text": "tag"
+          "text": "switch"
         }
       ],
       "@summary": [
         {
           "kind": "text",
-          "text": "Tag component for displaying labels or values with optional dismiss functionality."
+          "text": "Captures boolean input with an on/off switch interaction."
+        }
+      ],
+      "@overview": [
+        {
+          "kind": "text",
+          "text": "<p>Toggles are used to enable or disable a single option. They provide immediate feedback about whether an option is active or inactive.</p>"
+        }
+      ],
+      "@cssprop": [
+        {
+          "kind": "text",
+          "text": "--switch-handle-color: Color of the switch handle."
+        }
+      ],
+      "@fires": [
+        {
+          "kind": "text",
+          "text": "focus - Dispatched when the switch receives focus."
         }
       ],
       "@example": [
         {
           "kind": "code",
-          "text": "```html\n<base-tag color=red>Tag</base-tag>\n```"
+          "text": "```html\n<base-switch value=\"true\"></base-switch>\n```"
         }
       ],
       "@tags": [
         {
           "kind": "text",
-          "text": "display"
+          "text": "input, form"
         }
       ]
     },
     "customElement": {
       "kind": "class",
       "description": "",
-      "name": "Tag",
-      "members": [
-        {
-          "kind": "field",
-          "name": "dismissible",
-          "type": {
-            "text": "boolean"
-          },
-          "default": "false",
-          "description": "If true, the tag will have a close icon.",
-          "attribute": "dismissible"
-        },
-        {
-          "kind": "field",
-          "name": "variant",
-          "type": {
-            "text": "'elevated' | 'filled' | 'tonal' | 'outlined'"
-          },
-          "default": "'tonal'",
-          "attribute": "variant"
-        },
-        {
-          "kind": "field",
-          "name": "color",
-          "type": {
-            "text": "| 'default'\n    | 'blue'\n    | 'green'\n    | 'red'\n    | 'yellow' | undefined"
-          },
-          "default": "'default'",
-          "description": "Tag color.",
-          "attribute": "color",
-          "reflects": true
-        },
+      "name": "Switch",
+      "cssProperties": [
         {
-          "kind": "field",
-          "name": "size",
-          "type": {
-            "text": "'sm' | 'md' | undefined"
-          },
-          "default": "'md'",
-          "attribute": "size"
+          "description": "Color of the switch track when checked.",
+          "name": "--switch-track-color:"
         },
         {
-          "kind": "method",
-          "name": "_dismissClickHandler",
-          "privacy": "private",
-          "parameters": [
-            {
-              "name": "e",
-              "type": {
-                "text": "MouseEvent"
-              }
-            }
-          ]
+          "description": "Color of the switch track when unchecked.",
+          "name": "--switch-track-off-color:"
         },
         {
-          "kind": "method",
-          "name": "__renderDismissButton",
-          "privacy": "private"
-        }
-      ],
-      "events": [
-        {
-          "name": "tag--dismiss",
-          "type": {
-            "text": "CustomEvent"
-          }
-        }
-      ],
-      "attributes": [
-        {
-          "name": "dismissible",
-          "type": {
-            "text": "boolean"
-          },
-          "default": "false",
-          "description": "If true, the tag will have a close icon.",
-          "fieldName": "dismissible"
+          "description": "Width of the switch track.",
+          "name": "--switch-width:"
         },
         {
-          "name": "variant",
-          "type": {
-            "text": "'elevated' | 'filled' | 'tonal' | 'outlined'"
-          },
-          "default": "'tonal'",
-          "fieldName": "variant"
+          "description": "Height of the switch track.",
+          "name": "--switch-height:"
         },
         {
-          "name": "color",
-          "type": {
-            "text": "| 'default'\n    | 'blue'\n    | 'green'\n    | 'red'\n    | 'yellow' | undefined"
-          },
-          "default": "'default'",
-          "description": "Tag color.",
-          "fieldName": "color"
+          "description": "Size of the switch handle.",
+          "name": "--switch-handle-radius:"
         },
         {
-          "name": "size",
-          "type": {
-            "text": "'sm' | 'md' | undefined"
-          },
-          "default": "'md'",
-          "fieldName": "size"
-        }
-      ],
-      "superclass": {
-        "name": "LitElement",
-        "package": "lit"
-      },
-      "tagName": "base-tag",
-      "customElement": true,
-      "summary": "Tag component for displaying labels or values with optional dismiss functionality.",
-      "rawTag": {
-        "name": "tag",
-        "description": ""
-      }
-    }
-  },
-  {
-    "rawTag": "textarea",
-    "label": "Textarea",
-    "jsdoc": {
-      "@label": [
-        {
-          "kind": "text",
-          "text": "Textarea"
-        }
-      ],
-      "@tag": [
-        {
-          "kind": "text",
-          "text": "textarea-field"
-        }
-      ],
-      "@rawTag": [
-        {
-          "kind": "text",
-          "text": "textarea"
-        }
-      ],
-      "@summary": [
-        {
-          "kind": "text",
-          "text": "The Textarea component is used to capture user input."
+          "description": "Color of the switch handle.",
+          "name": "--switch-handle-color:"
         }
       ],
-      "@example": [
-        {
-          "kind": "code",
-          "text": "```html\n<textarea-field label=\"Name\" required placeholder=\"Enter your name\"></textarea-field>\n```"
-        }
-      ]
-    },
-    "customElement": {
-      "kind": "class",
-      "description": "",
-      "name": "Textarea",
       "members": [
         {
           "kind": "field",
@@ -5483,7 +5372,7 @@
           "type": {
             "text": "any | undefined"
           },
-          "default": "''",
+          "default": "false",
           "attribute": "value",
           "inheritedFrom": {
             "name": "BaseInput",
@@ -5497,54 +5386,83 @@
             "text": "string"
           },
           "default": "''",
+          "description": "The input field name.",
           "attribute": "name"
         },
         {
           "kind": "field",
-          "name": "placeholder",
+          "name": "label",
           "type": {
             "text": "string"
           },
           "default": "''",
-          "attribute": "placeholder"
+          "description": "The switch label.",
+          "attribute": "label"
         },
         {
           "kind": "field",
-          "name": "label",
+          "name": "rounded",
           "type": {
-            "text": "string"
+            "text": "boolean"
           },
-          "default": "''",
-          "attribute": "label"
+          "default": "true",
+          "description": "If true, the toggle has rounded corners. Defaults to `true`.",
+          "attribute": "rounded"
         },
         {
           "kind": "field",
-          "name": "inline",
+          "name": "required",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "attribute": "inline",
-          "reflects": true
+          "attribute": "required",
+          "reflects": true,
+          "description": "If true, required icon is shown. Defaults to `false`.",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
         },
         {
           "kind": "field",
-          "name": "size",
+          "name": "readonly",
           "type": {
-            "text": "'sm' | 'md' | 'lg'"
+            "text": "boolean"
           },
-          "default": "'md'",
-          "attribute": "size",
-          "reflects": true
+          "default": "false",
+          "attribute": "readonly",
+          "reflects": true,
+          "description": "If true, the toggle is readonly. Defaults to `false`.",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
         },
         {
           "kind": "field",
-          "name": "autocomplete",
+          "name": "disabled",
           "type": {
-            "text": "'on' | 'off'"
+            "text": "boolean"
           },
-          "default": "'off'",
-          "attribute": "autocomplete"
+          "default": "false",
+          "attribute": "disabled",
+          "reflects": true,
+          "description": "If true, the user cannot interact with the toggle. Defaults to `false`.",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
+        },
+        {
+          "kind": "field",
+          "name": "withIcon",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "attribute": "with-icon",
+          "reflects": true
         },
         {
           "kind": "field",
@@ -5553,224 +5471,164 @@
             "text": "Record<string, string>"
           },
           "default": "{}",
+          "description": "Configuration object for aria attributes.",
           "attribute": "configAria"
         },
         {
           "kind": "field",
-          "name": "variant",
+          "name": "hasFocus",
           "type": {
-            "text": "'filled' | 'outlined' | 'default'"
+            "text": "boolean"
           },
-          "default": "'default'",
-          "attribute": "variant"
+          "privacy": "private",
+          "default": "false"
         },
         {
           "kind": "field",
-          "name": "helperText",
+          "name": "isActive",
           "type": {
-            "text": "string"
+            "text": "boolean"
           },
-          "default": "''",
-          "description": "Helper text to display below the input.",
-          "attribute": "helper-text"
+          "privacy": "private",
+          "default": "false"
         },
         {
           "kind": "field",
-          "name": "error",
+          "name": "slotHasContent",
           "type": {
             "text": "boolean"
           },
-          "default": "false",
-          "attribute": "error"
+          "privacy": "private",
+          "default": "false"
         },
         {
           "kind": "field",
-          "name": "errorText",
+          "name": "trackElement",
           "type": {
-            "text": "string"
+            "text": "HTMLElement | undefined"
           },
-          "default": "''",
-          "attribute": "error-text"
+          "privacy": "private"
         },
         {
           "kind": "field",
-          "name": "warning",
+          "name": "nativeElement",
           "type": {
-            "text": "boolean"
+            "text": "HTMLInputElement | undefined"
           },
-          "default": "false",
-          "attribute": "warning"
+          "privacy": "private"
         },
         {
           "kind": "field",
-          "name": "warningText",
+          "name": "tabindex",
           "type": {
-            "text": "string"
+            "text": "string | undefined"
           },
-          "default": "''",
-          "attribute": "warning-text"
+          "privacy": "private"
         },
         {
-          "kind": "field",
-          "name": "rows",
-          "type": {
-            "text": "string"
-          },
-          "default": "'3'",
-          "attribute": "rows"
+          "kind": "method",
+          "name": "handleInitialAttributes",
+          "privacy": "private"
         },
         {
           "kind": "field",
-          "name": "focused",
-          "type": {
-            "text": "boolean"
-          },
-          "privacy": "private",
-          "default": "false"
+          "name": "windowMouseUp",
+          "privacy": "private"
         },
         {
           "kind": "field",
-          "name": "passwordVisible",
-          "type": {
-            "text": "boolean"
-          },
-          "privacy": "private",
-          "default": "false"
+          "name": "windowKeyUp",
+          "privacy": "private"
         },
         {
           "kind": "field",
-          "name": "dirty",
-          "type": {
-            "text": "boolean"
-          },
-          "privacy": "private",
-          "default": "false",
-          "description": "Returns true when the text field has been interacted with. Native\nvalidation errors only display in response to user interactions."
+          "name": "mouseDownHandler",
+          "privacy": "private"
         },
         {
           "kind": "field",
-          "name": "inputElement",
-          "type": {
-            "text": "HTMLInputElement | undefined"
-          },
+          "name": "keyDownHandler",
           "privacy": "private"
         },
         {
           "kind": "field",
-          "name": "tabindex",
-          "type": {
-            "text": "string | undefined"
-          },
+          "name": "clickHandler",
           "privacy": "private"
         },
         {
-          "kind": "method",
-          "name": "handleInitialAttributes",
+          "kind": "field",
+          "name": "blurHandler",
           "privacy": "private"
         },
         {
-          "kind": "method",
-          "name": "__handleInput",
-          "privacy": "private",
-          "parameters": [
-            {
-              "name": "event",
-              "type": {
-                "text": "InputEvent"
-              }
-            }
-          ]
+          "kind": "field",
+          "name": "focusHandler",
+          "privacy": "private"
         },
         {
-          "kind": "method",
-          "name": "focus"
+          "kind": "field",
+          "name": "handleKeyUp",
+          "privacy": "private"
         },
         {
           "kind": "method",
-          "name": "blur"
+          "name": "focus",
+          "description": "Sets focus on the toggle."
         },
         {
           "kind": "method",
-          "name": "__handleFocusChange",
-          "privacy": "private"
+          "name": "blur",
+          "description": "Removes focus from the toggle."
         },
         {
           "kind": "method",
-          "name": "__redispatchEvent",
-          "privacy": "private",
-          "parameters": [
-            {
-              "name": "event",
-              "type": {
-                "text": "Event"
-              }
-            }
-          ]
+          "name": "__renderIcon"
         },
         {
           "kind": "field",
-          "name": "disabled",
+          "name": "skeleton",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "attribute": "disabled",
+          "attribute": "skeleton",
           "reflects": true,
           "inheritedFrom": {
             "name": "BaseInput",
             "module": "src/input/BaseInput.ts"
           }
-        },
+        }
+      ],
+      "events": [
         {
-          "kind": "field",
-          "name": "readonly",
           "type": {
-            "text": "boolean"
+            "text": "CustomEvent"
           },
-          "default": "false",
-          "attribute": "readonly",
-          "reflects": true,
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "description": "Dispatched when the switch value changes.",
+          "name": "change"
         },
         {
-          "kind": "field",
-          "name": "required",
           "type": {
-            "text": "boolean"
+            "text": "CustomEvent"
           },
-          "default": "false",
-          "attribute": "required",
-          "reflects": true,
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "description": "Dispatched when the switch loses focus.",
+          "name": "blur"
         },
         {
-          "kind": "field",
-          "name": "skeleton",
           "type": {
-            "text": "boolean"
+            "text": "CustomEvent"
           },
-          "default": "false",
-          "attribute": "skeleton",
-          "reflects": true,
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "description": "Dispatched when the switch receives focus.",
+          "name": "focus"
         }
       ],
       "attributes": [
         {
           "name": "value",
           "type": {
-            "text": "string"
+            "text": "boolean"
           },
-          "default": "''",
+          "default": "false",
           "fieldName": "value"
         },
         {
@@ -5779,47 +5637,73 @@
             "text": "string"
           },
           "default": "''",
+          "description": "The input field name.",
           "fieldName": "name"
         },
         {
-          "name": "placeholder",
+          "name": "label",
           "type": {
             "text": "string"
           },
           "default": "''",
-          "fieldName": "placeholder"
+          "description": "The switch label.",
+          "fieldName": "label"
         },
         {
-          "name": "label",
+          "name": "rounded",
           "type": {
-            "text": "string"
+            "text": "boolean"
           },
-          "default": "''",
-          "fieldName": "label"
+          "default": "true",
+          "description": "If true, the toggle has rounded corners. Defaults to `true`.",
+          "fieldName": "rounded"
         },
         {
-          "name": "inline",
+          "name": "required",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "fieldName": "inline"
+          "fieldName": "required",
+          "description": "If true, required icon is shown. Defaults to `false`.",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
         },
         {
-          "name": "size",
+          "name": "readonly",
           "type": {
-            "text": "'sm' | 'md' | 'lg'"
+            "text": "boolean"
           },
-          "default": "'md'",
-          "fieldName": "size"
+          "default": "false",
+          "fieldName": "readonly",
+          "description": "If true, the toggle is readonly. Defaults to `false`.",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
         },
         {
-          "name": "autocomplete",
+          "name": "disabled",
           "type": {
-            "text": "'on' | 'off'"
+            "text": "boolean"
           },
-          "default": "'off'",
-          "fieldName": "autocomplete"
+          "default": "false",
+          "fieldName": "disabled",
+          "description": "If true, the user cannot interact with the toggle. Defaults to `false`.",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
+        },
+        {
+          "name": "with-icon",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "withIcon"
         },
         {
           "name": "configAria",
@@ -5827,166 +5711,235 @@
             "text": "Record<string, string>"
           },
           "default": "{}",
+          "description": "Configuration object for aria attributes.",
           "fieldName": "configAria"
         },
         {
-          "name": "variant",
+          "name": "skeleton",
           "type": {
-            "text": "'filled' | 'outlined' | 'default'"
+            "text": "boolean"
           },
-          "default": "'default'",
-          "fieldName": "variant"
-        },
+          "default": "false",
+          "fieldName": "skeleton",
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
+        }
+      ],
+      "superclass": {
+        "name": "BaseInput",
+        "module": "/src/input/BaseInput.js"
+      },
+      "tagName": "base-switch",
+      "customElement": true,
+      "summary": "Captures boolean input with an on/off switch interaction.",
+      "rawTag": {
+        "name": "switch",
+        "description": ""
+      }
+    }
+  },
+  {
+    "rawTag": "tag",
+    "label": "Tag",
+    "jsdoc": {
+      "@label": [
         {
-          "name": "helper-text",
-          "type": {
-            "text": "string"
-          },
-          "default": "''",
-          "description": "Helper text to display below the input.",
-          "fieldName": "helperText"
-        },
+          "kind": "text",
+          "text": "Tag"
+        }
+      ],
+      "@tag": [
         {
-          "name": "error",
+          "kind": "text",
+          "text": "base-tag"
+        }
+      ],
+      "@rawTag": [
+        {
+          "kind": "text",
+          "text": "tag"
+        }
+      ],
+      "@summary": [
+        {
+          "kind": "text",
+          "text": "Tag component for displaying labels or values with optional dismiss functionality."
+        }
+      ],
+      "@example": [
+        {
+          "kind": "code",
+          "text": "```html\n<base-tag color=red>Tag</base-tag>\n```"
+        }
+      ],
+      "@tags": [
+        {
+          "kind": "text",
+          "text": "display"
+        }
+      ]
+    },
+    "customElement": {
+      "kind": "class",
+      "description": "",
+      "name": "Tag",
+      "members": [
+        {
+          "kind": "field",
+          "name": "dismissible",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "fieldName": "error"
+          "description": "If true, the tag will have a close icon.",
+          "attribute": "dismissible"
         },
         {
-          "name": "error-text",
+          "kind": "field",
+          "name": "variant",
           "type": {
-            "text": "string"
+            "text": "'elevated' | 'filled' | 'tonal' | 'outlined'"
           },
-          "default": "''",
-          "fieldName": "errorText"
+          "default": "'tonal'",
+          "attribute": "variant"
         },
         {
-          "name": "warning",
+          "kind": "field",
+          "name": "color",
           "type": {
-            "text": "boolean"
+            "text": "| 'default'\n    | 'blue'\n    | 'green'\n    | 'red'\n    | 'yellow' | undefined"
           },
-          "default": "false",
-          "fieldName": "warning"
+          "default": "'default'",
+          "description": "Tag color.",
+          "attribute": "color",
+          "reflects": true
         },
         {
-          "name": "warning-text",
+          "kind": "field",
+          "name": "size",
           "type": {
-            "text": "string"
+            "text": "'sm' | 'md' | undefined"
           },
-          "default": "''",
-          "fieldName": "warningText"
+          "default": "'md'",
+          "attribute": "size"
         },
         {
-          "name": "rows",
+          "kind": "method",
+          "name": "_dismissClickHandler",
+          "privacy": "private",
+          "parameters": [
+            {
+              "name": "e",
+              "type": {
+                "text": "MouseEvent"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "method",
+          "name": "__renderDismissButton",
+          "privacy": "private"
+        }
+      ],
+      "events": [
+        {
+          "name": "tag--dismiss",
           "type": {
-            "text": "string"
-          },
-          "default": "'3'",
-          "fieldName": "rows"
-        },
+            "text": "CustomEvent"
+          }
+        }
+      ],
+      "attributes": [
         {
-          "name": "disabled",
+          "name": "dismissible",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "fieldName": "disabled",
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "description": "If true, the tag will have a close icon.",
+          "fieldName": "dismissible"
         },
         {
-          "name": "readonly",
+          "name": "variant",
           "type": {
-            "text": "boolean"
+            "text": "'elevated' | 'filled' | 'tonal' | 'outlined'"
           },
-          "default": "false",
-          "fieldName": "readonly",
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "default": "'tonal'",
+          "fieldName": "variant"
         },
         {
-          "name": "required",
+          "name": "color",
           "type": {
-            "text": "boolean"
+            "text": "| 'default'\n    | 'blue'\n    | 'green'\n    | 'red'\n    | 'yellow' | undefined"
           },
-          "default": "false",
-          "fieldName": "required",
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "default": "'default'",
+          "description": "Tag color.",
+          "fieldName": "color"
         },
         {
-          "name": "skeleton",
+          "name": "size",
           "type": {
-            "text": "boolean"
+            "text": "'sm' | 'md' | undefined"
           },
-          "default": "false",
-          "fieldName": "skeleton",
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "default": "'md'",
+          "fieldName": "size"
         }
       ],
       "superclass": {
-        "name": "BaseInput",
-        "module": "/src/input/BaseInput.js"
+        "name": "LitElement",
+        "package": "lit"
       },
-      "tagName": "textarea-field",
+      "tagName": "base-tag",
       "customElement": true,
-      "summary": "The Textarea component is used to capture user input.",
+      "summary": "Tag component for displaying labels or values with optional dismiss functionality.",
       "rawTag": {
-        "name": "textarea",
+        "name": "tag",
         "description": ""
       }
     }
   },
   {
-    "rawTag": "time-picker",
-    "label": "Time Picker",
+    "rawTag": "textarea",
+    "label": "Textarea",
     "jsdoc": {
       "@label": [
         {
           "kind": "text",
-          "text": "Time Picker"
+          "text": "Textarea"
         }
       ],
       "@tag": [
         {
           "kind": "text",
-          "text": "time-picker"
+          "text": "textarea-field"
         }
       ],
       "@rawTag": [
         {
           "kind": "text",
-          "text": "time-picker"
+          "text": "textarea"
         }
       ],
       "@summary": [
         {
           "kind": "text",
-          "text": "The Time Picker component is used to capture time user input."
+          "text": "The Textarea component is used to capture user input."
         }
       ],
       "@example": [
         {
           "kind": "code",
-          "text": "```html\n<time-picker label=\"Name\" required placeholder=\"Enter your name\"></time-picker>\n```"
+          "text": "```html\n<textarea-field label=\"Name\" required placeholder=\"Enter your name\"></textarea-field>\n```"
         }
       ]
     },
     "customElement": {
       "kind": "class",
       "description": "",
-      "name": "TimePicker",
+      "name": "Textarea",
       "members": [
         {
           "kind": "field",
@@ -6121,6 +6074,15 @@
           "default": "''",
           "attribute": "warning-text"
         },
+        {
+          "kind": "field",
+          "name": "rows",
+          "type": {
+            "text": "string"
+          },
+          "default": "'3'",
+          "attribute": "rows"
+        },
         {
           "kind": "field",
           "name": "focused",
@@ -6380,6 +6342,14 @@
           "default": "''",
           "fieldName": "warningText"
         },
+        {
+          "name": "rows",
+          "type": {
+            "text": "string"
+          },
+          "default": "'3'",
+          "fieldName": "rows"
+        },
         {
           "name": "disabled",
           "type": {
@@ -6433,104 +6403,54 @@
         "name": "BaseInput",
         "module": "/src/input/BaseInput.js"
       },
-      "tagName": "time-picker",
+      "tagName": "textarea-field",
       "customElement": true,
-      "summary": "The Time Picker component is used to capture time user input.",
+      "summary": "The Textarea component is used to capture user input.",
       "rawTag": {
-        "name": "time-picker",
+        "name": "textarea",
         "description": ""
       }
     }
   },
   {
-    "rawTag": "toggle",
-    "label": "Toggle",
+    "rawTag": "time-picker",
+    "label": "Time Picker",
     "jsdoc": {
       "@label": [
         {
           "kind": "text",
-          "text": "Toggle"
+          "text": "Time Picker"
         }
       ],
       "@tag": [
         {
           "kind": "text",
-          "text": "base-toggle"
+          "text": "time-picker"
         }
       ],
       "@rawTag": [
         {
           "kind": "text",
-          "text": "toggle"
+          "text": "time-picker"
         }
       ],
       "@summary": [
         {
           "kind": "text",
-          "text": "Captures boolean input with an on/off switch interaction."
-        }
-      ],
-      "@overview": [
-        {
-          "kind": "text",
-          "text": "<p>Toggles are used to enable or disable a single option. They provide immediate feedback about whether an option is active or inactive.</p>"
-        }
-      ],
-      "@cssprop": [
-        {
-          "kind": "text",
-          "text": "--toggle-handle-color: Color of the toggle handle."
-        }
-      ],
-      "@fires": [
-        {
-          "kind": "text",
-          "text": "focus - Dispatched when the toggle receives focus."
+          "text": "The Time Picker component is used to capture time user input."
         }
       ],
       "@example": [
         {
           "kind": "code",
-          "text": "```html\n<base-toggle value=\"true\"></base-toggle>\n```"
-        }
-      ],
-      "@tags": [
-        {
-          "kind": "text",
-          "text": "input, form"
+          "text": "```html\n<time-picker label=\"Name\" required placeholder=\"Enter your name\"></time-picker>\n```"
         }
       ]
     },
     "customElement": {
       "kind": "class",
       "description": "",
-      "name": "Toggle",
-      "cssProperties": [
-        {
-          "description": "Color of the toggle track when checked.",
-          "name": "--toggle-track-color:"
-        },
-        {
-          "description": "Color of the toggle track when unchecked.",
-          "name": "--toggle-track-off-color:"
-        },
-        {
-          "description": "Width of the toggle track.",
-          "name": "--toggle-width:"
-        },
-        {
-          "description": "Height of the toggle track.",
-          "name": "--toggle-height:"
-        },
-        {
-          "description": "Size of the toggle handle.",
-          "name": "--toggle-handle-radius:"
-        },
-        {
-          "description": "Color of the toggle handle.",
-          "name": "--toggle-handle-color:"
-        }
-      ],
+      "name": "TimePicker",
       "members": [
         {
           "kind": "field",
@@ -6538,7 +6458,7 @@
           "type": {
             "text": "any | undefined"
           },
-          "default": "false",
+          "default": "''",
           "attribute": "value",
           "inheritedFrom": {
             "name": "BaseInput",
@@ -6552,9 +6472,17 @@
             "text": "string"
           },
           "default": "''",
-          "description": "The input field name.",
           "attribute": "name"
         },
+        {
+          "kind": "field",
+          "name": "placeholder",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "attribute": "placeholder"
+        },
         {
           "kind": "field",
           "name": "label",
@@ -6562,87 +6490,104 @@
             "text": "string"
           },
           "default": "''",
-          "description": "The toggle label.",
           "attribute": "label"
         },
         {
           "kind": "field",
-          "name": "rounded",
+          "name": "inline",
           "type": {
             "text": "boolean"
           },
-          "default": "true",
-          "description": "If true, the toggle has rounded corners. Defaults to `true`.",
-          "attribute": "rounded"
+          "default": "false",
+          "attribute": "inline",
+          "reflects": true
         },
         {
           "kind": "field",
-          "name": "required",
+          "name": "size",
           "type": {
-            "text": "boolean"
+            "text": "'sm' | 'md' | 'lg'"
           },
-          "default": "false",
-          "attribute": "required",
-          "reflects": true,
-          "description": "If true, required icon is shown. Defaults to `false`.",
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "default": "'md'",
+          "attribute": "size",
+          "reflects": true
         },
         {
           "kind": "field",
-          "name": "readonly",
+          "name": "autocomplete",
           "type": {
-            "text": "boolean"
+            "text": "'on' | 'off'"
           },
-          "default": "false",
-          "attribute": "readonly",
-          "reflects": true,
-          "description": "If true, the toggle is readonly. Defaults to `false`.",
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "default": "'off'",
+          "attribute": "autocomplete"
         },
         {
           "kind": "field",
-          "name": "disabled",
+          "name": "configAria",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{}",
+          "attribute": "configAria"
+        },
+        {
+          "kind": "field",
+          "name": "variant",
+          "type": {
+            "text": "'filled' | 'outlined' | 'default'"
+          },
+          "default": "'default'",
+          "attribute": "variant"
+        },
+        {
+          "kind": "field",
+          "name": "helperText",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "description": "Helper text to display below the input.",
+          "attribute": "helper-text"
+        },
+        {
+          "kind": "field",
+          "name": "error",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "attribute": "disabled",
-          "reflects": true,
-          "description": "If true, the user cannot interact with the toggle. Defaults to `false`.",
-          "inheritedFrom": {
-            "name": "BaseInput",
-            "module": "src/input/BaseInput.ts"
-          }
+          "attribute": "error"
         },
         {
           "kind": "field",
-          "name": "withIcon",
+          "name": "errorText",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "attribute": "error-text"
+        },
+        {
+          "kind": "field",
+          "name": "warning",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "attribute": "with-icon",
-          "reflects": true
+          "attribute": "warning"
         },
         {
           "kind": "field",
-          "name": "configAria",
+          "name": "warningText",
           "type": {
-            "text": "Record<string, string>"
+            "text": "string"
           },
-          "default": "{}",
-          "description": "Configuration object for aria attributes.",
-          "attribute": "configAria"
+          "default": "''",
+          "attribute": "warning-text"
         },
         {
           "kind": "field",
-          "name": "hasFocus",
+          "name": "focused",
           "type": {
             "text": "boolean"
           },
@@ -6651,7 +6596,7 @@
         },
         {
           "kind": "field",
-          "name": "isActive",
+          "name": "passwordVisible",
           "type": {
             "text": "boolean"
           },
@@ -6660,24 +6605,17 @@
         },
         {
           "kind": "field",
-          "name": "slotHasContent",
+          "name": "dirty",
           "type": {
             "text": "boolean"
           },
           "privacy": "private",
-          "default": "false"
-        },
-        {
-          "kind": "field",
-          "name": "trackElement",
-          "type": {
-            "text": "HTMLElement | undefined"
-          },
-          "privacy": "private"
+          "default": "false",
+          "description": "Returns true when the text field has been interacted with. Native\nvalidation errors only display in response to user interactions."
         },
         {
           "kind": "field",
-          "name": "nativeElement",
+          "name": "inputElement",
           "type": {
             "text": "HTMLInputElement | undefined"
           },
@@ -6697,58 +6635,85 @@
           "privacy": "private"
         },
         {
-          "kind": "field",
-          "name": "windowMouseUp",
-          "privacy": "private"
+          "kind": "method",
+          "name": "__handleInput",
+          "privacy": "private",
+          "parameters": [
+            {
+              "name": "event",
+              "type": {
+                "text": "InputEvent"
+              }
+            }
+          ]
         },
         {
-          "kind": "field",
-          "name": "windowKeyUp",
-          "privacy": "private"
+          "kind": "method",
+          "name": "focus"
         },
         {
-          "kind": "field",
-          "name": "mouseDownHandler",
-          "privacy": "private"
+          "kind": "method",
+          "name": "blur"
         },
         {
-          "kind": "field",
-          "name": "keyDownHandler",
+          "kind": "method",
+          "name": "__handleFocusChange",
           "privacy": "private"
         },
         {
-          "kind": "field",
-          "name": "clickHandler",
-          "privacy": "private"
+          "kind": "method",
+          "name": "__redispatchEvent",
+          "privacy": "private",
+          "parameters": [
+            {
+              "name": "event",
+              "type": {
+                "text": "Event"
+              }
+            }
+          ]
         },
         {
           "kind": "field",
-          "name": "blurHandler",
-          "privacy": "private"
+          "name": "disabled",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "attribute": "disabled",
+          "reflects": true,
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
         },
         {
           "kind": "field",
-          "name": "focusHandler",
-          "privacy": "private"
+          "name": "readonly",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "attribute": "readonly",
+          "reflects": true,
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
         },
         {
           "kind": "field",
-          "name": "handleKeyUp",
-          "privacy": "private"
-        },
-        {
-          "kind": "method",
-          "name": "focus",
-          "description": "Sets focus on the toggle."
-        },
-        {
-          "kind": "method",
-          "name": "blur",
-          "description": "Removes focus from the toggle."
-        },
-        {
-          "kind": "method",
-          "name": "__renderIcon"
+          "name": "required",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "attribute": "required",
+          "reflects": true,
+          "inheritedFrom": {
+            "name": "BaseInput",
+            "module": "src/input/BaseInput.ts"
+          }
         },
         {
           "kind": "field",
@@ -6765,73 +6730,127 @@
           }
         }
       ],
-      "events": [
+      "attributes": [
         {
+          "name": "value",
           "type": {
-            "text": "CustomEvent"
+            "text": "string"
           },
-          "description": "Dispatched when the toggle value changes.",
-          "name": "change"
+          "default": "''",
+          "fieldName": "value"
         },
         {
+          "name": "name",
           "type": {
-            "text": "CustomEvent"
+            "text": "string"
           },
-          "description": "Dispatched when the toggle loses focus.",
-          "name": "blur"
+          "default": "''",
+          "fieldName": "name"
         },
         {
+          "name": "placeholder",
           "type": {
-            "text": "CustomEvent"
+            "text": "string"
           },
-          "description": "Dispatched when the toggle receives focus.",
-          "name": "focus"
-        }
-      ],
-      "attributes": [
+          "default": "''",
+          "fieldName": "placeholder"
+        },
         {
-          "name": "value",
+          "name": "label",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "fieldName": "label"
+        },
+        {
+          "name": "inline",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "fieldName": "value"
+          "fieldName": "inline"
         },
         {
-          "name": "name",
+          "name": "size",
+          "type": {
+            "text": "'sm' | 'md' | 'lg'"
+          },
+          "default": "'md'",
+          "fieldName": "size"
+        },
+        {
+          "name": "autocomplete",
+          "type": {
+            "text": "'on' | 'off'"
+          },
+          "default": "'off'",
+          "fieldName": "autocomplete"
+        },
+        {
+          "name": "configAria",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{}",
+          "fieldName": "configAria"
+        },
+        {
+          "name": "variant",
+          "type": {
+            "text": "'filled' | 'outlined' | 'default'"
+          },
+          "default": "'default'",
+          "fieldName": "variant"
+        },
+        {
+          "name": "helper-text",
           "type": {
             "text": "string"
           },
           "default": "''",
-          "description": "The input field name.",
-          "fieldName": "name"
+          "description": "Helper text to display below the input.",
+          "fieldName": "helperText"
         },
         {
-          "name": "label",
+          "name": "error",
+          "type": {
+            "text": "boolean"
+          },
+          "default": "false",
+          "fieldName": "error"
+        },
+        {
+          "name": "error-text",
           "type": {
             "text": "string"
           },
           "default": "''",
-          "description": "The toggle label.",
-          "fieldName": "label"
+          "fieldName": "errorText"
         },
         {
-          "name": "rounded",
+          "name": "warning",
           "type": {
             "text": "boolean"
           },
-          "default": "true",
-          "description": "If true, the toggle has rounded corners. Defaults to `true`.",
-          "fieldName": "rounded"
+          "default": "false",
+          "fieldName": "warning"
         },
         {
-          "name": "required",
+          "name": "warning-text",
+          "type": {
+            "text": "string"
+          },
+          "default": "''",
+          "fieldName": "warningText"
+        },
+        {
+          "name": "disabled",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "fieldName": "required",
-          "description": "If true, required icon is shown. Defaults to `false`.",
+          "fieldName": "disabled",
           "inheritedFrom": {
             "name": "BaseInput",
             "module": "src/input/BaseInput.ts"
@@ -6844,42 +6863,23 @@
           },
           "default": "false",
           "fieldName": "readonly",
-          "description": "If true, the toggle is readonly. Defaults to `false`.",
           "inheritedFrom": {
             "name": "BaseInput",
             "module": "src/input/BaseInput.ts"
           }
         },
         {
-          "name": "disabled",
+          "name": "required",
           "type": {
             "text": "boolean"
           },
           "default": "false",
-          "fieldName": "disabled",
-          "description": "If true, the user cannot interact with the toggle. Defaults to `false`.",
+          "fieldName": "required",
           "inheritedFrom": {
             "name": "BaseInput",
             "module": "src/input/BaseInput.ts"
           }
         },
-        {
-          "name": "with-icon",
-          "type": {
-            "text": "boolean"
-          },
-          "default": "false",
-          "fieldName": "withIcon"
-        },
-        {
-          "name": "configAria",
-          "type": {
-            "text": "Record<string, string>"
-          },
-          "default": "{}",
-          "description": "Configuration object for aria attributes.",
-          "fieldName": "configAria"
-        },
         {
           "name": "skeleton",
           "type": {
@@ -6897,11 +6897,11 @@
         "name": "BaseInput",
         "module": "/src/input/BaseInput.js"
       },
-      "tagName": "base-toggle",
+      "tagName": "time-picker",
       "customElement": true,
-      "summary": "Captures boolean input with an on/off switch interaction.",
+      "summary": "The Time Picker component is used to capture time user input.",
       "rawTag": {
-        "name": "toggle",
+        "name": "time-picker",
         "description": ""
       }
     }