@getflip/swirl-components-react 0.35.0 → 0.37.0

package/dist/{swirl-icon-person-off.entry.810958ab.js → swirl-icon-person-off.entry.4529927c.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.cfcad139.js";
+import { r, h as s, F as t } from "./index.f17ef3a1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-person.entry.1336f557.js → swirl-icon-person.entry.007afec3.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.cfcad139.js";
+import { r as e, h as s, F as t } from "./index.f17ef3a1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-phone.entry.39761514.js → swirl-icon-phone.entry.1d85536d.js}

@@ -1,4 +1,4 @@
-import { r, h as s, F as t } from "./index.cfcad139.js";
+import { r, h as s, F as t } from "./index.f17ef3a1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-poll.entry.1f43a23b.js → swirl-icon-poll.entry.79f25ffb.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as i } from "./index.cfcad139.js";
+import { r as l, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-print.entry.72a9ad6f.js → swirl-icon-print.entry.1a52b513.js}

@@ -1,4 +1,4 @@
-import { r as V, h as C, F as H } from "./index.cfcad139.js";
+import { r as V, h as C, F as H } from "./index.f17ef3a1.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-recieved.entry.12727112.js → swirl-icon-recieved.entry.9295b682.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as t } from "./index.cfcad139.js";
+import { r as e, h as s, F as t } from "./index.f17ef3a1.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search-strong.entry.b0eff74e.js → swirl-icon-search-strong.entry.fbb2383d.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.cfcad139.js";
+import { r, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-search.entry.f29756b8.js → swirl-icon-search.entry.f62d0700.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.cfcad139.js";
+import { r, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-send.entry.ee1612df.js → swirl-icon-send.entry.1a695ca8.js}

@@ -1,4 +1,4 @@
-import { r as C, h as s, F as t } from "./index.cfcad139.js";
+import { r as C, h as s, F as t } from "./index.f17ef3a1.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-settings.entry.ca909288.js → swirl-icon-settings.entry.a47d2624.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./index.cfcad139.js";
+import { r as t, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-sync.entry.6e4c6d16.js → swirl-icon-sync.entry.dcbd66dc.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.cfcad139.js";
+import { r, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-filled.entry.b011f6c8.js → swirl-icon-tasks-filled.entry.73883af7.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, F as e } from "./index.cfcad139.js";
+import { r as t, h as s, F as e } from "./index.f17ef3a1.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-tasks-outlined.entry.a57e6e61.js → swirl-icon-tasks-outlined.entry.dc96f4c9.js}

@@ -1,4 +1,4 @@
-import { r, h as i, F as l } from "./index.cfcad139.js";
+import { r, h as i, F as l } from "./index.f17ef3a1.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-filled.entry.b657f16f.js → swirl-icon-time-filled.entry.567f4b28.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.cfcad139.js";
+import { r as e, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-time-outlined.entry.342584af.js → swirl-icon-time-outlined.entry.f7943376.js}

@@ -1,4 +1,4 @@
-import { r as e, h as C, F as i } from "./index.cfcad139.js";
+import { r as e, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as l } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-user-assign.entry.81ea22cd.js → swirl-icon-user-assign.entry.eedd2efe.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./index.cfcad139.js";
+import { r, h as C, F as i } from "./index.f17ef3a1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-icon-video-camera.entry.46cd9960.js → swirl-icon-video-camera.entry.7ec95f49.js}

@@ -1,4 +1,4 @@
-import { r as e, h as s, F as C } from "./index.cfcad139.js";
+import { r as e, h as s, F as C } from "./index.f17ef3a1.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-inline-notification.entry.4064630e.js → swirl-inline-notification.entry.e59250b1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as o } from "./index.cfcad139.js";
+import { r as t, h as i, H as o } from "./index.f17ef3a1.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-lightbox.entry.84fe7973.js → swirl-lightbox.entry.f6f37d7d.js}

@@ -1,4 +1,4 @@
-import { r as c, h as e, H as u, g } from "./index.cfcad139.js";
+import { r as c, h as e, H as u, g } from "./index.f17ef3a1.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as m, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as x } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-link.entry.aaed69d0.js → swirl-link.entry.6ec1362d.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.cfcad139.js";
+import { r, h as i, H as t } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const s = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", n = class {

package/dist/{swirl-list.entry.a4e13886.js → swirl-list.entry.e05d745e.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as r } from "./index.cfcad139.js";
+import { r as l, h as t, H as r } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = class {

package/dist/{swirl-modal.entry.73633d5a.js → swirl-modal.entry.2c7fab2e.js}

@@ -1,4 +1,4 @@
-import { r as h, c as s, h as o, H as p } from "./index.cfcad139.js";
+import { r as h, c as s, h as o, H as p } from "./index.f17ef3a1.js";
 import { A as b } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as f, e as u } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-option-list-section.entry.a70c4f92.js → swirl-option-list-section.entry.c9f49f45.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, H as e } from "./index.cfcad139.js";
+import { r as s, h as t, H as e } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const o = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", l = class {

package/dist/swirl-pagination.entry.dbfae56d.js

@@ -0,0 +1,30 @@
+import { r as o, c as r, h as i, H as p } from "./index.f17ef3a1.js";
+import { c as g } from "./index-d280dafb.186cdb0e.js";
+import "react";
+import "react-dom";
+const h = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong);-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", c = class {
+  constructor(n) {
+    o(this, n), this.setPage = r(this, "setPage", 7), this.onFirstPageButtonClick = () => {
+      this.page !== 1 && this.setPage.emit(1);
+    }, this.onLastPageButtonClick = () => {
+      this.page !== this.pages && this.setPage.emit(this.pages);
+    }, this.onPrevButtonClick = () => {
+      const t = Math.max(this.page - 1, 1);
+      this.page !== t && this.setPage.emit(t);
+    }, this.onNextButtonClick = () => {
+      const t = Math.min(this.page + 1, this.pages);
+      this.page !== t && this.setPage.emit(t);
+    }, this.onSelect = (t) => {
+      const a = +t.target.value;
+      this.page !== a && this.setPage.emit(a);
+    }, this.firstPageButtonLabel = "First page", this.lastPageButtonLabel = "Last page", this.label = void 0, this.nextButtonLabel = "Next page", this.page = void 0, this.pageLabel = "out of", this.pages = void 0, this.pageSelectLabel = "Select a page", this.prevButtonLabel = "Previous page", this.variant = "default";
+  }
+  render() {
+    const n = this.variant !== "simple", t = this.variant === "advanced", a = `${this.page} ${this.pageLabel} ${this.pages}`, s = g("pagination", `pagination--variant-${this.variant}`);
+    return i(p, null, i("nav", { "aria-label": this.label, class: s }, i("ul", { class: "pagination__list", part: "pagination__list" }, i("li", { class: "pagination__list-item" }, i("swirl-button", { class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), i("li", { class: "pagination__list-item" }, i("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? i("li", { class: "pagination__list-item  pagination__page-label" }, i("span", null, t ? i("span", { "aria-current": "page", class: "pagination__advanced-label" }, i("span", { class: "pagination__page-select-container" }, i("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages).fill(void 0).map((e, l) => l + 1).map((e) => i("option", { selected: this.page === e, value: String(e) }, e)))), i("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages)) : i("span", { "aria-current": "page" }, a))) : i("li", { class: "pagination__list-item" }, i("swirl-visually-hidden", null, i("span", { "aria-current": "page" }, a))), i("li", { class: "pagination__list-item" }, i("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), i("li", { class: "pagination__list-item" }, i("swirl-button", { class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
+  }
+};
+c.style = h;
+export {
+  c as swirl_pagination
+};

package/dist/{swirl-pdf-reader.entry.b05da231.js → swirl-pdf-reader.entry.e61f8d0a.js}

@@ -1,4 +1,4 @@
-import { r as l, h as e, H as n, g as d } from "./index.cfcad139.js";
+import { r as l, h as e, H as n, g as d } from "./index.f17ef3a1.js";
 import { A as c } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
 import { d as h, e as p } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-popover.entry.524f672a.js → swirl-popover.entry.01c8cfa8.js}

@@ -1,4 +1,4 @@
-import { r as h, c as r, h as n, H as m, g as v } from "./index.cfcad139.js";
+import { r as h, c as r, h as n, H as m, g as v } from "./index.f17ef3a1.js";
 import { o as p, s as l, f, c as u, a as g } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import { d as b, e as y } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as k } from "./index-d280dafb.186cdb0e.js";

package/dist/{swirl-progress-indicator.entry.f2b1ead9.js → swirl-progress-indicator.entry.c8682716.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as n } from "./index.cfcad139.js";
+import { r as t, h as s, H as n } from "./index.f17ef3a1.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-radio-group.entry.a6e66575.js → swirl-radio-group.entry.edb31077.js}

@@ -1,4 +1,4 @@
-import { r as a, c as o, h as i, H as l, g as n } from "./index.cfcad139.js";
+import { r as a, c as o, h as i, H as l, g as n } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const u = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", d = class {

package/dist/{swirl-radio.entry.4a8fbe50.js → swirl-radio.entry.b4cad3fb.js}

@@ -1,4 +1,4 @@
-import { r as e, c as l, h as i, H as c } from "./index.cfcad139.js";
+import { r as e, c as l, h as i, H as c } from "./index.f17ef3a1.js";
 import { c as t } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-resource-list-file-item.entry.a601156c.js → swirl-resource-list-file-item.entry.c0e15d70.js}

@@ -1,4 +1,4 @@
-import { r as n, c as a, h as s, H as c } from "./index.cfcad139.js";
+import { r as n, c as a, h as s, H as c } from "./index.f17ef3a1.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as h } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-search.entry.4a51090c.js → swirl-search.entry.c82fb513.js}

@@ -1,9 +1,9 @@
-import { r as i, c as r, h as a, H as t } from "./index.cfcad139.js";
+import { r as i, c as r, h as a, H as t } from "./index.f17ef3a1.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as l } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";
-const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8))}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", n = class {
+const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", n = class {
   constructor(e) {
     i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (s) => {
       this.forceIconProps(s.matches);
@@ -15,7 +15,7 @@ const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
       this.valueChange.emit(s.target.value);
     }, this.onFocus = (s) => {
       this.inputFocus.emit(s);
-    }, this.autoFocus = void 0, this.clearButtonLabel = "Clear search term", this.disabled = void 0, this.inputName = void 0, this.inputId = void 0, this.label = void 0, this.placeholder = "Search \u2026", this.value = void 0;
+    }, this.autoFocus = void 0, this.clearButtonLabel = "Clear search term", this.disabled = void 0, this.inputName = void 0, this.inputId = void 0, this.label = void 0, this.placeholder = "Search \u2026", this.value = void 0, this.variant = "filled";
   }
   componentDidLoad() {
     var e, s;
@@ -35,7 +35,7 @@ const o = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     (e.code === "KeyK" || e.code === "Slash") && (e.ctrlKey || e.metaKey) && this.input.focus();
   }
   render() {
-    const e = c("search", {
+    const e = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
     return a(t, null, a("span", { class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { class: "search__icon" }), a("input", { "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (s) => this.input = s, type: "search", value: this.value }), !this.disabled && a("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", null))));

package/dist/{swirl-select.entry.a204cb79.js → swirl-select.entry.dc5ac018.js}

@@ -1,4 +1,4 @@
-import { r as a, c as r, h as e, H as c, g as d } from "./index.cfcad139.js";
+import { r as a, c as r, h as e, H as c, g as d } from "./index.f17ef3a1.js";
 import { c as h } from "./index-d280dafb.186cdb0e.js";
 import { q as p } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-layout.entry.f0d79004.js → swirl-shell-layout.entry.5a293d34.js}

@@ -1,4 +1,4 @@
-import { r as o, h as e, H as t } from "./index.cfcad139.js";
+import { r as o, h as e, H as t } from "./index.f17ef3a1.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import { a as r, g as d } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-shell-navigation-item.entry.e5d3d1d6.js → swirl-shell-navigation-item.entry.fb5b36c2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as a, g as s } from "./index.cfcad139.js";
+import { r as t, h as n, H as a, g as s } from "./index.f17ef3a1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-box.entry.13ff5669.js → swirl-skeleton-box.entry.7b8d592d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as s, H as i } from "./index.cfcad139.js";
+import { r as t, h as s, H as i } from "./index.f17ef3a1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-skeleton-text.entry.f5644e8a.js → swirl-skeleton-text.entry.79797ebb.js}

@@ -1,4 +1,4 @@
-import { r as l, h as t, H as a } from "./index.cfcad139.js";
+import { r as l, h as t, H as a } from "./index.f17ef3a1.js";
 import { c as s } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-stack.entry.7b040eb4.js → swirl-stack.entry.a36ed3e9.js}

@@ -1,4 +1,4 @@
-import { r as i, h as s, H as e } from "./index.cfcad139.js";
+import { r as i, h as s, H as e } from "./index.f17ef3a1.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-switch.entry.56d7371c.js → swirl-switch.entry.889627e2.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as e, H as a, g as l } from "./index.cfcad139.js";
+import { r as h, c as n, h as e, H as a, g as l } from "./index.f17ef3a1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tab.entry.04b06e0b.js → swirl-tab.entry.99c8d72a.js}

@@ -1,4 +1,4 @@
-import { r as a, h as s, H as i } from "./index.cfcad139.js";
+import { r as a, h as s, H as i } from "./index.f17ef3a1.js";
 import { c as e } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table-cell.entry.296cc9aa.js → swirl-table-cell.entry.909d70fe.js}

@@ -1,15 +1,15 @@
-import { r as a, h as s, H as e } from "./index.cfcad139.js";
+import { r as e, h as s, H as l } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
-const t = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-background-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", l = class {
-  constructor(r) {
-    a(this, r);
+const o = ":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-background-default);word-break:break-word;-webkit-hyphens:auto;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}", t = class {
+  constructor(a) {
+    e(this, a);
   }
   render() {
-    return s(e, { class: "table-cell", role: "cell" }, s("slot", null));
+    return s(l, { class: "table-cell", role: "cell" }, s("slot", null));
   }
 };
-l.style = t;
+t.style = o;
 export {
-  l as swirl_table_cell
+  t as swirl_table_cell
 };

package/dist/swirl-table-column.entry.364e5761.js

@@ -0,0 +1,23 @@
+import { r as e, h as t, H as i, g as r } from "./index.f17ef3a1.js";
+import "react";
+import "react-dom";
+const a = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", o = class {
+  constructor(s) {
+    e(this, s), this.sort = void 0, this.sortable = void 0, this.maxWidth = void 0, this.minWidth = "fit-content", this.sticky = void 0, this.width = void 0;
+  }
+  render() {
+    const s = {
+      flex: Boolean(this.width) ? `0 0 ${this.width}` : "",
+      maxWidth: this.maxWidth || "",
+      minWidth: this.minWidth || ""
+    };
+    return t(i, { "aria-sort": this.sort, class: "table-column", role: "columnheader", style: s }, t("span", null, t("slot", null)), this.sortable && t("span", { class: "table-column__sort-indicator" }, this.sort === "ascending" && t("swirl-icon-arrow-upward", { "aria-hidden": "true", size: 20 }), this.sort === "descending" && t("swirl-icon-arrow-downward", { "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
+  }
+  get el() {
+    return r(this);
+  }
+};
+o.style = a;
+export {
+  o as swirl_table_column
+};

package/dist/{swirl-table-row-group.entry.c887c14d.js → swirl-table-row-group.entry.03ef98eb.js}

@@ -1,4 +1,4 @@
-import { r as o, h as r, H as s, g as t } from "./index.cfcad139.js";
+import { r as o, h as r, H as s, g as t } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}.table-row-group__header-row{padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm)}@media (min-width: 768px){.table-row-group__label{position:sticky;left:var(--s-space-16)}}", l = class {

package/dist/{swirl-table-row.entry.e34acb34.js → swirl-table-row.entry.894c70ef.js}

@@ -1,4 +1,4 @@
-import { r as s, h as o, H as e } from "./index.cfcad139.js";
+import { r as s, h as o, H as e } from "./index.f17ef3a1.js";
 import { c as r } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-table.entry.33793a9e.js → swirl-table.entry.87551bf6.js}

@@ -1,4 +1,4 @@
-import { r as g, h as i, H as _, g as S } from "./index.cfcad139.js";
+import { r as g, h as i, H as _, g as S } from "./index.f17ef3a1.js";
 import { i as v } from "./utils-61f188cc.4a43deab.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tabs.entry.f3ab902e.js → swirl-tabs.entry.2143d57f.js}

@@ -1,4 +1,4 @@
-import { r as i, c as r, h as e, H as o, g as b } from "./index.cfcad139.js";
+import { r as i, c as r, h as e, H as o, g as b } from "./index.f17ef3a1.js";
 import { c as n } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tag.entry.11d70c7d.js → swirl-tag.entry.1e044eaa.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as t, H as n } from "./index.cfcad139.js";
+import { r, c as s, h as t, H as n } from "./index.f17ef3a1.js";
 import { c as i } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-text-input.entry.5b2a6970.js → swirl-text-input.entry.bcc13c5b.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.cfcad139.js";
+import { r as h, c as n, h as i, H as d } from "./index.f17ef3a1.js";
 import { c } from "./index-d280dafb.186cdb0e.js";
 import { a as x } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-text.entry.1fd18ea6.js → swirl-text.entry.5cf8969c.js}

@@ -1,4 +1,4 @@
-import { r as J, h as y, H as T, g as V } from "./index.cfcad139.js";
+import { r as J, h as y, H as T, g as V } from "./index.f17ef3a1.js";
 import { c as F } from "./index-d280dafb.186cdb0e.js";
 import { b as G } from "./balancetext-fa49c64f.754e913c.js";
 import "react";

package/dist/{swirl-theme-provider.entry.8b4243e0.js → swirl-theme-provider.entry.c2358ec9.js}

@@ -1,4 +1,4 @@
-import { r as j, c as E, h as w, H } from "./index.cfcad139.js";
+import { r as j, c as E, h as w, H } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 function d(e, t, o) {

package/dist/{swirl-toast-provider.entry.c7480912.js → swirl-toast-provider.entry.fe5d6803.js}

@@ -1,4 +1,4 @@
-import { r, h as a, H as n } from "./index.cfcad139.js";
+import { r, h as a, H as n } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const h = class {

package/dist/{swirl-toast.entry.371eb02d.js → swirl-toast.entry.2ca20137.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as i, H as r } from "./index.cfcad139.js";
+import { r as o, c as n, h as i, H as r } from "./index.f17ef3a1.js";
 import { c as d } from "./index-d280dafb.186cdb0e.js";
 import { a as c } from "./utils-61f188cc.4a43deab.js";
 import "react";

package/dist/{swirl-tooltip.entry.c8ef8a26.js → swirl-tooltip.entry.e13f91c0.js}

@@ -1,4 +1,4 @@
-import { r as n, h as i, H as l } from "./index.cfcad139.js";
+import { r as n, h as i, H as l } from "./index.f17ef3a1.js";
 import { c as r, o as p, s as h, f as d } from "./floating-ui.dom.esm-b9f28f6d.15013ef7.js";
 import "react";
 import "react-dom";

package/dist/{swirl-tree-navigation-item.entry.d79026d1.js → swirl-tree-navigation-item.entry.c88b78a2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s, g as r } from "./index.cfcad139.js";
+import { r as t, h as i, H as s, g as r } from "./index.f17ef3a1.js";
 import { c as o } from "./index-d280dafb.186cdb0e.js";
 import "react";
 import "react-dom";

package/dist/{swirl-video-thumbnail.entry.b101bd0c.js → swirl-video-thumbnail.entry.13b96ac2.js}

@@ -1,4 +1,4 @@
-import { r as t, h as n, H as e } from "./index.cfcad139.js";
+import { r as t, h as n, H as e } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const a = `:host {

package/dist/{swirl-visually-hidden.entry.b79cd12b.js → swirl-visually-hidden.entry.81b95d55.js}

@@ -1,4 +1,4 @@
-import { r as s, h as i, H as l } from "./index.cfcad139.js";
+import { r as s, h as i, H as l } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {

package/dist/{wc-datepicker.entry.5a5ebd9b.js → wc-datepicker.entry.272026bd.js}

@@ -1,4 +1,4 @@
-import { r as R, c as S, h as n, H, g as E } from "./index.cfcad139.js";
+import { r as R, c as S, h as n, H, g as E } from "./index.f17ef3a1.js";
 import "react";
 import "react-dom";
 function T(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components-react",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "type": "module",
   "files": [
     "dist"
@@ -18,7 +18,7 @@
     "build": "tsc && vite build"
   },
   "dependencies": {
-    "@getflip/swirl-components": "^0.36.0",
+    "@getflip/swirl-components": "^0.38.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/swirl-pagination.entry.edd50b1d.js

@@ -1,26 +0,0 @@
-import { r, c as p, h as a, H as c } from "./index.cfcad139.js";
-import { c as g } from "./index-d280dafb.186cdb0e.js";
-import "react";
-import "react-dom";
-const h = ":host{display:block;width:100%}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none;gap:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-8)}}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-select-container{position:relative}.pagination__page-select{display:inline-flex;padding-right:var(--s-space-16);border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-select:focus:not(:focus-visible){outline:none}.pagination__page-select:focus-visible{outline-color:var(--s-focus-default)}.pagination__page-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}", d = class {
-  constructor(i) {
-    r(this, i), this.setPage = p(this, "setPage", 7), this.onPrevButtonClick = () => {
-      const e = Math.max(this.page - 1, 1);
-      this.page !== e && this.setPage.emit(e);
-    }, this.onNextButtonClick = () => {
-      const e = Math.min(this.page + 1, this.pages);
-      this.page !== e && this.setPage.emit(e);
-    }, this.onSelect = (e) => {
-      const t = +e.target.value;
-      this.page !== t && this.setPage.emit(t);
-    }, this.accessibleNextButtonLabel = "Next page", this.accessiblePrevButtonLabel = "Previous page", this.nextButtonLabel = "Next", this.pageLabel = "out of", this.prevButtonLabel = "Prev", this.label = void 0, this.page = void 0, this.pages = void 0, this.pageSelectLabel = "Select a page", this.variant = "default";
-  }
-  render() {
-    const i = this.variant !== "advanced", e = this.variant !== "simple", t = this.variant === "advanced", s = `${this.page} ${this.pageLabel} ${this.pages}`, l = g("pagination", `pagination--variant-${this.variant}`);
-    return a(c, null, a("nav", { "aria-label": this.label, class: l }, a("ul", { class: "pagination__list", part: "pagination__list" }, a("li", { class: "pagination__list-item" }, a("swirl-button", { class: "pagination__prev-button", disabled: this.page <= 1, swirlAriaLabel: this.accessiblePrevButtonLabel, hideLabel: i, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), e ? a("li", { class: "pagination__list-item" }, a("span", null, t ? a("span", { "aria-current": "page", class: "pagination__advanced-label" }, a("span", { class: "pagination__page-select-container" }, a("select", { "aria-label": this.pageSelectLabel, class: "pagination__page-select", onChange: this.onSelect }, new Array(this.pages).fill(void 0).map((n, o) => o + 1).map((n) => a("option", { selected: this.page === n, value: String(n) }, n))), a("swirl-icon-expand-more", { "aria-hidden": "true", class: "pagination__page-select-icon", size: 16 })), a("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages)) : a("span", { "aria-current": "page" }, s))) : a("li", { class: "pagination__list-item" }, a("swirl-visually-hidden", null, a("span", { "aria-current": "page" }, s))), a("li", { class: "pagination__list-item" }, a("swirl-button", { class: "pagination__next-button", disabled: this.page >= this.pages, swirlAriaLabel: this.accessibleNextButtonLabel, hideLabel: i, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })))));
-  }
-};
-d.style = h;
-export {
-  d as swirl_pagination
-};

package/dist/swirl-table-column.entry.f8088d31.js

@@ -1,23 +0,0 @@
-import { r as e, h as t, H as r, g as i } from "./index.cfcad139.js";
-import "react";
-import "react-dom";
-const o = ":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-default);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);background-color:var(--s-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(:first-child){border-left:var(--s-border-width-default) solid var(--s-border-default)}:host(:last-child){border-right:var(--s-border-width-default) solid var(--s-border-default)}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}", a = class {
-  constructor(s) {
-    e(this, s), this.sort = void 0, this.sortable = void 0, this.maxWidth = void 0, this.minWidth = "fit-content", this.sticky = void 0, this.width = void 0;
-  }
-  render() {
-    const s = {
-      flex: Boolean(this.width) ? `0 0 ${this.width}` : "",
-      maxWidth: this.maxWidth || "",
-      minWidth: this.minWidth || ""
-    };
-    return t(r, { "aria-sort": this.sort, class: "table-column", role: "columnheader", style: s }, t("span", null, t("slot", null)), this.sortable && t("span", { class: "table-column__sort-indicator" }, this.sort === "ascending" && t("swirl-icon-arrow-upward", { "aria-hidden": "true", size: 20 }), this.sort === "descending" && t("swirl-icon-arrow-downward", { "aria-hidden": "true", size: 20 }), !Boolean(this.sort) && " "));
-  }
-  get el() {
-    return i(this);
-  }
-};
-a.style = o;
-export {
-  a as swirl_table_column
-};