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

package/dist/custom-elements.json

@@ -2,6 +2,105 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "packages/alert/index.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
+          "name": "WarpAlert",
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "attribute": "variant",
+              "reflects": true,
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "attribute": "role",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "AlertVariants"
+              },
+              "default": "'info'",
+              "fieldName": "variant",
+              "parsedType": {
+                "text": "'negative' | 'positive' | 'warning' | 'info'"
+              }
+            },
+            {
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "show"
+            },
+            {
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'alert'",
+              "fieldName": "role"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "w-alert",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "w-alert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WarpAlert",
+          "declaration": {
+            "name": "WarpAlert",
+            "module": "packages/alert/index.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "packages/affix/index.ts",
@@ -141,105 +240,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "packages/alert/index.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Alert is an inline component used for displaying different types of messages.\n\nFor accessibility reasons, alert should appear close to the element that triggered it.\n\n[See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/feedback-alert--docs)",
-          "name": "WarpAlert",
-          "members": [
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "attribute": "variant",
-              "reflects": true,
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "show",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "attribute": "role",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "variant",
-              "type": {
-                "text": "AlertVariants"
-              },
-              "default": "'info'",
-              "fieldName": "variant",
-              "parsedType": {
-                "text": "'negative' | 'positive' | 'warning' | 'info'"
-              }
-            },
-            {
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "show"
-            },
-            {
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'alert'",
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "w-alert",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "w-alert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WarpAlert",
-          "declaration": {
-            "name": "WarpAlert",
-            "module": "packages/alert/index.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "packages/badge/index.ts",
@@ -703,60 +703,559 @@
               "fieldName": "small"
             },
             {
-              "name": "loading",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "loading"
+              "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"
+                  }
+                }
+              ]
             },
             {
-              "name": "href",
+              "kind": "method",
+              "name": "#onCalendarSelect",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent | KeyboardEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "fieldName": "href"
+              "fieldName": "label"
             },
             {
-              "name": "target",
+              "name": "lang",
               "type": {
                 "text": "string"
               },
-              "fieldName": "target"
+              "description": "Takes precedence over the `<html>` lang attribute.",
+              "fieldName": "lang"
             },
             {
-              "name": "rel",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "fieldName": "rel"
+              "fieldName": "name"
             },
             {
-              "name": "full-width",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "fieldName": "fullWidth"
+              "fieldName": "value"
             },
             {
-              "name": "button-class",
+              "name": "header-format",
               "type": {
                 "text": "string"
               },
-              "fieldName": "buttonClass"
+              "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": "name",
+              "name": "weekday-format",
               "type": {
                 "text": "string"
               },
-              "fieldName": "name"
+              "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": "value",
+              "name": "day-format",
               "type": {
                 "text": "string"
               },
-              "fieldName": "value"
+              "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": [
@@ -769,156 +1268,40 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "w-button",
+          "tagName": "w-datepicker",
           "customElement": true
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "ccButton",
-          "declaration": {
-            "name": "ccButton",
-            "module": "packages/button/index.ts"
-          }
-        },
         {
           "kind": "custom-element-definition",
-          "name": "w-button",
+          "name": "w-datepicker",
           "declaration": {
-            "name": "WarpButton",
-            "module": "packages/button/index.ts"
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.ts"
           }
         },
         {
           "kind": "js",
-          "name": "WarpButton",
+          "name": "WarpDatepicker",
           "declaration": {
-            "name": "WarpButton",
-            "module": "packages/button/index.ts"
+            "name": "WarpDatepicker",
+            "module": "packages/datepicker/datepicker.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
-        }
-      ],
+      "path": "packages/datepicker/index.ts",
+      "declarations": [],
       "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",
+          "name": "*",
           "declaration": {
-            "name": "WarpCard",
-            "module": "packages/card/index.ts"
+            "name": "*",
+            "package": "./datepicker.js"
           }
         }
       ]
@@ -1755,6 +2138,83 @@
         }
       ]
     },
+    {
+      "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",
@@ -1801,6 +2261,28 @@
               "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": [