@cordwainer/cw-elements 1.5.0-alpha.3 → 1.5.0-alpha.5

package/dist/custom-elements.json

@@ -18575,146 +18575,35 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/select/select.js",
+      "path": "components/segmented-button/segmented-button.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwSelect",
+          "name": "CwSegmentedButton",
           "cssParts": [
             {
-              "description": "The form control that wraps the label, input, and help text.",
-              "name": "form-control"
-            },
-            {
-              "description": "The label's wrapper.",
-              "name": "form-control-label"
-            },
-            {
-              "description": "The select's wrapper.",
-              "name": "form-control-input"
-            },
-            {
-              "description": "The help text's wrapper.",
-              "name": "form-control-help-text"
-            },
-            {
-              "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
-              "name": "combobox"
-            },
-            {
-              "description": "The container that wraps the prefix slot.",
-              "name": "prefix"
-            },
-            {
-              "description": "The container that wraps the suffix slot.",
-              "name": "suffix"
-            },
-            {
-              "description": "The element that displays the selected option's label, an `<input>` element.",
-              "name": "display-input"
-            },
-            {
-              "description": "The listbox container where options are slotted.",
-              "name": "listbox"
-            },
-            {
-              "description": "The container that houses option tags when `multiselect` is used.",
-              "name": "tags"
-            },
-            {
-              "description": "The individual tags that represent each multiselect option.",
-              "name": "tag"
-            },
-            {
-              "description": "The tag's base part.",
-              "name": "tag__base"
-            },
-            {
-              "description": "The tag's content part.",
-              "name": "tag__content"
-            },
-            {
-              "description": "The tag's remove button.",
-              "name": "tag__remove-button"
-            },
-            {
-              "description": "The tag's remove button base part.",
-              "name": "tag__remove-button__base"
-            },
-            {
-              "description": "The clear button.",
-              "name": "clear-button"
-            },
-            {
-              "description": "The container that wraps the expand icon.",
-              "name": "expand-icon"
+              "description": "The component's base wrapper.",
+              "name": "base"
             }
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<cw-option>` elements. You can use `<cw-divider>` to group items visually.",
+              "description": "One or more `<cw-radio-button>` elements to display as segments.",
               "name": ""
-            },
-            {
-              "description": "The input's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "description": "Used to prepend a presentational icon or similar element to the combobox.",
-              "name": "prefix"
-            },
-            {
-              "description": "Used to append a presentational icon or similar element to the combobox.",
-              "name": "suffix"
-            },
-            {
-              "description": "An icon to use in lieu of the default clear icon.",
-              "name": "clear-icon"
-            },
-            {
-              "description": "The icon to show when the control is expanded and collapsed. Rotates on open and close.",
-              "name": "expand-icon"
-            },
-            {
-              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
-              "name": "help-text"
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "dependencies",
-              "type": {
-                "text": "object"
-              },
-              "static": true,
-              "default": "{ 'cw-icon': CwIcon, 'cw-popup': CwPopup, 'cw-tag': CwTag }"
-            },
             {
               "kind": "field",
               "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, { assumeInteractionOn: ['cw-blur', 'cw-input'] })"
-            },
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'help-text', 'label')"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
+              "privacy": "protected",
               "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "new FormControlController(this)"
             },
             {
               "kind": "field",
-              "name": "typeToSelectString",
+              "name": "customValidityMessage",
               "type": {
                 "text": "string"
               },
@@ -18723,7 +18612,7 @@
             },
             {
               "kind": "field",
-              "name": "typeToSelectTimeout",
+              "name": "validationTimeout",
               "type": {
                 "text": "number"
               },
@@ -18731,87 +18620,27 @@
             },
             {
               "kind": "field",
-              "name": "closeWatcher",
-              "type": {
-                "text": "CloseWatcher | null"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "CwPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "combobox",
+              "name": "defaultSlot",
               "type": {
                 "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "displayInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "valueInput",
+              "name": "validationInput",
               "type": {
                 "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "listbox",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "displayLabel",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "currentOption",
-              "type": {
-                "text": "CwOption"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selectedOptions",
-              "type": {
-                "text": "CwOption[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "valueHasChanged",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              "default": "''",
+              "description": "A label to use for the segmented button. This won't be displayed on the screen, but it will be announced by\nassistive devices when interacting with the control and is strongly recommended.",
+              "attribute": "label"
             },
             {
               "kind": "field",
@@ -18819,33 +18648,20 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The name of the select, submitted as a name/value pair with form data.",
+              "default": "'option'",
+              "description": "The name of the segmented button, submitted as a name/value pair with form data.",
               "attribute": "name"
             },
-            {
-              "kind": "field",
-              "name": "_value",
-              "type": {
-                "text": "string | string[]"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
             {
               "kind": "field",
               "name": "value",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
               "type": {
-                "text": "string | string[]"
+                "text": "string"
               },
               "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control.",
-              "attribute": "value"
+              "description": "The current value of the segmented button, submitted as a name/value pair with form data.",
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -18854,248 +18670,76 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "The select's size.",
+              "description": "The segmented button's size. Applied to every child `<cw-radio-button>`.",
               "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Placeholder text to show as a hint when the select is empty.",
-              "attribute": "placeholder"
-            },
-            {
-              "kind": "field",
-              "name": "multiple",
+              "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Allows more than one option to be selected.",
-              "attribute": "multiple",
+              "description": "Disables the entire segmented button, blocking interaction and excluding it from constraint validation.",
+              "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "maxOptionsVisible",
+              "name": "form",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "3",
-              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "attribute": "max-options-visible"
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be\nin the same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the select control.",
-              "attribute": "disabled",
+              "description": "Ensures a segment is selected before allowing the containing form to submit.",
+              "attribute": "required",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "clearable",
+              "name": "defaultValue",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Adds a clear button when the select is not empty.",
-              "attribute": "clearable"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
-            },
-            {
-              "kind": "field",
-              "name": "filled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a filled select.",
-              "attribute": "filled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style select with rounded edges.",
-              "attribute": "pill",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "placement",
-              "type": {
-                "text": "'top' | 'bottom'"
-              },
-              "default": "'bottom'",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "helpText",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "attribute": "help-text"
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
-              "attribute": "form",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The select's required attribute.",
-              "attribute": "required",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "getTag",
-              "type": {
-                "text": "(option: CwOption, index: number) => TemplateResult | string | HTMLElement"
-              },
-              "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
-              "attribute": "getTag"
+              "default": "''"
             },
             {
               "kind": "field",
               "name": "validity",
-              "description": "Gets the validity state object",
+              "description": "Gets the validity state object.",
               "readonly": true
             },
             {
               "kind": "field",
               "name": "validationMessage",
-              "description": "Gets the validation message",
+              "description": "Gets the validation message.",
               "readonly": true
             },
             {
               "kind": "method",
-              "name": "addOpenListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "removeOpenListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentFocusIn",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentKeyDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "handleDocumentMouseDown",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleLabelClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleComboboxMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleComboboxKeyDown",
+              "name": "getAllSegments",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
+              "return": {
+                "type": {
+                  "text": "CwRadioButton[]"
                 }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "handleClearClick",
+              "name": "handleSegmentClick",
               "privacy": "private",
               "parameters": [
                 {
@@ -19108,121 +18752,87 @@
             },
             {
               "kind": "method",
-              "name": "handleClearMouseDown",
+              "name": "handleKeyDown",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleOptionClick",
+              "name": "selectSegment",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "target",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "CwRadioButton"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleDefaultSlotChange",
-              "privacy": "public"
+              "name": "syncSegments",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleTagRemove",
+              "name": "handleFocus",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "CwRemoveEvent"
-                  }
-                },
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "CwOption"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "getAllOptions",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getFirstOption",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "setCurrentOption",
+              "name": "handleBlur",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "option",
+                  "name": "event",
                   "type": {
-                    "text": "CwOption | null"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "setSelectedOptions",
+              "name": "handleMouseOver",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "option",
+                  "name": "event",
                   "type": {
-                    "text": "CwOption | CwOption[]"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "toggleOptionSelection",
+              "name": "handleMouseOut",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "option",
-                  "type": {
-                    "text": "CwOption"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
+                  "name": "event",
                   "type": {
-                    "text": "boolean"
+                    "text": "Event"
                   }
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "selectionChanged",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "tags",
-              "privacy": "protected",
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "handleInvalid",
@@ -19238,44 +18848,31 @@
             },
             {
               "kind": "method",
-              "name": "handleDisabledChange"
+              "name": "handleValueChange"
             },
             {
               "kind": "method",
-              "name": "handleValueChange"
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
             },
             {
               "kind": "method",
-              "name": "show",
-              "description": "Shows the listbox."
-            },
-            {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the listbox."
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
-            },
-            {
-              "kind": "method",
-              "name": "getForm",
+              "name": "reportValidity",
               "return": {
                 "type": {
-                  "text": "HTMLFormElement | null"
+                  "text": "boolean"
                 }
               },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
               "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
             {
@@ -19284,9 +18881,7 @@
               "parameters": [
                 {
                   "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
+                  "default": "''"
                 }
               ],
               "description": "Sets a custom validation message. Pass an empty string to restore validity."
@@ -19303,69 +18898,22 @@
                   }
                 }
               ],
-              "description": "Sets focus on the control."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the control."
+              "description": "Sets focus on the segmented button."
             }
           ],
           "events": [
             {
-              "description": "Emitted when the control's value changes.",
+              "description": "Emitted when the selected value changes.",
               "name": "cw-change",
               "reactName": "onCwChange",
               "eventName": "CwChangeEvent"
             },
             {
-              "description": "Emitted when the control's value is cleared.",
-              "name": "cw-clear",
-              "reactName": "onCwClear",
-              "eventName": "CwClearEvent"
-            },
-            {
-              "description": "Emitted when the control receives input.",
+              "description": "Emitted when the segmented button receives user input.",
               "name": "cw-input",
               "reactName": "onCwInput",
               "eventName": "CwInputEvent"
             },
-            {
-              "description": "Emitted when the control gains focus.",
-              "name": "cw-focus",
-              "reactName": "onCwFocus",
-              "eventName": "CwFocusEvent"
-            },
-            {
-              "description": "Emitted when the control loses focus.",
-              "name": "cw-blur",
-              "reactName": "onCwBlur",
-              "eventName": "CwBlurEvent"
-            },
-            {
-              "description": "Emitted when the select's menu opens.",
-              "name": "cw-show",
-              "reactName": "onCwShow",
-              "eventName": "CwShowEvent"
-            },
-            {
-              "description": "Emitted after the select's menu opens and all animations are complete.",
-              "name": "cw-after-show",
-              "reactName": "onCwAfterShow",
-              "eventName": "CwAfterShowEvent"
-            },
-            {
-              "description": "Emitted when the select's menu closes.",
-              "name": "cw-hide",
-              "reactName": "onCwHide",
-              "eventName": "CwHideEvent"
-            },
-            {
-              "description": "Emitted after the select's menu closes and all animations are complete.",
-              "name": "cw-after-hide",
-              "reactName": "onCwAfterHide",
-              "eventName": "CwAfterHideEvent"
-            },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
               "name": "cw-invalid",
@@ -19375,22 +18923,31 @@
           ],
           "attributes": [
             {
-              "name": "name",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the select, submitted as a name/value pair with form data.",
+              "description": "A label to use for the segmented button. This won't be displayed on the screen, but it will be announced by\nassistive devices when interacting with the control and is strongly recommended.",
+              "fieldName": "label"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'option'",
+              "description": "The name of the segmented button, submitted as a name/value pair with form data.",
               "fieldName": "name"
             },
             {
               "name": "value",
               "type": {
-                "text": "string | string[]"
+                "text": "string"
               },
               "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control.",
-              "fieldName": "defaultValue"
+              "description": "The current value of the segmented button, submitted as a name/value pair with form data.",
+              "fieldName": "value"
             },
             {
               "name": "size",
@@ -19398,124 +18955,25 @@
                 "text": "'small' | 'medium' | 'large'"
               },
               "default": "'medium'",
-              "description": "The select's size.",
+              "description": "The segmented button's size. Applied to every child `<cw-radio-button>`.",
               "fieldName": "size"
             },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Placeholder text to show as a hint when the select is empty.",
-              "fieldName": "placeholder"
-            },
-            {
-              "name": "multiple",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Allows more than one option to be selected.",
-              "fieldName": "multiple"
-            },
-            {
-              "name": "max-options-visible",
-              "type": {
-                "text": "number"
-              },
-              "default": "3",
-              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "fieldName": "maxOptionsVisible"
-            },
             {
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the select control.",
+              "description": "Disables the entire segmented button, blocking interaction and excluding it from constraint validation.",
               "fieldName": "disabled"
             },
-            {
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the select is not empty.",
-              "fieldName": "clearable"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "hoist",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "fieldName": "hoist"
-            },
-            {
-              "name": "filled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a filled select.",
-              "fieldName": "filled"
-            },
-            {
-              "name": "pill",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Draws a pill-style select with rounded edges.",
-              "fieldName": "pill"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
-              "fieldName": "label"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "'top' | 'bottom'"
-              },
-              "default": "'bottom'",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "fieldName": "placement"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "fieldName": "helpText"
-            },
             {
               "name": "form",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be\nin the same document or shadow root for this to work.",
               "fieldName": "form"
             },
             {
@@ -19524,35 +18982,22 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The select's required attribute.",
+              "description": "Ensures a segment is selected before allowing the containing form to submit.",
               "fieldName": "required"
-            },
-            {
-              "name": "getTag",
-              "type": {
-                "text": "(option: CwOption, index: number) => TemplateResult | string | HTMLElement"
-              },
-              "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
-              "fieldName": "getTag"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "Selects allow you to choose items from a menu of predefined options.",
-          "tagNameWithoutPrefix": "select",
-          "tagName": "cw-select",
+          "summary": "Segmented buttons let the user select a single option from a set, styled as a joined row of buttons —\nvisually like a [button group](/components/button-group), but behaves like a [radio group](/components/radio-group)\n(single selection, form-associated value).",
+          "tagNameWithoutPrefix": "segmented-button",
+          "tagName": "cw-segmented-button",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Selects allow you to choose items from a menu of predefined options.\n * @documentation https://cordwainer.dev/components/select\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n * @dependency cw-popup\n * @dependency cw-tag\n *\n * @slot - The listbox options. Must be `<cw-option>` elements. You can use `<cw-divider>` to group items visually.\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot suffix - Used to append a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event cw-change - Emitted when the control's value changes.\n * @event cw-clear - Emitted when the control's value is cleared.\n * @event cw-input - Emitted when the control receives input.\n * @event cw-focus - Emitted when the control gains focus.\n * @event cw-blur - Emitted when the control loses focus.\n * @event cw-show - Emitted when the select's menu opens.\n * @event cw-after-show - Emitted after the select's menu opens and all animations are complete.\n * @event cw-hide - Emitted when the select's menu closes.\n * @event cw-after-hide - Emitted after the select's menu closes and all animations are complete.\n * @event cw-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The select's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the selected option's label, an `<input>` element.\n * @csspart listbox - The listbox container where options are slotted.\n * @csspart tags - The container that houses option tags when `multiselect` is used.\n * @csspart tag - The individual tags that represent each multiselect option.\n * @csspart tag__base - The tag's base part.\n * @csspart tag__content - The tag's content part.\n * @csspart tag__remove-button - The tag's remove button.\n * @csspart tag__remove-button__base - The tag's remove button base part.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n */",
-          "documentation": "https://cordwainer.dev/components/select",
-          "status": "stable",
-          "since": "1.0",
-          "dependencies": [
-            "cw-icon",
-            "cw-popup",
-            "cw-tag"
-          ]
+          "jsDoc": "/**\n * @summary Segmented buttons let the user select a single option from a set, styled as a joined row of buttons —\n *  visually like a [button group](/components/button-group), but behaves like a [radio group](/components/radio-group)\n *  (single selection, form-associated value).\n * @documentation https://cordwainer.dev/components/segmented-button\n * @status experimental\n * @since 1.5\n *\n * @slot - One or more `<cw-radio-button>` elements to display as segments.\n *\n * @event cw-change - Emitted when the selected value changes.\n * @event cw-input - Emitted when the segmented button receives user input.\n * @event cw-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://cordwainer.dev/components/segmented-button",
+          "status": "experimental",
+          "since": "1.5"
         }
       ],
       "exports": [
@@ -19560,108 +19005,118 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwSelect",
-            "module": "components/select/select.js"
+            "name": "CwSegmentedButton",
+            "module": "components/segmented-button/segmented-button.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/skeleton/skeleton.js",
+      "path": "components/select/select.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwSkeleton",
-          "cssProperties": [
+          "name": "CwSelect",
+          "cssParts": [
             {
-              "description": "The skeleton's border radius.",
-              "name": "--border-radius"
+              "description": "The form control that wraps the label, input, and help text.",
+              "name": "form-control"
             },
             {
-              "description": "The color of the skeleton.",
-              "name": "--color"
+              "description": "The label's wrapper.",
+              "name": "form-control-label"
             },
             {
-              "description": "The sheen color when the skeleton is in its loading state.",
-              "name": "--sheen-color"
-            }
-          ],
-          "cssParts": [
+              "description": "The select's wrapper.",
+              "name": "form-control-input"
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "description": "The help text's wrapper.",
+              "name": "form-control-help-text"
             },
             {
-              "description": "The skeleton's indicator which is responsible for its color and animation.",
-              "name": "indicator"
-            }
-          ],
-          "members": [
+              "description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
+              "name": "combobox"
+            },
             {
-              "kind": "field",
-              "name": "effect",
-              "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
-              },
-              "default": "'none'",
-              "description": "Determines which effect the skeleton will use.",
-              "attribute": "effect"
-            }
-          ],
-          "attributes": [
+              "description": "The container that wraps the prefix slot.",
+              "name": "prefix"
+            },
             {
-              "name": "effect",
-              "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
-              },
-              "default": "'none'",
-              "description": "Determines which effect the skeleton will use.",
-              "fieldName": "effect"
+              "description": "The container that wraps the suffix slot.",
+              "name": "suffix"
+            },
+            {
+              "description": "The element that displays the selected option's label, an `<input>` element.",
+              "name": "display-input"
+            },
+            {
+              "description": "The listbox container where options are slotted.",
+              "name": "listbox"
+            },
+            {
+              "description": "The container that houses option tags when `multiselect` is used.",
+              "name": "tags"
+            },
+            {
+              "description": "The individual tags that represent each multiselect option.",
+              "name": "tag"
+            },
+            {
+              "description": "The tag's base part.",
+              "name": "tag__base"
+            },
+            {
+              "description": "The tag's content part.",
+              "name": "tag__content"
+            },
+            {
+              "description": "The tag's remove button.",
+              "name": "tag__remove-button"
+            },
+            {
+              "description": "The tag's remove button base part.",
+              "name": "tag__remove-button__base"
+            },
+            {
+              "description": "The clear button.",
+              "name": "clear-button"
+            },
+            {
+              "description": "The container that wraps the expand icon.",
+              "name": "expand-icon"
             }
           ],
-          "superclass": {
-            "name": "CwElement",
-            "module": "/src/internal/cw-element.js"
-          },
-          "summary": "Skeletons are used to provide a visual representation of where content will eventually be drawn.",
-          "tagNameWithoutPrefix": "skeleton",
-          "tagName": "cw-skeleton",
-          "customElement": true,
-          "jsDoc": "/**\n * @summary Skeletons are used to provide a visual representation of where content will eventually be drawn.\n * @documentation https://cordwainer.dev/components/skeleton\n * @status stable\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The skeleton's indicator which is responsible for its color and animation.\n *\n * @cssproperty --border-radius - The skeleton's border radius.\n * @cssproperty --color - The color of the skeleton.\n * @cssproperty --sheen-color - The sheen color when the skeleton is in its loading state.\n */",
-          "documentation": "https://cordwainer.dev/components/skeleton",
-          "status": "stable",
-          "since": "1.0"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "CwSkeleton",
-            "module": "components/skeleton/skeleton.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/social-link/social-link.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "CwSocialLink",
-          "cssParts": [
+          "slots": [
             {
-              "description": "The internal `<cw-icon-button>`'s exported `base` part.",
-              "name": "base"
+              "description": "The listbox options. Must be `<cw-option>` elements. You can use `<cw-divider>` to group items visually.",
+              "name": ""
             },
             {
-              "description": "An alias of `base`, kept for consistency with other components that forward an icon-button's exported `base` part.",
-              "name": "base__icon-button"
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Used to prepend a presentational icon or similar element to the combobox.",
+              "name": "prefix"
+            },
+            {
+              "description": "Used to append a presentational icon or similar element to the combobox.",
+              "name": "suffix"
+            },
+            {
+              "description": "An icon to use in lieu of the default clear icon.",
+              "name": "clear-icon"
+            },
+            {
+              "description": "The icon to show when the control is expanded and collapsed. Rotates on open and close.",
+              "name": "expand-icon"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             }
           ],
           "members": [
@@ -19672,217 +19127,1776 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ 'cw-icon-button': CwIconButton }"
+              "default": "{ 'cw-icon': CwIcon, 'cw-popup': CwPopup, 'cw-tag': CwTag }"
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, { assumeInteractionOn: ['cw-blur', 'cw-input'] })"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'help-text', 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "typeToSelectString",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The URL of the profile to link to.",
-              "attribute": "href"
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "typeToSelectTimeout",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
+                "text": "number"
               },
-              "default": "'_blank'",
-              "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
-              "attribute": "target"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "closeWatcher",
               "type": {
-                "text": "string"
+                "text": "CloseWatcher | null"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
-              "attribute": "rel"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "platform",
+              "name": "popup",
               "type": {
-                "text": "Platform | undefined"
-              },
-              "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
-              "attribute": "platform"
+                "text": "CwPopup"
+              }
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "combobox",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
-              "attribute": "name"
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
-              "name": "library",
+              "name": "displayInput",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
-              "attribute": "library"
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "valueInput",
               "type": {
-                "text": "string | undefined"
-              },
-              "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
-              "attribute": "label"
-            }
-          ],
-          "attributes": [
+                "text": "HTMLInputElement"
+              }
+            },
             {
-              "name": "href",
+              "kind": "field",
+              "name": "listbox",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The URL of the profile to link to.",
-              "fieldName": "href"
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "name": "target",
+              "kind": "field",
+              "name": "hasFocus",
               "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top'"
+                "text": "boolean"
               },
-              "default": "'_blank'",
-              "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
-              "fieldName": "target"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "rel",
+              "kind": "field",
+              "name": "displayLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'noreferrer noopener'",
-              "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
-              "fieldName": "rel"
+              "default": "''"
             },
             {
-              "name": "platform",
+              "kind": "field",
+              "name": "currentOption",
               "type": {
-                "text": "Platform | undefined"
-              },
-              "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
-              "fieldName": "platform"
+                "text": "CwOption"
+              }
             },
             {
-              "name": "name",
+              "kind": "field",
+              "name": "selectedOptions",
               "type": {
-                "text": "string | undefined"
+                "text": "CwOption[]"
               },
-              "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
-              "fieldName": "name"
+              "default": "[]"
             },
             {
-              "name": "library",
+              "kind": "field",
+              "name": "valueHasChanged",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
-              "fieldName": "library"
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the select, submitted as a name/value pair with form data.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "_value",
+              "type": {
+                "text": "string | string[]"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The select's size.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the select is empty.",
+              "attribute": "placeholder"
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows more than one option to be selected.",
+              "attribute": "multiple",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxOptionsVisible",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
+              "attribute": "max-options-visible"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the select control.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the select is not empty.",
+              "attribute": "clearable"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "attribute": "hoist"
+            },
+            {
+              "kind": "field",
+              "name": "filled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a filled select.",
+              "attribute": "filled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style select with rounded edges.",
+              "attribute": "pill",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'bottom'"
+              },
+              "default": "'bottom'",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The select's required attribute.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "getTag",
+              "type": {
+                "text": "(option: CwOption, index: number) => TemplateResult | string | HTMLElement"
+              },
+              "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
+              "attribute": "getTag"
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "addOpenListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "removeOpenListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleDocumentFocusIn",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "handleDocumentMouseDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleLabelClick",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleComboboxMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleComboboxKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClearClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClearMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOptionClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDefaultSlotChange",
+              "privacy": "public"
+            },
+            {
+              "kind": "method",
+              "name": "handleTagRemove",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CwRemoveEvent"
+                  }
+                },
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "CwOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getAllOptions",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getFirstOption",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setCurrentOption",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "CwOption | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectedOptions",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "CwOption | CwOption[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleOptionSelection",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "CwOption"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectionChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "tags",
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the listbox."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the listbox."
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the control."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the control."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the control's value changes.",
+              "name": "cw-change",
+              "reactName": "onCwChange",
+              "eventName": "CwChangeEvent"
+            },
+            {
+              "description": "Emitted when the control's value is cleared.",
+              "name": "cw-clear",
+              "reactName": "onCwClear",
+              "eventName": "CwClearEvent"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "cw-input",
+              "reactName": "onCwInput",
+              "eventName": "CwInputEvent"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "cw-focus",
+              "reactName": "onCwFocus",
+              "eventName": "CwFocusEvent"
+            },
+            {
+              "description": "Emitted when the control loses focus.",
+              "name": "cw-blur",
+              "reactName": "onCwBlur",
+              "eventName": "CwBlurEvent"
+            },
+            {
+              "description": "Emitted when the select's menu opens.",
+              "name": "cw-show",
+              "reactName": "onCwShow",
+              "eventName": "CwShowEvent"
+            },
+            {
+              "description": "Emitted after the select's menu opens and all animations are complete.",
+              "name": "cw-after-show",
+              "reactName": "onCwAfterShow",
+              "eventName": "CwAfterShowEvent"
+            },
+            {
+              "description": "Emitted when the select's menu closes.",
+              "name": "cw-hide",
+              "reactName": "onCwHide",
+              "eventName": "CwHideEvent"
+            },
+            {
+              "description": "Emitted after the select's menu closes and all animations are complete.",
+              "name": "cw-after-hide",
+              "reactName": "onCwAfterHide",
+              "eventName": "CwAfterHideEvent"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "cw-invalid",
+              "reactName": "onCwInvalid",
+              "eventName": "CwInvalidEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the select, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control.",
+              "fieldName": "defaultValue"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The select's size.",
+              "fieldName": "size"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Placeholder text to show as a hint when the select is empty.",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows more than one option to be selected.",
+              "fieldName": "multiple"
+            },
+            {
+              "name": "max-options-visible",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
+              "fieldName": "maxOptionsVisible"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the select control.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the select is not empty.",
+              "fieldName": "clearable"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
+              "fieldName": "open"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "fieldName": "hoist"
+            },
+            {
+              "name": "filled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a filled select.",
+              "fieldName": "filled"
+            },
+            {
+              "name": "pill",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws a pill-style select with rounded edges.",
+              "fieldName": "pill"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
+              "fieldName": "label"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'bottom'"
+              },
+              "default": "'bottom'",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "fieldName": "form"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The select's required attribute.",
+              "fieldName": "required"
+            },
+            {
+              "name": "getTag",
+              "type": {
+                "text": "(option: CwOption, index: number) => TemplateResult | string | HTMLElement"
+              },
+              "description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index.  The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
+              "fieldName": "getTag"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Selects allow you to choose items from a menu of predefined options.",
+          "tagNameWithoutPrefix": "select",
+          "tagName": "cw-select",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Selects allow you to choose items from a menu of predefined options.\n * @documentation https://cordwainer.dev/components/select\n * @status stable\n * @since 1.0\n *\n * @dependency cw-icon\n * @dependency cw-popup\n * @dependency cw-tag\n *\n * @slot - The listbox options. Must be `<cw-option>` elements. You can use `<cw-divider>` to group items visually.\n * @slot label - The input's label. Alternatively, you can use the `label` attribute.\n * @slot prefix - Used to prepend a presentational icon or similar element to the combobox.\n * @slot suffix - Used to append a presentational icon or similar element to the combobox.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot expand-icon - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event cw-change - Emitted when the control's value changes.\n * @event cw-clear - Emitted when the control's value is cleared.\n * @event cw-input - Emitted when the control receives input.\n * @event cw-focus - Emitted when the control gains focus.\n * @event cw-blur - Emitted when the control loses focus.\n * @event cw-show - Emitted when the select's menu opens.\n * @event cw-after-show - Emitted after the select's menu opens and all animations are complete.\n * @event cw-hide - Emitted when the select's menu closes.\n * @event cw-after-hide - Emitted after the select's menu closes and all animations are complete.\n * @event cw-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The select's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart combobox - The container the wraps the prefix, suffix, combobox, clear icon, and expand button.\n * @csspart prefix - The container that wraps the prefix slot.\n * @csspart suffix - The container that wraps the suffix slot.\n * @csspart display-input - The element that displays the selected option's label, an `<input>` element.\n * @csspart listbox - The listbox container where options are slotted.\n * @csspart tags - The container that houses option tags when `multiselect` is used.\n * @csspart tag - The individual tags that represent each multiselect option.\n * @csspart tag__base - The tag's base part.\n * @csspart tag__content - The tag's content part.\n * @csspart tag__remove-button - The tag's remove button.\n * @csspart tag__remove-button__base - The tag's remove button base part.\n * @csspart clear-button - The clear button.\n * @csspart expand-icon - The container that wraps the expand icon.\n */",
+          "documentation": "https://cordwainer.dev/components/select",
+          "status": "stable",
+          "since": "1.0",
+          "dependencies": [
+            "cw-icon",
+            "cw-popup",
+            "cw-tag"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwSelect",
+            "module": "components/select/select.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/skeleton/skeleton.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwSkeleton",
+          "cssProperties": [
+            {
+              "description": "The skeleton's border radius.",
+              "name": "--border-radius"
+            },
+            {
+              "description": "The color of the skeleton.",
+              "name": "--color"
+            },
+            {
+              "description": "The sheen color when the skeleton is in its loading state.",
+              "name": "--sheen-color"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            },
+            {
+              "description": "The skeleton's indicator which is responsible for its color and animation.",
+              "name": "indicator"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "effect",
+              "type": {
+                "text": "'pulse' | 'sheen' | 'none'"
+              },
+              "default": "'none'",
+              "description": "Determines which effect the skeleton will use.",
+              "attribute": "effect"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "effect",
+              "type": {
+                "text": "'pulse' | 'sheen' | 'none'"
+              },
+              "default": "'none'",
+              "description": "Determines which effect the skeleton will use.",
+              "fieldName": "effect"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Skeletons are used to provide a visual representation of where content will eventually be drawn.",
+          "tagNameWithoutPrefix": "skeleton",
+          "tagName": "cw-skeleton",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Skeletons are used to provide a visual representation of where content will eventually be drawn.\n * @documentation https://cordwainer.dev/components/skeleton\n * @status stable\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n * @csspart indicator - The skeleton's indicator which is responsible for its color and animation.\n *\n * @cssproperty --border-radius - The skeleton's border radius.\n * @cssproperty --color - The color of the skeleton.\n * @cssproperty --sheen-color - The sheen color when the skeleton is in its loading state.\n */",
+          "documentation": "https://cordwainer.dev/components/skeleton",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwSkeleton",
+            "module": "components/skeleton/skeleton.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/social-link/social-link.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwSocialLink",
+          "cssParts": [
+            {
+              "description": "The internal `<cw-icon-button>`'s exported `base` part.",
+              "name": "base"
+            },
+            {
+              "description": "An alias of `base`, kept for consistency with other components that forward an icon-button's exported `base` part.",
+              "name": "base__icon-button"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "dependencies",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ 'cw-icon-button': CwIconButton }"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL of the profile to link to.",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
+              },
+              "default": "'_blank'",
+              "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
+              "attribute": "rel"
+            },
+            {
+              "kind": "field",
+              "name": "platform",
+              "type": {
+                "text": "Platform | undefined"
+              },
+              "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
+              "attribute": "platform"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "library",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
+              "attribute": "library"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The URL of the profile to link to.",
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top'"
+              },
+              "default": "'_blank'",
+              "description": "Tells the browser where to open the link. Defaults to a new tab, since a social link always points off-site.",
+              "fieldName": "target"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noreferrer noopener'",
+              "description": "The `rel` attribute for the link. Defaults to `noreferrer noopener`. To mark this link as a verified profile\nreference — the IndieWeb `rel=\"me\"` convention Mastodon and the wider fediverse use for identity verification —\ninclude `me` yourself, e.g. `rel=\"me noreferrer noopener\"`.",
+              "fieldName": "rel"
+            },
+            {
+              "name": "platform",
+              "type": {
+                "text": "Platform | undefined"
+              },
+              "description": "One of the common social/fediverse platforms. When set, both the icon and the accessible `label` default to\nthat platform's — set `name`/`library` and/or `label` explicitly to override either, or to support a platform\nnot in this list.",
+              "fieldName": "platform"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of the icon to draw. Defaults to `platform`'s icon when set.",
+              "fieldName": "name"
+            },
+            {
+              "name": "library",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "The name of a registered custom icon library. Defaults to `system` when `platform` is set.",
+              "fieldName": "library"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather\nthan a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label\nare filled in for you.",
+          "tagNameWithoutPrefix": "social-link",
+          "tagName": "cw-social-link",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather\n * than a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label\n * are filled in for you.\n * @documentation https://cordwainer.dev/components/social-link\n * @status experimental\n * @since 1.3\n *\n * @dependency cw-icon-button\n *\n * @csspart base - The internal `<cw-icon-button>`'s exported `base` part.\n * @csspart base__icon-button - An alias of `base`, kept for consistency with other components that forward an\n * icon-button's exported `base` part.\n */",
+          "documentation": "https://cordwainer.dev/components/social-link",
+          "status": "experimental",
+          "since": "1.3",
+          "dependencies": [
+            "cw-icon-button"
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwSocialLink",
+            "module": "components/social-link/social-link.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/spinner/spinner.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwSpinner",
+          "cssProperties": [
+            {
+              "description": "The width of the track.",
+              "name": "--track-width"
+            },
+            {
+              "description": "The color of the track.",
+              "name": "--track-color"
+            },
+            {
+              "description": "The color of the spinner's indicator.",
+              "name": "--indicator-color"
+            },
+            {
+              "description": "The time it takes for the spinner to complete one animation cycle.",
+              "name": "--speed"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "summary": "Spinners are used to show the progress of an indeterminate operation.",
+          "tagNameWithoutPrefix": "spinner",
+          "tagName": "cw-spinner",
+          "customElement": true,
+          "jsDoc": "/**\n * @summary Spinners are used to show the progress of an indeterminate operation.\n * @documentation https://cordwainer.dev/components/spinner\n * @status stable\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --track-width - The width of the track.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the spinner's indicator.\n * @cssproperty --speed - The time it takes for the spinner to complete one animation cycle.\n */",
+          "documentation": "https://cordwainer.dev/components/spinner",
+          "status": "stable",
+          "since": "1.0"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwSpinner",
+            "module": "components/spinner/spinner.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/split-panel/split-panel.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "SNAP_NONE",
+          "description": "A SnapFunction which performs no snapping."
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwSplitPanel",
+          "cssProperties": [
+            {
+              "description": "The width of the visible divider.",
+              "name": "--divider-width",
+              "default": "4px"
+            },
+            {
+              "description": "The invisible region around the divider where dragging can occur. This is usually wider than the divider to facilitate easier dragging.",
+              "name": "--divider-hit-area",
+              "default": "12px"
+            },
+            {
+              "description": "The minimum allowed size of the primary panel.",
+              "name": "--min",
+              "default": "0"
+            },
+            {
+              "description": "The maximum allowed size of the primary panel.",
+              "name": "--max",
+              "default": "100%"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The start panel.",
+              "name": "start"
+            },
+            {
+              "description": "The end panel.",
+              "name": "end"
+            },
+            {
+              "description": "Targets both the start and end panels.",
+              "name": "panel"
+            },
+            {
+              "description": "The divider that separates the start and end panels.",
+              "name": "divider"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Content to place in the start panel.",
+              "name": "start"
+            },
+            {
+              "description": "Content to place in the end panel.",
+              "name": "end"
+            },
+            {
+              "description": "The divider. Useful for slotting in a custom icon that renders as a handle.",
+              "name": "divider"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "cachedPositionInPixels",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "isCollapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "positionBeforeCollapsing",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "resizeObserver",
+              "type": {
+                "text": "ResizeObserver"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "divider",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "number"
+              },
+              "default": "50",
+              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
+              "attribute": "position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "positionInPixels",
+              "type": {
+                "text": "number"
+              },
+              "description": "The current position of the divider from the primary panel's edge in pixels.",
+              "attribute": "position-in-pixels"
+            },
+            {
+              "kind": "field",
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
+              "attribute": "vertical",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "primary",
+              "type": {
+                "text": "'start' | 'end' | undefined"
+              },
+              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
+              "attribute": "primary"
+            },
+            {
+              "kind": "field",
+              "name": "snapValue",
+              "type": {
+                "text": "string | SnapFunction"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "snapFunction",
+              "type": {
+                "text": "SnapFunction"
+              },
+              "privacy": "private",
+              "default": "SNAP_NONE"
+            },
+            {
+              "kind": "method",
+              "name": "toSnapFunction",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "snap",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The snap string."
+                }
+              ],
+              "description": "Converts a string containing either a series of fixed/repeated snap points (e.g. \"repeat(20%)\", \"100px 200px 800px\", or \"10% 50% repeat(10px)\") into a SnapFunction. `SnapFunction`s take in a `SnapFunctionOpts` and return the position that the split panel should snap to."
+            },
+            {
+              "kind": "field",
+              "name": "snap",
+              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
+              "type": {
+                "text": "string | SnapFunction"
+              },
+              "attribute": "snap",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "snapThreshold",
+              "type": {
+                "text": "number"
+              },
+              "default": "12",
+              "description": "How close the divider must be to a snap point until snapping occurs.",
+              "attribute": "snap-threshold"
+            },
+            {
+              "kind": "method",
+              "name": "detectSize",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "percentageToPixels",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "pixelsToPercentage",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDrag",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleResize",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "entries",
+                  "type": {
+                    "text": "ResizeObserverEntry[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handlePositionChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePositionInPixelsChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleVerticalChange"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the divider's position changes.",
+              "name": "cw-reposition",
+              "reactName": "onCwReposition",
+              "eventName": "CwRepositionEvent"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "position",
+              "type": {
+                "text": "number"
+              },
+              "default": "50",
+              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
+              "fieldName": "position"
+            },
+            {
+              "name": "position-in-pixels",
+              "type": {
+                "text": "number"
+              },
+              "description": "The current position of the divider from the primary panel's edge in pixels.",
+              "fieldName": "positionInPixels"
+            },
+            {
+              "name": "vertical",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
+              "fieldName": "vertical"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "primary",
+              "type": {
+                "text": "'start' | 'end' | undefined"
+              },
+              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
+              "fieldName": "primary"
+            },
+            {
+              "name": "snap",
+              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
+              "type": {
+                "text": "string | SnapFunction"
+              },
+              "fieldName": "snap"
             },
             {
-              "name": "label",
+              "name": "snap-threshold",
               "type": {
-                "text": "string | undefined"
+                "text": "number"
               },
-              "description": "A description that gets read by assistive devices. Defaults to `platform`'s name when set.",
-              "fieldName": "label"
+              "default": "12",
+              "description": "How close the divider must be to a snap point until snapping occurs.",
+              "fieldName": "snapThreshold"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather\nthan a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label\nare filled in for you.",
-          "tagNameWithoutPrefix": "social-link",
-          "tagName": "cw-social-link",
+          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
+          "tagNameWithoutPrefix": "split-panel",
+          "tagName": "cw-split-panel",
           "customElement": true,
-          "jsDoc": "/**\n * @summary A link to a social or fediverse profile, rendered as a single icon. Purpose-built for this domain rather\n * than a generic icon-link: set `platform` for one of the common networks and both the icon and accessible label\n * are filled in for you.\n * @documentation https://cordwainer.dev/components/social-link\n * @status experimental\n * @since 1.3\n *\n * @dependency cw-icon-button\n *\n * @csspart base - The internal `<cw-icon-button>`'s exported `base` part.\n * @csspart base__icon-button - An alias of `base`, kept for consistency with other components that forward an\n * icon-button's exported `base` part.\n */",
-          "documentation": "https://cordwainer.dev/components/social-link",
-          "status": "experimental",
-          "since": "1.3",
-          "dependencies": [
-            "cw-icon-button"
-          ]
+          "jsDoc": "/**\n * @summary Split panels display two adjacent panels, allowing the user to reposition them.\n * @documentation https://cordwainer.dev/components/split-panel\n * @status stable\n * @since 1.0\n *\n * @event cw-reposition - Emitted when the divider's position changes.\n *\n * @slot start - Content to place in the start panel.\n * @slot end - Content to place in the end panel.\n * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.\n *\n * @csspart start - The start panel.\n * @csspart end - The end panel.\n * @csspart panel - Targets both the start and end panels.\n * @csspart divider - The divider that separates the start and end panels.\n *\n * @cssproperty [--divider-width=4px] - The width of the visible divider.\n * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is\n *  usually wider than the divider to facilitate easier dragging.\n * @cssproperty [--min=0] - The minimum allowed size of the primary panel.\n * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.\n */",
+          "documentation": "https://cordwainer.dev/components/split-panel",
+          "status": "stable",
+          "since": "1.0"
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SNAP_NONE",
+          "declaration": {
+            "name": "SNAP_NONE",
+            "module": "components/split-panel/split-panel.js"
+          }
+        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwSocialLink",
-            "module": "components/social-link/social-link.js"
+            "name": "CwSplitPanel",
+            "module": "components/split-panel/split-panel.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/spinner/spinner.js",
+      "path": "components/stepper/stepper.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "CwSpinner",
-          "cssProperties": [
+          "name": "CwStepper",
+          "cssParts": [
             {
-              "description": "The width of the track.",
-              "name": "--track-width"
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "One or more `<cw-stepper-item>` elements to display.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "description": "The color of the track.",
-              "name": "--track-color"
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'horizontal'",
+              "description": "The orientation the steps are laid out in.",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
-              "description": "The color of the spinner's indicator.",
-              "name": "--indicator-color"
+              "kind": "field",
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "In linear mode, a step can only be activated if every step before it is completed (or it's the very next step\nafter the last completed one) — this prevents jumping ahead in a required sequence. Off by default, so any step\ncan be activated at any time.",
+              "attribute": "linear",
+              "reflects": true
             },
             {
-              "description": "The time it takes for the spinner to complete one animation cycle.",
-              "name": "--speed"
-            }
-          ],
-          "cssParts": [
+              "kind": "method",
+              "name": "getItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CwStepperItem[]"
+                }
+              }
+            },
             {
-              "description": "The component's base wrapper.",
-              "name": "base"
+              "kind": "method",
+              "name": "syncItems",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleOrientationChange"
+            },
+            {
+              "kind": "method",
+              "name": "canActivateInLinearMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "CwStepperItem"
+                  }
+                },
+                {
+                  "name": "items",
+                  "type": {
+                    "text": "CwStepperItem[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleItemShow",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "CwShowEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "handleKeyDown",
+              "privacy": "private"
             }
           ],
-          "members": [
+          "attributes": [
             {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "orientation",
+              "type": {
+                "text": "'horizontal' | 'vertical'"
+              },
+              "default": "'horizontal'",
+              "description": "The orientation the steps are laid out in.",
+              "fieldName": "orientation"
+            },
+            {
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "In linear mode, a step can only be activated if every step before it is completed (or it's the very next step\nafter the last completed one) — this prevents jumping ahead in a required sequence. Off by default, so any step\ncan be activated at any time.",
+              "fieldName": "linear"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "Spinners are used to show the progress of an indeterminate operation.",
-          "tagNameWithoutPrefix": "spinner",
-          "tagName": "cw-spinner",
+          "summary": "Steppers show progress through a sequence of steps — a step indicator for multi-step forms, checkouts,\nand onboarding flows.",
+          "tagNameWithoutPrefix": "stepper",
+          "tagName": "cw-stepper",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Spinners are used to show the progress of an indeterminate operation.\n * @documentation https://cordwainer.dev/components/spinner\n * @status stable\n * @since 1.0\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --track-width - The width of the track.\n * @cssproperty --track-color - The color of the track.\n * @cssproperty --indicator-color - The color of the spinner's indicator.\n * @cssproperty --speed - The time it takes for the spinner to complete one animation cycle.\n */",
-          "documentation": "https://cordwainer.dev/components/spinner",
-          "status": "stable",
-          "since": "1.0"
+          "jsDoc": "/**\n * @summary Steppers show progress through a sequence of steps — a step indicator for multi-step forms, checkouts,\n *  and onboarding flows.\n * @documentation https://cordwainer.dev/components/stepper\n * @status experimental\n * @since 1.5\n *\n * @slot - One or more `<cw-stepper-item>` elements to display.\n *\n * @csspart base - The component's base wrapper.\n */",
+          "documentation": "https://cordwainer.dev/components/stepper",
+          "status": "experimental",
+          "since": "1.5"
         }
       ],
       "exports": [
@@ -19890,165 +20904,89 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwSpinner",
-            "module": "components/spinner/spinner.js"
+            "name": "CwStepper",
+            "module": "components/stepper/stepper.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/split-panel/split-panel.js",
+      "path": "components/stepper-item/stepper-item.js",
       "declarations": [
-        {
-          "kind": "function",
-          "name": "SNAP_NONE",
-          "description": "A SnapFunction which performs no snapping."
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "CwSplitPanel",
-          "cssProperties": [
-            {
-              "description": "The width of the visible divider.",
-              "name": "--divider-width",
-              "default": "4px"
-            },
-            {
-              "description": "The invisible region around the divider where dragging can occur. This is usually wider than the divider to facilitate easier dragging.",
-              "name": "--divider-hit-area",
-              "default": "12px"
-            },
-            {
-              "description": "The minimum allowed size of the primary panel.",
-              "name": "--min",
-              "default": "0"
-            },
-            {
-              "description": "The maximum allowed size of the primary panel.",
-              "name": "--max",
-              "default": "100%"
-            }
-          ],
+          "name": "CwStepperItem",
           "cssParts": [
             {
-              "description": "The start panel.",
-              "name": "start"
-            },
-            {
-              "description": "The end panel.",
-              "name": "end"
-            },
-            {
-              "description": "Targets both the start and end panels.",
-              "name": "panel"
+              "description": "The component's base wrapper.",
+              "name": "base"
             },
             {
-              "description": "The divider that separates the start and end panels.",
-              "name": "divider"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Content to place in the start panel.",
-              "name": "start"
+              "description": "The clickable header containing the indicator and label.",
+              "name": "header"
             },
             {
-              "description": "Content to place in the end panel.",
-              "name": "end"
+              "description": "The circular indicator showing the step number, or a completed/error icon.",
+              "name": "indicator"
             },
             {
-              "description": "The divider. Useful for slotting in a custom icon that renders as a handle.",
-              "name": "divider"
+              "description": "The container that wraps the step's label.",
+              "name": "label"
             }
           ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "cachedPositionInPixels",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "isCollapsed",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "positionBeforeCollapsing",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
+          "slots": [
+            {
+              "description": "The step's label.",
+              "name": ""
             },
             {
-              "kind": "field",
-              "name": "resizeObserver",
-              "type": {
-                "text": "ResizeObserver"
-              },
-              "privacy": "private"
+              "description": "Optional icon to use instead of the default checkmark when the step is completed.",
+              "name": "completed-icon"
             },
+            {
+              "description": "Optional icon to use instead of the default when the step has an error.",
+              "name": "error-icon"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "size",
+              "name": "dependencies",
               "type": {
-                "text": "number"
+                "text": "object"
               },
-              "privacy": "private"
+              "static": true,
+              "default": "{ 'cw-icon': CwIcon }"
             },
             {
               "kind": "field",
-              "name": "divider",
+              "name": "header",
               "type": {
                 "text": "HTMLElement"
               }
             },
             {
               "kind": "field",
-              "name": "position",
+              "name": "active",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "default": "50",
-              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
-              "attribute": "position",
+              "default": "false",
+              "description": "Indicates whether or not this is the current step. Only one step in a `<cw-stepper>` should be active at a time\n— the stepper manages this for you as steps are activated, but you can also set it directly.",
+              "attribute": "active",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "positionInPixels",
-              "type": {
-                "text": "number"
-              },
-              "description": "The current position of the divider from the primary panel's edge in pixels.",
-              "attribute": "position-in-pixels"
-            },
-            {
-              "kind": "field",
-              "name": "vertical",
+              "name": "completed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
-              "attribute": "vertical",
+              "description": "Indicates that this step has been completed. Steppers in `linear` mode use this to gate which steps can be reached.",
+              "attribute": "completed",
               "reflects": true
             },
             {
@@ -20058,194 +20996,125 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "description": "Disables the step so it can't be activated.",
               "attribute": "disabled",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "primary",
+              "name": "error",
               "type": {
-                "text": "'start' | 'end' | undefined"
+                "text": "boolean"
               },
-              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
-              "attribute": "primary"
+              "default": "false",
+              "description": "Indicates that this step has an error, shown as a distinct visual state on the indicator.",
+              "attribute": "error",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "snapValue",
+              "name": "index",
               "type": {
-                "text": "string | SnapFunction"
+                "text": "number"
               },
-              "privacy": "private",
-              "default": "''"
+              "default": "1",
+              "description": "The step's position within its `<cw-stepper>`, 1-based. Set automatically by the parent stepper — you shouldn't\nneed to set this yourself.",
+              "attribute": "index"
             },
             {
               "kind": "field",
-              "name": "snapFunction",
+              "name": "orientation",
               "type": {
-                "text": "SnapFunction"
+                "text": "'horizontal' | 'vertical'"
               },
-              "privacy": "private",
-              "default": "SNAP_NONE"
+              "default": "'horizontal'",
+              "description": "The orientation of the stepper this item belongs to, used to draw the connecting line to the next step. Set\nautomatically by the parent stepper — you shouldn't need to set this yourself.",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "toSnapFunction",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
+              "name": "focus",
               "parameters": [
                 {
-                  "name": "snap",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "string"
-                  },
-                  "description": "The snap string."
+                    "text": "FocusOptions"
+                  }
                 }
               ],
-              "description": "Converts a string containing either a series of fixed/repeated snap points (e.g. \"repeat(20%)\", \"100px 200px 800px\", or \"10% 50% repeat(10px)\") into a SnapFunction. `SnapFunction`s take in a `SnapFunctionOpts` and return the position that the split panel should snap to."
-            },
-            {
-              "kind": "field",
-              "name": "snap",
-              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
-              "type": {
-                "text": "string | SnapFunction"
-              },
-              "attribute": "snap",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "snapThreshold",
-              "type": {
-                "text": "number"
-              },
-              "default": "12",
-              "description": "How close the divider must be to a snap point until snapping occurs.",
-              "attribute": "snap-threshold"
+              "description": "Moves focus to the step's header."
             },
             {
               "kind": "method",
-              "name": "detectSize",
-              "privacy": "private"
+              "name": "blur",
+              "description": "Removes focus from the step's header."
             },
             {
               "kind": "method",
-              "name": "percentageToPixels",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "name": "handleHeaderClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "pixelsToPercentage",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
+              "name": "handleActiveChange"
             },
             {
               "kind": "method",
-              "name": "handleDrag",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "PointerEvent"
-                  }
-                }
-              ]
+              "name": "show",
+              "description": "Activates the step, making it the current one."
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
+              "name": "hide",
+              "description": "Deactivates the step. Only the parent `<cw-stepper>` normally needs to call this."
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "handleResize",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "entries",
-                  "type": {
-                    "text": "ResizeObserverEntry[]"
-                  }
-                }
-              ]
+              "description": "Emitted when the step becomes active.",
+              "name": "cw-show",
+              "reactName": "onCwShow",
+              "eventName": "CwShowEvent"
             },
             {
-              "kind": "method",
-              "name": "handlePositionChange"
+              "description": "Emitted after the step becomes active.",
+              "name": "cw-after-show",
+              "reactName": "onCwAfterShow",
+              "eventName": "CwAfterShowEvent"
             },
             {
-              "kind": "method",
-              "name": "handlePositionInPixelsChange"
+              "description": "Emitted when the step is no longer active.",
+              "name": "cw-hide",
+              "reactName": "onCwHide",
+              "eventName": "CwHideEvent"
             },
             {
-              "kind": "method",
-              "name": "handleVerticalChange"
-            }
-          ],
-          "events": [
-            {
-              "description": "Emitted when the divider's position changes.",
-              "name": "cw-reposition",
-              "reactName": "onCwReposition",
-              "eventName": "CwRepositionEvent"
+              "description": "Emitted after the step is no longer active.",
+              "name": "cw-after-hide",
+              "reactName": "onCwAfterHide",
+              "eventName": "CwAfterHideEvent"
             }
           ],
           "attributes": [
             {
-              "name": "position",
-              "type": {
-                "text": "number"
-              },
-              "default": "50",
-              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
-              "fieldName": "position"
-            },
-            {
-              "name": "position-in-pixels",
+              "name": "active",
               "type": {
-                "text": "number"
+                "text": "boolean"
               },
-              "description": "The current position of the divider from the primary panel's edge in pixels.",
-              "fieldName": "positionInPixels"
+              "default": "false",
+              "description": "Indicates whether or not this is the current step. Only one step in a `<cw-stepper>` should be active at a time\n— the stepper manages this for you as steps are activated, but you can also set it directly.",
+              "fieldName": "active"
             },
             {
-              "name": "vertical",
+              "name": "completed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
-              "fieldName": "vertical"
+              "description": "Indicates that this step has been completed. Steppers in `linear` mode use this to gate which steps can be reached.",
+              "fieldName": "completed"
             },
             {
               "name": "disabled",
@@ -20253,64 +21122,61 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "description": "Disables the step so it can't be activated.",
               "fieldName": "disabled"
             },
             {
-              "name": "primary",
+              "name": "error",
               "type": {
-                "text": "'start' | 'end' | undefined"
+                "text": "boolean"
               },
-              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
-              "fieldName": "primary"
+              "default": "false",
+              "description": "Indicates that this step has an error, shown as a distinct visual state on the indicator.",
+              "fieldName": "error"
             },
             {
-              "name": "snap",
-              "description": "Either one or more space-separated values at which the divider should snap, in pixels, percentages, or repeat expressions e.g. `'100px 50% 500px' or `repeat(50%) 10px`,\nor a function which takes in a `SnapFunctionParams`, and returns a position to snap to, e.g. `({ pos }) => Math.round(pos / 8) * 8`.",
+              "name": "index",
               "type": {
-                "text": "string | SnapFunction"
+                "text": "number"
               },
-              "fieldName": "snap"
+              "default": "1",
+              "description": "The step's position within its `<cw-stepper>`, 1-based. Set automatically by the parent stepper — you shouldn't\nneed to set this yourself.",
+              "fieldName": "index"
             },
             {
-              "name": "snap-threshold",
+              "name": "orientation",
               "type": {
-                "text": "number"
+                "text": "'horizontal' | 'vertical'"
               },
-              "default": "12",
-              "description": "How close the divider must be to a snap point until snapping occurs.",
-              "fieldName": "snapThreshold"
+              "default": "'horizontal'",
+              "description": "The orientation of the stepper this item belongs to, used to draw the connecting line to the next step. Set\nautomatically by the parent stepper — you shouldn't need to set this yourself.",
+              "fieldName": "orientation"
             }
           ],
           "superclass": {
             "name": "CwElement",
             "module": "/src/internal/cw-element.js"
           },
-          "summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
-          "tagNameWithoutPrefix": "split-panel",
-          "tagName": "cw-split-panel",
+          "summary": "Stepper items are individual steps used inside a [stepper](/components/stepper) — a step indicator for\nmulti-step forms, checkouts, and onboarding flows.",
+          "tagNameWithoutPrefix": "stepper-item",
+          "tagName": "cw-stepper-item",
           "customElement": true,
-          "jsDoc": "/**\n * @summary Split panels display two adjacent panels, allowing the user to reposition them.\n * @documentation https://cordwainer.dev/components/split-panel\n * @status stable\n * @since 1.0\n *\n * @event cw-reposition - Emitted when the divider's position changes.\n *\n * @slot start - Content to place in the start panel.\n * @slot end - Content to place in the end panel.\n * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.\n *\n * @csspart start - The start panel.\n * @csspart end - The end panel.\n * @csspart panel - Targets both the start and end panels.\n * @csspart divider - The divider that separates the start and end panels.\n *\n * @cssproperty [--divider-width=4px] - The width of the visible divider.\n * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is\n *  usually wider than the divider to facilitate easier dragging.\n * @cssproperty [--min=0] - The minimum allowed size of the primary panel.\n * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.\n */",
-          "documentation": "https://cordwainer.dev/components/split-panel",
-          "status": "stable",
-          "since": "1.0"
+          "jsDoc": "/**\n * @summary Stepper items are individual steps used inside a [stepper](/components/stepper) — a step indicator for\n *  multi-step forms, checkouts, and onboarding flows.\n * @documentation https://cordwainer.dev/components/stepper-item\n * @status experimental\n * @since 1.5\n *\n * @dependency cw-icon\n *\n * @slot - The step's label.\n * @slot completed-icon - Optional icon to use instead of the default checkmark when the step is completed.\n * @slot error-icon - Optional icon to use instead of the default when the step has an error.\n *\n * @event cw-show - Emitted when the step becomes active.\n * @event cw-after-show - Emitted after the step becomes active.\n * @event cw-hide - Emitted when the step is no longer active.\n * @event cw-after-hide - Emitted after the step is no longer active.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The clickable header containing the indicator and label.\n * @csspart indicator - The circular indicator showing the step number, or a completed/error icon.\n * @csspart label - The container that wraps the step's label.\n */",
+          "documentation": "https://cordwainer.dev/components/stepper-item",
+          "status": "experimental",
+          "since": "1.5",
+          "dependencies": [
+            "cw-icon"
+          ]
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "SNAP_NONE",
-          "declaration": {
-            "name": "SNAP_NONE",
-            "module": "components/split-panel/split-panel.js"
-          }
-        },
         {
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "CwSplitPanel",
-            "module": "components/split-panel/split-panel.js"
+            "name": "CwStepperItem",
+            "module": "components/stepper-item/stepper-item.js"
           }
         }
       ]
@@ -24687,7 +25553,7 @@
   "package": {
     "name": "@cordwainer/cw-elements",
     "description": "Cordwainer Elements — Web Component Library, a hard fork of Shoelace (@shoelace-style/shoelace).",
-    "version": "1.5.0-alpha.3",
+    "version": "1.5.0-alpha.5",
     "author": "Matt Hand",
     "homepage": "https://cordwainer.dev",
     "license": "MIT"