@warp-ds/elements 2.2.0-next.3 → 2.2.0-next.31

package/dist/custom-elements.json

@@ -0,0 +1,3059 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "packages/affix/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccSuffix",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ wrapper: prefixSuffixWrapper + 'right-0', wrapperWithLabel: 'w-max pr-12', wrapperWithIcon: 'w-40', label: 'antialiased block relative cursor-default pb-0 font-bold text-xs s-text', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccPrefix",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ wrapper: prefixSuffixWrapper + 'left-0', wrapperWithLabel: 'w-max pl-12', wrapperWithIcon: 'w-40', label: 'antialiased block relative cursor-default pb-0 font-bold text-xs s-text', }"
+        },
+        {
+          "kind": "class",
+          "description": "This component is usually used in other components like form elements to show a prefix or suffix. See for example `w-textfield`.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-affix--docs)",
+          "name": "WarpAffix",
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "clear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Add this property to render a clickable Warp close icon.\n\nSet an `aria-label` that explains the action when using this.",
+              "attribute": "clear"
+            },
+            {
+              "kind": "field",
+              "name": "search",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Add this property to render a clickable Warp search icon.\n\nSet an `aria-label` that explains the action when using this.",
+              "attribute": "search"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "ariaLabel"
+            },
+            {
+              "name": "clear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Add this property to render a clickable Warp close icon.\n\nSet an `aria-label` that explains the action when using this.",
+              "fieldName": "clear"
+            },
+            {
+              "name": "search",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Add this property to render a clickable Warp search icon.\n\nSet an `aria-label` that explains the action when using this.",
+              "fieldName": "search"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-affix",
+          "customElement": true,
+          "modulePath": "packages/affix/index.ts",
+          "definitionPath": "packages/affix/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccSuffix",
+          "declaration": {
+            "name": "ccSuffix",
+            "module": "packages/affix/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccPrefix",
+          "declaration": {
+            "name": "ccPrefix",
+            "module": "packages/affix/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-affix",
+          "declaration": {
+            "name": "WarpAffix",
+            "module": "packages/affix/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpAffix",
+          "declaration": {
+            "name": "WarpAffix",
+            "module": "packages/affix/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/alert/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
+          "name": "WarpAlert",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "show"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-alert",
+          "customElement": true,
+          "modulePath": "packages/alert/index.ts",
+          "definitionPath": "packages/alert/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-alert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpAlert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/button/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccButton",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ // Buttontypes secondary: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`, // .button--secondary, .button--default, .button secondaryHref: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonColors.secondary}`, secondaryDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`, secondarySmall: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonColors.secondary}`, secondarySmallDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.isDisabled}`, secondaryQuiet: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`, secondaryQuietDisabled: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, secondarySmallQuiet: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`, secondarySmallQuietDisabled: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, secondaryLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonTypes.secondary} ${buttonVariants.inProgress}`, secondarySmallLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonTypes.secondary} ${buttonVariants.inProgress}`, secondarySmallQuietLoading: `${buttonTextSizes.xsmall} ${buttonSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress}`, secondaryQuietLoading: `${buttonSizes.medium} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`, primary: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.primary} ${buttonColors.primary}`, // .button--primary, .button--cta primaryDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.isDisabled} ${buttonTypes.primary}`, primarySmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.primary} ${buttonColors.primary}`, primarySmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.isDisabled} ${buttonTypes.primary} `, primaryQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonColors.quiet}`, primaryQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, primarySmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonColors.quiet}`, primarySmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.isDisabled}`, primaryLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonTypes.primary}`, primarySmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonTypes.primary}`, primarySmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.quiet} ${buttonVariants.inProgress} ${buttonTypes.primary}`, primaryQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.quiet} ${buttonVariants.inProgress}`, utility: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonColors.utility}`, // .button--utility utilityDisabled: `${buttonSizes.utility} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.isDisabled}`, utilityQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`, // .button--utility-flat utilityQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`, utilitySmall: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonColors.utility}`, utilitySmallDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.isDisabled}`, utilitySmallQuiet: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonColors.utilityQuiet}`, utilitySmallQuietDisabled: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.utilityQuiet} ${buttonVariants.isDisabled}`, utilityLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.utility} ${buttonVariants.inProgress}`, utilitySmallLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonTypes.utility} ${buttonVariants.inProgress}`, utilityQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`, utilitySmallQuietLoading: `${buttonSizes.smallUtility} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonVariants.utilityQuiet}`, negative: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonColors.destructive}`, // .button--destructive negativeDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.isDisabled}`, negativeQuiet: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`, // .button--destructive-flat negativeQuietDisabled: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet}${buttonVariants.isDisabled}`, negativeSmall: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonColors.destructive}`, negativeSmallDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonTypes.negative} ${buttonVariants.isDisabled}`, negativeSmallQuiet: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonColors.negativeQuiet}`, negativeSmallQuietDisabled: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.isDisabled}`, negativeLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonTypes.negative} ${buttonVariants.inProgress}`, negativeSmallLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.inProgress} ${buttonTypes.negative}`, negativeQuietLoading: `${buttonSizes.large} ${buttonTextSizes.medium} ${buttonVariants.negativeQuiet} ${buttonTypes.negative} ${buttonVariants.inProgress}`, negativeSmallQuietLoading: `${buttonSizes.small} ${buttonTextSizes.xsmall} ${buttonVariants.negativeQuiet} ${buttonVariants.inProgress}`, pill: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonColors.pill}`, // .button--pill pillSmall: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonColors.pill}`, pillLoading: `${buttonSizes.pill} ${buttonTextSizes.medium} ${buttonTypes.pill} ${buttonVariants.inProgress}`, pillSmallLoading: `${buttonSizes.pillSmall} ${buttonTextSizes.xsmall} ${buttonTypes.pill} ${buttonVariants.inProgress}`, link: `${buttonSizes.link} ${buttonTextSizes.medium} ${buttonTypes.link}`, linkSmall: `${buttonSizes.link} ${buttonTextSizes.xsmall} ${buttonTypes.link}`, linkAsButton: 'inline-block active:no-underline hover:no-underline focus:no-underline text-center', a11y: 'sr-only', fullWidth: 'w-full max-w-full', contentWidth: 'max-w-max', }"
+        },
+        {
+          "kind": "class",
+          "description": "Buttons are used to perform actions, widh different visuals for different needs.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-button--docs)",
+          "name": "WarpButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "ButtonType"
+              },
+              "default": "'button'",
+              "attribute": "type",
+              "reflects": true,
+              "parsedType": {
+                "text": "'button' | 'submit' | 'reset'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "autofocus",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "ButtonVariant"
+              },
+              "default": "'secondary'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "quiet",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "quiet",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "small",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "loading",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "href",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "target",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "rel",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "full-width",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "buttonClass",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "button-class",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "ariaValueTextLoading"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "ButtonType"
+              },
+              "default": "'button'",
+              "fieldName": "type",
+              "parsedType": {
+                "text": "'button' | 'submit' | 'reset'"
+              }
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "ButtonVariant"
+              },
+              "default": "'secondary'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'primary' | 'secondary' | 'utility' | 'pill' | 'link'"
+              }
+            },
+            {
+              "name": "quiet",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "quiet"
+            },
+            {
+              "name": "small",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "small"
+            },
+            {
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "loading"
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "href"
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "target"
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "rel"
+            },
+            {
+              "name": "full-width",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "fullWidth"
+            },
+            {
+              "name": "button-class",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "buttonClass"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-button",
+          "customElement": true,
+          "modulePath": "packages/button/index.ts",
+          "definitionPath": "packages/button/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccButton",
+          "declaration": {
+            "name": "ccButton",
+            "module": "packages/button/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-button",
+          "declaration": {
+            "name": "WarpButton",
+            "module": "packages/button/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpButton",
+          "declaration": {
+            "name": "WarpButton",
+            "module": "packages/button/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/attention/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccAttention",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'border-2 relative flex items-center', tooltip: 's-bg-inverted border-[--w-s-color-background-inverted] shadow-m s-text-inverted-static rounded-4 py-6 px-8', callout: 'bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8', highlight: 'bg-[--w-color-callout-background] border-[--w-color-callout-border] s-text py-8 px-16 rounded-8 drop-shadow-m translate-z-0', popover: 'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300] s-text rounded-8 p-16 drop-shadow-m translate-z-0', arrowBase: 'absolute h-[14px] w-[14px] border-2 border-b-0 border-r-0 rounded-tl-4 transform', arrowDirectionLeftStart: '-left-[8px]', arrowDirectionLeft: '-left-[8px]', arrowDirectionLeftEnd: '-left-[8px]', arrowDirectionRightStart: '-right-[8px]', arrowDirectionRight: '-right-[8px]', arrowDirectionRightEnd: '-right-[8px]', arrowDirectionBottomStart: '-bottom-[8px]', arrowDirectionBottom: '-bottom-[8px]', arrowDirectionBottomEnd: '-bottom-[8px]', arrowDirectionTopStart: '-top-[8px]', arrowDirectionTop: '-top-[8px]', arrowDirectionTopEnd: '-top-[8px]', arrowTooltip: 's-bg-inverted border-[--w-s-color-background-inverted]', arrowCallout: 'bg-[--w-color-callout-background] border-[--w-color-callout-border]', arrowPopover: 'bg-[--w-s-color-surface-elevated-300] border-[--w-s-color-surface-elevated-300]', arrowHighlight: 'bg-[--w-color-callout-background] border-[--w-color-callout-border]', content: 'last-child:mb-0', notCallout: 'absolute z-50', }"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpAttention",
+          "members": [
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "Directions"
+              },
+              "default": "'bottom'",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "tooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "tooltip",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "callout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "callout",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "popover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "popover",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "highlight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "highlight",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "canClose",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "can-close",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "noArrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "no-arrow",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "default": "8",
+              "attribute": "distance",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "attribute": "skidding",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "flip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "flip",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "crossAxis",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "cross-axis",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "fallbackPlacements",
+              "type": {
+                "text": "Directions[]"
+              },
+              "attribute": "fallback-placements",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleDone",
+              "type": {
+                "text": "handleDone() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "pointingAtDirection",
+              "type": {
+                "text": "pointingAtDirection() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "activeAttentionType",
+              "type": {
+                "text": "activeAttentionType() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "defaultAriaLabel",
+              "type": {
+                "text": "defaultAriaLabel() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setAriaLabels",
+              "type": {
+                "text": "setAriaLabels() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "type": {
+                "text": "close() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "keypressed",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "type": {
+                "text": "keypressed(e: KeyboardEvent) => void"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_initialPlacement"
+            },
+            {
+              "kind": "field",
+              "name": "_actualDirection"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "show"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "Directions"
+              },
+              "default": "'bottom'",
+              "fieldName": "placement"
+            },
+            {
+              "name": "tooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "tooltip"
+            },
+            {
+              "name": "callout",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "callout"
+            },
+            {
+              "name": "popover",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "popover"
+            },
+            {
+              "name": "highlight",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "highlight"
+            },
+            {
+              "name": "can-close",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "canClose"
+            },
+            {
+              "name": "no-arrow",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noArrow"
+            },
+            {
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "default": "8",
+              "fieldName": "distance"
+            },
+            {
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "skidding"
+            },
+            {
+              "name": "flip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "flip"
+            },
+            {
+              "name": "cross-axis",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "crossAxis"
+            },
+            {
+              "name": "fallback-placements",
+              "type": {
+                "text": "Directions[]"
+              },
+              "fieldName": "fallbackPlacements"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-attention",
+          "customElement": true,
+          "modulePath": "packages/attention/index.ts",
+          "definitionPath": "packages/attention/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccAttention",
+          "declaration": {
+            "name": "ccAttention",
+            "module": "packages/attention/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-attention",
+          "declaration": {
+            "name": "WarpAttention",
+            "module": "packages/attention/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpAttention",
+          "declaration": {
+            "name": "WarpAttention",
+            "module": "packages/attention/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/badge/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "`w-badge` is used for showing a small amount of non-interactive color-categorized metadata, like a status or count.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-badge--docs)",
+          "name": "WarpBadge",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
+              },
+              "default": "'neutral'",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
+              },
+              "attribute": "position",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
+              },
+              "default": "'neutral'",
+              "fieldName": "variant"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
+              },
+              "fieldName": "position"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-badge",
+          "customElement": true,
+          "modulePath": "packages/badge/index.ts",
+          "definitionPath": "packages/badge/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-badge",
+          "declaration": {
+            "name": "WarpBadge",
+            "module": "packages/badge/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpBadge",
+          "declaration": {
+            "name": "WarpBadge",
+            "module": "packages/badge/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/box/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Box is a layout component used for separating content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-box--docs)",
+          "name": "WarpBox",
+          "members": [
+            {
+              "kind": "field",
+              "name": "bleed",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "bleed",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "bordered",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "bordered",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "info",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "info",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "neutral",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "neutral",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "bleed",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "bleed"
+            },
+            {
+              "name": "bordered",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "bordered"
+            },
+            {
+              "name": "info",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "info"
+            },
+            {
+              "name": "neutral",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "neutral"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-box",
+          "customElement": true,
+          "modulePath": "packages/box/index.ts",
+          "definitionPath": "packages/box/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-box",
+          "declaration": {
+            "name": "WarpBox",
+            "module": "packages/box/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpBox",
+          "declaration": {
+            "name": "WarpBox",
+            "module": "packages/box/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/breadcrumbs/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccBreadcrumbs",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ wrapper: 'flex space-x-8', text: 's-text', link: 's-text-link', separator: 'select-none s-icon', a11y: 'sr-only', }"
+        },
+        {
+          "kind": "class",
+          "description": "Breadcrumbs show the navigation structure for the current location.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-breadcrumbs--docs)",
+          "name": "WarpBreadcrumbs",
+          "members": [
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "aria-label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "ariaLabel"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-breadcrumbs",
+          "customElement": true,
+          "modulePath": "packages/breadcrumbs/index.ts",
+          "definitionPath": "packages/breadcrumbs/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccBreadcrumbs",
+          "declaration": {
+            "name": "ccBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-breadcrumbs",
+          "declaration": {
+            "name": "WarpBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpBreadcrumbs",
+          "declaration": {
+            "name": "WarpBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/card/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccCard",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'cursor-pointer overflow-hidden relative transition-all', shadow: 'group rounded-8 s-surface-elevated-200 hover:s-surface-elevated-200-hover active:s-surface-elevated-200-active', selected: '!s-bg-selected !hover:s-bg-selected-hover !active:s-bg-selected-active', outline: 'absolute border-2 rounded-8 inset-0 transition-all', outlineUnselected: 'border-transparent group-active:s-border-active', outlineSelected: 's-border-selected group-hover:s-border-selected-hover group-active:s-border-selected-active', flat: 'border-2 rounded-4', flatUnselected: 's-bg hover:s-bg-hover active:s-bg-active s-border hover:s-border-hover active:s-border-active', flatSelected: 's-bg-selected hover:s-bg-selected-hover active:s-bg-selected-active s-border-selected hover:s-border-selected-hover active:s-border-selected-active', a11y: 'sr-only', }"
+        },
+        {
+          "kind": "class",
+          "description": "Card is a layout component used for separating content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-card--docs)",
+          "name": "WarpCard",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "selected",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "flat",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "flat"
+            },
+            {
+              "kind": "field",
+              "name": "clickable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "clickable"
+            },
+            {
+              "kind": "method",
+              "name": "keypressed",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "type": {
+                "text": "keypressed(e: KeyboardEvent) => void"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "buttonText"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "selected"
+            },
+            {
+              "name": "flat",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "flat"
+            },
+            {
+              "name": "clickable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "clickable"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-card",
+          "customElement": true,
+          "modulePath": "packages/card/index.ts",
+          "definitionPath": "packages/card/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccCard",
+          "declaration": {
+            "name": "ccCard",
+            "module": "packages/card/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-card",
+          "declaration": {
+            "name": "WarpCard",
+            "module": "packages/card/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpCard",
+          "declaration": {
+            "name": "WarpCard",
+            "module": "packages/card/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/expandable/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccBox",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'group block relative break-words last-child:mb-0 px-16 rounded-8', // Relative here enables w-clickable bleed: '-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8', // We target L and R to override the default rounded-8 info: 's-bg-info-subtle', neutral: 's-surface-sunken', bordered: 'border-2 s-border s-bg', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccExpandable",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ wrapper: 'will-change-height s-text py-16', box: 's-bg-subtle hover:s-bg-subtle-hover active:s-bg-subtle-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8', bleed: '-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8', chevron: 'inline-block align-middle s-icon', chevronNonBox: 'ml-8', chevronTransform: 'transform transition-transform transform-gpu ease-in-out', chevronExpand: '-rotate-180', chevronCollapse: 'rotate-180', // These are web component specific classes, using the ::part-selector: elementsChevronDownTransform: 'part-[w-icon-chevron-down-16-part]:transform part-[w-icon-chevron-down-16-part]:transition-transform part-[w-icon-chevron-down-16-part]:transform-gpu part-[w-icon-chevron-down-16-part]:ease-in-out', elementsChevronUpTransform: 'part-[w-icon-chevron-up-16-part]:transform part-[w-icon-chevron-up-16-part]:transition-transform part-[w-icon-chevron-up-16-part]:transform-gpu part-[w-icon-chevron-up-16-part]:ease-in-out', elementsChevronExpand: 'part-[w-icon-chevron-down-16-part]:-rotate-180', elementsChevronCollapse: 'part-[w-icon-chevron-up-16-part]:rotate-180', expansion: 'overflow-hidden', expansionNotExpanded: 'h-0 invisible', button: 'focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline', buttonBox: 'w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 px-16 rounded-8', contentWithTitle: 'pt-0', title: 'flex w-full justify-between items-center', titleType: 't4', }"
+        },
+        {
+          "kind": "class",
+          "description": "Expandable is a layout component used for creating expandable content areas on a page.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/layout-expandable--docs)",
+          "name": "WarpExpandable",
+          "slots": [
+            {
+              "description": "Alternative to the `title` attribute should you need to provide some additional markup.",
+              "name": "title"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "box",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "box"
+            },
+            {
+              "kind": "field",
+              "name": "bleed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "bleed"
+            },
+            {
+              "kind": "field",
+              "name": "buttonClass",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "button-class"
+            },
+            {
+              "kind": "field",
+              "name": "contentClass",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "content-class"
+            },
+            {
+              "kind": "field",
+              "name": "noChevron",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "no-chevron"
+            },
+            {
+              "kind": "field",
+              "name": "animated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "animated"
+            },
+            {
+              "kind": "field",
+              "name": "headingLevel",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "heading-level"
+            },
+            {
+              "kind": "field",
+              "name": "_hasTitle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "_hasTitle"
+            },
+            {
+              "kind": "field",
+              "name": "_showChevronUp",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "_showChevronUp"
+            },
+            {
+              "kind": "field",
+              "name": "#wrapperClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#buttonClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#chevronClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#chevronIcon",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#contentClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#expansionClasses",
+              "privacy": "private",
+              "readonly": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "expanded"
+            },
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "title"
+            },
+            {
+              "name": "box",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "box"
+            },
+            {
+              "name": "bleed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "bleed"
+            },
+            {
+              "name": "button-class",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "buttonClass"
+            },
+            {
+              "name": "content-class",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "contentClass"
+            },
+            {
+              "name": "no-chevron",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "noChevron"
+            },
+            {
+              "name": "animated",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "animated"
+            },
+            {
+              "name": "heading-level",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "headingLevel"
+            },
+            {
+              "name": "_hasTitle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "_hasTitle"
+            },
+            {
+              "name": "_showChevronUp",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "_showChevronUp"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-expandable",
+          "customElement": true,
+          "modulePath": "packages/expandable/index.ts",
+          "definitionPath": "packages/expandable/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccBox",
+          "declaration": {
+            "name": "ccBox",
+            "module": "packages/expandable/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccExpandable",
+          "declaration": {
+            "name": "ccExpandable",
+            "module": "packages/expandable/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-expandable",
+          "declaration": {
+            "name": "WarpExpandable",
+            "module": "packages/expandable/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpExpandable",
+          "declaration": {
+            "name": "WarpExpandable",
+            "module": "packages/expandable/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/pill/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "pillStyles",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ wrapper: 'flex items-center', button: 'inline-flex items-center focusable text-xs transition-all', suggestion: 'bg-[--w-color-pill-suggestion-background] hover:bg-[--w-color-pill-suggestion-background-hover] active:bg-[--w-color-pill-suggestion-background-active] s-text font-bold', filter: 's-bg-primary hover:s-bg-primary-hover active:s-bg-primary-active s-text-inverted', label: 'pl-12 py-8 rounded-l-full', labelWithoutClose: 'pr-12 rounded-r-full', labelWithClose: 'pr-2', close: 'pr-12 pl-4 py-8 rounded-r-full', closeIcon: 'h-16', a11y: 'sr-only', }"
+        },
+        {
+          "kind": "class",
+          "description": "Pill is a type of button that is often used as a filter, but can also be used as a rounded button for overlays, etc.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/buttons-pill--docs)",
+          "name": "WarpPill",
+          "members": [
+            {
+              "kind": "field",
+              "name": "canClose",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "can-close"
+            },
+            {
+              "kind": "field",
+              "name": "suggestion",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "suggestion"
+            },
+            {
+              "kind": "field",
+              "name": "openSrLabel",
+              "type": {
+                "text": "string"
+              },
+              "deprecated": "Used \"open-arial-label\" instead.",
+              "attribute": "open-sr-label"
+            },
+            {
+              "kind": "field",
+              "name": "openAriaLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "open-aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "closeSrLabel",
+              "type": {
+                "text": "string"
+              },
+              "deprecated": "Used \"close-arial-label\" instead.",
+              "attribute": "close-sr-label"
+            },
+            {
+              "kind": "field",
+              "name": "closeAriaLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "close-aria-label"
+            },
+            {
+              "kind": "field",
+              "name": "openFilterSrText"
+            },
+            {
+              "kind": "field",
+              "name": "removeFilterSrText"
+            }
+          ],
+          "events": [
+            {
+              "name": "w-pill-click",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "w-pill-close",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "can-close",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "canClose"
+            },
+            {
+              "name": "suggestion",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "suggestion"
+            },
+            {
+              "name": "open-sr-label",
+              "type": {
+                "text": "string"
+              },
+              "deprecated": "Used \"open-arial-label\" instead.",
+              "fieldName": "openSrLabel"
+            },
+            {
+              "name": "open-aria-label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "openAriaLabel"
+            },
+            {
+              "name": "close-sr-label",
+              "type": {
+                "text": "string"
+              },
+              "deprecated": "Used \"close-arial-label\" instead.",
+              "fieldName": "closeSrLabel"
+            },
+            {
+              "name": "close-aria-label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "closeAriaLabel"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-pill",
+          "customElement": true,
+          "modulePath": "packages/pill/index.ts",
+          "definitionPath": "packages/pill/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "pillStyles",
+          "declaration": {
+            "name": "pillStyles",
+            "module": "packages/pill/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-pill",
+          "declaration": {
+            "name": "WarpPill",
+            "module": "packages/pill/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpPill",
+          "declaration": {
+            "name": "WarpPill",
+            "module": "packages/pill/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/select/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccSelect",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'block text-m mb-0 py-12 pr-32 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] appearance-none cursor-pointer caret-current', default: 's-text s-bg pl-8 border-1 s-border-strong hover:s-border-strong-hover active:s-border-active', disabled: 's-text-disabled s-bg-disabled-subtle pl-8 border-1 s-border-disabled hover:s-border-disabled active:s-border-disabled pointer-events-none', invalid: 's-text s-bg pl-8 border-1 s-border-negative hover:s-border-negative-hover active:s-border-active outline-[--w-s-color-border-negative]!', readOnly: 's-text bg-transparent pl-0 border-0 pointer-events-none before:hidden', wrapper: 'relative', selectWrapper: 'relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none ', chevron: 'block absolute top-[30%] right-0 bottom-0 w-32 h-full s-icon pointer-events-none cursor-pointer', chevronDisabled: 'opacity-25', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccLabel",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccHelpText",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
+        },
+        {
+          "kind": "class",
+          "description": "A dropdown component for selecting a single value.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-select--docs)",
+          "name": "WarpSelect",
+          "members": [
+            {
+              "kind": "field",
+              "name": "autoFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "attribute": "auto-focus",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "always",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether to always show a hint",
+              "attribute": "always",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text",
+              "attribute": "hint",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content to disply as the label",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether to show optional text",
+              "attribute": "optional",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a disabled state.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "attribute": "read-only",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "type": {
+                "text": "handleKeyDown(event: KeyboardEvent) => void"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#classes",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#helpTextClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#chevronClasses",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#id",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "#helpId",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "onChange",
+              "parameters": [
+                {
+                  "name": "{ target }"
+                }
+              ],
+              "type": {
+                "text": "onChange({ target }) => void"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "auto-focus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether the element should receive focus on render",
+              "fieldName": "autoFocus"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in an invalid state. Often paired with `hint` to provide feedback about the error",
+              "fieldName": "invalid"
+            },
+            {
+              "name": "always",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether to always show a hint",
+              "fieldName": "always"
+            },
+            {
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content displayed as the help text",
+              "fieldName": "hint"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The content to disply as the label",
+              "fieldName": "label"
+            },
+            {
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Whether to show optional text",
+              "fieldName": "optional"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a disabled state.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "read-only",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Renders the field in a readonly state.",
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-select",
+          "customElement": true,
+          "modulePath": "packages/select/index.ts",
+          "definitionPath": "packages/select/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccSelect",
+          "declaration": {
+            "name": "ccSelect",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccLabel",
+          "declaration": {
+            "name": "ccLabel",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccHelpText",
+          "declaration": {
+            "name": "ccHelpText",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpSelect",
+          "declaration": {
+            "name": "WarpSelect",
+            "module": "packages/select/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-select",
+          "declaration": {
+            "name": "WarpSelect",
+            "module": "packages/select/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/textfield/index.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ccinput",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ // input classes base: 'block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current', // true default: 'border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected', // !isInvalid && !isDisabled && !isReadOnly disabled: 'border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none', // !isInvalid && isDisabled && !isReadOnly invalid: 'border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!', // isInvalid && !isDisabled && !isReadOnly readOnly: 'pl-0 bg-transparent pointer-events-none', // !isInvalid && !isDisabled && isReadOnly placeholder: 'placeholder:s-text-placeholder', suffix: 'pr-40', prefix: 'pl-[var(--w-prefix-width,_40px)]', // textarea classes textArea: 'min-h-[42] sm:min-h-[45]', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccLabel",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'antialiased block relative text-s font-bold pb-4 cursor-pointer s-text', optional: 'pl-8 font-normal text-s s-text-subtle', }"
+        },
+        {
+          "kind": "variable",
+          "name": "ccHelpText",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ base: 'text-xs mt-4 block', color: 's-text-subtle', colorInvalid: 's-text-negative', }"
+        },
+        {
+          "kind": "class",
+          "description": "A single line text input element.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)",
+          "name": "WarpTextField",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "invalid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "id",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "help-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "max",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "min",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "minLength",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "min-length",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxLength",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "max-length",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "pattern",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "placeholder",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "read-only",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'text'",
+              "attribute": "type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "formatter",
+              "type": {
+                "text": "(value: string) => string"
+              },
+              "description": "Function to format value when the input field.\n\nOnly active when the input field does not have focus,\nsimilar to the accessible input masking example from Filament Group\n\nhttps://css-tricks.com/input-masking/\nhttps://filamentgroup.github.io/politespace/demo/demo.html"
+            },
+            {
+              "kind": "method",
+              "name": "handler",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "type": {
+                "text": "handler(e: Event) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "prefixSlotChange",
+              "type": {
+                "text": "prefixSlotChange() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "suffixSlotChange",
+              "type": {
+                "text": "suffixSlotChange() => void"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "invalid"
+            },
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "id"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "helpText"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "size"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "max"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "min"
+            },
+            {
+              "name": "min-length",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "minLength"
+            },
+            {
+              "name": "max-length",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "maxLength"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "pattern"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "read-only",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "readOnly"
+            },
+            {
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "required"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "default": "'text'",
+              "fieldName": "type"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-textfield",
+          "customElement": true,
+          "modulePath": "packages/textfield/index.ts",
+          "definitionPath": "packages/textfield/index.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ccinput",
+          "declaration": {
+            "name": "ccinput",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccLabel",
+          "declaration": {
+            "name": "ccLabel",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ccHelpText",
+          "declaration": {
+            "name": "ccHelpText",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-textfield",
+          "declaration": {
+            "name": "WarpTextField",
+            "module": "packages/textfield/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpTextField",
+          "declaration": {
+            "name": "WarpTextField",
+            "module": "packages/textfield/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/modal/modal-footer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The footer section of a modal, typically where you place actions.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
+          "name": "ModalFooter",
+          "members": [],
+          "mixins": [
+            {
+              "name": "CanCloseMixin",
+              "module": "/packages/modal/util"
+            },
+            {
+              "name": "ProvidesCanCloseToSlotsMixin",
+              "module": "/packages/modal/util"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-modal-footer",
+          "customElement": true,
+          "modulePath": "packages/modal/modal-footer.ts",
+          "definitionPath": "packages/modal/modal-footer.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ModalFooter",
+          "declaration": {
+            "name": "ModalFooter",
+            "module": "packages/modal/modal-footer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-modal-footer",
+          "declaration": {
+            "name": "ModalFooter",
+            "module": "packages/modal/modal-footer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/modal/modal-header.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The header section of a modal, typically where you place the title and a close button.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
+          "name": "ModalHeader",
+          "slots": [
+            {
+              "description": "Customize the title bar, for example to have a header image that reaches the modal's edges. See the With Image story for an example.",
+              "name": "top"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "back",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "back"
+            },
+            {
+              "kind": "field",
+              "name": "noClose",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "no-close"
+            },
+            {
+              "kind": "field",
+              "name": "titleEl",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "titleClasses",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "backButton",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "closeButton",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "emitBack",
+              "type": {
+                "text": "emitBack() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleTopSlotChange",
+              "parameters": [
+                {
+                  "name": "slotEvent"
+                }
+              ],
+              "type": {
+                "text": "handleTopSlotChange(slotEvent) => void"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "backClicked",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "title"
+            },
+            {
+              "name": "back",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "back"
+            },
+            {
+              "name": "no-close",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "noClose"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "CanCloseMixin",
+              "module": "/packages/modal/util.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-modal-header",
+          "customElement": true,
+          "modulePath": "packages/modal/modal-header.ts",
+          "definitionPath": "packages/modal/modal-header.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ModalHeader",
+          "declaration": {
+            "name": "ModalHeader",
+            "module": "packages/modal/modal-header.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-modal-header",
+          "declaration": {
+            "name": "ModalHeader",
+            "module": "packages/modal/modal-header.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/modal/modal-main.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Modals (or dialogs) display important information that users need to acknowledge.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/overlays-modal--docs)",
+          "name": "ModalMain",
+          "slots": [
+            {
+              "description": "Typically where you would use the `w-modal-header` component.",
+              "name": "header"
+            },
+            {
+              "description": "The main content of the modal.",
+              "name": "content"
+            },
+            {
+              "description": "Typically where you would use the `w-modal-footer` component, for things like actions.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "show"
+            },
+            {
+              "kind": "field",
+              "name": "contentId",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "content-id"
+            },
+            {
+              "kind": "field",
+              "name": "ignoreBackdropClicks",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "ignore-backdrop-clicks"
+            },
+            {
+              "kind": "field",
+              "name": "dialogEl",
+              "type": {
+                "text": "HTMLDialogElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dialogInnerEl",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "contentEl",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "open",
+              "type": {
+                "text": "open() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "type": {
+                "text": "close() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleListeners",
+              "parameters": [
+                {
+                  "name": "verb",
+                  "default": "'addEventListener'"
+                }
+              ],
+              "type": {
+                "text": "handleListeners(verb = 'addEventListener') => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "eventPreventer",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "type": {
+                "text": "eventPreventer(evt: Event) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "closeOnBackdropClick",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ],
+              "type": {
+                "text": "closeOnBackdropClick(evt: MouseEvent) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "interceptEscape",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ],
+              "type": {
+                "text": "interceptEscape(evt: KeyboardEvent) => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "modifyBorderRadius",
+              "type": {
+                "text": "modifyBorderRadius() => void"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "shown",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "hidden",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "show"
+            },
+            {
+              "name": "content-id",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "contentId"
+            },
+            {
+              "name": "ignore-backdrop-clicks",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "ignoreBackdropClicks"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ProvidesCanCloseToSlotsMixin",
+              "module": "/packages/modal/util.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-modal",
+          "customElement": true,
+          "modulePath": "packages/modal/modal-main.ts",
+          "definitionPath": "packages/modal/modal-main.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ModalMain",
+          "declaration": {
+            "name": "ModalMain",
+            "module": "packages/modal/modal-main.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-modal",
+          "declaration": {
+            "name": "ModalMain",
+            "module": "packages/modal/modal-main.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast/toast.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast/toast-container.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpToastContainer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_toasts",
+              "type": {
+                "text": "Map<string | number, ToastInternal>"
+              },
+              "privacy": "private",
+              "default": "new Map()"
+            },
+            {
+              "kind": "field",
+              "name": "_interval",
+              "type": {
+                "text": "NodeJS.Timeout | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "init",
+              "privacy": "public",
+              "static": true,
+              "type": {
+                "text": "init() => void"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "get",
+              "return": {
+                "type": {
+                  "text": "ToastInternal | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string | number"
+                  }
+                }
+              ],
+              "type": {
+                "text": "get(id: string | number) => ToastInternal | undefined"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "set",
+              "return": {
+                "type": {
+                  "text": "Map<string | number, ToastInternal>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "toast",
+                  "type": {
+                    "text": "ToastOptions"
+                  }
+                }
+              ],
+              "type": {
+                "text": "set(toast: ToastOptions) => Map<string | number, ToastInternal>"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "del",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string | number"
+                  }
+                }
+              ],
+              "type": {
+                "text": "del(id: string | number) => Promise<boolean>"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-toast-container",
+          "customElement": true,
+          "modulePath": "packages/toast/toast-container.ts",
+          "definitionPath": "packages/toast/toast-container.ts"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpToastContainer",
+          "declaration": {
+            "name": "WarpToastContainer",
+            "module": "packages/toast/toast-container.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-toast-container",
+          "declaration": {
+            "name": "WarpToastContainer",
+            "module": "packages/toast/toast-container.ts"
+          }
+        }
+      ]
+    }
+  ]
+}