@warp-ds/elements 2.2.0-next.4 → 2.2.0-next.6

package/dist/custom-elements.json

@@ -8,7 +8,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "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": [
             {
@@ -19,7 +19,10 @@
               },
               "default": "'info'",
               "attribute": "variant",
-              "reflects": true
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
             },
             {
               "kind": "field",
@@ -40,21 +43,6 @@
               "default": "'alert'",
               "attribute": "role",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_wrapperClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_iconClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_icon",
-              "readonly": true
             }
           ],
           "attributes": [
@@ -64,7 +52,10 @@
                 "text": "AlertVariants"
               },
               "default": "'info'",
-              "fieldName": "variant"
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
             },
             {
               "name": "show",
@@ -112,698 +103,3675 @@
     },
     {
       "kind": "javascript-module",
-      "path": "packages/button/index.ts",
+      "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": "",
-          "name": "WarpButton",
+          "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": "shadowRootOptions",
+              "name": "ariaLabel",
               "type": {
-                "text": "object"
+                "text": "string"
               },
-              "static": true,
-              "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
+              "attribute": "aria-label"
             },
             {
               "kind": "field",
-              "name": "type",
+              "name": "clear",
               "type": {
-                "text": "ButtonType"
+                "text": "boolean"
               },
-              "default": "'button'",
-              "attribute": "type",
-              "reflects": true
+              "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": "autofocus",
+              "name": "search",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "autofocus",
-              "reflects": true
+              "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": "variant",
+              "name": "label",
               "type": {
-                "text": "ButtonVariant"
+                "text": "string"
               },
-              "default": "'secondary'",
-              "attribute": "variant",
-              "reflects": true
-            },
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "quiet",
+              "name": "aria-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "attribute": "quiet",
-              "reflects": true
+              "fieldName": "ariaLabel"
             },
             {
-              "kind": "field",
-              "name": "small",
+              "name": "clear",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "small",
-              "reflects": true
+              "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"
             },
             {
-              "kind": "field",
-              "name": "loading",
+              "name": "search",
               "type": {
                 "text": "boolean"
               },
-              "attribute": "loading",
-              "reflects": true
+              "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"
             },
             {
-              "kind": "field",
-              "name": "href",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "attribute": "href",
-              "reflects": true
-            },
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-affix",
+          "customElement": true
+        }
+      ],
+      "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/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": "target",
+              "name": "variant",
               "type": {
-                "text": "string"
+                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
               },
-              "attribute": "target",
+              "default": "'neutral'",
+              "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "rel",
+              "name": "position",
               "type": {
-                "text": "string"
+                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
               },
-              "attribute": "rel",
+              "attribute": "position",
               "reflects": true
-            },
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "fullWidth",
+              "name": "variant",
               "type": {
-                "text": "boolean"
+                "text": "'neutral' | 'info' | 'positive' | 'warning' | 'negative' | 'disabled' | 'price' | 'sponsored'"
               },
-              "attribute": "fullWidth",
-              "reflects": true
+              "default": "'neutral'",
+              "fieldName": "variant"
             },
             {
-              "kind": "field",
-              "name": "buttonClass",
+              "name": "position",
               "type": {
-                "text": "string"
+                "text": "'top-left' | 'top-right' | 'bottom-right' | 'bottom-left'"
               },
-              "attribute": "buttonClass",
-              "reflects": true
-            },
+              "fieldName": "position"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-badge",
+          "customElement": true
+        }
+      ],
+      "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": "name",
+              "name": "bleed",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "name",
+              "attribute": "bleed",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "bordered",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "value",
+              "attribute": "bordered",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "_primaryClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_secondaryClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_utilityClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_negativeClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_pillClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_linkClasses",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_classes",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_handleButtonClick"
-            },
-            {
-              "kind": "field",
-              "name": "ariaValueTextLoading"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "type",
+              "name": "info",
               "type": {
-                "text": "ButtonType"
+                "text": "boolean"
               },
-              "default": "'button'",
-              "fieldName": "type"
+              "attribute": "info",
+              "reflects": true
             },
             {
-              "name": "autofocus",
+              "kind": "field",
+              "name": "neutral",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "autofocus"
+              "attribute": "neutral",
+              "reflects": true
             },
             {
-              "name": "variant",
+              "kind": "field",
+              "name": "role",
               "type": {
-                "text": "ButtonVariant"
+                "text": "string"
               },
-              "default": "'secondary'",
-              "fieldName": "variant"
-            },
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
             {
-              "name": "quiet",
+              "name": "bleed",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "quiet"
+              "fieldName": "bleed"
             },
             {
-              "name": "small",
+              "name": "bordered",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "small"
+              "fieldName": "bordered"
             },
             {
-              "name": "loading",
+              "name": "info",
               "type": {
                 "text": "boolean"
               },
-              "fieldName": "loading"
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "href"
+              "fieldName": "info"
             },
             {
-              "name": "target",
+              "name": "neutral",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "target"
+              "fieldName": "neutral"
             },
             {
-              "name": "rel",
+              "name": "role",
               "type": {
                 "text": "string"
               },
-              "fieldName": "rel"
-            },
-            {
-              "name": "fullWidth",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "fullWidth"
-            },
-            {
-              "name": "buttonClass",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "buttonClass"
-            },
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-box",
+          "customElement": true
+        }
+      ],
+      "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": [
             {
-              "name": "name",
+              "kind": "field",
+              "name": "ariaLabel",
               "type": {
                 "text": "string"
               },
-              "fieldName": "name"
-            },
+              "attribute": "aria-label"
+            }
+          ],
+          "attributes": [
             {
-              "name": "value",
+              "name": "aria-label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormControlMixin",
-              "package": "@open-wc/form-control"
-            },
-            {
-              "name": "kebabCaseAttributes",
-              "module": "/packages/utils"
+              "fieldName": "ariaLabel"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-button",
+          "tagName": "w-breadcrumbs",
           "customElement": true
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "ccBreadcrumbs",
+          "declaration": {
+            "name": "ccBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
+          }
+        },
         {
           "kind": "custom-element-definition",
-          "name": "w-button",
+          "name": "w-breadcrumbs",
           "declaration": {
-            "name": "WarpButton",
-            "module": "packages/button/index.ts"
+            "name": "WarpBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WarpButton",
+          "name": "WarpBreadcrumbs",
           "declaration": {
-            "name": "WarpButton",
-            "module": "packages/button/index.ts"
+            "name": "WarpBreadcrumbs",
+            "module": "packages/breadcrumbs/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/card/index.ts",
+      "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": "",
-          "name": "WarpCard",
+          "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": "selected",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...WarpElement.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"
               },
-              "default": "false",
-              "attribute": "selected",
+              "attribute": "autofocus",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "flat",
+              "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"
               },
-              "default": "false",
-              "attribute": "flat"
+              "attribute": "quiet",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "clickable",
+              "name": "small",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "clickable"
+              "attribute": "small",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "loading",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "loading",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "buttonText",
+              "name": "href",
               "type": {
                 "text": "string"
-              }
+              },
+              "attribute": "href",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_containerClasses",
-              "readonly": true
+              "name": "target",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "target",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_outlineClasses",
-              "readonly": true
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "rel",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_interactiveElement",
-              "readonly": true
+              "name": "fullWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "full-width",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "keypressed",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "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": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "selected"
-            },
+              "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
+        }
+      ],
+      "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/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"
+                  }
+                }
+              ]
+            },
+            {
+              "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
+        }
+      ],
+      "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/datepicker/datepicker.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "An input for dates.\n\nUses the `lang` attribute on either the element or on `<html>` to determine the locale options.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-datepicker--docs)",
+          "name": "WarpDatepicker",
+          "members": [
+            {
+              "kind": "field",
+              "name": "shadowRootOptions",
+              "type": {
+                "text": "object"
+              },
+              "static": true,
+              "default": "{ ...WarpElement.shadowRootOptions, delegatesFocus: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "attribute": "lang",
+              "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": "headerFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'MMMM yyyy'",
+              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "header-format"
+            },
+            {
+              "kind": "field",
+              "name": "weekdayFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'EEEEEE'",
+              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "weekday-format"
+            },
+            {
+              "kind": "field",
+              "name": "isDayDisabled",
+              "type": {
+                "text": "(day: Date) => boolean"
+              },
+              "description": "Lets you control if a date in the calendar should be disabled.\n\nThis needs to be set on the element instance in JavaScript, not as an HTML attribute."
+            },
+            {
+              "kind": "field",
+              "name": "dayFormat",
+              "type": {
+                "text": "string"
+              },
+              "default": "'PPPP'",
+              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "attribute": "day-format"
+            },
+            {
+              "kind": "field",
+              "name": "isCalendarOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "internalValue",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current input value as a stringified date-like"
+            },
+            {
+              "kind": "field",
+              "name": "navigationDate",
+              "type": {
+                "text": "Date"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedDate",
+              "type": {
+                "text": "Date | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "month",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "weeks",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "calendar",
+              "type": {
+                "text": "HTMLDivElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggleButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wrapper",
+              "type": {
+                "text": "HTMLDivElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedCell",
+              "type": {
+                "text": "HTMLTableCellElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "#toggleCalendarOpen",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#nextMonth",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#previousMonth",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchChangeEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#onClickOutside",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent | FocusEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInputBlur",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onInputKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onCalendarKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#onCalendarSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "fieldName": "lang"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "header-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'MMMM yyyy'",
+              "description": "Decides the format of the date as shown in the calendar header.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "headerFormat"
+            },
+            {
+              "name": "weekday-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'EEEEEE'",
+              "description": "Decides the format of the weekday as shown above the grid of dates in the calendar.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "weekdayFormat"
+            },
+            {
+              "name": "day-format",
+              "type": {
+                "text": "string"
+              },
+              "default": "'PPPP'",
+              "description": "Decides the format of the day in the calendar as read to screen readers.\n\nThe syntax is defined by [date-fns/format](https://date-fns.org/v4.1.0/docs/format).",
+              "fieldName": "dayFormat"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormControlMixin",
+              "package": "@open-wc/form-control"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-datepicker",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-datepicker",
+          "declaration": {
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpDatepicker",
+          "declaration": {
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/datepicker/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./datepicker.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/dead-toggle/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Dead toggle can be used where the appearance of a checkbox or radio is needed - but for accessibility purposes an actual input element should not be present.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-dead-toggle--docs)",
+          "name": "WarpDeadToggle",
+          "members": [
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "'radio' | 'checkbox'"
+              },
+              "default": "'radio'",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "checked",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "indeterminate",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "invalid",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "'radio' | 'checkbox'"
+              },
+              "default": "'radio'",
+              "fieldName": "type"
+            },
+            {
+              "name": "checked",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "checked"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "invalid"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-dead-toggle",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpDeadToggle",
+          "declaration": {
+            "name": "WarpDeadToggle",
+            "module": "packages/dead-toggle/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-dead-toggle",
+          "declaration": {
+            "name": "WarpDeadToggle",
+            "module": "packages/dead-toggle/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 p-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', box: 's-surface-sunken hover:s-bg-hover active:s-bg-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 p-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
+        }
+      ],
+      "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/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
+        }
+      ],
+      "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"
+            },
+            {
+              "kind": "method",
+              "name": "handleTopSlotChange",
+              "parameters": [
+                {
+                  "name": "slotEvent"
+                }
+              ]
+            }
+          ],
+          "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
+        }
+      ],
+      "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"
+            },
+            {
+              "kind": "method",
+              "name": "close"
+            },
+            {
+              "kind": "method",
+              "name": "handleListeners",
+              "parameters": [
+                {
+                  "name": "verb",
+                  "default": "'addEventListener'"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "eventPreventer",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "closeOnBackdropClick",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "interceptEscape",
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "modifyBorderRadius"
+            }
+          ],
+          "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
+        }
+      ],
+      "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/modal/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpModal",
+          "declaration": {
+            "name": "ModalMain",
+            "module": "packages/modal/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpModalHeader",
+          "declaration": {
+            "name": "ModalHeader",
+            "module": "packages/modal/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpModalFooter",
+          "declaration": {
+            "name": "ModalFooter",
+            "module": "packages/modal/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ModalCanCloseMixin",
+          "declaration": {
+            "name": "CanCloseMixin",
+            "module": "packages/modal/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ModalProvidesCanCloseToSlotsMixin",
+          "declaration": {
+            "name": "ProvidesCanCloseToSlotsMixin",
+            "module": "packages/modal/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/pageindicator/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "WarpPageIndicator",
+          "members": [
+            {
+              "kind": "field",
+              "name": "selectedPage",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Currently selected page (1-based index)",
+              "attribute": "selected-page"
+            },
+            {
+              "kind": "field",
+              "name": "pageCount",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Total number of pages",
+              "attribute": "page-count"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "selected-page",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Currently selected page (1-based index)",
+              "fieldName": "selectedPage"
+            },
+            {
+              "name": "page-count",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "description": "Total number of pages",
+              "fieldName": "pageCount"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-pageindicator",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpPageIndicator",
+          "declaration": {
+            "name": "WarpPageIndicator",
+            "module": "packages/pageindicator/index.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-pageindicator",
+          "declaration": {
+            "name": "WarpPageIndicator",
+            "module": "packages/pageindicator/index.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/pagination/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Pagination allows users to navigate through multiple pages of content by providing navigation controls with page numbers and directional arrows.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/navigation-pagination--docs)",
+          "name": "WarpPagination",
+          "members": [
+            {
+              "kind": "field",
+              "name": "baseUrl",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "base-url",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "pages",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "pages",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "currentPageNumber",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "current-page",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "visiblePages",
+              "type": {
+                "text": "number"
+              },
+              "default": "7",
+              "attribute": "visible-pages",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "#dispatchClickPage",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "PointerEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "page-click",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Triggered when a link button in the pagination is clicked. Contains the page number in `string` form."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "base-url",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "baseUrl"
+            },
+            {
+              "name": "pages",
+              "type": {
+                "text": "number"
+              },
+              "fieldName": "pages"
+            },
+            {
+              "name": "current-page",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "fieldName": "currentPageNumber"
+            },
+            {
+              "name": "visible-pages",
+              "type": {
+                "text": "number"
+              },
+              "default": "7",
+              "fieldName": "visiblePages"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-pagination",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-pagination",
+          "declaration": {
+            "name": "WarpPagination",
+            "module": "packages/pagination/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpPagination",
+          "declaration": {
+            "name": "WarpPagination",
+            "module": "packages/pagination/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
+        }
+      ],
+      "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/rip-and-tear-checkbox/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-checkbox",
+          "declaration": {
+            "name": "WCheckbox",
+            "module": "/packages/rip-and-tear-checkbox/checkbox"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/rip-and-tear-radio/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-radio",
+          "declaration": {
+            "name": "WRadio",
+            "module": "/packages/rip-and-tear-radio/radio"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "w-radio-group",
+          "declaration": {
+            "name": "WRadioGroup",
+            "module": "/packages/rip-and-tear-radio/radio-group"
+          }
+        }
+      ]
+    },
+    {
+      "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 hover:s-border-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"
+                  }
+                }
+              ]
+            },
+            {
+              "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 }"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "_options",
+              "attribute": "_options"
+            }
+          ],
+          "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": "_options",
+              "fieldName": "_options"
+            },
+            {
+              "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
+        }
+      ],
+      "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": "{ // wrapper classes wrapper: 'relative', // 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 hover:s-border-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": "{ ...WarpElement.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": "helpText",
+              "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": "method",
+              "name": "handler",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "prefixSlotChange"
+            },
+            {
+              "kind": "method",
+              "name": "suffixSlotChange"
+            }
+          ],
+          "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": "helpText",
+              "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
+        }
+      ],
+      "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/utils/index.js",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "kebabCaseAttributes",
+          "members": [
+            {
+              "kind": "method",
+              "name": "createProperty",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name"
+                },
+                {
+                  "name": "options"
+                }
+              ]
+            }
+          ],
+          "parameters": [
+            {
+              "name": "constructor"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "classes",
+          "parameters": [
             {
-              "name": "flat",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "flat"
-            },
+              "name": "defn"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "fclasses",
+          "parameters": [
             {
-              "name": "clickable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "clickable"
+              "name": "definition"
             }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-card",
-          "customElement": true
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "generateRandomId"
         }
       ],
       "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "w-card",
+          "kind": "js",
+          "name": "kebabCaseAttributes",
           "declaration": {
-            "name": "WarpCard",
-            "module": "packages/card/index.ts"
+            "name": "kebabCaseAttributes",
+            "module": "packages/utils/index.js"
           }
         },
         {
           "kind": "js",
-          "name": "WarpCard",
+          "name": "classes",
           "declaration": {
-            "name": "WarpCard",
-            "module": "packages/card/index.ts"
+            "name": "classes",
+            "module": "packages/utils/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fclasses",
+          "declaration": {
+            "name": "fclasses",
+            "module": "packages/utils/index.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "generateRandomId",
+          "declaration": {
+            "name": "generateRandomId",
+            "module": "packages/utils/index.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "packages/expandable/index.ts",
+      "path": "packages/attention/index.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "WarpExpandable",
+          "name": "WarpAttention",
           "members": [
+            {
+              "kind": "method",
+              "name": "handleDone"
+            },
+            {
+              "kind": "method",
+              "name": "pointingAtDirection"
+            },
+            {
+              "kind": "method",
+              "name": "activeAttentionType"
+            },
+            {
+              "kind": "method",
+              "name": "defaultAriaLabel"
+            },
+            {
+              "kind": "method",
+              "name": "setAriaLabels"
+            },
+            {
+              "kind": "method",
+              "name": "close"
+            },
+            {
+              "kind": "method",
+              "name": "keypressed",
+              "parameters": [
+                {
+                  "name": "e"
+                }
+              ]
+            },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "show",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "expanded",
+              "attribute": "show",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "title",
+              "name": "placement",
+              "privacy": "public",
               "type": {
                 "text": "string"
               },
-              "attribute": "title"
+              "default": "'bottom'",
+              "attribute": "placement",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "box",
+              "name": "tooltip",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "box"
+              "attribute": "tooltip",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "bleed",
+              "name": "callout",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "bleed"
+              "attribute": "callout",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "buttonClass",
+              "name": "popover",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "button-class"
+              "default": "false",
+              "attribute": "popover",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "contentClass",
+              "name": "highlight",
+              "privacy": "public",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "content-class"
+              "default": "false",
+              "attribute": "highlight",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "noChevron",
+              "name": "canClose",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "no-chevron"
+              "attribute": "canClose",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "animated",
+              "name": "noArrow",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "animated"
+              "attribute": "noArrow",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "headingLevel",
+              "name": "distance",
+              "privacy": "public",
               "type": {
                 "text": "number"
               },
-              "attribute": "heading-level"
+              "default": "8",
+              "attribute": "distance",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_hasTitle",
+              "name": "skidding",
+              "privacy": "public",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "true",
-              "attribute": "_hasTitle"
+              "default": "0",
+              "attribute": "skidding",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_showChevronUp",
+              "name": "flip",
+              "privacy": "public",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "_showChevronUp"
-            },
-            {
-              "kind": "field",
-              "name": "#wrapperClasses",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#buttonClasses",
-              "privacy": "private",
-              "readonly": true
+              "attribute": "flip",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#chevronClasses",
-              "privacy": "private",
-              "readonly": true
+              "name": "crossAxis",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "crossAxis",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "#chevronIcon",
-              "privacy": "private",
-              "readonly": true
+              "name": "_initialPlacement"
             },
             {
               "kind": "field",
-              "name": "#contentClasses",
-              "privacy": "private",
-              "readonly": true
+              "name": "_actualDirection"
             },
             {
               "kind": "field",
-              "name": "#expansionClasses",
-              "privacy": "private",
-              "readonly": true
+              "name": "fallbackPlacements",
+              "privacy": "public",
+              "type": {
+                "text": "array"
+              },
+              "attribute": "fallbackPlacements",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "_expandableSlot",
-              "readonly": true
+              "kind": "method",
+              "name": "createProperty",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name"
+                },
+                {
+                  "name": "options"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "kebabCaseAttributes",
+                "module": "packages/utils/index.js"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "expanded",
+              "name": "show",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "expanded"
+              "fieldName": "show"
             },
             {
-              "name": "title",
+              "name": "placement",
               "type": {
                 "text": "string"
               },
-              "fieldName": "title"
+              "default": "'bottom'",
+              "fieldName": "placement"
             },
             {
-              "name": "box",
+              "name": "tooltip",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "box"
+              "fieldName": "tooltip"
             },
             {
-              "name": "bleed",
+              "name": "callout",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "bleed"
+              "fieldName": "callout"
             },
             {
-              "name": "button-class",
+              "name": "popover",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "buttonClass"
+              "default": "false",
+              "fieldName": "popover"
             },
             {
-              "name": "content-class",
+              "name": "highlight",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "fieldName": "contentClass"
+              "default": "false",
+              "fieldName": "highlight"
             },
             {
-              "name": "no-chevron",
+              "name": "canClose",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "noChevron"
+              "fieldName": "canClose"
             },
             {
-              "name": "animated",
+              "name": "noArrow",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "animated"
+              "fieldName": "noArrow"
             },
             {
-              "name": "heading-level",
+              "name": "distance",
               "type": {
                 "text": "number"
               },
-              "fieldName": "headingLevel"
+              "default": "8",
+              "fieldName": "distance"
             },
             {
-              "name": "_hasTitle",
+              "name": "skidding",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "fieldName": "skidding"
+            },
+            {
+              "name": "flip",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "fieldName": "_hasTitle"
+              "default": "false",
+              "fieldName": "flip"
             },
             {
-              "name": "_showChevronUp",
+              "name": "crossAxis",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "fieldName": "_showChevronUp"
+              "fieldName": "crossAxis"
+            },
+            {
+              "name": "fallbackPlacements",
+              "type": {
+                "text": "array"
+              },
+              "fieldName": "fallbackPlacements"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "kebabCaseAttributes",
+              "module": "/packages/utils/index.js"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "WarpElement",
+            "package": "@warp-ds/elements-core"
           },
-          "tagName": "w-expandable",
+          "tagName": "w-attention",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "w-expandable",
+          "name": "w-attention",
           "declaration": {
-            "name": "WarpExpandable",
-            "module": "packages/expandable/index.ts"
+            "name": "WarpAttention",
+            "module": "packages/attention/index.js"
           }
         },
         {
           "kind": "js",
-          "name": "WarpExpandable",
+          "name": "WarpAttention",
           "declaration": {
-            "name": "WarpExpandable",
-            "module": "packages/expandable/index.ts"
+            "name": "WarpAttention",
+            "module": "packages/attention/index.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast/toast.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast/toast-container.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "packages/toast/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "WarpToast",
+          "declaration": {
+            "name": "WarpToast",
+            "module": "./toast"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpToastContainer",
+          "declaration": {
+            "name": "WarpToastContainer",
+            "module": "./toast-container"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "toast",
+          "declaration": {
+            "name": "toast",
+            "module": "./api"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "updateToast",
+          "declaration": {
+            "name": "updateToast",
+            "module": "./api"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "removeToast",
+          "declaration": {
+            "name": "removeToast",
+            "module": "./api"
           }
         }
       ]