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

package/cdn/components/tree/tree.js

@@ -1,16 +1,16 @@
 import {
   tree_default
-} from "../../chunks/chunk.KTIVKJ24.js";
-import "../../chunks/chunk.W4YN7K4N.js";
-import "../../chunks/chunk.XZTXBJZI.js";
-import "../../chunks/chunk.CLNGQMWV.js";
+} from "../../chunks/chunk.BWXS7UDH.js";
+import "../../chunks/chunk.WTSKEYWR.js";
 import "../../chunks/chunk.E4CROGAJ.js";
+import "../../chunks/chunk.EP2JFEM6.js";
+import "../../chunks/chunk.CLNGQMWV.js";
 import "../../chunks/chunk.HF7GESMZ.js";
-import "../../chunks/chunk.CBZ2LXEX.js";
+import "../../chunks/chunk.Q44O5SWJ.js";
 import "../../chunks/chunk.747MVI2Y.js";
 import "../../chunks/chunk.DJVND463.js";
 import "../../chunks/chunk.UWKS5KDY.js";
-import "../../chunks/chunk.6IN2NCEE.js";
+import "../../chunks/chunk.DUC3BWQF.js";
 import "../../chunks/chunk.TKSPYDKJ.js";
 import "../../chunks/chunk.FIVNGT4O.js";
 import "../../chunks/chunk.LRAERZML.js";
@@ -22,7 +22,7 @@ import "../../chunks/chunk.76EF5TSN.js";
 import "../../chunks/chunk.FFUIYPKD.js";
 import "../../chunks/chunk.VBR4VS53.js";
 import "../../chunks/chunk.UP75L23G.js";
-import "../../chunks/chunk.SWTGAFM2.js";
+import "../../chunks/chunk.ZVYVBIOU.js";
 import "../../chunks/chunk.H5L5Y6Q5.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
@@ -31,7 +31,7 @@ import "../../chunks/chunk.WEEMHBZO.js";
 import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.NJIHXHXI.js";
-import "../../chunks/chunk.CVSVTOOW.js";
+import "../../chunks/chunk.TPSVKVRM.js";
 import "../../chunks/chunk.6A2LG33L.js";
 import "../../chunks/chunk.QIOX6AG5.js";
 export {

package/cdn/components/tree-item/tree-item.component.js

@@ -1,12 +1,12 @@
 import {
   CwTreeItem
-} from "../../chunks/chunk.XZTXBJZI.js";
+} from "../../chunks/chunk.EP2JFEM6.js";
 import "../../chunks/chunk.CLNGQMWV.js";
-import "../../chunks/chunk.CBZ2LXEX.js";
+import "../../chunks/chunk.Q44O5SWJ.js";
 import "../../chunks/chunk.747MVI2Y.js";
 import "../../chunks/chunk.DJVND463.js";
 import "../../chunks/chunk.UWKS5KDY.js";
-import "../../chunks/chunk.6IN2NCEE.js";
+import "../../chunks/chunk.DUC3BWQF.js";
 import "../../chunks/chunk.TKSPYDKJ.js";
 import "../../chunks/chunk.FIVNGT4O.js";
 import "../../chunks/chunk.LRAERZML.js";
@@ -18,7 +18,7 @@ import "../../chunks/chunk.76EF5TSN.js";
 import "../../chunks/chunk.FFUIYPKD.js";
 import "../../chunks/chunk.VBR4VS53.js";
 import "../../chunks/chunk.UP75L23G.js";
-import "../../chunks/chunk.SWTGAFM2.js";
+import "../../chunks/chunk.ZVYVBIOU.js";
 import "../../chunks/chunk.H5L5Y6Q5.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
@@ -27,7 +27,7 @@ import "../../chunks/chunk.WEEMHBZO.js";
 import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.NJIHXHXI.js";
-import "../../chunks/chunk.CVSVTOOW.js";
+import "../../chunks/chunk.TPSVKVRM.js";
 import "../../chunks/chunk.6A2LG33L.js";
 import "../../chunks/chunk.QIOX6AG5.js";
 export {

package/cdn/components/tree-item/tree-item.js

@@ -1,13 +1,13 @@
 import {
   tree_item_default
-} from "../../chunks/chunk.QBYDVCEO.js";
-import "../../chunks/chunk.XZTXBJZI.js";
+} from "../../chunks/chunk.QEGUTAOB.js";
+import "../../chunks/chunk.EP2JFEM6.js";
 import "../../chunks/chunk.CLNGQMWV.js";
-import "../../chunks/chunk.CBZ2LXEX.js";
+import "../../chunks/chunk.Q44O5SWJ.js";
 import "../../chunks/chunk.747MVI2Y.js";
 import "../../chunks/chunk.DJVND463.js";
 import "../../chunks/chunk.UWKS5KDY.js";
-import "../../chunks/chunk.6IN2NCEE.js";
+import "../../chunks/chunk.DUC3BWQF.js";
 import "../../chunks/chunk.TKSPYDKJ.js";
 import "../../chunks/chunk.FIVNGT4O.js";
 import "../../chunks/chunk.LRAERZML.js";
@@ -19,7 +19,7 @@ import "../../chunks/chunk.76EF5TSN.js";
 import "../../chunks/chunk.FFUIYPKD.js";
 import "../../chunks/chunk.VBR4VS53.js";
 import "../../chunks/chunk.UP75L23G.js";
-import "../../chunks/chunk.SWTGAFM2.js";
+import "../../chunks/chunk.ZVYVBIOU.js";
 import "../../chunks/chunk.H5L5Y6Q5.js";
 import "../../chunks/chunk.6PG467MA.js";
 import "../../chunks/chunk.CJFFVBAI.js";
@@ -28,7 +28,7 @@ import "../../chunks/chunk.WEEMHBZO.js";
 import "../../chunks/chunk.RB5L7E7Z.js";
 import "../../chunks/chunk.4EHT37C5.js";
 import "../../chunks/chunk.NJIHXHXI.js";
-import "../../chunks/chunk.CVSVTOOW.js";
+import "../../chunks/chunk.TPSVKVRM.js";
 import "../../chunks/chunk.6A2LG33L.js";
 import "../../chunks/chunk.QIOX6AG5.js";
 export {

package/cdn/components/visually-hidden/visually-hidden.component.js

@@ -1,9 +1,9 @@
 import {
   CwVisuallyHidden
-} from "../../chunks/chunk.LIGAQVIG.js";
+} from "../../chunks/chunk.LBHDKEI5.js";
 import "../../chunks/chunk.QLCFCHNR.js";
 import "../../chunks/chunk.NJIHXHXI.js";
-import "../../chunks/chunk.CVSVTOOW.js";
+import "../../chunks/chunk.TPSVKVRM.js";
 import "../../chunks/chunk.6A2LG33L.js";
 import "../../chunks/chunk.QIOX6AG5.js";
 export {

package/cdn/components/visually-hidden/visually-hidden.js

@@ -1,10 +1,10 @@
 import {
   visually_hidden_default
-} from "../../chunks/chunk.T3PFZK7D.js";
-import "../../chunks/chunk.LIGAQVIG.js";
+} from "../../chunks/chunk.H7P5VRVS.js";
+import "../../chunks/chunk.LBHDKEI5.js";
 import "../../chunks/chunk.QLCFCHNR.js";
 import "../../chunks/chunk.NJIHXHXI.js";
-import "../../chunks/chunk.CVSVTOOW.js";
+import "../../chunks/chunk.TPSVKVRM.js";
 import "../../chunks/chunk.6A2LG33L.js";
 import "../../chunks/chunk.QIOX6AG5.js";
 export {

package/cdn/custom-elements.json

@@ -18573,6 +18573,444 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/segmented-button/segmented-button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CwSegmentedButton",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "base"
+            }
+          ],
+          "slots": [
+            {
+              "description": "One or more `<cw-radio-button>` elements to display as segments.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "protected",
+              "readonly": true,
+              "default": "new FormControlController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "customValidityMessage",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "validationTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "defaultSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validationInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "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",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "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"
+              },
+              "default": "''",
+              "description": "The current value of the segmented button, submitted as a name/value pair with form data.",
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The segmented button's size. Applied to every child `<cw-radio-button>`.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the entire segmented button, blocking interaction and excluding it from constraint validation.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "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\nin the same document or shadow root for this to work.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a segment is selected before allowing the containing form to submit.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "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": "getAllSegments",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "CwRadioButton[]"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleSegmentClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectSegment",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "target",
+                  "type": {
+                    "text": "CwRadioButton"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "syncSegments",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseOver",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleMouseOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "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",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "default": "''"
+                }
+              ],
+              "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 segmented button."
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the selected value changes.",
+              "name": "cw-change",
+              "reactName": "onCwChange",
+              "eventName": "CwChangeEvent"
+            },
+            {
+              "description": "Emitted when the segmented button receives user input.",
+              "name": "cw-input",
+              "reactName": "onCwInput",
+              "eventName": "CwInputEvent"
+            },
+            {
+              "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": "label",
+              "type": {
+                "text": "string"
+              },
+              "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.",
+              "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"
+              },
+              "default": "''",
+              "description": "The current value of the segmented button, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The segmented button's size. Applied to every child `<cw-radio-button>`.",
+              "fieldName": "size"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the entire segmented button, blocking interaction and excluding it from constraint validation.",
+              "fieldName": "disabled"
+            },
+            {
+              "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\nin the same document or shadow root for this to work.",
+              "fieldName": "form"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Ensures a segment is selected before allowing the containing form to submit.",
+              "fieldName": "required"
+            }
+          ],
+          "superclass": {
+            "name": "CwElement",
+            "module": "/src/internal/cw-element.js"
+          },
+          "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 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": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "CwSegmentedButton",
+            "module": "components/segmented-button/segmented-button.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/select/select.js",
@@ -25115,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.4",
+    "version": "1.5.0-alpha.5",
     "author": "Matt Hand",
     "homepage": "https://cordwainer.dev",
     "license": "MIT"

package/cdn/cw-elements.d.ts

@@ -76,6 +76,7 @@ export { default as CwAccordion } from './components/accordion/accordion.js';
 export { default as CwAccordionItem } from './components/accordion-item/accordion-item.js';
 export { default as CwStepper } from './components/stepper/stepper.js';
 export { default as CwStepperItem } from './components/stepper-item/stepper-item.js';
+export { default as CwSegmentedButton } from './components/segmented-button/segmented-button.js';
 export * from './utilities/animation.js';
 export * from './utilities/base-path.js';
 export * from './utilities/icon-library.js';