@mhmo91/schmancy 0.10.15 → 0.10.16

package/dist/agent/schmancy.manifest.json

@@ -106,118 +106,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "autocomplete/autocomplete.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyAutocomplete",
-          "tagName": "schmancy-autocomplete",
-          "description": "Autocomplete input component with filtering and multi-select support.",
-          "attributes": [
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "maxHeight",
-              "type": {
-                "text": "string"
-              },
-              "default": "'300px'"
-            },
-            {
-              "name": "multi",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "description",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "InputSize"
-              },
-              "values": [
-                "xxs",
-                "xs",
-                "sm",
-                "md",
-                "lg"
-              ],
-              "default": "'md'"
-            },
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "default": "'off'"
-            },
-            {
-              "name": "debounceMs",
-              "type": {
-                "text": "number"
-              },
-              "default": "200"
-            },
-            {
-              "name": "similarityThreshold",
-              "type": {
-                "text": "number"
-              },
-              "default": "0.3"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "avatar/avatar.ts",
@@ -1009,86 +897,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "checkbox/checkbox.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyCheckboxElement",
-          "tagName": "schmancy-checkbox",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'checkbox-' + Math.random().toString(36)"
-            },
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "default": "'checkbox-' + Math.random().toString(36)"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "\"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\""
-              },
-              "values": [
-                "xxs",
-                "xs",
-                "sm",
-                "md",
-                "lg"
-              ],
-              "default": "'md'"
-            }
-          ],
-          "events": [
-            {
-              "name": "valueChange",
-              "description": "Event fired when the checkbox value changes."
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The label for the checkbox."
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "chips/assist-chip.ts",
@@ -1496,13 +1304,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "date-range/date-range-dialog.ts",
+      "path": "date-range-inline/date-range-inline.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "SchmancyDateRangeDialog",
-          "tagName": "schmancy-date-range-dialog",
-          "description": "Dialog content component for date range selection  Redesigned with chip-based horizontal flow layout: - Quick Select: Today, Yesterday, This Week, This Month - Days: Last 7/14/30/60/90 Days - Periods: Last Week, Last Month, Last Quarter, Last Year - Year to Date: This Week, This Month, This Quarter, This Year, YTD - Custom Range: Manual date inputs at the bottom",
+          "name": "SchmancyDateRangeInline",
+          "tagName": "schmancy-date-range-inline",
+          "description": "Smart inline date range picker that handles all the heavy lifting.\r Auto-corrects invalid ranges, provides smart defaults, and validates dates.",
           "attributes": [
             {
               "name": "type",
@@ -1513,249 +1321,72 @@
                 "date",
                 "datetime-local"
               ],
-              "default": "'date'"
+              "default": "'date'",
+              "description": "Input type - 'date' or 'datetime-local'"
             },
             {
               "name": "dateFrom",
               "type": {
                 "text": "{ label: string; value: string; }"
               },
-              "default": "{ label: 'From', value: '' }"
+              "default": "{ label: 'From', value: '' }",
+              "description": "From date configuration"
             },
             {
               "name": "dateTo",
               "type": {
                 "text": "{ label: string; value: string; }"
               },
-              "default": "{ label: 'To', value: '' }"
+              "default": "{ label: 'To', value: '' }",
+              "description": "To date configuration"
             },
             {
               "name": "minDate",
               "type": {
                 "text": "string"
-              }
+              },
+              "description": "Minimum allowed date"
             },
             {
               "name": "maxDate",
               "type": {
                 "text": "string"
-              }
+              },
+              "description": "Maximum allowed date"
             },
             {
-              "name": "activePreset",
+              "name": "compact",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "null"
+              "default": "false",
+              "description": "Compact mode for smaller UI"
             },
             {
-              "name": "presetCategories",
+              "name": "autoCorrect",
               "type": {
-                "text": "PresetCategory[]"
+                "text": "boolean"
               },
-              "default": "[]"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "date-range/date-range.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyDateRange",
-          "tagName": "schmancy-date-range",
-          "description": "A date range selector that supports presets and manual date input.",
-          "attributes": [
+              "default": "true",
+              "description": "Auto-correct invalid date ranges"
+            },
             {
-              "name": "type",
+              "name": "minGap",
               "type": {
-                "text": "\"date\" | \"datetime-local\""
+                "text": "number"
               },
-              "values": [
-                "date",
-                "datetime-local"
-              ],
-              "default": "'date'"
+              "default": "0",
+              "description": "Minimum gap between dates (in days)"
             },
             {
-              "name": "dateFrom",
+              "name": "maxGap",
               "type": {
-                "text": "{ label: string; value: string; }"
+                "text": "number"
               },
-              "default": "{ label: 'From', value: '' }"
+              "description": "Maximum gap between dates (in days)"
             },
             {
-              "name": "dateTo",
-              "type": {
-                "text": "{ label: string; value: string; }"
-              },
-              "default": "{ label: 'To', value: '' }"
-            },
-            {
-              "name": "minDate",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "maxDate",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "customPresets",
-              "type": {
-                "text": "{ label: string; dateFrom: string; dateTo: string; }[]"
-              },
-              "default": "[]"
-            },
-            {
-              "name": "format",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Select date range'"
-            },
-            {
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number | \"day\" | \"week\" | \"month\" | \"year\""
-              }
-            },
-            {
-              "name": "collapse",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, collapses to just an icon button on mobile screens"
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "description": "Fired when the date range changes with dateFrom and dateTo values"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "date-range-inline/date-range-inline.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyDateRangeInline",
-          "tagName": "schmancy-date-range-inline",
-          "description": "Smart inline date range picker that handles all the heavy lifting.\r Auto-corrects invalid ranges, provides smart defaults, and validates dates.",
-          "attributes": [
-            {
-              "name": "type",
-              "type": {
-                "text": "\"date\" | \"datetime-local\""
-              },
-              "values": [
-                "date",
-                "datetime-local"
-              ],
-              "default": "'date'",
-              "description": "Input type - 'date' or 'datetime-local'"
-            },
-            {
-              "name": "dateFrom",
-              "type": {
-                "text": "{ label: string; value: string; }"
-              },
-              "default": "{ label: 'From', value: '' }",
-              "description": "From date configuration"
-            },
-            {
-              "name": "dateTo",
-              "type": {
-                "text": "{ label: string; value: string; }"
-              },
-              "default": "{ label: 'To', value: '' }",
-              "description": "To date configuration"
-            },
-            {
-              "name": "minDate",
-              "type": {
-                "text": "string"
-              },
-              "description": "Minimum allowed date"
-            },
-            {
-              "name": "maxDate",
-              "type": {
-                "text": "string"
-              },
-              "description": "Maximum allowed date"
-            },
-            {
-              "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Compact mode for smaller UI"
-            },
-            {
-              "name": "autoCorrect",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Auto-correct invalid date ranges"
-            },
-            {
-              "name": "minGap",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "Minimum gap between dates (in days)"
-            },
-            {
-              "name": "maxGap",
-              "type": {
-                "text": "number"
-              },
-              "description": "Maximum gap between dates (in days)"
-            },
-            {
-              "name": "defaultGap",
+              "name": "defaultGap",
               "type": {
                 "text": "number"
               },
@@ -2185,6 +1816,26 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "form/form-summary.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyFormSummary",
+          "tagName": "schmancy-form-summary",
+          "attributes": [
+            {
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "description": "Optional heading text. Defaults to a count-based summary (\"1 problem with this form\" / \"3 problems with this form\")."
+            }
+          ]
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "form/form.ts",
@@ -2193,15 +1844,14 @@
           "kind": "class",
           "name": "SchmancyForm",
           "tagName": "schmancy-form",
-          "description": "A thin ergonomic wrapper around a native `<form>` element. Its children are reparented into a `<form>` element in light DOM on connection, so:  - Form-associated custom elements (FACE) resolve their `internals.form`   correctly via native DOM ancestry. - `new FormData(form)` collects values from every FACE + native control   without any manual walking. - `form.reset()` triggers `formResetCallback()` on every FACE. - `form.reportValidity()` runs native validation UI. - `<button type=\"submit\">` and `<schmancy-button type=\"submit\">` both   submit the form via the native submitter pipeline.  This component exists only to translate the native `submit` / `reset` events into the Schmancy event shape (`detail: FormData`). All heavy lifting is the platform's.",
-          "events": [
-            {
-              "name": "submit",
-              "description": "`CustomEvent<FormData>` emitted when the form is submitted."
-            },
+          "attributes": [
             {
-              "name": "reset",
-              "description": "Emitted after the underlying form resets."
+              "name": "novalidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Skip built-in browser constraint validation. Mirrors `<form novalidate>`."
             }
           ]
         }
@@ -2377,239 +2027,52 @@
     },
     {
       "kind": "javascript-module",
-      "path": "input/input.ts",
+      "path": "json/json.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "SchmancyInput",
-          "tagName": "schmancy-input",
-          "description": "Enhanced version of the SchmancyInput component with improved form integration and compatibility with legacy API.  This component uses the native form association API and maintains parity with native input behaviors while providing a stylish, accessible interface.",
+          "name": "SchmancyJson",
+          "tagName": "schmancy-json",
           "attributes": [
             {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Override value to be string only for input element"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "default": "'text'",
-              "description": "The type of input. (e.g. 'text', 'password', 'email', etc.)"
-            },
-            {
-              "name": "placeholder",
+              "name": "data",
               "type": {
-                "text": "string"
+                "text": "Record<string, any>"
               },
-              "default": "''"
+              "default": "{}"
             },
             {
-              "name": "pattern",
+              "name": "highlightKeys",
               "type": {
-                "text": "string"
+                "text": "string[]"
               },
-              "description": "Pattern validation attribute."
+              "default": "[]"
             },
             {
-              "name": "clickable",
+              "name": "compact",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "If true, we visually show a pointer cursor even if readOnly."
-            },
+              "default": "false"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "kbd/kbd.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyKbd",
+          "tagName": "schmancy-kbd",
+          "description": "Renders a keyboard shortcut hint (e.g. `⌘ K`, `Ctrl+C`). Semantically a `<kbd>` element for screen readers; visually styled as a pressed key.  Compose multiple instances for combinations: ```html <schmancy-kbd>⌘</schmancy-kbd> + <schmancy-kbd>K</schmancy-kbd> ```",
+          "attributes": [
             {
-              "name": "spellcheck",
+              "name": "size",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether browser spellcheck is enabled."
-            },
-            {
-              "name": "align",
-              "type": {
-                "text": "\"center\" | \"right\" | \"left\""
-              },
-              "values": [
-                "center",
-                "right",
-                "left"
-              ],
-              "default": "'left'",
-              "description": "Text alignment within the input. - 'left' | 'center' | 'right'"
-            },
-            {
-              "name": "inputmode",
-              "type": {
-                "text": "\"none\" | \"text\" | \"decimal\" | \"numeric\" | \"tel\" | \"search\" | \"email\" | \"url\""
-              },
-              "values": [
-                "none",
-                "text",
-                "decimal",
-                "numeric",
-                "tel",
-                "search",
-                "email",
-                "url"
-              ],
-              "description": "inputmode attribute (affects on-screen keyboards in mobile)."
-            },
-            {
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "maxlength",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "string"
-              },
-              "default": "'any'"
-            },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "If true, auto-focus this input on first render."
-            },
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "AutoFill"
-              },
-              "default": "'on'",
-              "description": "Autocomplete/autofill hints."
-            },
-            {
-              "name": "tabIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "tabIndex for focusing by tab key. Typically 0 or -1."
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "InputSize"
-              },
-              "values": [
-                "xxs",
-                "xs",
-                "sm",
-                "md",
-                "lg"
-              ],
-              "default": "'md'",
-              "description": "The size of the input. - 'xxs': Ultra-compact size (24px) - for menu cards - 'xs': Extra small, very compact size (32px) - 'sm': Small, compact size (40px) - 'md': Medium size (default) (48px) - 'lg': Large size (56px)"
-            },
-            {
-              "name": "validateOn",
-              "type": {
-                "text": "\"always\" | \"touched\" | \"dirty\" | \"submitted\""
-              },
-              "values": [
-                "always",
-                "touched",
-                "dirty",
-                "submitted"
-              ],
-              "default": "'touched'",
-              "description": "Controls when validation should show. - 'always' - Always show validation - 'touched' - Only show after field has been focused and then blurred - 'dirty' - Only show after value has changed - 'submitted' - Only show after form submission"
-            },
-            {
-              "name": "list",
-              "type": {
-                "text": "string"
-              },
-              "description": "For datalist support"
-            }
-          ]
-        },
-        {
-          "kind": "class",
-          "name": "SchmancyInputCompat",
-          "tagName": "sch-input",
-          "description": "Register the component with the legacy tag name for backward compatibility"
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "json/json.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyJson",
-          "tagName": "schmancy-json",
-          "attributes": [
-            {
-              "name": "data",
-              "type": {
-                "text": "Record<string, any>"
-              },
-              "default": "{}"
-            },
-            {
-              "name": "highlightKeys",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]"
-            },
-            {
-              "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "kbd/kbd.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyKbd",
-          "tagName": "schmancy-kbd",
-          "description": "Renders a keyboard shortcut hint (e.g. `⌘ K`, `Ctrl+C`). Semantically a `<kbd>` element for screen readers; visually styled as a pressed key.  Compose multiple instances for combinations: ```html <schmancy-kbd>⌘</schmancy-kbd> + <schmancy-kbd>K</schmancy-kbd> ```",
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "\"sm\" | \"md\""
+                "text": "\"sm\" | \"md\""
               },
               "values": [
                 "sm",
@@ -3669,18 +3132,18 @@
             {
               "name": "input-type",
               "type": {
-                "text": "\"number\" | \"text\" | \"date\" | \"datetime-local\" | \"tel\" | \"search\" | \"email\" | \"url\" | \"password\" | \"time\""
+                "text": "\"number\" | \"text\" | \"date\" | \"datetime-local\" | \"email\" | \"password\" | \"tel\" | \"url\" | \"search\" | \"time\""
               },
               "values": [
                 "number",
                 "text",
                 "date",
                 "datetime-local",
-                "tel",
-                "search",
                 "email",
-                "url",
                 "password",
+                "tel",
+                "url",
+                "search",
                 "time"
               ],
               "default": "'text'"
@@ -3811,351 +3274,105 @@
     },
     {
       "kind": "javascript-module",
-      "path": "radio-group/radio-button.ts",
+      "path": "skeleton/skeleton.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "RadioButton",
-          "tagName": "schmancy-radio-button",
-          "description": "Radio button component for use within radio groups.",
+          "name": "SchmancySkeleton",
+          "tagName": "schmancy-skeleton",
+          "description": "Placeholder shimmer surface shown while content loads. Renders a shape-configurable rectangle with a reduced-motion-aware shimmer.",
           "attributes": [
             {
-              "name": "value",
+              "name": "shape",
               "type": {
-                "text": "string"
+                "text": "\"circle\" | \"text\" | \"rect\""
               },
-              "default": "''"
+              "values": [
+                "circle",
+                "text",
+                "rect"
+              ],
+              "default": "'rect'"
             },
             {
-              "name": "checked",
+              "name": "width",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false"
+              "default": "''"
             },
             {
-              "name": "disabled",
+              "name": "height",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false"
+              "default": "''"
             },
             {
-              "name": "name",
+              "name": "radius",
               "type": {
                 "text": "string"
               },
               "default": "''"
             }
+          ],
+          "cssParts": [
+            {
+              "name": "surface",
+              "description": "The shimmering surface element."
+            }
           ]
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "radio-group/radio-group.ts",
+      "path": "slider/slide.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "RadioGroup",
-          "tagName": "schmancy-radio-group",
+          "name": "SchmancySlide",
+          "tagName": "schmancy-slide",
           "attributes": [
             {
-              "name": "label",
+              "name": "type",
               "type": {
-                "text": "string"
+                "text": "SlideType"
               },
-              "default": "''"
+              "values": [
+                "image",
+                "video",
+                "content"
+              ],
+              "default": "'content'",
+              "description": "Determines how this slide should be rendered. Defaults to 'content' if not provided."
             },
             {
-              "name": "name",
+              "name": "src",
               "type": {
                 "text": "string"
               },
-              "default": "''"
+              "default": "''",
+              "description": "Source for images or videos (if `type` is 'image' or 'video')."
             },
             {
-              "name": "value",
+              "name": "alt",
               "type": {
                 "text": "string"
               },
-              "default": "''"
+              "default": "''",
+              "description": "Alternate text for images."
             },
             {
-              "name": "options",
+              "name": "controls",
               "type": {
-                "text": "SchmancyRadioGroupOption[]"
+                "text": "boolean"
               },
-              "default": "[]"
+              "default": "true",
+              "description": "Whether to show default video controls (if `type` is 'video')."
             },
             {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "range/range.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyRange",
-          "tagName": "schmancy-range",
-          "attributes": [
-            {
-              "name": "min",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number"
-              },
-              "default": "1"
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number"
-              },
-              "default": "0.01"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "description": "Fires on value change with { value: number }"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "select/select.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancySelect",
-          "tagName": "schmancy-select",
-          "description": "Select dropdown component with single and multi-select support.",
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "multi",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "hint",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "validateOn",
-              "type": {
-                "text": "\"always\" | \"touched\" | \"dirty\" | \"submitted\""
-              },
-              "values": [
-                "always",
-                "touched",
-                "dirty",
-                "submitted"
-              ],
-              "default": "'touched'"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "\"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\""
-              },
-              "values": [
-                "xxs",
-                "xs",
-                "sm",
-                "md",
-                "lg"
-              ],
-              "default": "'md'"
-            },
-            {
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "skeleton/skeleton.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancySkeleton",
-          "tagName": "schmancy-skeleton",
-          "description": "Placeholder shimmer surface shown while content loads. Renders a shape-configurable rectangle with a reduced-motion-aware shimmer.",
-          "attributes": [
-            {
-              "name": "shape",
-              "type": {
-                "text": "\"circle\" | \"text\" | \"rect\""
-              },
-              "values": [
-                "circle",
-                "text",
-                "rect"
-              ],
-              "default": "'rect'"
-            },
-            {
-              "name": "width",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "height",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "radius",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "surface",
-              "description": "The shimmering surface element."
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "slider/slide.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancySlide",
-          "tagName": "schmancy-slide",
-          "attributes": [
-            {
-              "name": "type",
-              "type": {
-                "text": "SlideType"
-              },
-              "values": [
-                "image",
-                "video",
-                "content"
-              ],
-              "default": "'content'",
-              "description": "Determines how this slide should be rendered. Defaults to 'content' if not provided."
-            },
-            {
-              "name": "src",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Source for images or videos (if `type` is 'image' or 'video')."
-            },
-            {
-              "name": "alt",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Alternate text for images."
-            },
-            {
-              "name": "controls",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show default video controls (if `type` is 'video')."
-            },
-            {
-              "name": "autoplay",
+              "name": "autoplay",
               "type": {
                 "text": "boolean"
               },
@@ -4421,89 +3638,17 @@
     },
     {
       "kind": "javascript-module",
-      "path": "switch/switch.ts",
+      "path": "table/row.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "SchmancySwitch",
-          "tagName": "schmancy-switch",
-          "description": "Binary on/off control. Form-associated, keyboard-accessible, semantically a switch (ARIA role=\"switch\"). Distinct from `schmancy-checkbox`: a switch represents an immediate state change, a checkbox represents a selection in a form to be submitted.",
+          "name": "SchmancyTableRow",
+          "tagName": "schmancy-table-row",
           "attributes": [
             {
-              "name": "checked",
+              "name": "cols",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "'on'"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "description": "`CustomEvent<{ value: boolean }>` when the state changes."
-            }
-          ],
-          "cssParts": [
-            {
-              "name": "track",
-              "description": "The background track."
-            },
-            {
-              "name": "thumb",
-              "description": "The moving thumb."
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "table/row.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyTableRow",
-          "tagName": "schmancy-table-row",
-          "attributes": [
-            {
-              "name": "cols",
-              "type": {
-                "text": "string"
+                "text": "string"
               },
               "default": "this.columns.map(() => '1fr').join(' ')"
             }
@@ -4671,197 +3816,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "textarea/textarea.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyTextarea",
-          "tagName": "schmancy-textarea",
-          "description": "Textarea component with auto-resize and form integration.",
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The label of the control."
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'name_' + Date.now()",
-              "description": "The name of the control."
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The placeholder of the control."
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The value of the control."
-            },
-            {
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "description": "The minlength attribute of the control."
-            },
-            {
-              "name": "maxlength",
-              "type": {
-                "text": "number"
-              },
-              "description": "The maxlength attribute of the control."
-            },
-            {
-              "name": "cols",
-              "type": {
-                "text": "number"
-              },
-              "default": "20",
-              "description": "The number of columns (width) of the control."
-            },
-            {
-              "name": "rows",
-              "type": {
-                "text": "number"
-              },
-              "description": "The number of rows (height) of the control. When not set, the textarea auto-sizes to fit its content via field-sizing: content."
-            },
-            {
-              "name": "fillHeight",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Makes the textarea fill the height of its container."
-            },
-            {
-              "name": "autoHeight",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Automatically adjusts height based on content."
-            },
-            {
-              "name": "resize",
-              "type": {
-                "text": "\"none\" | \"both\" | \"vertical\" | \"horizontal\""
-              },
-              "values": [
-                "none",
-                "both",
-                "vertical",
-                "horizontal"
-              ],
-              "default": "'vertical'",
-              "description": "Controls whether the textarea can be resized by the user."
-            },
-            {
-              "name": "wrap",
-              "type": {
-                "text": "\"hard\" | \"soft\""
-              },
-              "values": [
-                "hard",
-                "soft"
-              ],
-              "default": "'soft'",
-              "description": "Specifies how the text in a text area is to be wrapped when submitted in a form."
-            },
-            {
-              "name": "dirname",
-              "type": {
-                "text": "string"
-              },
-              "description": "The dirname attribute of the control."
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "spellcheck",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "align",
-              "type": {
-                "text": "\"center\" | \"right\" | \"left\""
-              },
-              "values": [
-                "center",
-                "right",
-                "left"
-              ],
-              "default": "'left'"
-            },
-            {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "The autofocus attribute of the control."
-            },
-            {
-              "name": "tabIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "name": "hint",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "theme/theme-audio-player.ts",
@@ -5370,6 +4324,834 @@
           ]
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/autocomplete/autocomplete.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyAutocomplete",
+          "tagName": "schmancy-autocomplete",
+          "description": "Autocomplete input component with filtering and multi-select support.",
+          "attributes": [
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "maxHeight",
+              "type": {
+                "text": "string"
+              },
+              "default": "'300px'"
+            },
+            {
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "description",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "InputSize"
+              },
+              "values": [
+                "xxs",
+                "xs",
+                "sm",
+                "md",
+                "lg"
+              ],
+              "default": "'md'"
+            },
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "string"
+              },
+              "default": "'off'"
+            },
+            {
+              "name": "debounceMs",
+              "type": {
+                "text": "number"
+              },
+              "default": "200"
+            },
+            {
+              "name": "similarityThreshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "0.3"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/checkbox/checkbox.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyCheckboxElement",
+          "tagName": "schmancy-checkbox",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean checked state. Test contract: `cb.value = true` flips the state. The FormData *string* is read from `true-value` attribute (or `'on'` default) — kept separate from `value` to keep the boolean-state ergonomic."
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\""
+              },
+              "values": [
+                "xxs",
+                "xs",
+                "sm",
+                "md",
+                "lg"
+              ],
+              "default": "'md'",
+              "description": "M3-aligned sizes: 24dp (xxs) → 32dp (xs) → 40dp (sm) → 48dp (md) → 56dp (lg)."
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Event fired when the checkbox value changes."
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The label for the checkbox."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/date-range/date-range-dialog.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyDateRangeDialog",
+          "tagName": "schmancy-date-range-dialog",
+          "description": "Dialog content component for date range selection  Redesigned with chip-based horizontal flow layout: - Quick Select: Today, Yesterday, This Week, This Month - Days: Last 7/14/30/60/90 Days - Periods: Last Week, Last Month, Last Quarter, Last Year - Year to Date: This Week, This Month, This Quarter, This Year, YTD - Custom Range: Manual date inputs at the bottom",
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "\"date\" | \"datetime-local\""
+              },
+              "values": [
+                "date",
+                "datetime-local"
+              ],
+              "default": "'date'"
+            },
+            {
+              "name": "dateFrom",
+              "type": {
+                "text": "{ label: string; value: string; }"
+              },
+              "default": "{ label: 'From', value: '' }"
+            },
+            {
+              "name": "dateTo",
+              "type": {
+                "text": "{ label: string; value: string; }"
+              },
+              "default": "{ label: 'To', value: '' }"
+            },
+            {
+              "name": "minDate",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "maxDate",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "activePreset",
+              "type": {
+                "text": "string"
+              },
+              "default": "null"
+            },
+            {
+              "name": "presetCategories",
+              "type": {
+                "text": "PresetCategory[]"
+              },
+              "default": "[]"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/date-range/date-range.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyDateRange",
+          "tagName": "schmancy-date-range",
+          "description": "A date range selector that supports presets and manual date input.",
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "\"date\" | \"datetime-local\""
+              },
+              "values": [
+                "date",
+                "datetime-local"
+              ],
+              "default": "'date'"
+            },
+            {
+              "name": "dateFrom",
+              "type": {
+                "text": "{ label: string; value: string; }"
+              },
+              "default": "{ label: 'From', value: '' }"
+            },
+            {
+              "name": "dateTo",
+              "type": {
+                "text": "{ label: string; value: string; }"
+              },
+              "default": "{ label: 'To', value: '' }"
+            },
+            {
+              "name": "minDate",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "maxDate",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "customPresets",
+              "type": {
+                "text": "{ label: string; dateFrom: string; dateTo: string; }[]"
+              },
+              "default": "[]"
+            },
+            {
+              "name": "format",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Select date range'"
+            },
+            {
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number | \"day\" | \"week\" | \"month\" | \"year\""
+              }
+            },
+            {
+              "name": "collapse",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, collapses to just an icon button on mobile screens"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Fired when the date range changes with dateFrom and dateTo values"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/input/input.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyInput",
+          "tagName": "schmancy-input",
+          "description": "Enhanced version of the SchmancyInput component with improved form integration and compatibility with legacy API.  This component uses the native form association API and maintains parity with native input behaviors while providing a stylish, accessible interface.",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Override value to be string only for input element"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'text'",
+              "description": "The type of input. (e.g. 'text', 'password', 'email', etc.)"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "Pattern validation attribute."
+            },
+            {
+              "name": "clickable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, we visually show a pointer cursor even if readOnly."
+            },
+            {
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether browser spellcheck is enabled."
+            },
+            {
+              "name": "align",
+              "type": {
+                "text": "\"center\" | \"right\" | \"left\""
+              },
+              "values": [
+                "center",
+                "right",
+                "left"
+              ],
+              "default": "'left'",
+              "description": "Text alignment within the input. - 'left' | 'center' | 'right'"
+            },
+            {
+              "name": "inputmode",
+              "type": {
+                "text": "\"none\" | \"text\" | \"email\" | \"tel\" | \"url\" | \"search\" | \"decimal\" | \"numeric\""
+              },
+              "values": [
+                "none",
+                "text",
+                "email",
+                "tel",
+                "url",
+                "search",
+                "decimal",
+                "numeric"
+              ],
+              "description": "inputmode attribute (affects on-screen keyboards in mobile)."
+            },
+            {
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "string"
+              },
+              "default": "'any'"
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, auto-focus this input on first render."
+            },
+            {
+              "name": "autocomplete",
+              "type": {
+                "text": "AutoFill"
+              },
+              "default": "'on'",
+              "description": "Autocomplete/autofill hints."
+            },
+            {
+              "name": "tabIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "tabIndex for focusing by tab key. Typically 0 or -1."
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "InputSize"
+              },
+              "values": [
+                "xxs",
+                "xs",
+                "sm",
+                "md",
+                "lg"
+              ],
+              "default": "'md'",
+              "description": "The size of the input. - 'xxs': Ultra-compact size (24px) - for menu cards - 'xs': Extra small, very compact size (32px) - 'sm': Small, compact size (40px) - 'md': Medium size (default) (48px) - 'lg': Large size (56px)"
+            },
+            {
+              "name": "list",
+              "type": {
+                "text": "string"
+              },
+              "description": "For datalist support"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "name": "SchmancyInputCompat",
+          "tagName": "sch-input",
+          "description": "Register the component with the legacy tag name for backward compatibility"
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/radio-group/radio-button.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "RadioButton",
+          "tagName": "schmancy-radio-button",
+          "description": "Radio button component for use within radio groups.",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/radio-group/radio-group.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "RadioGroup",
+          "tagName": "schmancy-radio-group",
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "options",
+              "type": {
+                "text": "SchmancyRadioGroupOption[]"
+              },
+              "default": "[]"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/range/range.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyRange",
+          "tagName": "schmancy-range",
+          "attributes": [
+            {
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "default": "1"
+            },
+            {
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "default": "0.01"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "Numeric value — narrowed override of the mixin's wide value union."
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "Fires on value change with `{ value: number }`."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/select/select.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancySelect",
+          "tagName": "schmancy-select",
+          "description": "Select dropdown component with single and multi-select support.",
+          "attributes": [
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "name": "multi",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\""
+              },
+              "values": [
+                "xxs",
+                "xs",
+                "sm",
+                "md",
+                "lg"
+              ],
+              "default": "'md'"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/switch/switch.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancySwitch",
+          "tagName": "schmancy-switch",
+          "description": "Binary on/off control. Form-associated, keyboard-accessible, semantically a switch (ARIA role=\"switch\"). Distinct from `schmancy-checkbox`: a switch represents an immediate state change, a checkbox represents a selection in a form to be submitted.",
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "'on'",
+              "description": "The string written to FormData when the switch is on. Native `<input type=checkbox value=\"...\">` semantics. Defaults to `'on'` to match HTML checkbox conventions."
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Boolean on/off state. Native `<input type=checkbox>.checked` semantics."
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "description": "`CustomEvent<{ value: boolean }>` when the state changes."
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "track",
+              "description": "The background track."
+            },
+            {
+              "name": "thumb",
+              "description": "The moving thumb."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form/fields/textarea/textarea.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "SchmancyTextarea",
+          "tagName": "schmancy-textarea",
+          "description": "Textarea component with auto-resize and form integration.",
+          "attributes": [
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The placeholder of the control."
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The value of the control. Narrowed from the mixin's wide union to the textarea-specific `string` type."
+            },
+            {
+              "name": "minlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The minlength attribute of the control."
+            },
+            {
+              "name": "maxlength",
+              "type": {
+                "text": "number"
+              },
+              "description": "The maxlength attribute of the control."
+            },
+            {
+              "name": "cols",
+              "type": {
+                "text": "number"
+              },
+              "default": "20",
+              "description": "The number of columns (width) of the control."
+            },
+            {
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "description": "The number of rows (height) of the control. When not set, the textarea auto-sizes to fit its content via field-sizing: content."
+            },
+            {
+              "name": "fillHeight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the textarea fill the height of its container."
+            },
+            {
+              "name": "autoHeight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "description": "Automatically adjusts height based on content."
+            },
+            {
+              "name": "resize",
+              "type": {
+                "text": "\"none\" | \"both\" | \"vertical\" | \"horizontal\""
+              },
+              "values": [
+                "none",
+                "both",
+                "vertical",
+                "horizontal"
+              ],
+              "default": "'vertical'",
+              "description": "Controls whether the textarea can be resized by the user."
+            },
+            {
+              "name": "wrap",
+              "type": {
+                "text": "\"hard\" | \"soft\""
+              },
+              "values": [
+                "hard",
+                "soft"
+              ],
+              "default": "'soft'",
+              "description": "Specifies how the text in a text area is to be wrapped when submitted in a form."
+            },
+            {
+              "name": "dirname",
+              "type": {
+                "text": "string"
+              },
+              "description": "The dirname attribute of the control."
+            },
+            {
+              "name": "spellcheck",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "align",
+              "type": {
+                "text": "\"center\" | \"right\" | \"left\""
+              },
+              "values": [
+                "center",
+                "right",
+                "left"
+              ],
+              "default": "'left'"
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The autofocus attribute of the control."
+            },
+            {
+              "name": "tabIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "0"
+            }
+          ]
+        }
+      ]
     }
   ],
   "tokens": [