@warp-ds/elements 2.10.0-next.14 → 2.10.0-next.17

package/dist/custom-elements.json

@@ -25,7 +25,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large' | PixelValue | undefined"
+                "text": "\"small\" | \"medium\" | \"large\" | PixelValue | undefined"
               },
               "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
               "default": "\"medium\"",
@@ -98,7 +98,7 @@
             {
               "name": "size",
               "type": {
-                "text": "'small' | 'medium' | 'large' | PixelValue | undefined"
+                "text": "\"small\" | \"medium\" | \"large\" | PixelValue | undefined"
               },
               "description": "Size: small, medium, large or pixel value (e.g. \"32px\").",
               "default": "\"medium\"",
@@ -734,7 +734,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "summary": "Text label shown as prefix/suffix content.",
               "attribute": "label",
               "reflects": true
@@ -791,7 +791,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "summary": "Text label shown as prefix/suffix content.",
               "fieldName": "label"
             },
@@ -863,7 +863,7 @@
               "type": {
                 "text": "AlertVariants"
               },
-              "default": "'info'",
+              "default": "\"info\"",
               "summary": "Visual style of the alert.",
               "attribute": "variant",
               "reflects": true,
@@ -888,7 +888,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'alert'",
+              "default": "\"alert\"",
               "summary": "ARIA role announced to assistive technology.",
               "attribute": "role",
               "reflects": true
@@ -900,7 +900,7 @@
               "type": {
                 "text": "AlertVariants"
               },
-              "default": "'info'",
+              "default": "\"info\"",
               "summary": "Visual style of the alert.",
               "fieldName": "variant",
               "parsedType": {
@@ -921,7 +921,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'alert'",
+              "default": "\"alert\"",
               "summary": "ARIA role announced to assistive technology.",
               "fieldName": "role"
             }
@@ -1628,7 +1628,7 @@
                 "text": "Directions"
               },
               "description": "Preferred placement relative to the trigger element.\nSets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.",
-              "default": "'bottom'",
+              "default": "\"bottom\"",
               "attribute": "placement",
               "parsedType": {
                 "text": "'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
@@ -1828,7 +1828,7 @@
                 "text": "Directions"
               },
               "description": "Preferred placement relative to the trigger element.\nSets the initial direction for positioning, for example `top`, `right`, `bottom`, or `left` variants.",
-              "default": "'bottom'",
+              "default": "\"bottom\"",
               "fieldName": "placement",
               "parsedType": {
                 "text": "'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
@@ -1982,39 +1982,51 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
+                "text": "| \"neutral\"\n\t\t| \"info\"\n\t\t| \"positive\"\n\t\t| \"warning\"\n\t\t| \"negative\"\n\t\t| \"disabled\"\n\t\t| \"price\"\n\t\t| \"sponsored\"\n\t\t| undefined"
               },
               "description": "Controls the badge color treatment.\nIf omitted, the badge uses neutral styling without reflecting a `variant` attribute.\nAccepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.",
               "attribute": "variant",
-              "reflects": true
+              "reflects": true,
+              "parsedType": {
+                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
+              }
             },
             {
               "kind": "field",
               "name": "position",
               "type": {
-                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
+                "text": "| \"top-left\"\n\t\t| \"top-right\"\n\t\t| \"bottom-right\"\n\t\t| \"bottom-left\"\n\t\t| undefined"
               },
               "description": "Positions the badge in a corner of a parent element.\nUse this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\nUse this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.",
               "attribute": "position",
-              "reflects": true
+              "reflects": true,
+              "parsedType": {
+                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
+              }
             }
           ],
           "attributes": [
             {
               "name": "variant",
               "type": {
-                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
+                "text": "| \"neutral\"\n\t\t| \"info\"\n\t\t| \"positive\"\n\t\t| \"warning\"\n\t\t| \"negative\"\n\t\t| \"disabled\"\n\t\t| \"price\"\n\t\t| \"sponsored\"\n\t\t| undefined"
               },
               "description": "Controls the badge color treatment.\nIf omitted, the badge uses neutral styling without reflecting a `variant` attribute.\nAccepted values are `neutral`, `info`, `positive`, `warning`, `negative`, `disabled`, `price`, and `sponsored`. If omitted, the badge uses neutral styling without reflecting a `variant` attribute.",
-              "fieldName": "variant"
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored' | undefined"
+              }
             },
             {
               "name": "position",
               "type": {
-                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
+                "text": "| \"top-left\"\n\t\t| \"top-right\"\n\t\t| \"bottom-right\"\n\t\t| \"bottom-left\"\n\t\t| undefined"
               },
               "description": "Positions the badge in a corner of a parent element.\nUse this with a parent element that has `position: relative`. When set, the badge uses absolute positioning and adjusts its corner radii so it sits flush against the selected corner.\nUse this with a parent element that has `position: relative`. Accepted values are `top-left`, `top-right`, `bottom-right`, and `bottom-left`.",
-              "fieldName": "position"
+              "fieldName": "position",
+              "parsedType": {
+                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left' | undefined"
+              }
             }
           ],
           "superclass": {
@@ -2105,7 +2117,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'region'",
+              "default": "\"region\"",
               "description": "ARIA role for the box wrapper.\nDefaults to a role of `region`. Set `role=\"none\"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.",
               "attribute": "role",
               "reflects": true
@@ -2153,7 +2165,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'region'",
+              "default": "\"region\"",
               "description": "ARIA role for the box wrapper.\nDefaults to a role of `region`. Set `role=\"none\"` to override this behaviour for purely visual grouping, or set a specific role when the box has a clearer semantic purpose.",
               "fieldName": "role"
             }
@@ -2391,7 +2403,7 @@
                 "text": "object"
               },
               "static": true,
-              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true }"
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
             },
             {
               "kind": "field",
@@ -2772,7 +2784,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "Checkboxes allow users to select multiple options from a list of choices.\n\nUse with `w-checkbox`.\n\n## Architecture Note\nThis component uses a <div> wrapper instead of the more semantic <fieldset> element.\nNote that w-radio-group uses <fieldset>, which provides better accessibility and follows\nHTML best practices. This inconsistency exists for historical reasons and may be addressed\nin a future major version to align both on the more semantic approach.\n\nTODO: Align w-checkbox-group to use <fieldset> in a future major version after assessing\nbackwards compatibility implications (CSS selectors, etc.).",
           "name": "WarpCheckboxGroup",
           "members": [
             {
@@ -3225,7 +3237,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
               "attribute": "label",
               "reflects": true
@@ -3236,7 +3248,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Placeholder text displayed when the input is empty.\n\nUse this as a short hint for the expected input. Do not use placeholder text as a replacement for a label.",
               "attribute": "placeholder",
               "reflects": true
@@ -3247,7 +3259,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The selected or typed value.\n\nWhen an option is selected, this is set to the option value. The displayed text may differ when the option has a separate label.",
               "attribute": "value",
               "reflects": true
@@ -3313,7 +3325,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
               "attribute": "help-text",
               "reflects": true
@@ -3357,7 +3369,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The name submitted with the combobox value.\n\nUse this when the combobox belongs to a form and its value should be included in form data.",
               "attribute": "name",
               "reflects": true
@@ -3368,7 +3380,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "'off'",
+              "default": "\"off\"",
               "description": "The autocomplete attribute passed to the internal input.\n\nDefaults to `off`. Set this when browser autocomplete should be enabled or scoped to a specific autocomplete token.",
               "attribute": "autocomplete",
               "reflects": true
@@ -3380,7 +3392,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''"
+              "default": "\"\""
             },
             {
               "kind": "field",
@@ -3661,7 +3673,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The label displayed above the input.\n\nUse this to give the combobox a visible and accessible name.",
               "fieldName": "label"
             },
@@ -3670,7 +3682,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Placeholder text displayed when the input is empty.\n\nUse this as a short hint for the expected input. Do not use placeholder text as a replacement for a label.",
               "fieldName": "placeholder"
             },
@@ -3679,7 +3691,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The selected or typed value.\n\nWhen an option is selected, this is set to the option value. The displayed text may differ when the option has a separate label.",
               "fieldName": "value"
             },
@@ -3733,7 +3745,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Help text displayed below the input.\n\nUse this for supporting guidance or validation feedback.",
               "fieldName": "helpText"
             },
@@ -3769,7 +3781,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "The name submitted with the combobox value.\n\nUse this when the combobox belongs to a form and its value should be included in form data.",
               "fieldName": "name"
             },
@@ -3778,7 +3790,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "'off'",
+              "default": "\"off\"",
               "description": "The autocomplete attribute passed to the internal input.\n\nDefaults to `off`. Set this when browser autocomplete should be enabled or scoped to a specific autocomplete token.",
               "fieldName": "autocomplete"
             }
@@ -3882,7 +3894,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'MMMM yyyy'",
+              "default": "\"MMMM yyyy\"",
               "description": "The date format used in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "attribute": "header-format"
             },
@@ -3892,7 +3904,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'EEEEEE'",
+              "default": "\"EEEEEE\"",
               "description": "The weekday format shown above the calendar grid.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "attribute": "weekday-format"
             },
@@ -3910,7 +3922,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'PPPP'",
+              "default": "\"PPPP\"",
               "description": "The date format used for calendar day accessible names.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "attribute": "day-format"
             },
@@ -4162,7 +4174,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'MMMM yyyy'",
+              "default": "\"MMMM yyyy\"",
               "description": "The date format used in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "fieldName": "headerFormat"
             },
@@ -4171,7 +4183,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'EEEEEE'",
+              "default": "\"EEEEEE\"",
               "description": "The weekday format shown above the calendar grid.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "fieldName": "weekdayFormat"
             },
@@ -4180,7 +4192,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "'PPPP'",
+              "default": "\"PPPP\"",
               "description": "The date format used for calendar day accessible names.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
               "fieldName": "dayFormat"
             }
@@ -4608,7 +4620,7 @@
               "parameters": [
                 {
                   "name": "verb",
-                  "default": "'addEventListener'"
+                  "default": "\"addEventListener\""
                 }
               ]
             },
@@ -5791,7 +5803,7 @@
               "name": "label"
             },
             {
-              "description": "Alternative to the `help-text` attribute should you need custom HTML.",
+              "description": "Alternative to the `help-text` attribute should you need custom HTML. ## Architecture Note This component uses semantic <fieldset> element for grouping radio controls, which provides better accessibility and follows HTML best practices. Note that w-checkbox-group currently uses <div> instead - this inconsistency exists for historical reasons and may be addressed in a future major version to align both on the more semantic approach. TODO: Align w-checkbox-group to also use <fieldset> in a future major version after assessing backwards compatibility implications (CSS selectors, etc.).",
               "name": "help-text"
             }
           ],
@@ -5820,7 +5832,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Label for the radio group.",
               "attribute": "label"
             },
@@ -5830,7 +5842,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Help text for the radio group.\n\nIf you set `required` and `invalid` the group gets a default error message, but you can override it with this attribute.",
               "attribute": "help-text"
             },
@@ -6069,7 +6081,7 @@
                 {
                   "name": "name",
                   "type": {
-                    "text": "'label' | 'help-text'"
+                    "text": "\"label\" | \"help-text\""
                   }
                 }
               ]
@@ -6158,7 +6170,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Label for the radio group.",
               "fieldName": "label"
             },
@@ -6167,7 +6179,7 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
+              "default": "\"\"",
               "description": "Help text for the radio group.\n\nIf you set `required` and `invalid` the group gets a default error message, but you can override it with this attribute.",
               "fieldName": "helpText"
             },
@@ -6482,7 +6494,7 @@
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "{ allowDefaultFirstOption = false }",
+                  "name": "{\n\t\tallowDefaultFirstOption = false,\n\t}",
                   "default": "{}",
                   "type": {
                     "text": "{ allowDefaultFirstOption?: boolean }"
@@ -6496,7 +6508,7 @@
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "{ syncValueFromSelected = false }",
+                  "name": "{\n\t\tsyncValueFromSelected = false,\n\t}",
                   "default": "{}",
                   "type": {
                     "text": "{ syncValueFromSelected?: boolean }"
@@ -7446,6 +7458,378 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "packages/snackbar-item/snackbar-item.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An item to show in a `w-snackbar`.\n\nSee the `create` function on `w-snackbar` for a convenience API which helps you make snackbar items.",
+          "name": "WarpSnackbarItem",
+          "cssProperties": [
+            {
+              "name": "--w-c-snackbar-item-radius"
+            },
+            {
+              "name": "--w-c-snackbar-item-max-width"
+            },
+            {
+              "name": "--w-c-snackbar-item-min-width"
+            },
+            {
+              "name": "--w-c-snackbar-item-padding"
+            },
+            {
+              "name": "--w-c-snackbar-item-bg"
+            },
+            {
+              "name": "--w-c-snackbar-item-action-bg-active"
+            },
+            {
+              "name": "--w-c-snackbar-item-action-bg-hover"
+            },
+            {
+              "name": "--w-c-snackbar-item-color"
+            },
+            {
+              "name": "--w-c-snackbar-item-action-color-active"
+            },
+            {
+              "name": "--w-c-snackbar-item-action-color-hover"
+            },
+            {
+              "name": "--w-c-snackbar-item-box-shadow"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "the container wrapping the message, icon and actions.",
+              "name": "item"
+            },
+            {
+              "description": "the icon for the variant.",
+              "name": "icon"
+            },
+            {
+              "description": "the default slot, body of the snackbar item.",
+              "name": "message"
+            },
+            {
+              "description": "close and action button.",
+              "name": "action"
+            }
+          ],
+          "slots": [
+            {
+              "description": "the snackbar message.",
+              "name": "default"
+            },
+            {
+              "description": "icon preceeding the message.",
+              "name": "icon"
+            },
+            {
+              "description": "action following the message.",
+              "name": "action"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "actionPlacement",
+              "type": {
+                "text": "SnackbarActionPlacement"
+              },
+              "default": "\"inline\"",
+              "description": "The placement of the action and close buttons.",
+              "attribute": "action-placement",
+              "reflects": true,
+              "parsedType": {
+                "text": "'inline' | 'block'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "How long the message should stay in the document before removing itself.",
+              "attribute": "duration",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "root",
+              "type": {
+                "text": "HTMLDivElement | null"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "hasAction",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#expanded",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "#durationLeft",
+              "privacy": "private",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#lastFocused",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#timer",
+              "privacy": "private",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | null"
+              },
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "#timerPaused",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Remove the snackbar item from the document.\n\nMoves focus to the last focused element outside of the snackbar item, if available.",
+              "type": {
+                "text": "close() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#onFocusIn",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ],
+              "description": "Listen to focusin, not focus, as focus does not bubble.\n\nWe're interested in running code when an action button gets focus,\nsuch as pausing the countdown and storing the last focused element\noutside of the snackbar so we can return there when it closes.\n\nOnly save the first instance of `relatedTarget` so we don't overwrite\nit when focus moves from an action button to the close button."
+            },
+            {
+              "kind": "method",
+              "name": "#onFocusOut",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ],
+              "description": "Listen to focusout, not blur, as blur does not bubble.\n\nUnpause the countdown by clearing this.#lastFocused\nif the focus is moving outside of the snackbar item."
+            },
+            {
+              "kind": "method",
+              "name": "#onMouseEnter",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#onMouseLeave",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#hasAction",
+              "privacy": "private"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "action-placement",
+              "type": {
+                "text": "SnackbarActionPlacement"
+              },
+              "default": "\"inline\"",
+              "description": "The placement of the action and close buttons.",
+              "fieldName": "actionPlacement",
+              "parsedType": {
+                "text": "'inline' | 'block'"
+              }
+            },
+            {
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "How long the message should stay in the document before removing itself.",
+              "fieldName": "duration"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "parent": {
+            "name": "w-snackbar",
+            "description": ""
+          },
+          "tagName": "w-snackbar-item",
+          "customElement": true,
+          "modulePath": "packages/snackbar-item/snackbar-item.ts",
+          "definitionPath": "packages/snackbar-item/snackbar-item.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpSnackbarItem",
+          "declaration": {
+            "name": "WarpSnackbarItem",
+            "module": "packages/snackbar-item/snackbar-item.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-snackbar-item",
+          "declaration": {
+            "name": "WarpSnackbarItem",
+            "module": "packages/snackbar-item/snackbar-item.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/snackbar/snackbar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A Snackbar shows brief user feedback messages that overlay content, with an optional action such as Undo.\n\nInclude one `<w-snackbar></w-snackbar>` in the document `<body>`. Use the `create` function to create messages.",
+          "name": "WarpSnackbar",
+          "cssProperties": [
+            {
+              "name": "--w-c-snackbar-container-gap"
+            },
+            {
+              "name": "--w-c-snackbar-position-bottom"
+            },
+            {
+              "name": "--w-c-snackbar-position-left"
+            },
+            {
+              "name": "--w-c-snackbar-position-right"
+            },
+            {
+              "name": "--w-c-snackbar-position-top"
+            },
+            {
+              "name": "--w-c-snackbar-z-index"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "the live region that positions messages on the screen.",
+              "name": "container"
+            }
+          ],
+          "slots": [
+            {
+              "description": "`w-snackbar-item` gets placed inside the default slot by the `create` function.",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "method",
+              "name": "create",
+              "return": {
+                "type": {
+                  "text": ""
+                }
+              },
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "CreateSnackbarOptions"
+                  }
+                }
+              ],
+              "description": "Creates a snackbar item and immediately adds it to the snackbar.\n\nBy default the snackbar item automatically closes after 4 seconds (`SnackbarDuration.Short`).\n\nIf you include an `action` in the options the default `duration` is\nset to 10 seconds (`SnackbarDuration.Long`) and can not be made shorter.\n\nA `duration` of 10 seconds or longer forces the close button to be visible.\n\nThe default `variant` is `neutral` which does not have an icon.\n\nSet `duration` to `SnackbarDuration.Infinite` if you want a persistent message.",
+              "type": {
+                "text": "create(message: string, options: CreateSnackbarOptions = {}) => void"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-snackbar",
+          "customElement": true,
+          "modulePath": "packages/snackbar/snackbar.ts",
+          "definitionPath": "packages/snackbar/snackbar.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpSnackbar",
+          "declaration": {
+            "name": "WarpSnackbar",
+            "module": "packages/snackbar/snackbar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-snackbar",
+          "declaration": {
+            "name": "WarpSnackbar",
+            "module": "packages/snackbar/snackbar.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/step/step.ts",
@@ -7484,7 +7868,7 @@
                 "text": "StepsContext"
               },
               "privacy": "private",
-              "default": "{ horizontal: false, right: false, isLast: false, isFirst: false }"
+              "default": "{ horizontal: false, right: false, isLast: false, isFirst: false, }"
             },
             {
               "kind": "field",
@@ -7849,7 +8233,7 @@
               "kind": "field",
               "name": "_ownAriaSelected",
               "type": {
-                "text": "'true' | 'false' | undefined"
+                "text": "\"true\" | \"false\" | undefined"
               },
               "privacy": "private"
             },
@@ -8066,7 +8450,7 @@
                 "text": "string | undefined"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "\"\""
             },
             {
               "kind": "field",