@getflip/swirl-components 0.13.0 → 0.14.1

package/dist/components/swirl-radio.js

@@ -9,12 +9,18 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.checked = false;
-    this.disabled = false;
     this.onChange = () => {
       this.checked = true;
       this.valueChange.emit(this.value);
     };
+    this.checked = false;
+    this.description = undefined;
+    this.disabled = false;
+    this.inputId = undefined;
+    this.inputName = undefined;
+    this.invalid = undefined;
+    this.label = undefined;
+    this.value = undefined;
   }
   getAriaCheckedLabel(checked, unchecked) {
     if (checked) {
@@ -67,7 +73,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlRadio = SwirlRadio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-resource-list-file-item.js

@@ -15,12 +15,17 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class exten
     this.__registerHost();
     this.__attachShadow();
     this.remove = createEvent(this, "remove", 7);
-    this.icon = "<swirl-icon-file></swirl-icon-file>";
-    this.removeButtonLabel = "Remove file";
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
       this.forceIconProps(event.matches);
     };
+    this.description = undefined;
+    this.errorMessage = undefined;
+    this.icon = "<swirl-icon-file></swirl-icon-file>";
+    this.label = undefined;
+    this.loading = undefined;
+    this.removable = undefined;
+    this.removeButtonLabel = "Remove file";
   }
   componentDidLoad() {
     var _a, _b;
@@ -96,7 +101,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlResourceListFileItem = SwirlResourceListFileItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-resource-list-item2.js

@@ -11,8 +11,6 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.__registerHost();
     this.__attachShadow();
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.checked = false;
-    this.menuTriggerLabel = "Options";
     this.onClick = () => {
       if (!this.selectable) {
         return;
@@ -25,6 +23,18 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class extends HTM
         event.stopPropagation();
       }
     };
+    this.checked = false;
+    this.description = undefined;
+    this.disabled = undefined;
+    this.hideDivider = undefined;
+    this.href = undefined;
+    this.label = undefined;
+    this.media = undefined;
+    this.menuTriggerId = undefined;
+    this.menuTriggerLabel = "Options";
+    this.meta = undefined;
+    this.selectable = undefined;
+    this.value = undefined;
   }
   componentDidLoad() {
     this.forceAvatarProps();
@@ -105,6 +115,5 @@ function defineCustomElement() {
       break;
   } });
 }
-defineCustomElement();
 
 export { SwirlResourceListItem as S, defineCustomElement as d };

package/dist/components/swirl-resource-list2.js

@@ -31,6 +31,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
         this.focusItemAtIndex(this.items.length - 1);
       }
     };
+    this.label = undefined;
   }
   componentDidLoad() {
     this.collectItems();
@@ -82,6 +83,5 @@ function defineCustomElement() {
       break;
   } });
 }
-defineCustomElement();
 
 export { SwirlResourceList as S, defineCustomElement as d };

package/dist/components/swirl-search.js

@@ -13,8 +13,6 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.inputBlur = createEvent(this, "inputBlur", 7);
     this.inputFocus = createEvent(this, "inputFocus", 7);
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.clearButtonLabel = "Clear search term";
-    this.placeholder = "Search …";
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
       this.forceIconProps(event.matches);
@@ -32,6 +30,14 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.onFocus = (event) => {
       this.inputFocus.emit(event);
     };
+    this.autoFocus = undefined;
+    this.clearButtonLabel = "Clear search term";
+    this.disabled = undefined;
+    this.inputName = undefined;
+    this.inputId = undefined;
+    this.label = undefined;
+    this.placeholder = "Search …";
+    this.value = undefined;
   }
   componentDidLoad() {
     var _a, _b;
@@ -95,7 +101,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlSearch = SwirlSearch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-select.js

@@ -14,7 +14,6 @@ const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.options = [];
     this.select = (event) => {
       this.value = event.detail;
       this.valueChange.emit(this.value);
@@ -37,6 +36,16 @@ const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         this.popover.open();
       }
     };
+    this.disabled = undefined;
+    this.inline = undefined;
+    this.invalid = undefined;
+    this.label = undefined;
+    this.multiSelect = undefined;
+    this.required = undefined;
+    this.swirlAriaDescribedby = undefined;
+    this.value = undefined;
+    this.options = [];
+    this.open = undefined;
   }
   componentWillLoad() {
     queueMicrotask(() => {
@@ -118,7 +127,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlSelect = SwirlSelect$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-separator.js

@@ -26,7 +26,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlSeparator = SwirlSeparator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-skeleton-box.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlSkeletonBox extends Components.SwirlSkeletonBox, HTMLElement {}
+export const SwirlSkeletonBox: {
+  prototype: SwirlSkeletonBox;
+  new (): SwirlSkeletonBox;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-skeleton-box.js

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlSkeletonBoxCss = ":host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0) 12%,\n      var(--s-surface-raised-default) 50%,\n      rgba(255, 255, 255, 0) 88%,\n      rgba(255, 255, 255, 0) 100%\n    );content:\"\";transform:translateX(-100%);-webkit-animation:skeleton-box-shimmer 3s infinite;animation:skeleton-box-shimmer 3s infinite}@-webkit-keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}";
+
+const SwirlSkeletonBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.animated = true;
+    this.aspectRatio = undefined;
+    this.borderRadius = "base";
+    this.height = undefined;
+    this.width = undefined;
+  }
+  render() {
+    const className = classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
+    return (h(Host, { style: {
+        width: !Boolean(this.width) && !Boolean(this.aspectRatio)
+          ? "100%"
+          : undefined,
+      } }, h("div", { class: className, style: {
+        aspectRatio: this.aspectRatio,
+        borderRadius: this.borderRadius !== "pill"
+          ? `var(--s-border-radius-${this.borderRadius})`
+          : undefined,
+        height: this.height,
+        width: this.width,
+      } })));
+  }
+  static get style() { return swirlSkeletonBoxCss; }
+}, [1, "swirl-skeleton-box", {
+    "animated": [4],
+    "aspectRatio": [1, "aspect-ratio"],
+    "borderRadius": [1, "border-radius"],
+    "height": [1],
+    "width": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-skeleton-box"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-skeleton-box":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlSkeletonBox$1);
+      }
+      break;
+  } });
+}
+
+const SwirlSkeletonBox = SwirlSkeletonBox$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlSkeletonBox, defineCustomElement };

package/dist/components/swirl-skeleton-text.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SwirlSkeletonText extends Components.SwirlSkeletonText, HTMLElement {}
+export const SwirlSkeletonText: {
+  prototype: SwirlSkeletonText;
+  new (): SwirlSkeletonText;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/swirl-skeleton-text.js

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const swirlSkeletonTextCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}.skeleton-text{position:relative}.skeleton-text--static .skeleton-text__line:after{display:none}.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n  )}.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm);border-radius:calc(var(--s-font-size-sm) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-sm{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n    )}}.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n  )}.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-base);border-radius:calc(var(--s-font-size-base) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base .skeleton-text__line{height:var(--s-line-height-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-base{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2\n    )}}.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-lg) - var(--s-font-size-lg)) / 2\n  )}.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-lg);border-radius:calc(var(--s-font-size-lg) / 2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg .skeleton-text__line{height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.skeleton-text--size-lg{--skeleton-text-line-padding:calc(\n      (var(--s-line-height-base) - var(--s-font-size-base)) / 2\n    )}}.skeleton-text--size-xl{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-xl) - var(--s-font-size-xl)) / 2\n  )}.skeleton-text--size-xl .skeleton-text__line{height:var(--s-line-height-xl);border-radius:calc(var(--s-font-size-xl) / 2)}.skeleton-text--size-2xl{--skeleton-text-line-padding:calc(\n    (var(--s-line-height-2xl) - var(--s-font-size-2xl)) / 2\n  )}.skeleton-text--size-2xl .skeleton-text__line{height:var(--s-line-height-2xl);border-radius:calc(var(--s-font-size-2xl) / 2)}.skeleton-text__line{overflow:hidden;width:100%;padding-top:var(--skeleton-text-line-padding);padding-bottom:var(--skeleton-text-line-padding)}.skeleton-text__line:before{display:block;width:100%;height:100%;border-radius:10rem;background-color:var(--s-surface-raised-hovered);content:\"\"}.skeleton-text__line:after{position:relative;z-index:1;top:-100%;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      var(--s-surface-raised-default) 33%,\n      rgba(255, 255, 255, 0) 66%\n    );content:\"\";transform:translateX(-100%);-webkit-animation:skeleton-text-shimmer 3s infinite;animation:skeleton-text-shimmer 3s infinite}.skeleton-text__line:first-child:last-child{width:100%}.skeleton-text__line:last-child:not(:first-child){width:25%}@-webkit-keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}@keyframes skeleton-text-shimmer{100%{transform:translateX(100%)}}";
+
+const SwirlSkeletonText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.animated = true;
+    this.lines = 1;
+    this.size = "base";
+  }
+  render() {
+    const className = classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
+    const lineClassName = classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
+    return (h(Host, null, h("div", { class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+  }
+  static get style() { return swirlSkeletonTextCss; }
+}, [1, "swirl-skeleton-text", {
+    "animated": [4],
+    "lines": [2],
+    "size": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-skeleton-text"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-skeleton-text":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlSkeletonText$1);
+      }
+      break;
+  } });
+}
+
+const SwirlSkeletonText = SwirlSkeletonText$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SwirlSkeletonText, defineCustomElement };

package/dist/components/swirl-spinner2.js

@@ -9,6 +9,7 @@ const SwirlSpinner = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.label = undefined;
     this.size = "m";
   }
   render() {
@@ -38,6 +39,5 @@ function defineCustomElement() {
       break;
   } });
 }
-defineCustomElement();
 
 export { SwirlSpinner as S, defineCustomElement as d };

package/dist/components/swirl-stack2.js

@@ -42,6 +42,5 @@ function defineCustomElement() {
       break;
   } });
 }
-defineCustomElement();
 
 export { SwirlStack as S, defineCustomElement as d };

package/dist/components/swirl-switch.js

@@ -9,9 +9,6 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.checked = false;
-    this.disabled = false;
-    this.size = "m";
     this.dragging = false;
     this.recentlyDragged = false;
     this.onChange = () => {
@@ -68,6 +65,13 @@ const SwirlSwitch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
       this.thumb.style.left = `${pos}px`;
     };
+    this.checked = false;
+    this.disabled = false;
+    this.inputId = undefined;
+    this.inputName = undefined;
+    this.label = undefined;
+    this.size = "m";
+    this.value = undefined;
   }
   onWindowPointerUp() {
     this.onEndDrag();
@@ -112,7 +116,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlSwitch = SwirlSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-tab.js

@@ -8,6 +8,9 @@ const SwirlTab$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.active = undefined;
+    this.label = undefined;
+    this.tabId = undefined;
   }
   render() {
     const className = classnames("tab", { "tab--active": this.active });
@@ -32,7 +35,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTab = SwirlTab$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-table-cell.js

@@ -26,7 +26,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTableCell = SwirlTableCell$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-table-column.js

@@ -9,7 +9,12 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.sort = undefined;
+    this.sortable = undefined;
+    this.maxWidth = undefined;
     this.minWidth = "fit-content";
+    this.sticky = undefined;
+    this.width = undefined;
   }
   render() {
     const styles = {
@@ -52,7 +57,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTableColumn = SwirlTableColumn$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-table-row-group.js

@@ -7,6 +7,7 @@ const SwirlTableRowGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.label = undefined;
   }
   render() {
     const rowspan = this.el.querySelectorAll("swirl-table-row").length;
@@ -30,7 +31,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTableRowGroup = SwirlTableRowGroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-table-row.js

@@ -8,6 +8,8 @@ const SwirlTableRow$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.highlighted = undefined;
+    this.index = undefined;
   }
   render() {
     const className = classnames("table-row", {
@@ -33,7 +35,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTableRow = SwirlTableRow$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-table.js

@@ -81,7 +81,6 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.emptyStateLabel = "No results found.";
     this.updateLayout = dist(async () => {
       await this.resetEmptyRowStyles();
       await this.resetRowGroupStyles();
@@ -95,6 +94,13 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.onScroll = () => {
       this.updateScrolledState();
     };
+    this.caption = undefined;
+    this.emptyStateLabel = "No results found.";
+    this.label = undefined;
+    this.empty = undefined;
+    this.scrollable = undefined;
+    this.scrolled = undefined;
+    this.scrolledToEnd = undefined;
   }
   async componentDidRender() {
     await this.updateLayout();
@@ -323,7 +329,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTable = SwirlTable$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-tabs.js

@@ -19,6 +19,9 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.activateNextTab();
       }
     };
+    this.initialTab = undefined;
+    this.label = undefined;
+    this.activeTab = undefined;
   }
   componentWillLoad() {
     this.collectTabs();
@@ -98,7 +101,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTabs = SwirlTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-tag.js

@@ -10,12 +10,14 @@ const SwirlTag$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.remove = createEvent(this, "remove", 7);
-    this.intent = "default";
-    this.removalButtonLabel = "Remove";
     this.onRemove = (event) => {
       var _a;
       (_a = this.remove) === null || _a === void 0 ? void 0 : _a.emit(event);
     };
+    this.intent = "default";
+    this.label = undefined;
+    this.removable = undefined;
+    this.removalButtonLabel = "Remove";
   }
   render() {
     const className = classnames("tag", `tag--intent-${this.intent}`);
@@ -46,7 +48,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlTag = SwirlTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-text-input2.js

@@ -16,13 +16,6 @@ const SwirlTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.inputBlur = createEvent(this, "inputBlur", 7);
     this.inputFocus = createEvent(this, "inputFocus", 7);
     this.valueChange = createEvent(this, "valueChange", 7);
-    this.autoComplete = "on";
-    this.clearButtonLabel = "Clear input";
-    this.rows = 1;
-    this.passwordToggleLabel = "Toggle password display";
-    this.type = "text";
-    this.iconSize = 24;
-    this.showPassword = false;
     this.desktopMediaQuery = getDesktopMediaQuery();
     this.desktopMediaQueryHandler = (event) => {
       this.updateIconSize(event.matches);
@@ -86,6 +79,36 @@ const SwirlTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       }
       this.showPassword = !this.showPassword;
     };
+    this.autoComplete = "on";
+    this.autoFocus = undefined;
+    this.autoSelect = undefined;
+    this.clearable = undefined;
+    this.clearButtonLabel = "Clear input";
+    this.disabled = undefined;
+    this.disableDynamicWidth = undefined;
+    this.swirlAriaAutocomplete = undefined;
+    this.swirlAriaControls = undefined;
+    this.swirlAriaDescribedby = undefined;
+    this.swirlAriaExpanded = undefined;
+    this.swirlRole = undefined;
+    this.inline = undefined;
+    this.invalid = undefined;
+    this.maxLength = undefined;
+    this.max = undefined;
+    this.min = undefined;
+    this.mode = undefined;
+    this.prefixLabel = undefined;
+    this.required = undefined;
+    this.rows = 1;
+    this.showCharacterCounter = undefined;
+    this.spellCheck = undefined;
+    this.suffixLabel = undefined;
+    this.step = undefined;
+    this.passwordToggleLabel = "Toggle password display";
+    this.type = "text";
+    this.value = undefined;
+    this.iconSize = 24;
+    this.showPassword = false;
   }
   componentDidLoad() {
     var _a, _b;
@@ -217,6 +240,5 @@ function defineCustomElement() {
       break;
   } });
 }
-defineCustomElement();
 
 export { SwirlTextInput as S, defineCustomElement as d };

package/dist/components/swirl-text2.js

@@ -10,9 +10,11 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.align = "start";
     this.as = "p";
+    this.balance = undefined;
     this.color = "default";
     this.fontStyle = "normal";
     this.size = "base";
+    this.truncate = undefined;
     this.weight = "normal";
   }
   componentDidRender() {
@@ -57,6 +59,5 @@ function defineCustomElement() {
       break;
   } });
 }
-defineCustomElement();
 
 export { SwirlText as S, defineCustomElement as d };

package/dist/components/swirl-theme-provider.js

@@ -242,6 +242,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     super();
     this.__registerHost();
     this.themeChange = createEvent(this, "themeChange", 7);
+    this.config = undefined;
   }
   componentWillLoad() {
     this.resolveConfig();
@@ -392,7 +393,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlThemeProvider = SwirlThemeProvider$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-thumbnail.js

@@ -8,8 +8,10 @@ const SwirlThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.alt = undefined;
     this.format = "landscape";
     this.size = "m";
+    this.src = undefined;
   }
   render() {
     const className = classnames("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`);
@@ -35,7 +37,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlThumbnail = SwirlThumbnail$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/swirl-toast-provider.js

@@ -8,10 +8,11 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.toasts = [];
     this.onDismiss = (event) => {
       this.toasts = [...this.toasts].filter((toast) => toast.toastId !== event.detail);
     };
+    this.globalDuration = undefined;
+    this.toasts = [];
   }
   /**
    * Clear all toasts
@@ -87,7 +88,6 @@ function defineCustomElement$1() {
       break;
   } });
 }
-defineCustomElement$1();
 
 const SwirlToastProvider = SwirlToastProvider$1;
 const defineCustomElement = defineCustomElement$1;