@getflip/swirl-components-react 0.10.0 → 0.12.0

package/dist/swirl-date-picker_2.entry.91531b84.js

@@ -0,0 +1,37 @@
+import { r as i, c as s, h as e, H as n, g as c, F as a } from "./index.149af511.js";
+import { c as l } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const d = `:host{display:block}:host *{box-sizing:border-box}.date-picker{padding:var(--s-space-8) var(--s-space-16);background-color:var(--s-surface-overlay-default);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}@media (min-width: 768px){.date-picker{max-width:17.5rem}}.date-picker__header{display:flex;margin-bottom:var(--s-space-8);align-items:center}.date-picker__current-month{display:flex;padding:var(--s-space-8);flex-grow:1;align-items:center;order:1;gap:var(--s-space-4)}.date-picker__next-month-button,.date-picker__previous-month-button{position:relative;display:inline-flex;width:2.5rem;height:2.5rem;margin:0;padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-highlight);background-color:transparent;cursor:pointer}.date-picker__next-month-button:after,.date-picker__previous-month-button:after{position:absolute;background-color:currentColor;content:"";inset:0;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.date-picker__next-month-button:hover,.date-picker__previous-month-button:hover{background-color:var(--s-surface-overlay-hovered)}.date-picker__next-month-button:focus:not(:focus-visible),.date-picker__previous-month-button:focus:not(:focus-visible){outline:none}.date-picker__next-month-button:focus-visible,.date-picker__previous-month-button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__next-month-button>svg,.date-picker__previous-month-button>svg{display:none}.date-picker__next-month-button{order:3}.date-picker__next-month-button:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59999 17.4C8.38333 17.1834 8.27499 16.9167 8.27499 16.6C8.27499 16.2834 8.38333 16.0167 8.59999 15.8L12.4 12L8.59999 8.20002C8.38333 7.98336 8.27499 7.71669 8.27499 7.40002C8.27499 7.08336 8.38333 6.81669 8.59999 6.60002C8.81666 6.38336 9.08333 6.27502 9.39999 6.27502C9.71666 6.27502 9.98333 6.38336 10.2 6.60002L14.8 11.2C14.9167 11.3167 15 11.4417 15.05 11.575C15.1 11.7084 15.125 11.85 15.125 12C15.125 12.15 15.1 12.2917 15.05 12.425C15 12.5584 14.9167 12.6834 14.8 12.8L10.2 17.4C9.98333 17.6167 9.71666 17.725 9.39999 17.725C9.08333 17.725 8.81666 17.6167 8.59999 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E")}.date-picker__previous-month-button{order:2}.date-picker__previous-month-button:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg class='swirl-icon swirl-icon--size-24' fill='none' height='24' part='icon' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2 17.4L8.59999 12.8C8.48333 12.6834 8.39999 12.5584 8.34999 12.425C8.29999 12.2917 8.27499 12.15 8.27499 12C8.27499 11.85 8.29999 11.7084 8.34999 11.575C8.39999 11.4417 8.48333 11.3167 8.59999 11.2L13.2 6.60002C13.4167 6.38336 13.6833 6.27502 14 6.27502C14.3167 6.27502 14.5833 6.38336 14.8 6.60002C15.0167 6.81669 15.125 7.08336 15.125 7.40002C15.125 7.71669 15.0167 7.98336 14.8 8.20002L11 12L14.8 15.8C15.0167 16.0167 15.125 16.2834 15.125 16.6C15.125 16.9167 15.0167 17.1834 14.8 17.4C14.5833 17.6167 14.3167 17.725 14 17.725C13.6833 17.725 13.4167 17.6167 13.2 17.4Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E")}.date-picker__month-select,.date-picker__year-select{margin:0;padding:0;border:none;background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left;cursor:pointer}.date-picker__month-select:focus:not(:focus-visible),.date-picker__year-select:focus:not(:focus-visible){outline:none}.date-picker__month-select:focus-visible,.date-picker__year-select:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-picker__month-select,.date-picker__year-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-picker__month-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-picker__year-select{max-width:4rem}.date-picker__calendar{display:block;width:100%}.date-picker__calendar tbody{display:block}.date-picker__calendar-header{display:block}.date-picker__weekday-row,.date-picker__calendar-row{display:flex}.date-picker__weekday-row{margin-bottom:var(--s-space-8)}.date-picker__weekday{display:inline-flex;min-width:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;color:var(--s-text-subdued);font-weight:var(--s-font-weight-regular);aspect-ratio:1}.date-picker__date{position:relative;z-index:1;display:inline-flex;min-width:2.25rem;flex-basis:calc(100 / 7 * 1%);justify-content:center;align-items:center;font-weight:var(--s-font-weight-medium);cursor:pointer;aspect-ratio:1}.date-picker__date:before{position:absolute;z-index:-1;border-radius:50%;background-color:transparent;content:"";inset:0}.date-picker__date:hover:before{background-color:var(--s-surface-overlay-hovered)}.date-picker__date--current:before{background-color:var(--s-surface-overlay-hovered)}.date-picker__date--current:focus:not(:focus-visible){outline:none}.date-picker__date--current:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-picker__date--selected{color:var(--s-text-on-surface-highlight)}.date-picker__date--selected:before{background-color:var(--s-surface-highlight-default)}.date-picker__date--selected:hover{color:var(--s-text-on-surface-highlight)}.date-picker__date--selected:hover:before{background-color:var(--s-surface-highlight-default)}.date-picker__date--selected>strong{font-weight:var(--s-font-weight-medium)}.date-picker__date--in-range:not(.date-picker__date--selected):after{position:absolute;border-radius:0px;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2;inset:0.0625rem 0px}.date-picker__date--start:not(.date-picker__date--end){color:var(--s-text-on-surface-highlight)}.date-picker__date--start:not(.date-picker__date--end):before{background-color:var(--s-surface-highlight-default)}.date-picker__date--start:not(.date-picker__date--end):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2;inset:0.0625rem 0 0.0625rem 50%}.date-picker__date--end:not(.date-picker__date--start){color:var(--s-text-on-surface-highlight)}.date-picker__date--end:not(.date-picker__date--start):before{background-color:var(--s-surface-highlight-default)}.date-picker__date--end:not(.date-picker__date--start):after{position:absolute;z-index:-1;border-radius:0;background-color:var(--s-surface-highlight-default);content:"";opacity:0.2;inset:0.0625rem 50% 0.0625rem 0}.date-picker__date--overflowing{color:var(--s-text-subdued)}.date-picker__date--today:before{box-shadow:inset 0 0 0 var(--s-border-width-default)
+      var(--s-border-highlight)}.date-picker__date--today>em{font-style:normal}`, h = class {
+  constructor(t) {
+    i(this, t), this.valueChange = s(this, "valueChange", 3), this.locale = "en-US", this.onClick = (r) => {
+      r.stopPropagation(), r.preventDefault();
+    }, this.onSelectDate = (r) => {
+      typeof r.detail == "string" ? this.valueChange.emit(new Date(r.detail)) : this.valueChange.emit(r.detail.map((o) => new Date(o)));
+    };
+  }
+  render() {
+    const t = this.startDate instanceof Date ? this.startDate.toISOString() : void 0;
+    return e(n, { onClick: this.onClick }, e("wc-datepicker", { elementClassName: "date-picker", labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: t, value: this.value }));
+  }
+  get el() {
+    return c(this);
+  }
+};
+h.style = d;
+const p = ":host{display:inline-flex}", C = class {
+  constructor(t) {
+    i(this, t), this.size = 24;
+  }
+  render() {
+    const t = this.size === 20 ? 24 : this.size, r = l("swirl-icon", `swirl-icon--size-${this.size}`);
+    return e("svg", { class: r, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(a, null, e("path", { d: "M6 11C5.53333 11 5.13889 10.8389 4.81667 10.5167C4.49444 10.1945 4.33333 9.80004 4.33333 9.33337C4.33333 8.86671 4.49444 8.47226 4.81667 8.15004C5.13889 7.82782 5.53333 7.66671 6 7.66671C6.46667 7.66671 6.86111 7.82782 7.18333 8.15004C7.50556 8.47226 7.66667 8.86671 7.66667 9.33337C7.66667 9.80004 7.50556 10.1945 7.18333 10.5167C6.86111 10.8389 6.46667 11 6 11ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5363 2.39133 14.2754C2.13044 14.014 2 13.7 2 13.3334V4.00004C2 3.63337 2.13044 3.3196 2.39133 3.05871C2.65267 2.79737 2.96667 2.66671 3.33333 2.66671H4V2.00004C4 1.81115 4.06378 1.65271 4.19133 1.52471C4.31933 1.39715 4.47778 1.33337 4.66667 1.33337C4.85556 1.33337 5.014 1.39715 5.142 1.52471C5.26956 1.65271 5.33333 1.81115 5.33333 2.00004V2.66671H10.6667V2.00004C10.6667 1.81115 10.7307 1.65271 10.8587 1.52471C10.9862 1.39715 11.1444 1.33337 11.3333 1.33337C11.5222 1.33337 11.6804 1.39715 11.808 1.52471C11.936 1.65271 12 1.81115 12 2.00004V2.66671H12.6667C13.0333 2.66671 13.3473 2.79737 13.6087 3.05871C13.8696 3.3196 14 3.63337 14 4.00004V13.3334C14 13.7 13.8696 14.014 13.6087 14.2754C13.3473 14.5363 13.0333 14.6667 12.6667 14.6667H3.33333ZM3.33333 13.3334H12.6667V6.66671H3.33333V13.3334Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && e(a, null, e("path", { d: "M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20Z", fill: "currentColor" })), this.size === 28 && e(a, null, e("path", { d: "M10.5 19.25C9.68333 19.25 8.99306 18.9681 8.42917 18.4042C7.86528 17.8403 7.58333 17.15 7.58333 16.3334C7.58333 15.5167 7.86528 14.8264 8.42917 14.2625C8.99306 13.6987 9.68333 13.4167 10.5 13.4167C11.3167 13.4167 12.0069 13.6987 12.5708 14.2625C13.1347 14.8264 13.4167 15.5167 13.4167 16.3334C13.4167 17.15 13.1347 17.8403 12.5708 18.4042C12.0069 18.9681 11.3167 19.25 10.5 19.25ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9819C3.72828 24.5245 3.5 23.975 3.5 23.3334V7.00004C3.5 6.35837 3.72828 5.80926 4.18483 5.35271C4.64217 4.89537 5.19167 4.66671 5.83333 4.66671H7V3.50004C7 3.16949 7.11161 2.89221 7.33483 2.66821C7.55883 2.44499 7.83611 2.33337 8.16667 2.33337C8.49722 2.33337 8.7745 2.44499 8.9985 2.66821C9.22172 2.89221 9.33333 3.16949 9.33333 3.50004V4.66671H18.6667V3.50004C18.6667 3.16949 18.7787 2.89221 19.0027 2.66821C19.2259 2.44499 19.5028 2.33337 19.8333 2.33337C20.1639 2.33337 20.4408 2.44499 20.664 2.66821C20.888 2.89221 21 3.16949 21 3.50004V4.66671H22.1667C22.8083 4.66671 23.3578 4.89537 23.8152 5.35271C24.2717 5.80926 24.5 6.35837 24.5 7.00004V23.3334C24.5 23.975 24.2717 24.5245 23.8152 24.9819C23.3578 25.4384 22.8083 25.6667 22.1667 25.6667H5.83333ZM5.83333 23.3334H22.1667V11.6667H5.83333V23.3334Z", fill: "currentColor" })));
+  }
+};
+C.style = p;
+export {
+  h as swirl_date_picker,
+  C as swirl_icon_today
+};

package/dist/{flip-description-list-item.entry.2ea98099.js → swirl-description-list-item.entry.99c83045.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, H as s } from "./index.6f8c9509.js";
+import { r as t, h as i, H as s } from "./index.149af511.js";
 import "react";
 import "react-dom";
 const e = `:host {
@@ -16,12 +16,27 @@ const e = `:host {
   line-height: var(--s-line-height-base);
 }
 
+@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
+
+.description-list-item {
+    font-size: var(--s-font-size-sm);
+    line-height: var(--s-line-height-sm)
+}
+  }
+
 .description-list-item__term {
   display: block;
   margin-bottom: var(--s-space-4);
   font-weight: var(--s-font-weight-semibold);
 }
 
+@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px) {
+
+.description-list-item__term {
+    margin-bottom: var(--s-space-2)
+}
+  }
+
 .description-list-item__description {
   display: block;
   max-width: 40rem;
@@ -71,10 +86,10 @@ const e = `:host {
     t(this, n);
   }
   render() {
-    return i(s, null, i("div", { class: "description-list-item" }, i("dt", { class: "description-list-item__term" }, this.term), i("dd", { class: "description-list-item__description" }, i("slot", null))));
+    return i(s, null, i("div", { class: "description-list-item", part: "description-list-item" }, i("dt", { class: "description-list-item__term", part: "description-list-item__term" }, this.term), i("dd", { class: "description-list-item__description" }, i("slot", null))));
   }
 };
 r.style = e;
 export {
-  r as flip_description_list_item
+  r as swirl_description_list_item
 };

package/dist/{flip-description-list.entry.c08605e6.js → swirl-description-list.entry.724f88d9.js}

@@ -1,15 +1,15 @@
-import { r as i, h as t, H as o } from "./index.6f8c9509.js";
+import { r as i, h as s, H as o } from "./index.149af511.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block;container-type:inline-size;container-name:description-list}:host *{box-sizing:border-box}.description-list{display:block;max-width:100%;margin:0}.description-list ::slotted(*){padding-bottom:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.description-list ::slotted(*:not(:last-child)){margin-bottom:var(--s-space-16)}", e = class {
-  constructor(s) {
-    i(this, s);
+  constructor(t) {
+    i(this, t);
   }
   render() {
-    return t(o, null, t("dl", { class: "description-list" }, t("slot", null)));
+    return s(o, null, s("dl", { class: "description-list" }, s("slot", null)));
   }
 };
 e.style = r;
 export {
-  e as flip_description_list
+  e as swirl_description_list
 };

package/dist/swirl-dialog.entry.b50cfdb2.js

@@ -0,0 +1,45 @@
+import { r as e, c as t, h as o, H as n } from "./index.149af511.js";
+import { A as s } from "./a11y-dialog.esm-d7a94c8c.bd6ae411.js";
+import { c as r } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const d = ':host{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);display:block}:host *{box-sizing:border-box}.dialog{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden="true"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:0.15s dialog-backdrop-fade-in;animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{-webkit-animation:none;animation:none}}.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:0.15s dialog-scale-in;animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{-webkit-animation:none;animation:none}}.dialog--closing{-webkit-animation:0.15s dialog-fade-out;animation:0.15s dialog-fade-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{-webkit-animation:none;animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{border-radius:var(--s-border-radius-base)}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-24);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@-webkit-keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}', l = class {
+  constructor(i) {
+    e(this, i), this.primaryAction = t(this, "primaryAction", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.intent = "primary", this.closing = !1, this.onKeyDown = (a) => {
+      a.code === "Escape" && this.close();
+    }, this.onBackdropClick = () => {
+      this.close();
+    }, this.onPrimaryAction = (a) => {
+      this.primaryAction.emit(a), this.close();
+    }, this.onSecondaryAction = (a) => {
+      this.secondaryAction.emit(a), this.close();
+    };
+  }
+  componentDidLoad() {
+    this.dialog = new s(this.dialogEl), this.dialog.on("show", () => {
+      var i;
+      (i = this.controlsContainerEl.querySelector("swirl-button button")) === null || i === void 0 || i.focus();
+    });
+  }
+  disconnectedCallback() {
+    var i;
+    (i = this.dialog) === null || i === void 0 || i.destroy();
+  }
+  async open() {
+    this.dialog.show();
+  }
+  async close() {
+    this.closing || (this.closing = !0, setTimeout(() => {
+      this.dialog.hide(), this.closing = !1;
+    }, 150));
+  }
+  render() {
+    const i = r("dialog", { "dialog--closing": this.closing });
+    return o(n, null, o("div", { "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? void 0 : "label", "aria-label": this.hideLabel ? this.label : void 0, "aria-modal": "true", class: i, onKeyDown: this.onKeyDown, ref: (a) => this.dialogEl = a, role: "alertdialog" }, o("div", { class: "dialog__backdrop", onClick: this.onBackdropClick }), o("div", { class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && o("h2", { class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label), o("div", { class: "dialog__content", part: "dialog__content", id: "content" }, o("slot", null)), o("swirl-button-group", { class: "dialog__controls", ref: (a) => this.controlsContainerEl = a, stretch: !0, wrap: !0 }, this.secondaryActionLabel && o("swirl-button", { label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && o("swirl-button", { intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: this.intent === "critical" ? "ghost" : "flat" })))));
+  }
+};
+l.style = d;
+export {
+  l as swirl_dialog
+};

package/dist/swirl-file-uploader.entry.f8afd2d4.js

@@ -0,0 +1,32 @@
+import { r, c as o, h as e, H as d } from "./index.149af511.js";
+import { c as t } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const p = ".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-16);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}", n = class {
+  constructor(i) {
+    r(this, i), this.valueChange = o(this, "valueChange", 7), this.ctaLabel = "Click to upload", this.dragDropLabel = "or drag and drop.", this.showDropzone = !0, this.uploadButtonLabel = "Select file", this.onChange = (l) => {
+      const a = l.target.files;
+      this.valueChange.emit(a);
+    }, this.onUploadButtonClick = () => {
+      this.inputEl.click();
+    };
+  }
+  async reset() {
+    this.inputEl.value = "";
+  }
+  render() {
+    const i = Boolean(this.description) ? `${this.inputId}-description ${this.inputId}-additional-label` : `${this.inputId}-additional-label`, l = this.showDropzone ? 0 : -1, a = t("file-uploader", {
+      "file-uploader--disabled": this.disabled,
+      "file-uploader--show-dropzone": this.showDropzone
+    });
+    return e(d, null, e("div", { class: a }, e("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputEl}-label` }, this.label), this.description && e("span", { class: "file-uploader__description", id: `${this.inputId}-description` }, this.description), e("div", { class: "file-uploader__dropzone" }, this.showDropzone ? [
+      e("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
+      e("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, e("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", e("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel))
+    ] : e("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, swirlAriaDescribedby: i, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, variant: "flat" }), e("input", { accept: this.accept, "aria-describedby": i, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (s) => this.inputEl = s, tabIndex: l, type: "file" }))));
+  }
+};
+n.style = p;
+export {
+  n as swirl_file_uploader
+};

package/dist/{flip-file-viewer_7.entry.8d39ace2.js → swirl-file-viewer_7.entry.8973a210.js}

@@ -1,6 +1,6 @@
-import { r as zt, c as jt, h as qe, H as $t, g as Qt } from "./index.6f8c9509.js";
-import { c as cr, a as vt, g as Qi, b as qr, d as Ji } from "./_commonjsHelpers-44457d8d.ba94af77.js";
-import { d as Zi, g as ea, i as ta } from "./utils-39b2afe8.37b54ba4.js";
+import { r as zt, c as jt, h as qe, H as $t, g as Qt } from "./index.149af511.js";
+import { c as cr, a as vt, g as Qi, b as qr, d as Ji } from "./_commonjsHelpers-10467d11.b7d83301.js";
+import { d as Zi, a as ea, i as ta } from "./utils-33d31b58.1488fcfe.js";
 import "react";
 import "react-dom";
 var ra = cr(function(De, Te) {
@@ -89,7 +89,7 @@ const na = ":host{display:block;width:100%;height:100%}:host *{box-sizing:border
   }
   render() {
     const De = !Boolean(this.type) || !this.type.startsWith("image/") && !this.type.startsWith("video/") && !this.type.startsWith("audio/") && this.type !== "text/plain" && this.type !== "text/csv" && this.type !== "application/pdf";
-    return qe($t, null, qe("div", { class: "file-viewer" }, this.type && this.active && qe("div", { class: "file-viewer__file" }, this.type.startsWith("image/") && qe("flip-file-viewer-image", { description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (Te) => this.viewer = Te }), this.type === "text/plain" && qe("flip-file-viewer-text", { errorMessage: this.errorMessage, file: this.file, ref: (Te) => this.viewer = Te }), this.type === "text/csv" && qe("flip-file-viewer-csv", { errorMessage: this.errorMessage, file: this.file, ref: (Te) => this.viewer = Te }), this.type === "application/pdf" && qe("flip-file-viewer-pdf", { errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, ref: (Te) => this.viewer = Te, zoom: this.zoom }), this.type.startsWith("video/") && qe("flip-file-viewer-video", { autoplay: this.autoplay, file: this.file, ref: (Te) => this.viewer = Te, type: this.type }), this.type.startsWith("audio/") && qe("flip-file-viewer-audio", { autoplay: this.autoplay, file: this.file, ref: (Te) => this.viewer = Te, type: this.type }), De && qe("flip-inline-error", { message: this.typeUnsupportedMessage }))));
+    return qe($t, null, qe("div", { class: "file-viewer" }, this.type && this.active && qe("div", { class: "file-viewer__file" }, this.type.startsWith("image/") && qe("swirl-file-viewer-image", { description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (Te) => this.viewer = Te }), this.type === "text/plain" && qe("swirl-file-viewer-text", { errorMessage: this.errorMessage, file: this.file, ref: (Te) => this.viewer = Te }), this.type === "text/csv" && qe("swirl-file-viewer-csv", { errorMessage: this.errorMessage, file: this.file, ref: (Te) => this.viewer = Te }), this.type === "application/pdf" && qe("swirl-file-viewer-pdf", { errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, ref: (Te) => this.viewer = Te, zoom: this.zoom }), this.type.startsWith("video/") && qe("swirl-file-viewer-video", { autoplay: this.autoplay, file: this.file, ref: (Te) => this.viewer = Te, type: this.type }), this.type.startsWith("audio/") && qe("swirl-file-viewer-audio", { autoplay: this.autoplay, file: this.file, ref: (Te) => this.viewer = Te, type: this.type }), De && qe("swirl-inline-error", { message: this.typeUnsupportedMessage }))));
   }
 };
 ia.style = na;
@@ -641,7 +641,7 @@ var oa = cr(function(De, Te) {
     }), (T.prototype = Object.create(c.prototype)).constructor = T, (R.prototype = Object.create(c.prototype)).constructor = R, (O.prototype = Object.create(O.prototype)).constructor = O, (P.prototype = Object.create(c.prototype)).constructor = P, n;
   });
 });
-const la = ":host{position:relative;display:inline-flex;width:100%;max-height:100%}:host *{box-sizing:border-box}.file-viewer-csv__csv{overflow:auto;width:100%;max-height:100%;padding:var(--s-space-16);background-color:var(--s-background-default)}.file-viewer-csv__table{margin-right:auto;margin-left:auto;border-collapse:collapse}.file-viewer-csv__cell{padding:var(--s-space-8);border:var(--s-border-width-default) solid var(--s-border-default)}.file-viewer-csv__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-csv__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", ca = class {
+const la = ":host{position:relative;display:inline-flex;width:100%;max-height:100%}:host *{box-sizing:border-box}.file-viewer-csv__csv{overflow:auto;width:100%;max-height:100%;padding:var(--s-space-16);background-color:var(--s-background-default)}.file-viewer-csv__table{margin-right:auto;margin-left:auto;border-collapse:collapse;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-viewer-csv__table{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-viewer-csv__cell{padding:var(--s-space-8);border:var(--s-border-width-default) solid var(--s-border-default)}.file-viewer-csv__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-csv__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", ca = class {
   constructor(De) {
     zt(this, De), this.activate = jt(this, "activate", 7), this.errorMessage = "File could not be loaded.";
   }
@@ -671,7 +671,7 @@ const la = ":host{position:relative;display:inline-flex;width:100%;max-height:10
   }
   render() {
     var De;
-    return qe($t, { class: "file-viewer-csv" }, this.error && qe("flip-inline-error", { class: "file-viewer-csv__error", message: this.errorMessage }), qe("div", { class: "file-viewer-csv__csv", tabIndex: 0 }, qe("table", { class: "file-viewer-csv__table" }, qe("tbody", null, (De = this.data) === null || De === void 0 ? void 0 : De.map((Te, Ie) => qe("tr", { class: "file-viewer-csv__row", key: `row-${Ie}` }, Te.map((we, Ne) => qe("td", { class: "file-viewer-csv__cell", key: `cell-${Ie}-${Ne}` }, we))))))), this.loading && qe("div", { class: "file-viewer-csv__spinner" }, qe("flip-spinner", null)));
+    return qe($t, { class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && qe("swirl-inline-error", { class: "file-viewer-csv__error", message: this.errorMessage }), qe("div", { class: "file-viewer-csv__csv", tabIndex: 0 }, qe("table", { class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, qe("tbody", null, (De = this.data) === null || De === void 0 ? void 0 : De.map((Te, Ie) => qe("tr", { class: "file-viewer-csv__row", key: `row-${Ie}` }, Te.map((we, Ne) => qe("td", { class: "file-viewer-csv__cell", key: `cell-${Ie}-${Ne}` }, we))))))), this.loading && qe("div", { class: "file-viewer-csv__spinner" }, qe("swirl-spinner", null)));
   }
   get el() {
     return Qt(this);
@@ -757,7 +757,7 @@ const ua = ":host{position:relative;display:inline-flex;max-height:100%}:host *{
     return this.updateZoomAndPan(1);
   }
   render() {
-    return qe($t, { class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && qe("flip-inline-error", { class: "file-viewer-image__error", message: this.errorMessage }), qe("img", { alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (De) => this.imageEl = De, src: this.file }), this.loading && qe("div", { class: "file-viewer-image__spinner" }, qe("flip-spinner", null)));
+    return qe($t, { class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && qe("swirl-inline-error", { class: "file-viewer-image__error", message: this.errorMessage }), qe("img", { alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (De) => this.imageEl = De, src: this.file }), this.loading && qe("div", { class: "file-viewer-image__spinner" }, qe("swirl-spinner", null)));
   }
   get el() {
     return Qt(this);
@@ -16161,7 +16161,7 @@ var Kr = cr(function(De, Te) {
     })(), Qe;
   })());
 });
-const ma = /* @__PURE__ */ Qi(Kr), va = ":host{position:relative;display:inline-flex;width:100%;height:100%}:host *{box-sizing:border-box}.file-viewer-pdf__pages{overflow:auto;width:100%;height:100%}@media (min-width: 768px){.file-viewer-pdf__pages{padding:var(--s-space-16)}}.file-viewer-pdf__page{position:relative;margin-right:auto;margin-left:auto;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:#fff}@media (min-width: 768px){.file-viewer-pdf__page{border:var(--s-border-width-default) solid var(--s-border-default)}.file-viewer-pdf__page:not(:last-of-type){margin-bottom:var(--s-space-8)}}.file-viewer-pdf__page-spinner{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.file-viewer-pdf__canvas{display:flex;width:100%;height:100%;margin-right:auto;margin-left:auto}.file-viewer-pdf__text-container{position:absolute;overflow:hidden;line-height:1;text-align:initial;-webkit-user-select:none;-moz-user-select:none;user-select:none;inset:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none}.file-viewer-pdf__text-container>*{position:absolute;color:transparent;white-space:pre;cursor:text;transform-origin:0% 0%}.file-viewer-pdf__text-container>*.markedContent{top:0;height:0}.file-viewer-pdf__text-container>*.highlight{margin:-1px;padding:1px;border-radius:4px;background-color:rgba(180, 0, 170, 1)}.file-viewer-pdf__text-container>*.highlight.appended{position:initial}.file-viewer-pdf__text-container>*.highlight.begin{border-radius:4px 0 0 4px}.file-viewer-pdf__text-container>*.highlight.end{border-radius:0 4px 4px 0}.file-viewer-pdf__text-container>*.highlight.middle{border-radius:0}.file-viewer-pdf__text-container>*.highlight.selected{background-color:rgba(0, 100, 0, 1)}.file-viewer-pdf__text-container>*.endOfContent{position:absolute;z-index:-1;top:100%;right:0;bottom:0;left:0;display:block;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-viewer-pdf__text-container>*.endOfContent.active{top:0}.file-viewer-pdf__text-container>br::-moz-selection{background:transparent}.file-viewer-pdf__text-container>br::selection{background:transparent}@media (min-width: 768px){.file-viewer-pdf__text-container{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}}.file-viewer-pdf__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-pdf__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.file-viewer-pdf__pagination{position:absolute;bottom:2.5rem;left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}";
+const ma = /* @__PURE__ */ Qi(Kr), va = ":host{position:relative;display:inline-flex;width:100%;height:100%}:host *{box-sizing:border-box}.file-viewer-pdf__pages{overflow:auto;width:100%;height:100%}@media (min-width: 768px){.file-viewer-pdf__pages{padding:var(--s-space-16)}}.file-viewer-pdf__page{position:relative;margin-right:auto;margin-left:auto;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:#fff}@media (min-width: 768px){.file-viewer-pdf__page{border:var(--s-border-width-default) solid var(--s-border-default)}.file-viewer-pdf__page:not(:last-of-type){margin-bottom:var(--s-space-8)}}.file-viewer-pdf__page-spinner{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.file-viewer-pdf__canvas{display:flex;width:100%;height:100%;margin-right:auto;margin-left:auto}.file-viewer-pdf__text-container{position:absolute;overflow:hidden;line-height:1;text-align:initial;-webkit-user-select:none;-moz-user-select:none;user-select:none;inset:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none}.file-viewer-pdf__text-container>*{position:absolute;color:transparent;white-space:pre;cursor:text;transform-origin:0% 0%}.file-viewer-pdf__text-container>*.markedContent{top:0;height:0}.file-viewer-pdf__text-container>*.highlight{margin:-1px;padding:1px;border-radius:4px;background-color:rgba(180, 0, 170, 1)}.file-viewer-pdf__text-container>*.highlight.appended{position:initial}.file-viewer-pdf__text-container>*.highlight.begin{border-radius:4px 0 0 4px}.file-viewer-pdf__text-container>*.highlight.end{border-radius:0 4px 4px 0}.file-viewer-pdf__text-container>*.highlight.middle{border-radius:0}.file-viewer-pdf__text-container>*.highlight.selected{background-color:rgba(0, 100, 0, 1)}.file-viewer-pdf__text-container>*.endOfContent{position:absolute;z-index:-1;top:100%;right:0;bottom:0;left:0;display:block;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-viewer-pdf__text-container>*.endOfContent.active{top:0}.file-viewer-pdf__text-container>br::-moz-selection{background:transparent}.file-viewer-pdf__text-container>br::selection{background:transparent}@media (min-width: 768px){.file-viewer-pdf__text-container{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}}.file-viewer-pdf__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-pdf__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.file-viewer-pdf__pagination{position:absolute;bottom:2.5rem;left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-viewer-pdf__pagination{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 ma.GlobalWorkerOptions.workerSrc = "/pdfjs/pdf.worker.min.js";
 const ba = class {
   constructor(De) {
@@ -16324,15 +16324,15 @@ const ba = class {
   }
   render() {
     const De = !this.error && !this.loading && this.visiblePages.length > 0, Te = this.scrolledDown && !this.singlePageMode ? this.pages.length - 1 : this.visiblePages[0], Ie = this.loading;
-    return qe($t, { class: "file-viewer-pdf" }, this.error && qe("flip-inline-error", { class: "file-viewer-pdf__error", message: this.errorMessage }), qe("div", { "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (we) => this.scrollContainer = we }, this.pages.map((we) => {
+    return qe($t, { class: "file-viewer-pdf", exportparts: "file-viewer-pdf__pagination" }, this.error && qe("swirl-inline-error", { class: "file-viewer-pdf__error", message: this.errorMessage }), qe("div", { "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (we) => this.scrollContainer = we }, this.pages.map((we) => {
       const Ne = we.getViewport({
         scale: this.getScale(we)
       }), Qe = Ne.height, B = Ne.width, v = this.renderedPages.includes(we.pageNumber);
       return qe("div", { "aria-label": we.pageNumber, class: "file-viewer-pdf__page", "data-page-number": we.pageNumber, hidden: !this.singlePageMode || we.pageNumber === this.singlePageModePage ? void 0 : !0, id: `page-${we.pageNumber}`, key: we.pageNumber, role: "region", style: {
         width: `${B}px`,
         height: `${Qe}px`
-      }, tabIndex: 0 }, !v && qe("flip-spinner", { class: "file-viewer-pdf__page-spinner" }), qe("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: v ? "1" : "0" } }), qe("div", { class: "file-viewer-pdf__text-container" }));
-    })), De && qe("span", { class: "file-viewer-pdf__pagination", id: "pagination" }, qe("span", { "aria-current": "page" }, Te), " / ", this.doc.numPages), Ie && qe("div", { class: "file-viewer-pdf__spinner" }, qe("flip-spinner", null)));
+      }, tabIndex: 0 }, !v && qe("swirl-spinner", { class: "file-viewer-pdf__page-spinner" }), qe("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: v ? "1" : "0" } }), qe("div", { class: "file-viewer-pdf__text-container" }));
+    })), De && qe("span", { class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, qe("span", { "aria-current": "page" }, Te), " / ", this.doc.numPages), Ie && qe("div", { class: "file-viewer-pdf__spinner" }, qe("swirl-spinner", null)));
   }
   get el() {
     return Qt(this);
@@ -16345,7 +16345,7 @@ const ba = class {
   }
 };
 ba.style = va;
-const ya = ":host{position:relative;display:inline-flex;width:100%;max-height:100%}:host *{box-sizing:border-box}.file-viewer-text__text{overflow:auto;width:100%;max-height:100%;margin:0;padding:0;padding:var(--s-space-16);background-color:var(--s-background-default);font-family:var(--s-font-family-code)}.file-viewer-text__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-text__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", Sa = class {
+const ya = ":host{position:relative;display:inline-flex;width:100%;max-height:100%}:host *{box-sizing:border-box}.file-viewer-text__text{overflow:auto;width:100%;max-height:100%;margin:0;padding:0;padding:var(--s-space-16);background-color:var(--s-background-default);font-family:var(--s-font-family-code)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-viewer-text__text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-viewer-text__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-text__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", Sa = class {
   constructor(De) {
     zt(this, De), this.activate = jt(this, "activate", 7), this.errorMessage = "File could not be loaded.";
   }
@@ -16365,7 +16365,7 @@ const ya = ":host{position:relative;display:inline-flex;width:100%;max-height:10
     }
   }
   render() {
-    return qe($t, { class: "file-viewer-text" }, this.error && qe("flip-inline-error", { class: "file-viewer-text__error", message: this.errorMessage }), qe("pre", { class: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && qe("div", { class: "file-viewer-text__spinner" }, qe("flip-spinner", null)));
+    return qe($t, { class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && qe("swirl-inline-error", { class: "file-viewer-text__error", message: this.errorMessage }), qe("pre", { class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && qe("div", { class: "file-viewer-text__spinner" }, qe("swirl-spinner", null)));
   }
   get el() {
     return Qt(this);
@@ -16393,11 +16393,11 @@ const Aa = ":host{display:inline-flex;width:100%;max-height:100%}:host *{box-siz
 };
 wa.style = Aa;
 export {
-  ia as flip_file_viewer,
-  sa as flip_file_viewer_audio,
-  ca as flip_file_viewer_csv,
-  da as flip_file_viewer_image,
-  ba as flip_file_viewer_pdf,
-  Sa as flip_file_viewer_text,
-  wa as flip_file_viewer_video
+  ia as swirl_file_viewer,
+  sa as swirl_file_viewer_audio,
+  ca as swirl_file_viewer_csv,
+  da as swirl_file_viewer_image,
+  ba as swirl_file_viewer_pdf,
+  Sa as swirl_file_viewer_text,
+  wa as swirl_file_viewer_video
 };

package/dist/swirl-form-control.entry.bc87b691.js

@@ -0,0 +1,70 @@
+import { r as i, h as o, H as n, g as a } from "./index.149af511.js";
+import { c } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const m = ".sc-swirl-form-control-h{display:block;width:100%}.sc-swirl-form-control-h *.sc-swirl-form-control{box-sizing:border-box}.form-control.sc-swirl-form-control{display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-highlight);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__input.sc-swirl-form-control{overflow:hidden;max-height:0}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .select__label.sc-swirl-form-control{overflow:hidden;max-height:0;pointer-events:none}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%);opacity:1}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control--invalid.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical);box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--invalid.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-swirl-form-control .form-control__description.sc-swirl-form-control{color:var(--s-text-disabled)}.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.375rem + 2 * var(--s-border-width-default));padding:var(--s-space-8) var(--s-space-12);gap:var(--s-space-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--inline.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--inline.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control__label.sc-swirl-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__label-text.sc-swirl-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__description.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-sm)}.form-control__error-message.sc-swirl-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4)}", h = class {
+  constructor(r) {
+    i(this, r), this.descriptionId = `form-control-description-${Math.round(Math.random() * 1e5)}`, this.listenToInputValueChanges = () => {
+      this.inputEl.addEventListener("valueChange", this.checkInputValue);
+    }, this.checkInputValue = () => {
+      var t;
+      this.inputValue = (t = this.inputEl) === null || t === void 0 ? void 0 : t.value;
+    }, this.onFocusIn = () => {
+      this.hasFocus = !0;
+    }, this.onFocusOut = () => {
+      !this.hasFocus || (this.hasFocus = !1);
+    };
+  }
+  componentWillLoad() {
+    this.inputEl = this.el.children[0], this.associateDescriptionWithInputElement(), this.setInputElementDisabledState(), this.setInputElementInlineState(), this.setInputElementInvalidState(), this.setInputElementLabel(), this.checkInputValue(), this.listenToInputValueChanges();
+  }
+  associateDescriptionWithInputElement() {
+    !Boolean(this.description) || !Boolean(this.inputEl) || this.inputEl.setAttribute("swirl-aria-describedby", this.descriptionId);
+  }
+  setInputElementDisabledState() {
+    !Boolean(this.inputEl) || (this.disabled ? this.inputEl.setAttribute("disabled", "true") : this.inputEl.removeAttribute("disabled"));
+  }
+  setInputElementInlineState() {
+    !Boolean(this.inputEl) || (this.inline ? this.inputEl.setAttribute("inline", "true") : this.inputEl.removeAttribute("inline"));
+  }
+  setInputElementInvalidState() {
+    !Boolean(this.inputEl) || (this.invalid ? this.inputEl.setAttribute("invalid", "true") : this.inputEl.removeAttribute("invalid"));
+  }
+  setInputElementLabel() {
+    !Boolean(this.inputEl) || this.inputEl.setAttribute("label", this.label);
+  }
+  onWindowClick(r) {
+    if (!this.hasFocus)
+      return;
+    const t = r.target;
+    this.el.contains(t) || (this.hasFocus = !1);
+  }
+  render() {
+    const r = Boolean(this.errorMessage), t = Boolean(this.description) && !r, s = Array.isArray(this.inputValue) ? this.inputValue.length > 0 : Boolean(this.inputValue), e = this.inputEl.tagName === "SWIRL-SELECT", l = c("form-control", {
+      "form-control--disabled": this.disabled,
+      "form-control--inline": this.inline,
+      "form-control--has-focus": this.hasFocus,
+      "form-control--has-value": s,
+      "form-control--invalid": this.invalid,
+      "form-control--is-select": e
+    });
+    return o(n, { onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, o("div", { class: l, role: "group" }, o("label", { class: "form-control__label" }, o("span", { class: "form-control__label-text" }, this.label), o("span", { class: "form-control__input" }, o("slot", null))), t && o("span", { class: "form-control__description", id: this.descriptionId }, this.description), r && o("span", { "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, o("swirl-inline-error", { message: this.errorMessage, size: "s" }))));
+  }
+  get el() {
+    return a(this);
+  }
+  static get watchers() {
+    return {
+      description: ["associateDescriptionWithInputElement"],
+      disabled: ["setInputElementDisabledState"],
+      inline: ["setInputElementInlineState"],
+      invalid: ["setInputElementInvalidState"],
+      label: ["setInputElementLabel"]
+    };
+  }
+};
+h.style = m;
+export {
+  h as swirl_form_control
+};

package/dist/swirl-form-group.entry.674e8b3f.js

@@ -0,0 +1,18 @@
+import { r as s, h as o, H as i } from "./index.149af511.js";
+import { c as t } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const a = ".sc-swirl-form-group-h{display:block;width:100%}.sc-swirl-form-group-h *.sc-swirl-form-group{box-sizing:border-box}.form-group.sc-swirl-form-group{display:flex;flex-direction:column;gap:var(--s-space-16)}@media (min-width: 768px){.form-group.sc-swirl-form-group{gap:var(--s-space-24)}}.form-group--orientation-horizontal.sc-swirl-form-group{gap:var(--s-space-16)}@media (min-width: 768px){.form-group--orientation-horizontal.sc-swirl-form-group{flex-direction:row}}", p = class {
+  constructor(r) {
+    s(this, r), this.orientation = "vertical";
+  }
+  render() {
+    const r = t("form-group", `form-group--orientation-${this.orientation}`);
+    return o(i, null, o("div", { class: r }, o("slot", null)));
+  }
+};
+p.style = a;
+export {
+  p as swirl_form_group
+};

package/dist/swirl-heading.entry.8e9ded19.js

@@ -0,0 +1,28 @@
+import { r as t, h as i, H as a } from "./index.149af511.js";
+import { c as l } from "./index-47862d62.75c2fcf1.js";
+import { b as h } from "./balancetext-31f1ec68.bd1c1b2d.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const g = ".sc-swirl-heading-h{display:block;width:100%}.sc-swirl-heading-h *.sc-swirl-heading{box-sizing:border-box}.heading.sc-swirl-heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start.sc-swirl-heading{text-align:start}.heading--align-center.sc-swirl-heading{text-align:center}.heading--align-end.sc-swirl-heading{text-align:end}.heading--level-1.sc-swirl-heading{font-size:var(--s-font-size-2xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-2xl);letter-spacing:var(--s-letter-spacing-tight)}.heading--level-2.sc-swirl-heading{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3.sc-swirl-heading{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4.sc-swirl-heading,.heading--level-5.sc-swirl-heading,.heading--level-6.sc-swirl-heading{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}", r = class {
+  constructor(e) {
+    t(this, e), this.align = "start", this.balance = !0, this.level = 1;
+  }
+  componentDidRender() {
+    this.rebalance();
+  }
+  onWindowResize() {
+    this.rebalance();
+  }
+  rebalance() {
+    !this.balance || !Boolean(this.headingEl) || h(this.headingEl);
+  }
+  render() {
+    const e = this.as || `h${this.level}`, s = l("heading", `heading--align-${this.align}`, `heading--level-${this.level}`);
+    return i(a, null, i(e, { class: s, id: this.headingId, ref: (n) => this.headingEl = n }, this.text));
+  }
+};
+r.style = g;
+export {
+  r as swirl_heading
+};

package/dist/swirl-icon-add-photo.entry.5a20015c.js

@@ -0,0 +1,18 @@
+import { r as o, h as C, F as i } from "./index.149af511.js";
+import { c as r } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const e = ":host{display:inline-flex}", l = class {
+  constructor(s) {
+    o(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = r("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M1.99999 14.6666C1.63332 14.6666 1.31955 14.5362 1.05866 14.2753C0.797323 14.014 0.666656 13.7 0.666656 13.3333V5.33331C0.666656 4.96665 0.797323 4.65287 1.05866 4.39198C1.31955 4.13065 1.63332 3.99998 1.99999 3.99998H4.09999L4.93332 3.09998C5.05555 2.96665 5.20266 2.86109 5.37466 2.78331C5.5471 2.70554 5.72777 2.66665 5.91666 2.66665H8.66666C8.85555 2.66665 9.01399 2.73042 9.14199 2.85798C9.26955 2.98598 9.33332 3.14442 9.33332 3.33331V4.66665C9.33332 4.85553 9.39732 5.01398 9.52532 5.14198C9.65288 5.26953 9.8111 5.33331 9.99999 5.33331H11.3333V6.66665C11.3333 6.85553 11.3973 7.01376 11.5253 7.14131C11.6529 7.26931 11.8111 7.33331 12 7.33331H13.3333C13.5222 7.33331 13.6804 7.39709 13.808 7.52465C13.936 7.65265 14 7.81109 14 7.99998V13.3333C14 13.7 13.8695 14.014 13.6087 14.2753C13.3473 14.5362 13.0333 14.6666 12.6667 14.6666H1.99999ZM7.33332 12.3333C8.16666 12.3333 8.8751 12.0418 9.45866 11.4586C10.0418 10.8751 10.3333 10.1666 10.3333 9.33331C10.3333 8.49998 10.0418 7.79153 9.45866 7.20798C8.8751 6.62487 8.16666 6.33331 7.33332 6.33331C6.49999 6.33331 5.79155 6.62487 5.20799 7.20798C4.62488 7.79153 4.33332 8.49998 4.33332 9.33331C4.33332 10.1666 4.62488 10.8751 5.20799 11.4586C5.79155 12.0418 6.49999 12.3333 7.33332 12.3333ZM12.6667 3.99998H12C11.8111 3.99998 11.6529 3.9362 11.5253 3.80865C11.3973 3.68065 11.3333 3.5222 11.3333 3.33331C11.3333 3.14442 11.3973 2.98598 11.5253 2.85798C11.6529 2.73042 11.8111 2.66665 12 2.66665H12.6667V1.99998C12.6667 1.81109 12.7307 1.65265 12.8587 1.52465C12.9862 1.39709 13.1444 1.33331 13.3333 1.33331C13.5222 1.33331 13.6804 1.39709 13.808 1.52465C13.936 1.65265 14 1.81109 14 1.99998V2.66665H14.6667C14.8555 2.66665 15.0138 2.73042 15.1413 2.85798C15.2693 2.98598 15.3333 3.14442 15.3333 3.33331C15.3333 3.5222 15.2693 3.68065 15.1413 3.80865C15.0138 3.9362 14.8555 3.99998 14.6667 3.99998H14V4.66665C14 4.85553 13.936 5.01398 13.808 5.14198C13.6804 5.26953 13.5222 5.33331 13.3333 5.33331C13.1444 5.33331 12.9862 5.26953 12.8587 5.14198C12.7307 5.01398 12.6667 4.85553 12.6667 4.66665V3.99998Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M3 22C2.45 22 1.97933 21.8043 1.588 21.413C1.196 21.021 1 20.55 1 20V8C1 7.45 1.196 6.97933 1.588 6.588C1.97933 6.196 2.45 6 3 6H6.15L7.4 4.65C7.58333 4.45 7.804 4.29167 8.062 4.175C8.32067 4.05833 8.59167 4 8.875 4H13C13.2833 4 13.521 4.09567 13.713 4.287C13.9043 4.479 14 4.71667 14 5V7C14 7.28333 14.096 7.521 14.288 7.713C14.4793 7.90433 14.7167 8 15 8H17V10C17 10.2833 17.096 10.5207 17.288 10.712C17.4793 10.904 17.7167 11 18 11H20C20.2833 11 20.5207 11.0957 20.712 11.287C20.904 11.479 21 11.7167 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM11 18.5C12.25 18.5 13.3127 18.0627 14.188 17.188C15.0627 16.3127 15.5 15.25 15.5 14C15.5 12.75 15.0627 11.6873 14.188 10.812C13.3127 9.93733 12.25 9.5 11 9.5C9.75 9.5 8.68733 9.93733 7.812 10.812C6.93733 11.6873 6.5 12.75 6.5 14C6.5 15.25 6.93733 16.3127 7.812 17.188C8.68733 18.0627 9.75 18.5 11 18.5ZM19 6H18C17.7167 6 17.4793 5.90433 17.288 5.713C17.096 5.521 17 5.28333 17 5C17 4.71667 17.096 4.479 17.288 4.287C17.4793 4.09567 17.7167 4 18 4H19V3C19 2.71667 19.096 2.479 19.288 2.287C19.4793 2.09567 19.7167 2 20 2C20.2833 2 20.5207 2.09567 20.712 2.287C20.904 2.479 21 2.71667 21 3V4H22C22.2833 4 22.5207 4.09567 22.712 4.287C22.904 4.479 23 4.71667 23 5C23 5.28333 22.904 5.521 22.712 5.713C22.5207 5.90433 22.2833 6 22 6H21V7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8C19.7167 8 19.4793 7.90433 19.288 7.713C19.096 7.521 19 7.28333 19 7V6Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M3.49999 25.6666C2.85832 25.6666 2.30921 25.4384 1.85266 24.9818C1.39532 24.5245 1.16666 23.975 1.16666 23.3333V9.33331C1.16666 8.69165 1.39532 8.14254 1.85266 7.68598C2.30921 7.22865 2.85832 6.99998 3.49999 6.99998H7.17499L8.63332 5.42498C8.84721 5.19165 9.10466 5.00692 9.40566 4.87081C9.70743 4.7347 10.0236 4.66665 10.3542 4.66665H15.1667C15.4972 4.66665 15.7745 4.77826 15.9985 5.00148C16.2217 5.22548 16.3333 5.50276 16.3333 5.83331V8.16665C16.3333 8.4972 16.4453 8.77448 16.6693 8.99848C16.8925 9.2217 17.1694 9.33331 17.5 9.33331H19.8333V11.6666C19.8333 11.9972 19.9453 12.2741 20.1693 12.4973C20.3925 12.7213 20.6694 12.8333 21 12.8333H23.3333C23.6639 12.8333 23.9408 12.9449 24.164 13.1681C24.388 13.3921 24.5 13.6694 24.5 14V23.3333C24.5 23.975 24.2717 24.5245 23.8152 24.9818C23.3578 25.4384 22.8083 25.6666 22.1667 25.6666H3.49999ZM12.8333 21.5833C14.2917 21.5833 15.5314 21.0731 16.5527 20.0526C17.5731 19.0314 18.0833 17.7916 18.0833 16.3333C18.0833 14.875 17.5731 13.6352 16.5527 12.614C15.5314 11.5935 14.2917 11.0833 12.8333 11.0833C11.375 11.0833 10.1352 11.5935 9.11399 12.614C8.09354 13.6352 7.58332 14.875 7.58332 16.3333C7.58332 17.7916 8.09354 19.0314 9.11399 20.0526C10.1352 21.0731 11.375 21.5833 12.8333 21.5833ZM22.1667 6.99998H21C20.6694 6.99998 20.3925 6.88837 20.1693 6.66515C19.9453 6.44115 19.8333 6.16387 19.8333 5.83331C19.8333 5.50276 19.9453 5.22548 20.1693 5.00148C20.3925 4.77826 20.6694 4.66665 21 4.66665H22.1667V3.49998C22.1667 3.16942 22.2787 2.89215 22.5027 2.66815C22.7259 2.44492 23.0028 2.33331 23.3333 2.33331C23.6639 2.33331 23.9408 2.44492 24.164 2.66815C24.388 2.89215 24.5 3.16942 24.5 3.49998V4.66665H25.6667C25.9972 4.66665 26.2741 4.77826 26.4973 5.00148C26.7213 5.22548 26.8333 5.50276 26.8333 5.83331C26.8333 6.16387 26.7213 6.44115 26.4973 6.66515C26.2741 6.88837 25.9972 6.99998 25.6667 6.99998H24.5V8.16665C24.5 8.4972 24.388 8.77448 24.164 8.99848C23.9408 9.2217 23.6639 9.33331 23.3333 9.33331C23.0028 9.33331 22.7259 9.2217 22.5027 8.99848C22.2787 8.77448 22.1667 8.4972 22.1667 8.16665V6.99998Z", fill: "currentColor" })));
+  }
+};
+l.style = e;
+export {
+  l as swirl_icon_add_photo
+};

package/dist/swirl-icon-add_4.entry.0844d9ca.js

@@ -0,0 +1,51 @@
+import { r as l, h as C, F as i } from "./index.149af511.js";
+import { c as e } from "./index-47862d62.75c2fcf1.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-10467d11.b7d83301.js";
+const r = ":host{display:inline-flex}", n = class {
+  constructor(s) {
+    l(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M8 12.7666C7.78889 12.7666 7.60845 12.6915 7.45867 12.5413C7.30845 12.3915 7.23334 12.2111 7.23334 11.9999V8.76661H4C3.78889 8.76661 3.60845 8.6915 3.45867 8.54128C3.30845 8.3915 3.23334 8.21105 3.23334 7.99994C3.23334 7.78883 3.30845 7.60839 3.45867 7.45861C3.60845 7.30839 3.78889 7.23328 4 7.23328H7.23334V3.99994C7.23334 3.78883 7.30845 3.60817 7.45867 3.45794C7.60845 3.30817 7.78889 3.23328 8 3.23328C8.21112 3.23328 8.39156 3.30817 8.54134 3.45794C8.69156 3.60817 8.76667 3.78883 8.76667 3.99994V7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H8.76667V11.9999C8.76667 12.2111 8.69156 12.3915 8.54134 12.5413C8.39156 12.6915 8.21112 12.7666 8 12.7666V12.7666Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M12 19.15C11.6833 19.15 11.4127 19.0373 11.188 18.812C10.9627 18.5873 10.85 18.3166 10.85 18V13.15H6.00001C5.68334 13.15 5.41267 13.0373 5.18801 12.812C4.96267 12.5873 4.85001 12.3166 4.85001 12C4.85001 11.6833 4.96267 11.4126 5.18801 11.188C5.41267 10.9626 5.68334 10.85 6.00001 10.85H10.85V5.99998C10.85 5.68331 10.9627 5.41231 11.188 5.18698C11.4127 4.96231 11.6833 4.84998 12 4.84998C12.3167 4.84998 12.5873 4.96231 12.812 5.18698C13.0373 5.41231 13.15 5.68331 13.15 5.99998V10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H13.15V18C13.15 18.3166 13.0373 18.5873 12.812 18.812C12.5873 19.0373 12.3167 19.15 12 19.15Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 22.3417C13.6305 22.3417 13.3148 22.2102 13.0527 21.9473C12.7898 21.6852 12.6583 21.3694 12.6583 21V15.3417H6.99999C6.63055 15.3417 6.31477 15.2102 6.05266 14.9473C5.78977 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78977 13.3148 6.05266 13.0527C6.31477 12.7898 6.63055 12.6583 6.99999 12.6583H12.6583V6.99999C12.6583 6.63055 12.7898 6.31438 13.0527 6.05149C13.3148 5.78938 13.6305 5.65833 14 5.65833C14.3694 5.65833 14.6852 5.78938 14.9473 6.05149C15.2102 6.31438 15.3417 6.63055 15.3417 6.99999V12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H15.3417V21C15.3417 21.3694 15.2102 21.6852 14.9473 21.9473C14.6852 22.2102 14.3694 22.3417 14 22.3417V22.3417Z", fill: "currentColor" })));
+  }
+};
+n.style = r;
+const o = ":host{display:inline-flex}", c = class {
+  constructor(s) {
+    l(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M3.93333 12.8167C3.72222 12.8167 3.54445 12.7445 3.4 12.6C3.25556 12.4556 3.18333 12.2778 3.18333 12.0667V10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335C4.15556 9.23335 4.33889 9.30846 4.48333 9.45868C4.62778 9.60846 4.7 9.78891 4.7 10V11.3H6C6.21111 11.3 6.39156 11.3722 6.54133 11.5167C6.69156 11.6611 6.76667 11.8445 6.76667 12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167H3.93333ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002V3.93335C3.18333 3.72224 3.25556 3.54446 3.4 3.40002C3.54445 3.25557 3.72222 3.18335 3.93333 3.18335H6C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335C6.76667 4.15557 6.69156 4.33891 6.54133 4.48335C6.39156 4.62779 6.21111 4.70002 6 4.70002H4.7V6.00002C4.7 6.21113 4.62778 6.39157 4.48333 6.54135C4.33889 6.69157 4.15556 6.76668 3.93333 6.76668V6.76668ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667C9.23334 11.8445 9.30845 11.6611 9.45867 11.5167C9.60845 11.3722 9.78889 11.3 10 11.3H11.3V10C11.3 9.78891 11.3722 9.60846 11.5167 9.45868C11.6611 9.30846 11.8444 9.23335 12.0667 9.23335C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10V12.0667C12.8167 12.2778 12.7444 12.4556 12.6 12.6C12.4556 12.7445 12.2778 12.8167 12.0667 12.8167H10ZM12.0667 6.76668C11.8444 6.76668 11.6611 6.69157 11.5167 6.54135C11.3722 6.39157 11.3 6.21113 11.3 6.00002V4.70002H10C9.78889 4.70002 9.60845 4.62779 9.45867 4.48335C9.30845 4.33891 9.23334 4.15557 9.23334 3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335H12.0667C12.2778 3.18335 12.4556 3.25557 12.6 3.40002C12.7444 3.54446 12.8167 3.72224 12.8167 3.93335V6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668V6.76668Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M5.9 19.225C5.58333 19.225 5.31667 19.1167 5.1 18.9C4.88333 18.6834 4.775 18.4167 4.775 18.1V15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85C6.23333 13.85 6.50833 13.9627 6.725 14.188C6.94167 14.4127 7.05 14.6834 7.05 15V16.95H9C9.31667 16.95 9.58733 17.0584 9.812 17.275C10.0373 17.4917 10.15 17.7667 10.15 18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225H5.9ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002V5.90002C4.775 5.58336 4.88333 5.31669 5.1 5.10002C5.31667 4.88336 5.58333 4.77502 5.9 4.77502H9C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002C10.15 6.23336 10.0373 6.50836 9.812 6.72502C9.58733 6.94169 9.31667 7.05002 9 7.05002H7.05V9.00002C7.05 9.31669 6.94167 9.58736 6.725 9.81202C6.50833 10.0374 6.23333 10.15 5.9 10.15V10.15ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1C13.85 17.7667 13.9627 17.4917 14.188 17.275C14.4127 17.0584 14.6833 16.95 15 16.95H16.95V15C16.95 14.6834 17.0583 14.4127 17.275 14.188C17.4917 13.9627 17.7667 13.85 18.1 13.85C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15V18.1C19.225 18.4167 19.1167 18.6834 18.9 18.9C18.6833 19.1167 18.4167 19.225 18.1 19.225H15ZM18.1 10.15C17.7667 10.15 17.4917 10.0374 17.275 9.81202C17.0583 9.58736 16.95 9.31669 16.95 9.00002V7.05002H15C14.6833 7.05002 14.4127 6.94169 14.188 6.72502C13.9627 6.50836 13.85 6.23336 13.85 5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502H18.1C18.4167 4.77502 18.6833 4.88336 18.9 5.10002C19.1167 5.31669 19.225 5.58336 19.225 5.90002V9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15V10.15Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M6.88333 22.4291C6.51389 22.4291 6.20278 22.3027 5.95 22.05C5.69722 21.7972 5.57083 21.4861 5.57083 21.1166V17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583C7.27222 16.1583 7.59305 16.2897 7.84583 16.5526C8.09861 16.8147 8.225 17.1305 8.225 17.5V19.775H10.5C10.8694 19.775 11.1852 19.9014 11.4473 20.1541C11.7102 20.4069 11.8417 20.7277 11.8417 21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291H6.88333ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5V6.8833C5.57083 6.51386 5.69722 6.20274 5.95 5.94997C6.20278 5.69719 6.51389 5.5708 6.88333 5.5708H10.5C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833C11.8417 7.27219 11.7102 7.59302 11.4473 7.8458C11.1852 8.09858 10.8694 8.22497 10.5 8.22497H8.225V10.5C8.225 10.8694 8.09861 11.1852 7.84583 11.4473C7.59305 11.7102 7.27222 11.8416 6.88333 11.8416V11.8416ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166C16.1583 20.7277 16.2898 20.4069 16.5527 20.1541C16.8148 19.9014 17.1306 19.775 17.5 19.775H19.775V17.5C19.775 17.1305 19.9014 16.8147 20.1542 16.5526C20.4069 16.2897 20.7278 16.1583 21.1167 16.1583C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5V21.1166C22.4292 21.4861 22.3028 21.7972 22.05 22.05C21.7972 22.3027 21.4861 22.4291 21.1167 22.4291H17.5ZM21.1167 11.8416C20.7278 11.8416 20.4069 11.7102 20.1542 11.4473C19.9014 11.1852 19.775 10.8694 19.775 10.5V8.22497H17.5C17.1306 8.22497 16.8148 8.09858 16.5527 7.8458C16.2898 7.59302 16.1583 7.27219 16.1583 6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708H21.1167C21.4861 5.5708 21.7972 5.69719 22.05 5.94997C22.3028 6.20274 22.4292 6.51386 22.4292 6.8833V10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416V11.8416Z", fill: "currentColor" })));
+  }
+};
+c.style = o;
+const h = ":host{display:inline-flex}", V = class {
+  constructor(s) {
+    l(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M6 12.8167C5.78889 12.8167 5.60845 12.7445 5.45867 12.6C5.30845 12.4556 5.23333 12.2778 5.23333 12.0667V10.7667H3.93333C3.72222 10.7667 3.54445 10.6916 3.4 10.5414C3.25556 10.3916 3.18333 10.2111 3.18333 10C3.18333 9.78891 3.25556 9.60846 3.4 9.45868C3.54445 9.30846 3.72222 9.23335 3.93333 9.23335H6C6.21111 9.23335 6.39156 9.30846 6.54133 9.45868C6.69156 9.60846 6.76667 9.78891 6.76667 10V12.0667C6.76667 12.2778 6.69156 12.4556 6.54133 12.6C6.39156 12.7445 6.21111 12.8167 6 12.8167V12.8167ZM3.93333 6.76668C3.72222 6.76668 3.54445 6.69157 3.4 6.54135C3.25556 6.39157 3.18333 6.21113 3.18333 6.00002C3.18333 5.78891 3.25556 5.60824 3.4 5.45802C3.54445 5.30824 3.72222 5.23335 3.93333 5.23335H5.23333V3.93335C5.23333 3.72224 5.30845 3.54446 5.45867 3.40002C5.60845 3.25557 5.78889 3.18335 6 3.18335C6.21111 3.18335 6.39156 3.25557 6.54133 3.40002C6.69156 3.54446 6.76667 3.72224 6.76667 3.93335V6.00002C6.76667 6.21113 6.69156 6.39157 6.54133 6.54135C6.39156 6.69157 6.21111 6.76668 6 6.76668H3.93333ZM10 12.8167C9.78889 12.8167 9.60845 12.7445 9.45867 12.6C9.30845 12.4556 9.23334 12.2778 9.23334 12.0667V10C9.23334 9.78891 9.30845 9.60846 9.45867 9.45868C9.60845 9.30846 9.78889 9.23335 10 9.23335H12.0667C12.2778 9.23335 12.4556 9.30846 12.6 9.45868C12.7444 9.60846 12.8167 9.78891 12.8167 10C12.8167 10.2111 12.7444 10.3916 12.6 10.5414C12.4556 10.6916 12.2778 10.7667 12.0667 10.7667H10.7667V12.0667C10.7667 12.2778 10.6918 12.4556 10.542 12.6C10.3918 12.7445 10.2111 12.8167 10 12.8167V12.8167ZM10 6.76668C9.78889 6.76668 9.60845 6.69157 9.45867 6.54135C9.30845 6.39157 9.23334 6.21113 9.23334 6.00002V3.93335C9.23334 3.72224 9.30845 3.54446 9.45867 3.40002C9.60845 3.25557 9.78889 3.18335 10 3.18335C10.2111 3.18335 10.3918 3.25557 10.542 3.40002C10.6918 3.54446 10.7667 3.72224 10.7667 3.93335V5.23335H12.0667C12.2778 5.23335 12.4556 5.30824 12.6 5.45802C12.7444 5.60824 12.8167 5.78891 12.8167 6.00002C12.8167 6.21113 12.7444 6.39157 12.6 6.54135C12.4556 6.69157 12.2778 6.76668 12.0667 6.76668H10Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M9 19.225C8.68333 19.225 8.41267 19.1167 8.188 18.9C7.96267 18.6834 7.85 18.4167 7.85 18.1V16.15H5.9C5.58333 16.15 5.31667 16.0374 5.1 15.812C4.88333 15.5874 4.775 15.3167 4.775 15C4.775 14.6834 4.88333 14.4127 5.1 14.188C5.31667 13.9627 5.58333 13.85 5.9 13.85H9C9.31667 13.85 9.58733 13.9627 9.812 14.188C10.0373 14.4127 10.15 14.6834 10.15 15V18.1C10.15 18.4167 10.0373 18.6834 9.812 18.9C9.58733 19.1167 9.31667 19.225 9 19.225V19.225ZM5.9 10.15C5.58333 10.15 5.31667 10.0374 5.1 9.81202C4.88333 9.58736 4.775 9.31669 4.775 9.00002C4.775 8.68336 4.88333 8.41236 5.1 8.18702C5.31667 7.96236 5.58333 7.85002 5.9 7.85002H7.85V5.90002C7.85 5.58336 7.96267 5.31669 8.188 5.10002C8.41267 4.88336 8.68333 4.77502 9 4.77502C9.31667 4.77502 9.58733 4.88336 9.812 5.10002C10.0373 5.31669 10.15 5.58336 10.15 5.90002V9.00002C10.15 9.31669 10.0373 9.58736 9.812 9.81202C9.58733 10.0374 9.31667 10.15 9 10.15H5.9ZM15 19.225C14.6833 19.225 14.4127 19.1167 14.188 18.9C13.9627 18.6834 13.85 18.4167 13.85 18.1V15C13.85 14.6834 13.9627 14.4127 14.188 14.188C14.4127 13.9627 14.6833 13.85 15 13.85H18.1C18.4167 13.85 18.6833 13.9627 18.9 14.188C19.1167 14.4127 19.225 14.6834 19.225 15C19.225 15.3167 19.1167 15.5874 18.9 15.812C18.6833 16.0374 18.4167 16.15 18.1 16.15H16.15V18.1C16.15 18.4167 16.0377 18.6834 15.813 18.9C15.5877 19.1167 15.3167 19.225 15 19.225V19.225ZM15 10.15C14.6833 10.15 14.4127 10.0374 14.188 9.81202C13.9627 9.58736 13.85 9.31669 13.85 9.00002V5.90002C13.85 5.58336 13.9627 5.31669 14.188 5.10002C14.4127 4.88336 14.6833 4.77502 15 4.77502C15.3167 4.77502 15.5877 4.88336 15.813 5.10002C16.0377 5.31669 16.15 5.58336 16.15 5.90002V7.85002H18.1C18.4167 7.85002 18.6833 7.96236 18.9 8.18702C19.1167 8.41236 19.225 8.68336 19.225 9.00002C19.225 9.31669 19.1167 9.58736 18.9 9.81202C18.6833 10.0374 18.4167 10.15 18.1 10.15H15Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M10.5 22.4291C10.1306 22.4291 9.81478 22.3027 9.55266 22.05C9.28978 21.7972 9.15833 21.4861 9.15833 21.1166V18.8416H6.88333C6.51389 18.8416 6.20278 18.7102 5.95 18.4473C5.69722 18.1852 5.57083 17.8694 5.57083 17.5C5.57083 17.1305 5.69722 16.8147 5.95 16.5526C6.20278 16.2897 6.51389 16.1583 6.88333 16.1583H10.5C10.8694 16.1583 11.1852 16.2897 11.4473 16.5526C11.7102 16.8147 11.8417 17.1305 11.8417 17.5V21.1166C11.8417 21.4861 11.7102 21.7972 11.4473 22.05C11.1852 22.3027 10.8694 22.4291 10.5 22.4291V22.4291ZM6.88333 11.8416C6.51389 11.8416 6.20278 11.7102 5.95 11.4473C5.69722 11.1852 5.57083 10.8694 5.57083 10.5C5.57083 10.1305 5.69722 9.81436 5.95 9.55147C6.20278 9.28936 6.51389 9.1583 6.88333 9.1583H9.15833V6.8833C9.15833 6.51386 9.28978 6.20274 9.55266 5.94997C9.81478 5.69719 10.1306 5.5708 10.5 5.5708C10.8694 5.5708 11.1852 5.69719 11.4473 5.94997C11.7102 6.20274 11.8417 6.51386 11.8417 6.8833V10.5C11.8417 10.8694 11.7102 11.1852 11.4473 11.4473C11.1852 11.7102 10.8694 11.8416 10.5 11.8416H6.88333ZM17.5 22.4291C17.1306 22.4291 16.8148 22.3027 16.5527 22.05C16.2898 21.7972 16.1583 21.4861 16.1583 21.1166V17.5C16.1583 17.1305 16.2898 16.8147 16.5527 16.5526C16.8148 16.2897 17.1306 16.1583 17.5 16.1583H21.1167C21.4861 16.1583 21.7972 16.2897 22.05 16.5526C22.3028 16.8147 22.4292 17.1305 22.4292 17.5C22.4292 17.8694 22.3028 18.1852 22.05 18.4473C21.7972 18.7102 21.4861 18.8416 21.1167 18.8416H18.8417V21.1166C18.8417 21.4861 18.7106 21.7972 18.4485 22.05C18.1856 22.3027 17.8694 22.4291 17.5 22.4291V22.4291ZM17.5 11.8416C17.1306 11.8416 16.8148 11.7102 16.5527 11.4473C16.2898 11.1852 16.1583 10.8694 16.1583 10.5V6.8833C16.1583 6.51386 16.2898 6.20274 16.5527 5.94997C16.8148 5.69719 17.1306 5.5708 17.5 5.5708C17.8694 5.5708 18.1856 5.69719 18.4485 5.94997C18.7106 6.20274 18.8417 6.51386 18.8417 6.8833V9.1583H21.1167C21.4861 9.1583 21.7972 9.28936 22.05 9.55147C22.3028 9.81436 22.4292 10.1305 22.4292 10.5C22.4292 10.8694 22.3028 11.1852 22.05 11.4473C21.7972 11.7102 21.4861 11.8416 21.1167 11.8416H17.5Z", fill: "currentColor" })));
+  }
+};
+V.style = h;
+const H = ":host{display:inline-flex}", a = class {
+  constructor(s) {
+    l(this, s), this.size = 24;
+  }
+  render() {
+    const s = this.size === 20 ? 24 : this.size, t = e("swirl-icon", `swirl-icon--size-${this.size}`);
+    return C("svg", { class: t, fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${s} ${s}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && C(i, null, C("path", { d: "M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z", fill: "currentColor" })));
+  }
+};
+a.style = H;
+export {
+  n as swirl_icon_add,
+  c as swirl_icon_fullscreen,
+  V as swirl_icon_fullscreen_exit,
+  a as swirl_icon_remove
+};