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

package/dist/.storybook/utilities.js

@@ -3,7 +3,7 @@
  * @example camelToKebab('openOnFocus') // 'open-on-focus'
  */
 function camelToKebab(str) {
-    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+    return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 }
 /**
  * Massages storybook args before being spread to HTML attributes.
@@ -38,18 +38,18 @@ export function prespread(args) {
     for (const field of Object.keys(args)) {
         const value = args[field];
         // Skip empty strings
-        if (value === '') {
+        if (value === "") {
             continue;
         }
         // Convert camelCase to kebab-case for attribute names
         const attrName = camelToKebab(field);
         // Add Lit syntax for boolean attributes
-        if (typeof value === 'boolean') {
+        if (typeof value === "boolean") {
             newArgs[`?${attrName}`] = value;
             continue;
         }
         // Add Lit syntax for complex properties (keep camelCase for properties)
-        if (typeof value === 'object') {
+        if (typeof value === "object") {
             newArgs[`.${field}`] = value;
             continue;
         }

package/dist/api.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../packages/utils/window-exists.js", "../packages/toast/api.ts"],
-  "sourcesContent": ["export const windowExists = typeof window !== 'undefined';\n", "import { WarpToastContainer } from '../toast-container/toast-container.js';\nimport { windowExists } from '../utils/window-exists.js';\nimport type { ToastInternal, ToastOptions } from './types';\n\nfunction getToastContainer() {\n  const container = customElements.get('w-toast-container');\n  return container as typeof WarpToastContainer;\n}\n\n/**\n * Creates a new toast\n */\nexport function toast(message: string, options?: ToastOptions) {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n\n  const data: ToastOptions = {\n    id: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),\n    text: message,\n    duration: 5000,\n    type: 'success',\n    ...options,\n  };\n\n  toast.set(data);\n  return data;\n}\n\n/**\n * Remove an existing toast\n */\nexport function removeToast(id: string | number): Promise<boolean> | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  return toast.del(id);\n}\n\n/**\n * Update an existing toast\n */\nexport function updateToast(id: string | number, options?: ToastOptions): ToastInternal | undefined {\n  if (!windowExists) return;\n\n  const toast = getToastContainer().init() as WarpToastContainer;\n  toast.set({ ...toast.get(id), ...options });\n  return toast.get(id);\n}\n"],
-  "mappings": "AAAO,IAAMA,EAAe,OAAO,OAAW,ICI9C,SAASC,GAAoB,CAE3B,OADkB,eAAe,IAAI,mBAAmB,CAE1D,CAKO,SAASC,EAAMC,EAAiBC,EAAwB,CAC7D,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EAEjCK,EAAqB,CACzB,GAAI,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,EACnE,KAAMH,EACN,SAAU,IACV,KAAM,UACN,GAAGC,CACL,EAEA,OAAAF,EAAM,IAAII,CAAI,EACPA,CACT,CAKO,SAASC,EAAYC,EAAmD,CAC7E,OAAKH,EAESJ,EAAkB,EAAE,KAAK,EAC1B,IAAIO,CAAE,EAHA,MAIrB,CAKO,SAASC,EAAYD,EAAqBJ,EAAmD,CAClG,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EACvC,OAAAC,EAAM,IAAI,CAAE,GAAGA,EAAM,IAAIM,CAAE,EAAG,GAAGJ,CAAQ,CAAC,EACnCF,EAAM,IAAIM,CAAE,CACrB",
+  "sourcesContent": ["export const windowExists = typeof window !== \"undefined\";\n", "import { WarpToastContainer } from \"../toast-container/toast-container.js\";\nimport { windowExists } from \"../utils/window-exists.js\";\nimport type { ToastInternal, ToastOptions } from \"./types\";\n\nfunction getToastContainer() {\n\tconst container = customElements.get(\"w-toast-container\");\n\treturn container as typeof WarpToastContainer;\n}\n\n/**\n * Creates a new toast\n */\nexport function toast(message: string, options?: ToastOptions) {\n\tif (!windowExists) return;\n\n\tconst toast = getToastContainer().init() as WarpToastContainer;\n\n\tconst data: ToastOptions = {\n\t\tid: Date.now().toString(36) + Math.random().toString(36).slice(2, 5),\n\t\ttext: message,\n\t\tduration: 5000,\n\t\ttype: \"success\",\n\t\t...options,\n\t};\n\n\ttoast.set(data);\n\treturn data;\n}\n\n/**\n * Remove an existing toast\n */\nexport function removeToast(id: string | number): Promise<boolean> | undefined {\n\tif (!windowExists) return;\n\n\tconst toast = getToastContainer().init() as WarpToastContainer;\n\treturn toast.del(id);\n}\n\n/**\n * Update an existing toast\n */\nexport function updateToast(\n\tid: string | number,\n\toptions?: ToastOptions,\n): ToastInternal | undefined {\n\tif (!windowExists) return;\n\n\tconst toast = getToastContainer().init() as WarpToastContainer;\n\ttoast.set({ ...toast.get(id), ...options });\n\treturn toast.get(id);\n}\n"],
+  "mappings": "AAAO,IAAMA,EAAe,OAAO,OAAW,ICI9C,SAASC,GAAoB,CAE5B,OADkB,eAAe,IAAI,mBAAmB,CAEzD,CAKO,SAASC,EAAMC,EAAiBC,EAAwB,CAC9D,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EAEjCK,EAAqB,CAC1B,GAAI,KAAK,IAAI,EAAE,SAAS,EAAE,EAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAG,CAAC,EACnE,KAAMH,EACN,SAAU,IACV,KAAM,UACN,GAAGC,CACJ,EAEA,OAAAF,EAAM,IAAII,CAAI,EACPA,CACR,CAKO,SAASC,EAAYC,EAAmD,CAC9E,OAAKH,EAESJ,EAAkB,EAAE,KAAK,EAC1B,IAAIO,CAAE,EAHA,MAIpB,CAKO,SAASC,EACfD,EACAJ,EAC4B,CAC5B,GAAI,CAACC,EAAc,OAEnB,IAAMH,EAAQD,EAAkB,EAAE,KAAK,EACvC,OAAAC,EAAM,IAAI,CAAE,GAAGA,EAAM,IAAIM,CAAE,EAAG,GAAGJ,CAAQ,CAAC,EACnCF,EAAM,IAAIM,CAAE,CACpB",
   "names": ["windowExists", "getToastContainer", "toast", "message", "options", "windowExists", "data", "removeToast", "id", "updateToast"]
 }

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 }"
@@ -7528,7 +7540,7 @@
               "type": {
                 "text": "SnackbarActionPlacement"
               },
-              "default": "'inline'",
+              "default": "\"inline\"",
               "description": "The placement of the action and close buttons.",
               "attribute": "action-placement",
               "reflects": true,
@@ -7670,7 +7682,7 @@
               "type": {
                 "text": "SnackbarActionPlacement"
               },
-              "default": "'inline'",
+              "default": "\"inline\"",
               "description": "The placement of the action and close buttons.",
               "fieldName": "actionPlacement",
               "parsedType": {
@@ -7783,7 +7795,7 @@
                   }
                 }
               ],
-              "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.",
+              "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"
               }
@@ -7856,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",
@@ -8221,7 +8233,7 @@
               "kind": "field",
               "name": "_ownAriaSelected",
               "type": {
-                "text": "'true' | 'false' | undefined"
+                "text": "\"true\" | \"false\" | undefined"
               },
               "privacy": "private"
             },
@@ -8438,7 +8450,7 @@
                 "text": "string | undefined"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "\"\""
             },
             {
               "kind": "field",

package/dist/docs/affix/affix.md

@@ -156,7 +156,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | aria-label | `string \| null` | `null` | Accessible label for icon-button variants. |
 | clear | `boolean` | `false` | Renders a clear icon button. |
 | icon | `string \| null` | `null` | Icon name rendered as prefix/suffix content. |
-| label | `string` | `''` | Text label shown as prefix/suffix content. |
+| label | `string` | `""` | Text label shown as prefix/suffix content. |
 | search | `boolean` | `false` | Renders a search icon button. |
 
 ### Property Details
@@ -196,7 +196,7 @@ Set an `aria-label` that explains the action when using this.
 
 
 - Type: `string`
-- Default: `''`
+- Default: `""`
 
 #### search
 

package/dist/docs/affix/api.md

@@ -10,7 +10,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 | aria-label | `string \| null` | `null` | Accessible label for icon-button variants. |
 | clear | `boolean` | `false` | Renders a clear icon button. |
 | icon | `string \| null` | `null` | Icon name rendered as prefix/suffix content. |
-| label | `string` | `''` | Text label shown as prefix/suffix content. |
+| label | `string` | `""` | Text label shown as prefix/suffix content. |
 | search | `boolean` | `false` | Renders a search icon button. |
 
 ### Property Details
@@ -50,7 +50,7 @@ Set an `aria-label` that explains the action when using this.
 
 
 - Type: `string`
-- Default: `''`
+- Default: `""`
 
 #### search
 

package/dist/docs/alert/alert.md

@@ -160,9 +160,9 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| role | `string` | `'alert'` | ARIA role announced to assistive technology. |
+| role | `string` | `"alert"` | ARIA role announced to assistive technology. |
 | show | `boolean` | `false` | Whether the alert is visible. |
-| variant | [`AlertVariants`](#alertvariants) | `'info'` | Visual style of the alert. |
+| variant | [`AlertVariants`](#alertvariants) | `"info"` | Visual style of the alert. |
 
 ### Property Details
 
@@ -171,7 +171,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: `string`
-- Default: `'alert'`
+- Default: `"alert"`
 
 #### show
 
@@ -185,7 +185,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: [`AlertVariants`](#alertvariants)
-- Default: `'info'`
+- Default: `"info"`
 
 ### Types
 

package/dist/docs/alert/api.md

@@ -6,9 +6,9 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 | Name | Type | Default | Summary |
 |-|-|-|-|
-| role | `string` | `'alert'` | ARIA role announced to assistive technology. |
+| role | `string` | `"alert"` | ARIA role announced to assistive technology. |
 | show | `boolean` | `false` | Whether the alert is visible. |
-| variant | [`AlertVariants`](#alertvariants) | `'info'` | Visual style of the alert. |
+| variant | [`AlertVariants`](#alertvariants) | `"info"` | Visual style of the alert. |
 
 ### Property Details
 
@@ -17,7 +17,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: `string`
-- Default: `'alert'`
+- Default: `"alert"`
 
 #### show
 
@@ -31,7 +31,7 @@ Unless otherwise noted all properties are HTML attributes (as opposed to JavaScr
 
 
 - Type: [`AlertVariants`](#alertvariants)
-- Default: `'info'`
+- Default: `"info"`
 
 ### Types