@getflip/swirl-components 0.0.0-beta-20260114160010

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

@@ -0,0 +1,197 @@
+'use strict';
+
+var index = require('./index-31zRgX-7.js');
+var index$1 = require('./index-DcAhLZUH.js');
+var utils = require('./utils-UfZG-xPD.js');
+
+const swirlFormControlCss = ".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{--swirl-autocomplete-tags-margin-top:var(--s-space-4);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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base);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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .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):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder):not(.form-control--label-position-outside) .form-control__label-text.sc-swirl-form-control{position:absolute;top:0;bottom:0;display:flex;align-items:center;height:auto}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control--font-size-sm.sc-swirl-form-control .form-control__description.sc-swirl-form-control{font-size:var(--s-font-size-sm)}.form-control.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@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.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder).form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}.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{font-size:var(--s-font-size-base);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.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select:not(.form-control--label-position-outside) .form-control__label-text.sc-swirl-form-control{position:absolute;top:0;bottom:0;display:flex;align-items:center;height:auto;pointer-events:auto}.form-control.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select.form-control--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@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--font-size-base .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-base);--swirl-autocomplete-tags-margin-top:0;padding-top:calc(var(--s-line-height-sm) + var(--s-space-4))}.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--is-select) .form-control__label.sc-swirl-form-control{cursor:text}.form-control--label-position-outside.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--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{min-height:calc(2.25rem + 2 * var(--s-border-width-default))}}.form-control--label-position-outside.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select.sc-swirl-form-control).sc-swirl-form-control:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control,.form-control--label-position-outside.sc-swirl-form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text.sc-swirl-form-control{bottom:calc(100% + var(--s-space-4));left:0;color:var(--s-text-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);transform:none;opacity:1}.form-control--label-position-outside.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.form-control--font-size-base.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{font-size:var(--s-font-size-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control--label-position-outside.sc-swirl-form-control{--swirl-text-input-placeholder-size:var(--s-font-size-sm)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__label-text.sc-swirl-form-control{display:flex;align-items:center}}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:none;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control{display:flex;position:relative;padding:var(--s-space-4);z-index:10}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control:hover{cursor:default}.form-control__label-text.sc-swirl-form-control .form-control__tooltip.sc-swirl-form-control swirl-tooltip.sc-swirl-form-control::after{content:\"\";position:absolute;inset:calc(-1 * var(--s-space-4))}}.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:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color: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,.form-control--readonly.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-color:var(--s-border-default);background-color:var(--s-surface-raised-default)}.form-control--disabled.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control,.form-control--readonly.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-default)}.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:not(.form-control--has-placeholder) .form-control__label-text.sc-swirl-form-control{right:var(--s-space-12);left:var(--s-space-12);transition:none;opacity:0}.form-control--inline.form-control--has-character-counter.sc-swirl-form-control .form-control__description.sc-swirl-form-control{max-width:calc(100% - 6rem)}.form-control--hide-label.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{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)}.form-control--has-prefix.form-control--label-position-outside.sc-swirl-form-control .form-control__label.sc-swirl-form-control{position:static}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-critical)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled).form-control--invalid .form-control__prefix.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--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__label.sc-swirl-form-control{border-left-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.form-control--has-focus.sc-swirl-form-control:not(.form-control--disabled) .form-control__prefix.sc-swirl-form-control{border-color:var(--s-border-highlight);border-right-color:transparent;box-shadow:0 0 0 var(--s-border-width-default) var(--s-border-highlight)}.form-control--has-prefix.sc-swirl-form-control .form-control__label.sc-swirl-form-control{border-top-left-radius:0;border-bottom-left-radius:0}.form-control--has-prefix.sc-swirl-form-control .form-control__prefix.sc-swirl-form-control{display:flex}.form-control__controls.sc-swirl-form-control{position:relative;display:flex;align-items:stretch}.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);background-color:var(--swirl-form-control-label-background-color)}.form-control__secondary-label.sc-swirl-form-control{font-weight:var(--s-font-weight-normal);color:var(--s-text-subdued);margin-left:var(--s-space-4)}.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);text-align:start;white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__prefix.sc-swirl-form-control{z-index:1;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:center;align-items:center;border-top:var(--s-border-width-default) solid var(--s-border-strong);border-bottom:var(--s-border-width-default) solid var(--s-border-strong);border-left:var(--s-border-width-default) solid var(--s-border-strong);border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm);background-color:var(--s-surface-raised-default)}.form-control__prefix.sc-swirl-form-control-s>select{height:100%;margin-right:calc(-1 * var(--s-space-16));margin-left:calc(-1 * var(--s-space-16));padding-right:calc(var(--s-space-16) + 1.25rem);padding-left:var(--s-space-16);border:none;color:var(--s-text-default);background:url('data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10 12.4579C9.88889 12.4579 9.78472 12.4404 9.6875 12.4054C9.59027 12.3709 9.5 12.312 9.41666 12.2287L5.5625 8.37453C5.40972 8.22175 5.33694 8.03064 5.34416 7.8012C5.35083 7.57231 5.43055 7.38148 5.58333 7.2287C5.73611 7.07592 5.93055 6.99953 6.16666 6.99953C6.40277 6.99953 6.59722 7.07592 6.75 7.2287L10 10.4787L13.2708 7.20787C13.4236 7.05509 13.6147 6.98203 13.8442 6.9887C14.0731 6.99592 14.2639 7.07592 14.4167 7.2287C14.5694 7.38148 14.6458 7.57592 14.6458 7.81203C14.6458 8.04814 14.5694 8.24259 14.4167 8.39537L10.5833 12.2287C10.5 12.312 10.4097 12.3709 10.3125 12.4054C10.2153 12.4404 10.1111 12.4579 10 12.4579Z\" fill=\"%236E6E6E\"/></svg>');background-color:transparent;background-repeat:no-repeat;background-position:right var(--s-space-8) center;font:inherit;line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control__prefix.sc-swirl-form-control-s>select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__prefix.sc-swirl-form-control-s>select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.form-control__icon.sc-swirl-form-control{position:absolute;top:0px;bottom:0px;margin:auto;display:flex;align-items:center;justify-content:center;width:var(--s-space-20)}.form-control--has-icon.sc-swirl-form-control .form-control__label-text.sc-swirl-form-control{margin-left:calc(var(--s-space-20) + var(--s-space-12))}.form-control--has-icon.sc-swirl-form-control .form-control__input.sc-swirl-form-control{margin-left:calc(var(--s-space-20) + var(--s-space-12))}.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)}.form-control__input.sc-swirl-form-control-s>[contenteditable]:focus{outline:none}.form-control__input.sc-swirl-form-control-s>[contenteditable]{width:100%;margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.form-control__input.sc-swirl-form-control-s>[contenteditable]{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
+
+const SwirlFormControl = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.fontSize = "default";
+        this.labelPosition = "inside";
+        this.descriptionId = `form-control-description-${Math.round(Math.random() * 100000)}`;
+        this.labelId = `form-control-label-${Math.round(Math.random() * 100000)}`;
+        this.listenToInputValueChanges = () => {
+            this.inputEl.addEventListener("valueChange", this.checkInputValue);
+        };
+        this.checkInputValue = () => {
+            this.inputValue = this.inputEl?.value;
+        };
+        this.onFocusIn = () => {
+            this.hasFocus = true;
+        };
+        this.onFocusOut = () => {
+            this.hasFocus = false;
+        };
+        this.onKeyDown = (event) => {
+            if (event.key === "Tab") {
+                setTimeout(() => {
+                    if (!utils.isDescendantOf(utils.getActiveElement(), this.el)) {
+                        this.hasFocus = false;
+                    }
+                });
+            }
+        };
+        this.onLabelClick = () => {
+            if (Boolean(this.inputEl.getAttribute("contenteditable"))) {
+                this.inputEl.focus();
+            }
+        };
+    }
+    componentWillLoad() {
+        this.inputEl = this.el.firstElementChild;
+        this.associateDescriptionWithInputElement();
+        this.associateLabelWithInputElement();
+        this.setInputElementDisabledState();
+        this.setInputElementReadonlyState();
+        this.setInputElementInlineState();
+        this.setInputElementInvalidState();
+        this.setInputElementLabel();
+        this.checkInputValue();
+        this.listenToInputValueChanges();
+    }
+    componentDidRender() {
+        this.checkInputValue();
+    }
+    watchDescription() {
+        this.associateDescriptionWithInputElement();
+    }
+    watchErrorMessage() {
+        this.associateDescriptionWithInputElement();
+    }
+    setInputElementDisabledState() {
+        if (!Boolean(this.inputEl)) {
+            return;
+        }
+        if (this.disabled) {
+            this.inputEl.setAttribute("disabled", "true");
+        }
+        else {
+            this.inputEl.removeAttribute("disabled");
+        }
+    }
+    setInputElementReadonlyState() {
+        if (!Boolean(this.inputEl)) {
+            return;
+        }
+        if (this.readonly) {
+            this.inputEl.setAttribute("readonly", "true");
+        }
+        else {
+            this.inputEl.removeAttribute("readonly");
+        }
+    }
+    setInputElementInlineState() {
+        if (!Boolean(this.inputEl)) {
+            return;
+        }
+        if (this.inline || this.labelPosition === "outside") {
+            this.inputEl.setAttribute("inline", "true");
+        }
+        else {
+            this.inputEl.removeAttribute("inline");
+        }
+    }
+    setInputElementInvalidState() {
+        if (!Boolean(this.inputEl)) {
+            return;
+        }
+        if (this.invalid) {
+            this.inputEl.setAttribute("invalid", "true");
+        }
+        else {
+            this.inputEl.removeAttribute("invalid");
+        }
+    }
+    setInputElementLabel() {
+        if (!Boolean(this.inputEl)) {
+            return;
+        }
+        let label = this.label;
+        if (this.secondaryLabel) {
+            label += ` ${this.secondaryLabel}`;
+        }
+        this.inputEl.setAttribute("label", label);
+    }
+    onWindowClick(event) {
+        if (!this.hasFocus) {
+            return;
+        }
+        const target = event.target;
+        if (this.el.contains(target)) {
+            return;
+        }
+        event.stopPropagation();
+        this.hasFocus = false;
+    }
+    associateLabelWithInputElement() {
+        if (!Boolean(this.inputEl.getAttribute("contenteditable"))) {
+            return;
+        }
+        this.inputEl.setAttribute("aria-labelledby", this.labelId);
+        this.inputEl.setAttribute("aria-describedby", this.descriptionId);
+    }
+    associateDescriptionWithInputElement() {
+        if (!Boolean(this.inputEl)) {
+            return;
+        }
+        if (Boolean(this.description) || Boolean(this.errorMessage)) {
+            if (Boolean(this.inputEl.getAttribute("contenteditable"))) {
+                this.inputEl.setAttribute("aria-describedby", this.descriptionId);
+            }
+            else {
+                this.inputEl.setAttribute("swirl-aria-describedby", this.descriptionId);
+            }
+        }
+        else {
+            this.inputEl.removeAttribute("aria-describedby");
+            this.inputEl.removeAttribute("swirl-aria-describedby");
+        }
+    }
+    render() {
+        const showErrorMessage = Boolean(this.errorMessage);
+        const showDescription = Boolean(this.description) && !showErrorMessage;
+        const hasContenteditableControl = Boolean(this.inputEl.getAttribute("contenteditable"));
+        const hasPrefix = Boolean(this.el.querySelector('[slot="prefix"]'));
+        const hasIcon = Boolean(this.icon);
+        const hasValue = Array.isArray(this.inputValue)
+            ? this.inputValue.length > 0
+            : Boolean(this.inputValue) ||
+                (hasContenteditableControl && Boolean(this.inputEl.innerHTML));
+        const hasCharacterCounter = Boolean(this.inputEl.getAttribute("show-character-counter"));
+        const hasPlaceholder = Boolean(this.inputEl.getAttribute("placeholder")) ||
+            Boolean(this.inputEl.placeholder);
+        const isSelect = this.inputEl.tagName === "SWIRL-SELECT";
+        const className = index$1.classnames("form-control", `form-control--font-size-${this.fontSize}`, `form-control--label-position-${this.labelPosition}`, {
+            "form-control--disabled": this.disabled,
+            "form-control--readonly": this.readonly,
+            "form-control--has-character-counter": hasCharacterCounter,
+            "form-control--has-focus": this.hasFocus,
+            "form-control--has-placeholder": hasPlaceholder,
+            "form-control--has-prefix": hasPrefix,
+            "form-control--has-icon": hasIcon,
+            "form-control--has-value": hasValue,
+            "form-control--hide-label": this.hideLabel,
+            "form-control--inline": this.inline,
+            "form-control--invalid": this.invalid,
+            "form-control--is-select": isSelect,
+        });
+        const LabelTag = hasContenteditableControl ? "div" : "label";
+        return (index.h(index.Host, { key: '5d0c6f34f0a5e091572badf875c331f2950d2c61', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, index.h("div", { key: '0da20c4144a3e16915f01ce479be0930881283c3', class: className, role: "group" }, index.h("span", { key: '207e74fd91682c0badd35dec00f38cc24f6fbfda', class: "form-control__controls" }, index.h("span", { key: 'c924c7af99f42e86c38967f94f2ec2ce1adda03e', class: "form-control__prefix" }, index.h("slot", { key: 'f9e1846ac14c9f5abbc1d81ec54883a6f111dcf0', name: "prefix" })), index.h(LabelTag, { key: 'cf048cebee46418130e22a953bb36ca7611c9eb8', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (index.h("span", { key: 'e0fde25c920b12d8389f4855638c2565e546695a', class: "form-control__icon" }, index.h("swirl-icon", { key: '64d5f602368b330926d8325e3690cee440c4c180', glyph: this.icon, size: 20 }))), index.h("span", { key: 'c02bce9518e6396f928a6174d02e3c3535adefd9', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (index.h("span", { key: '72506a8b0f98719edb72150e4dbf646ea5614a3d', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (index.h("span", { key: 'd3deeecc715dd27b75b4b6b5964efc28a3d0f4ac', class: "form-control__tooltip" }, index.h("swirl-tooltip", { key: '6701adfdee424f93b50e382ef01aae5fbd90595f', content: this.tooltip, positioning: "fixed", position: "top" }, index.h("swirl-icon-help", { key: 'fe2bcf26d75359ad8a1d0dce9d9558deece72e4a', size: 16, tabindex: "0" }))))), index.h("span", { key: '86f1422d88df28dea22430c1907921899b84361c', class: "form-control__input" }, index.h("slot", { key: 'b75a71a7a284222a6b886355f9cacac0acc20fb8' })))), showDescription && (index.h("span", { key: '264578a1b5e01adee8170f3fc0995b5b2e3281ea', class: "form-control__description", id: this.descriptionId }, this.description)), index.h("span", { key: '8d15ec8ce9ff19a4034ce5f397a83acce09cc30b', "aria-live": "polite" }, showErrorMessage && (index.h("span", { key: 'ee8a03d72fd611d65a952cf7e9b44d6be8d55257', class: "form-control__error-message", id: this.descriptionId }, index.h("swirl-inline-error", { key: '5fe80768d96bb623c3fba7f67fbe801c2d5537f4', message: this.errorMessage, size: "s" })))))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "description": ["watchDescription"],
+        "errorMessage": ["watchErrorMessage"],
+        "disabled": ["setInputElementDisabledState"],
+        "readonly": ["setInputElementReadonlyState"],
+        "inline": ["setInputElementInlineState"],
+        "invalid": ["setInputElementInvalidState"],
+        "label": ["setInputElementLabel"]
+    }; }
+};
+SwirlFormControl.style = swirlFormControlCss;
+
+exports.swirl_form_control = SwirlFormControl;

package/dist/cjs/swirl-form-group.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var index = require('./index-31zRgX-7.js');
+var index$1 = require('./index-DcAhLZUH.js');
+
+const swirlFormGroupCss = ".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}}";
+
+const SwirlFormGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.orientation = "vertical";
+    }
+    render() {
+        const className = index$1.classnames("form-group", `form-group--orientation-${this.orientation}`);
+        return (index.h(index.Host, { key: '5b14e0132c0975013caced41c3d42765900b0301' }, index.h("div", { key: '5a3f2d09416ebaeac67e310c658445d56dfea2c8', class: className }, index.h("slot", { key: '56a1bda07c9042e0e81696c64b0789a54154915b' }))));
+    }
+};
+SwirlFormGroup.style = swirlFormGroupCss;
+
+exports.swirl_form_group = SwirlFormGroup;

package/dist/cjs/swirl-heading.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var index = require('./index-31zRgX-7.js');
+var index$1 = require('./index-DcAhLZUH.js');
+
+const swirlHeadingCss = ".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--balanced.sc-swirl-heading{text-wrap:balance}.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{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}.heading--level-5.sc-swirl-heading,.heading--level-6.sc-swirl-heading{font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-sm)}.heading--truncate.sc-swirl-heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
+
+const SwirlHeading = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.align = "start";
+        this.balance = true;
+        this.level = 1;
+    }
+    render() {
+        const Tag = this.as || `h${this.level}`;
+        const styles = Boolean(this.lines)
+            ? {
+                display: "-webkit-box",
+                overflow: "hidden",
+                "-webkit-line-clamp": String(this.lines),
+                "-webkit-box-orient": "vertical",
+                whiteSpace: "normal",
+            }
+            : undefined;
+        const className = index$1.classnames("heading", `heading--align-${this.align}`, `heading--level-${this.level}`, {
+            "heading--balanced": this.balance,
+            "heading--truncate": this.truncate,
+        });
+        return (index.h(index.Host, { key: 'dd4ed3748fc507e7ba2d848224a64a9b5283387e' }, index.h(Tag, { key: '02a22700a704330179fe3af567e78f93717c2081', class: className, id: this.headingId, style: styles }, this.text)));
+    }
+};
+SwirlHeading.style = swirlHeadingCss;
+
+exports.swirl_heading = SwirlHeading;

package/dist/cjs/swirl-icon-add-moderator.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-31zRgX-7.js');
+var index$1 = require('./index-DcAhLZUH.js');
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconAddModerator = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '2f8cdeddd518d89058bf77bdd44dc29136d4041d', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'f1b4c4109b7e2bb9752bbc80bb4080913d7fa7e6' }, index.h("path", { key: '722744e33e0bc437b1e92bee36d8821a07c916b1', d: "M8.00002 14.6664C6.45558 14.2776 5.18058 13.3914 4.17502 12.0081C3.16946 10.6248 2.66669 9.08866 2.66669 7.39977V4.24977C2.66669 3.97199 2.74724 3.72199 2.90835 3.49977C3.06946 3.27755 3.2778 3.11644 3.53335 3.01644L7.53335 1.51644C7.68891 1.46088 7.84447 1.43311 8.00002 1.43311C8.15558 1.43311 8.31113 1.46088 8.46669 1.51644L12.4667 3.01644C12.7222 3.11644 12.9306 3.27755 13.0917 3.49977C13.2528 3.72199 13.3334 3.97199 13.3334 4.24977V7.11644C13.1222 7.02755 12.9056 6.94699 12.6834 6.87477C12.4611 6.80255 12.2334 6.74977 12 6.71644V4.26644L8.00002 2.76644L4.00002 4.26644V7.39977C4.00002 7.92199 4.06946 8.44422 4.20835 8.96644C4.34724 9.48866 4.54169 9.98588 4.79169 10.4581C5.04169 10.9303 5.34446 11.3664 5.70002 11.7664C6.05558 12.1664 6.45002 12.4998 6.88335 12.7664C7.00558 13.122 7.16669 13.4609 7.36669 13.7831C7.56669 14.1053 7.79447 14.3942 8.05002 14.6498C8.03891 14.6498 8.03058 14.6526 8.02502 14.6581C8.01947 14.6637 8.01113 14.6664 8.00002 14.6664ZM11.3334 14.6664C10.4111 14.6664 9.62502 14.3414 8.97502 13.6914C8.32502 13.0414 8.00002 12.2553 8.00002 11.3331C8.00002 10.4109 8.32502 9.62477 8.97502 8.97477C9.62502 8.32477 10.4111 7.99977 11.3334 7.99977C12.2556 7.99977 13.0417 8.32477 13.6917 8.97477C14.3417 9.62477 14.6667 10.4109 14.6667 11.3331C14.6667 12.2553 14.3417 13.0414 13.6917 13.6914C13.0417 14.3414 12.2556 14.6664 11.3334 14.6664ZM11 11.6664V12.9998C11 13.0887 11.0334 13.1664 11.1 13.2331C11.1667 13.2998 11.2445 13.3331 11.3334 13.3331C11.4222 13.3331 11.5 13.2998 11.5667 13.2331C11.6334 13.1664 11.6667 13.0887 11.6667 12.9998V11.6664H13C13.0889 11.6664 13.1667 11.6331 13.2334 11.5664C13.3 11.4998 13.3334 11.422 13.3334 11.3331C13.3334 11.2442 13.3 11.1664 13.2334 11.0998C13.1667 11.0331 13.0889 10.9998 13 10.9998H11.6667V9.66644C11.6667 9.57755 11.6334 9.49977 11.5667 9.43311C11.5 9.36644 11.4222 9.33311 11.3334 9.33311C11.2445 9.33311 11.1667 9.36644 11.1 9.43311C11.0334 9.49977 11 9.57755 11 9.66644V10.9998H9.66669C9.5778 10.9998 9.50002 11.0331 9.43335 11.0998C9.36669 11.1664 9.33335 11.2442 9.33335 11.3331C9.33335 11.422 9.36669 11.4998 9.43335 11.5664C9.50002 11.6331 9.5778 11.6664 9.66669 11.6664H11Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'e3b680c7ec27d66246969b3feaee76c4fccc9a73' }, index.h("path", { key: '3a1299e9edac772c40a473e2a627003510186546', d: "M12 21.9999C9.68333 21.4166 7.77083 20.0874 6.2625 18.0124C4.75417 15.9374 4 13.6332 4 11.0999V6.3749C4 5.95824 4.12083 5.58324 4.3625 5.2499C4.60417 4.91657 4.91667 4.6749 5.3 4.5249L11.3 2.2749C11.5333 2.19157 11.7667 2.1499 12 2.1499C12.2333 2.1499 12.4667 2.19157 12.7 2.2749L18.7 4.5249C19.0833 4.6749 19.3958 4.91657 19.6375 5.2499C19.8792 5.58324 20 5.95824 20 6.3749V10.6749C19.6833 10.5416 19.3583 10.4207 19.025 10.3124C18.6917 10.2041 18.35 10.1249 18 10.0749V6.3999L12 4.1499L6 6.3999V11.0999C6 11.8832 6.10417 12.6666 6.3125 13.4499C6.52083 14.2332 6.8125 14.9791 7.1875 15.6874C7.5625 16.3957 8.01667 17.0499 8.55 17.6499C9.08333 18.2499 9.675 18.7499 10.325 19.1499C10.5083 19.6832 10.75 20.1916 11.05 20.6749C11.35 21.1582 11.6917 21.5916 12.075 21.9749C12.0583 21.9749 12.0458 21.9791 12.0375 21.9874C12.0292 21.9957 12.0167 21.9999 12 21.9999ZM17 21.9999C15.6167 21.9999 14.4375 21.5124 13.4625 20.5374C12.4875 19.5624 12 18.3832 12 16.9999C12 15.6166 12.4875 14.4374 13.4625 13.4624C14.4375 12.4874 15.6167 11.9999 17 11.9999C18.3833 11.9999 19.5625 12.4874 20.5375 13.4624C21.5125 14.4374 22 15.6166 22 16.9999C22 18.3832 21.5125 19.5624 20.5375 20.5374C19.5625 21.5124 18.3833 21.9999 17 21.9999ZM16.5 17.4999V19.4999C16.5 19.6332 16.55 19.7499 16.65 19.8499C16.75 19.9499 16.8667 19.9999 17 19.9999C17.1333 19.9999 17.25 19.9499 17.35 19.8499C17.45 19.7499 17.5 19.6332 17.5 19.4999V17.4999H19.5C19.6333 17.4999 19.75 17.4499 19.85 17.3499C19.95 17.2499 20 17.1332 20 16.9999C20 16.8666 19.95 16.7499 19.85 16.6499C19.75 16.5499 19.6333 16.4999 19.5 16.4999H17.5V14.4999C17.5 14.3666 17.45 14.2499 17.35 14.1499C17.25 14.0499 17.1333 13.9999 17 13.9999C16.8667 13.9999 16.75 14.0499 16.65 14.1499C16.55 14.2499 16.5 14.3666 16.5 14.4999V16.4999H14.5C14.3667 16.4999 14.25 16.5499 14.15 16.6499C14.05 16.7499 14 16.8666 14 16.9999C14 17.1332 14.05 17.2499 14.15 17.3499C14.25 17.4499 14.3667 17.4999 14.5 17.4999H16.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '13affeca040ee266f93fb8155c93691be7ce4555' }, index.h("path", { key: 'b068b66732044a9f2c994f5fc126aa4ab5241c5c', d: "M14 25.6666C11.2972 24.9861 9.06599 23.4354 7.30627 21.0146C5.54655 18.5937 4.66669 15.9055 4.66669 12.95V7.43747C4.66669 6.95136 4.80766 6.51386 5.0896 6.12497C5.37155 5.73608 5.73613 5.45413 6.18335 5.27913L13.1834 2.65413C13.4556 2.55691 13.7278 2.5083 14 2.5083C14.2722 2.5083 14.5445 2.55691 14.8167 2.65413L21.8167 5.27913C22.2639 5.45413 22.6285 5.73608 22.9104 6.12497C23.1924 6.51386 23.3334 6.95136 23.3334 7.43747V12.4541C22.9639 12.2986 22.5847 12.1576 22.1959 12.0312C21.807 11.9048 21.4084 11.8125 21 11.7541V7.46663L14 4.84163L7.00002 7.46663V12.95C7.00002 13.8639 7.12155 14.7777 7.3646 15.6916C7.60766 16.6055 7.94794 17.4757 8.38544 18.3021C8.82294 19.1284 9.3528 19.8916 9.97502 20.5916C10.5972 21.2916 11.2875 21.875 12.0459 22.3416C12.2597 22.9639 12.5417 23.5569 12.8917 24.1208C13.2417 24.6847 13.6403 25.1902 14.0875 25.6375C14.0681 25.6375 14.0535 25.6423 14.0438 25.6521C14.034 25.6618 14.0195 25.6666 14 25.6666ZM19.8334 25.6666C18.2195 25.6666 16.8438 25.0979 15.7063 23.9604C14.5688 22.8229 14 21.4472 14 19.8333C14 18.2194 14.5688 16.8437 15.7063 15.7062C16.8438 14.5687 18.2195 14 19.8334 14C21.4472 14 22.8229 14.5687 23.9604 15.7062C25.0979 16.8437 25.6667 18.2194 25.6667 19.8333C25.6667 21.4472 25.0979 22.8229 23.9604 23.9604C22.8229 25.0979 21.4472 25.6666 19.8334 25.6666ZM19.25 20.4166V22.75C19.25 22.9055 19.3084 23.0416 19.425 23.1583C19.5417 23.275 19.6778 23.3333 19.8334 23.3333C19.9889 23.3333 20.125 23.275 20.2417 23.1583C20.3584 23.0416 20.4167 22.9055 20.4167 22.75V20.4166H22.75C22.9056 20.4166 23.0417 20.3583 23.1584 20.2416C23.275 20.125 23.3334 19.9889 23.3334 19.8333C23.3334 19.6777 23.275 19.5416 23.1584 19.425C23.0417 19.3083 22.9056 19.25 22.75 19.25H20.4167V16.9166C20.4167 16.7611 20.3584 16.625 20.2417 16.5083C20.125 16.3916 19.9889 16.3333 19.8334 16.3333C19.6778 16.3333 19.5417 16.3916 19.425 16.5083C19.3084 16.625 19.25 16.7611 19.25 16.9166V19.25H16.9167C16.7611 19.25 16.625 19.3083 16.5084 19.425C16.3917 19.5416 16.3334 19.6777 16.3334 19.8333C16.3334 19.9889 16.3917 20.125 16.5084 20.2416C16.625 20.3583 16.7611 20.4166 16.9167 20.4166H19.25Z", fill: "currentColor" })))));
+    }
+};
+SwirlIconAddModerator.style = swirlIconCss;
+
+exports.swirl_icon_add_moderator = SwirlIconAddModerator;

package/dist/cjs/swirl-icon-add-photo.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-31zRgX-7.js');
+var index$1 = require('./index-DcAhLZUH.js');
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconAddPhoto = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '7521f21d1b44a16d858c210f1d40712e20ea41ab', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '6ee40668c9f59fdf37d2c738ebf1922c151e1f6e' }, index.h("path", { key: 'b388b7cd99e0fce4660a0b219e456aadd5bf6fa8', d: "M7.33335 12.3333C8.16669 12.3333 8.87513 12.0417 9.45869 11.4586C10.0418 10.875 10.3334 10.1666 10.3334 9.33325C10.3334 8.49992 10.0418 7.79147 9.45869 7.20792C8.87513 6.62481 8.16669 6.33325 7.33335 6.33325C6.50002 6.33325 5.79158 6.62481 5.20802 7.20792C4.62491 7.79147 4.33335 8.49992 4.33335 9.33325C4.33335 10.1666 4.62491 10.875 5.20802 11.4586C5.79158 12.0417 6.50002 12.3333 7.33335 12.3333ZM2.00002 14.6666C1.63335 14.6666 1.31958 14.5361 1.05869 14.2753C0.797354 14.0139 0.666687 13.6999 0.666687 13.3333V5.33325C0.666687 4.96659 0.797354 4.65281 1.05869 4.39192C1.31958 4.13059 1.63335 3.99992 2.00002 3.99992H4.10002L4.93335 3.09992C5.05558 2.96659 5.20269 2.86103 5.37469 2.78325C5.54713 2.70547 5.7278 2.66659 5.91669 2.66659H8.66669C8.85558 2.66659 9.01402 2.73036 9.14202 2.85792C9.26958 2.98592 9.33335 3.14436 9.33335 3.33325V5.33325H2.00002V13.3333H12.6667V7.33325H13.3334C13.4222 7.33325 13.5085 7.34992 13.592 7.38325C13.6751 7.41658 13.7474 7.4637 13.8087 7.52458C13.8696 7.58592 13.9167 7.65814 13.95 7.74125C13.9834 7.82481 14 7.91103 14 7.99992V13.3333C14 13.6999 13.8696 14.0139 13.6087 14.2753C13.3474 14.5361 13.0334 14.6666 12.6667 14.6666H2.00002ZM12.6667 3.99992H12C11.8111 3.99992 11.6529 3.93614 11.5254 3.80859C11.3974 3.68059 11.3334 3.52214 11.3334 3.33325C11.3334 3.14436 11.3974 2.98592 11.5254 2.85792C11.6529 2.73036 11.8111 2.66659 12 2.66659H12.6667V1.99992C12.6667 1.81103 12.7307 1.65259 12.8587 1.52459C12.9862 1.39703 13.1445 1.33325 13.3334 1.33325C13.5222 1.33325 13.6805 1.39703 13.808 1.52459C13.936 1.65259 14 1.81103 14 1.99992V2.66659H14.6667C14.8556 2.66659 15.0138 2.73036 15.1414 2.85792C15.2694 2.98592 15.3334 3.14436 15.3334 3.33325C15.3334 3.52214 15.2694 3.68059 15.1414 3.80859C15.0138 3.93614 14.8556 3.99992 14.6667 3.99992H14V4.66659C14 4.85547 13.936 5.01392 13.808 5.14192C13.6805 5.26947 13.5222 5.33325 13.3334 5.33325C13.1445 5.33325 12.9862 5.26947 12.8587 5.14192C12.7307 5.01392 12.6667 4.85547 12.6667 4.66659V3.99992Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '3870bb227c6a6d487504c1fab5d2ae49d3612c57' }, index.h("path", { key: 'b60160a6c0a24107530379351602ba7d75410618', d: "M11 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.5ZM3 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 5V8H3V20H19V11H20C20.1333 11 20.2627 11.025 20.388 11.075C20.5127 11.125 20.621 11.1957 20.713 11.287C20.8043 11.379 20.875 11.4873 20.925 11.612C20.975 11.7373 21 11.8667 21 12V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H3ZM19 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 && (index.h(index.Fragment, { key: 'a638fd4b453914bac561b0c5fc9994d386508740' }, index.h("path", { key: '9a343a6b7c2e8ee9e3c2918d98b9b40ebc7b74a7', d: "M12.8334 21.5833C14.2917 21.5833 15.5315 21.073 16.5527 20.0526C17.5731 19.0314 18.0834 17.7916 18.0834 16.3333C18.0834 14.8749 17.5731 13.6351 16.5527 12.6139C15.5315 11.5935 14.2917 11.0833 12.8334 11.0833C11.375 11.0833 10.1352 11.5935 9.11402 12.6139C8.09358 13.6351 7.58335 14.8749 7.58335 16.3333C7.58335 17.7916 8.09358 19.0314 9.11402 20.0526C10.1352 21.073 11.375 21.5833 12.8334 21.5833ZM3.50002 25.6666C2.85835 25.6666 2.30924 25.4383 1.85269 24.9818C1.39535 24.5244 1.16669 23.9749 1.16669 23.3333V9.33325C1.16669 8.69159 1.39535 8.14247 1.85269 7.68592C2.30924 7.22859 2.85835 6.99992 3.50002 6.99992H7.17502L8.63335 5.42492C8.84724 5.19159 9.10469 5.00686 9.40569 4.87075C9.70746 4.73464 10.0236 4.66659 10.3542 4.66659H15.1667C15.4972 4.66659 15.7745 4.7782 15.9985 5.00142C16.2217 5.22542 16.3334 5.5027 16.3334 5.83325V9.33325H3.50002V23.3333H22.1667V12.8333H23.3334C23.4889 12.8333 23.6398 12.8624 23.786 12.9208C23.9315 12.9791 24.0579 13.0615 24.1652 13.1681C24.2717 13.2754 24.3542 13.4018 24.4125 13.5473C24.4709 13.6935 24.5 13.8444 24.5 13.9999V23.3333C24.5 23.9749 24.2717 24.5244 23.8152 24.9818C23.3579 25.4383 22.8084 25.6666 22.1667 25.6666H3.50002ZM22.1667 6.99992H21C20.6695 6.99992 20.3926 6.88831 20.1694 6.66509C19.9454 6.44109 19.8334 6.16381 19.8334 5.83325C19.8334 5.5027 19.9454 5.22542 20.1694 5.00142C20.3926 4.7782 20.6695 4.66659 21 4.66659H22.1667V3.49992C22.1667 3.16936 22.2787 2.89209 22.5027 2.66809C22.7259 2.44486 23.0028 2.33325 23.3334 2.33325C23.6639 2.33325 23.9408 2.44486 24.164 2.66809C24.388 2.89209 24.5 3.16936 24.5 3.49992V4.66659H25.6667C25.9972 4.66659 26.2741 4.7782 26.4974 5.00142C26.7214 5.22542 26.8334 5.5027 26.8334 5.83325C26.8334 6.16381 26.7214 6.44109 26.4974 6.66509C26.2741 6.88831 25.9972 6.99992 25.6667 6.99992H24.5V8.16659C24.5 8.49714 24.388 8.77442 24.164 8.99842C23.9408 9.22164 23.6639 9.33325 23.3334 9.33325C23.0028 9.33325 22.7259 9.22164 22.5027 8.99842C22.2787 8.77442 22.1667 8.49714 22.1667 8.16659V6.99992Z", fill: "currentColor" })))));
+    }
+};
+SwirlIconAddPhoto.style = swirlIconCss;
+
+exports.swirl_icon_add_photo = SwirlIconAddPhoto;

package/dist/cjs/swirl-icon-add-reaction.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-31zRgX-7.js');
+var index$1 = require('./index-DcAhLZUH.js');
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconAddReaction = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '752b9a13ced9ac33f09c2853f975d3484b42158b', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '9d0039f4257a385140ea58552808a25e2db8fc04' }, index.h("path", { key: '6c2380d87d55afc27e4d667cdcd861f73681ffda', d: "M7.99998 14.6667C7.07776 14.6667 6.21109 14.4917 5.39998 14.1417C4.58887 13.7917 3.88331 13.3167 3.28331 12.7167C2.68331 12.1167 2.20831 11.4112 1.85831 10.6001C1.50831 9.78897 1.33331 8.9223 1.33331 8.00008C1.33331 7.07786 1.50831 6.21119 1.85831 5.40008C2.20831 4.58897 2.68331 3.88341 3.28331 3.28341C3.88331 2.68341 4.58887 2.20841 5.39998 1.85841C6.21109 1.50841 7.07776 1.33341 7.99998 1.33341C8.47776 1.33341 8.93887 1.38064 9.38331 1.47508C9.82776 1.56953 10.2555 1.70564 10.6666 1.88341V3.38341C10.2778 3.16119 9.85831 2.98619 9.40831 2.85841C8.95831 2.73064 8.48887 2.66675 7.99998 2.66675C6.5222 2.66675 5.26387 3.18619 4.22498 4.22508C3.18609 5.26397 2.66665 6.5223 2.66665 8.00008C2.66665 9.47786 3.18609 10.7362 4.22498 11.7751C5.26387 12.814 6.5222 13.3334 7.99998 13.3334C9.47776 13.3334 10.7361 12.814 11.775 11.7751C12.8139 10.7362 13.3333 9.47786 13.3333 8.00008C13.3333 7.64453 13.2972 7.30008 13.225 6.96675C13.1528 6.63341 13.0555 6.31119 12.9333 6.00008H14.3666C14.4666 6.3223 14.5416 6.6473 14.5916 6.97508C14.6416 7.30286 14.6666 7.64453 14.6666 8.00008C14.6666 8.9223 14.4916 9.78897 14.1416 10.6001C13.7916 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.4111 13.7917 10.6 14.1417C9.78887 14.4917 8.9222 14.6667 7.99998 14.6667ZM13.3333 3.33341H12.6666C12.4778 3.33341 12.3194 3.26953 12.1916 3.14175C12.0639 3.01397 12 2.85564 12 2.66675C12 2.47786 12.0639 2.31953 12.1916 2.19175C12.3194 2.06397 12.4778 2.00008 12.6666 2.00008H13.3333V1.33341C13.3333 1.14453 13.3972 0.986192 13.525 0.858415C13.6528 0.730637 13.8111 0.666748 14 0.666748C14.1889 0.666748 14.3472 0.730637 14.475 0.858415C14.6028 0.986192 14.6666 1.14453 14.6666 1.33341V2.00008H15.3333C15.5222 2.00008 15.6805 2.06397 15.8083 2.19175C15.9361 2.31953 16 2.47786 16 2.66675C16 2.85564 15.9361 3.01397 15.8083 3.14175C15.6805 3.26953 15.5222 3.33341 15.3333 3.33341H14.6666V4.00008C14.6666 4.18897 14.6028 4.3473 14.475 4.47508C14.3472 4.60286 14.1889 4.66675 14 4.66675C13.8111 4.66675 13.6528 4.60286 13.525 4.47508C13.3972 4.3473 13.3333 4.18897 13.3333 4.00008V3.33341ZM10.3333 7.33341C10.6111 7.33341 10.8472 7.23619 11.0416 7.04175C11.2361 6.8473 11.3333 6.61119 11.3333 6.33341C11.3333 6.05564 11.2361 5.81953 11.0416 5.62508C10.8472 5.43064 10.6111 5.33341 10.3333 5.33341C10.0555 5.33341 9.81942 5.43064 9.62498 5.62508C9.43054 5.81953 9.33331 6.05564 9.33331 6.33341C9.33331 6.61119 9.43054 6.8473 9.62498 7.04175C9.81942 7.23619 10.0555 7.33341 10.3333 7.33341ZM5.66665 7.33341C5.94442 7.33341 6.18054 7.23619 6.37498 7.04175C6.56942 6.8473 6.66665 6.61119 6.66665 6.33341C6.66665 6.05564 6.56942 5.81953 6.37498 5.62508C6.18054 5.43064 5.94442 5.33341 5.66665 5.33341C5.38887 5.33341 5.15276 5.43064 4.95831 5.62508C4.76387 5.81953 4.66665 6.05564 4.66665 6.33341C4.66665 6.61119 4.76387 6.8473 4.95831 7.04175C5.15276 7.23619 5.38887 7.33341 5.66665 7.33341ZM7.99998 11.6667C8.64442 11.6667 9.23887 11.5112 9.78331 11.2001C10.3278 10.889 10.7666 10.4667 11.1 9.93342C11.1666 9.80008 11.1611 9.66675 11.0833 9.53342C11.0055 9.40008 10.8889 9.33341 10.7333 9.33341H5.26665C5.11109 9.33341 4.99442 9.40008 4.91665 9.53342C4.83887 9.66675 4.83331 9.80008 4.89998 9.93342C5.23331 10.4667 5.67498 10.889 6.22498 11.2001C6.77498 11.5112 7.36665 11.6667 7.99998 11.6667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '986808d77e8fb52cc7d57259bdee8f453db4b5fe' }, index.h("path", { key: 'd029fddff549330bbd216ca8f0281195330d56ec', d: "M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C12.7167 2 13.4083 2.07083 14.075 2.2125C14.7417 2.35417 15.3833 2.55833 16 2.825V5.075C15.4167 4.74167 14.7875 4.47917 14.1125 4.2875C13.4375 4.09583 12.7333 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 11.4667 19.9458 10.95 19.8375 10.45C19.7292 9.95 19.5833 9.46667 19.4 9H21.55C21.7 9.48333 21.8125 9.97083 21.8875 10.4625C21.9625 10.9542 22 11.4667 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM20 5H19C18.7167 5 18.4792 4.90417 18.2875 4.7125C18.0958 4.52083 18 4.28333 18 4C18 3.71667 18.0958 3.47917 18.2875 3.2875C18.4792 3.09583 18.7167 3 19 3H20V2C20 1.71667 20.0958 1.47917 20.2875 1.2875C20.4792 1.09583 20.7167 1 21 1C21.2833 1 21.5208 1.09583 21.7125 1.2875C21.9042 1.47917 22 1.71667 22 2V3H23C23.2833 3 23.5208 3.09583 23.7125 3.2875C23.9042 3.47917 24 3.71667 24 4C24 4.28333 23.9042 4.52083 23.7125 4.7125C23.5208 4.90417 23.2833 5 23 5H22V6C22 6.28333 21.9042 6.52083 21.7125 6.7125C21.5208 6.90417 21.2833 7 21 7C20.7167 7 20.4792 6.90417 20.2875 6.7125C20.0958 6.52083 20 6.28333 20 6V5ZM15.5 11C15.9167 11 16.2708 10.8542 16.5625 10.5625C16.8542 10.2708 17 9.91667 17 9.5C17 9.08333 16.8542 8.72917 16.5625 8.4375C16.2708 8.14583 15.9167 8 15.5 8C15.0833 8 14.7292 8.14583 14.4375 8.4375C14.1458 8.72917 14 9.08333 14 9.5C14 9.91667 14.1458 10.2708 14.4375 10.5625C14.7292 10.8542 15.0833 11 15.5 11ZM8.5 11C8.91667 11 9.27083 10.8542 9.5625 10.5625C9.85417 10.2708 10 9.91667 10 9.5C10 9.08333 9.85417 8.72917 9.5625 8.4375C9.27083 8.14583 8.91667 8 8.5 8C8.08333 8 7.72917 8.14583 7.4375 8.4375C7.14583 8.72917 7 9.08333 7 9.5C7 9.91667 7.14583 10.2708 7.4375 10.5625C7.72917 10.8542 8.08333 11 8.5 11ZM12 17.5C12.9667 17.5 13.8583 17.2667 14.675 16.8C15.4917 16.3333 16.15 15.7 16.65 14.9C16.75 14.7 16.7417 14.5 16.625 14.3C16.5083 14.1 16.3333 14 16.1 14H7.9C7.66667 14 7.49167 14.1 7.375 14.3C7.25833 14.5 7.25 14.7 7.35 14.9C7.85 15.7 8.5125 16.3333 9.3375 16.8C10.1625 17.2667 11.05 17.5 12 17.5Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '7b96f128583d5571515199446440e319b1251599' }, index.h("path", { key: 'aaef5a2ccd18e6a1536a4c11cced040bee936a74', d: "M14 25.6667C12.3861 25.6667 10.8695 25.3605 9.45001 24.748C8.03057 24.1355 6.79584 23.3042 5.74584 22.2542C4.69584 21.2042 3.86459 19.9695 3.25209 18.5501C2.63959 17.1306 2.33334 15.614 2.33334 14.0001C2.33334 12.3862 2.63959 10.8695 3.25209 9.45008C3.86459 8.03064 4.69584 6.79591 5.74584 5.74591C6.79584 4.69591 8.03057 3.86466 9.45001 3.25216C10.8695 2.63966 12.3861 2.33341 14 2.33341C14.8361 2.33341 15.6431 2.41605 16.4208 2.58133C17.1986 2.74661 17.9472 2.9848 18.6667 3.29591V5.92091C17.9861 5.53203 17.2521 5.22578 16.4646 5.00216C15.6771 4.77855 14.8556 4.66675 14 4.66675C11.4139 4.66675 9.21182 5.57578 7.39376 7.39383C5.5757 9.21189 4.66668 11.414 4.66668 14.0001C4.66668 16.5862 5.5757 18.7883 7.39376 20.6063C9.21182 22.4244 11.4139 23.3334 14 23.3334C16.5861 23.3334 18.7882 22.4244 20.6063 20.6063C22.4243 18.7883 23.3333 16.5862 23.3333 14.0001C23.3333 13.3779 23.2701 12.7751 23.1438 12.1917C23.0174 11.6084 22.8472 11.0445 22.6333 10.5001H25.1417C25.3167 11.064 25.4479 11.6327 25.5354 12.2063C25.6229 12.7799 25.6667 13.3779 25.6667 14.0001C25.6667 15.614 25.3604 17.1306 24.7479 18.5501C24.1354 19.9695 23.3042 21.2042 22.2542 22.2542C21.2042 23.3042 19.9695 24.1355 18.55 24.748C17.1306 25.3605 15.6139 25.6667 14 25.6667ZM23.3333 5.83341H22.1667C21.8361 5.83341 21.559 5.72161 21.3354 5.498C21.1118 5.27439 21 4.9973 21 4.66675C21 4.33619 21.1118 4.05911 21.3354 3.8355C21.559 3.61189 21.8361 3.50008 22.1667 3.50008H23.3333V2.33341C23.3333 2.00286 23.4451 1.72578 23.6688 1.50216C23.8924 1.27855 24.1695 1.16675 24.5 1.16675C24.8306 1.16675 25.1076 1.27855 25.3313 1.50216C25.5549 1.72578 25.6667 2.00286 25.6667 2.33341V3.50008H26.8333C27.1639 3.50008 27.441 3.61189 27.6646 3.8355C27.8882 4.05911 28 4.33619 28 4.66675C28 4.9973 27.8882 5.27439 27.6646 5.498C27.441 5.72161 27.1639 5.83341 26.8333 5.83341H25.6667V7.00008C25.6667 7.33064 25.5549 7.60772 25.3313 7.83133C25.1076 8.05494 24.8306 8.16675 24.5 8.16675C24.1695 8.16675 23.8924 8.05494 23.6688 7.83133C23.4451 7.60772 23.3333 7.33064 23.3333 7.00008V5.83341ZM18.0833 12.8334C18.5695 12.8334 18.9826 12.6633 19.3229 12.323C19.6632 11.9827 19.8333 11.5695 19.8333 11.0834C19.8333 10.5973 19.6632 10.1841 19.3229 9.84383C18.9826 9.50355 18.5695 9.33341 18.0833 9.33341C17.5972 9.33341 17.184 9.50355 16.8438 9.84383C16.5035 10.1841 16.3333 10.5973 16.3333 11.0834C16.3333 11.5695 16.5035 11.9827 16.8438 12.323C17.184 12.6633 17.5972 12.8334 18.0833 12.8334ZM9.91668 12.8334C10.4028 12.8334 10.816 12.6633 11.1563 12.323C11.4965 11.9827 11.6667 11.5695 11.6667 11.0834C11.6667 10.5973 11.4965 10.1841 11.1563 9.84383C10.816 9.50355 10.4028 9.33341 9.91668 9.33341C9.43057 9.33341 9.01737 9.50355 8.67709 9.84383C8.33682 10.1841 8.16668 10.5973 8.16668 11.0834C8.16668 11.5695 8.33682 11.9827 8.67709 12.323C9.01737 12.6633 9.43057 12.8334 9.91668 12.8334ZM14 20.4167C15.1278 20.4167 16.1681 20.1445 17.1208 19.6001C18.0736 19.0556 18.8417 18.3167 19.425 17.3834C19.5417 17.1501 19.532 16.9167 19.3958 16.6834C19.2597 16.4501 19.0556 16.3334 18.7833 16.3334H9.21668C8.94445 16.3334 8.74029 16.4501 8.60418 16.6834C8.46807 16.9167 8.45834 17.1501 8.57501 17.3834C9.15834 18.3167 9.93126 19.0556 10.8938 19.6001C11.8563 20.1445 12.8917 20.4167 14 20.4167Z", fill: "currentColor" })))));
+    }
+};
+SwirlIconAddReaction.style = swirlIconCss;
+
+exports.swirl_icon_add_reaction = SwirlIconAddReaction;

package/dist/cjs/swirl-icon-add_6.cjs.entry.js

@@ -0,0 +1,119 @@
+'use strict';
+
+var index = require('./index-31zRgX-7.js');
+var index$1 = require('./index-DcAhLZUH.js');
+
+const swirlIconCss$5 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconAdd = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: 'b2b268f4a431376889ca877ee1cd42b3117a0341', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'f64d3d9b832f8c13ba9261e9c6f4372637f38cf2' }, index.h("path", { key: 'd747c200a8b8c4f2d86621c53997fe73a8ca128f', 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) && (index.h(index.Fragment, { key: 'bfb87470d78b7f56fa0e948e57a3b99be1e24cd6' }, index.h("path", { key: 'db619c05f92dd16a8be37b5f3dab176dc4e26c15', 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 && (index.h(index.Fragment, { key: 'dc8844a464dbea391995521ac4e332cfec5adfae' }, index.h("path", { key: 'd5937c24970d980bf49bdb4246c6aa67576c445b', 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" })))));
+    }
+};
+SwirlIconAdd.style = swirlIconCss$5;
+
+const swirlIconCss$4 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconFileCopy = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '948cdb9e5bc16c27e13f7e00f4da57ecf4b0acac', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'f016a45f21325d8ae2a72ef1b8afdf4e1d1d2b5a' }, index.h("path", { key: '378f926557cea24fbb26ab533060414867d496a2', d: "M12.6667 12.6667H5.33334C4.96667 12.6667 4.65278 12.5362 4.39167 12.2751C4.13056 12.014 4 11.7001 4 11.3334V2.00008C4 1.63341 4.13056 1.31953 4.39167 1.05841C4.65278 0.797304 4.96667 0.666748 5.33334 0.666748H9.45C9.62778 0.666748 9.79723 0.700081 9.95834 0.766748C10.1194 0.833415 10.2611 0.927859 10.3833 1.05008L13.6167 4.28341C13.7389 4.40564 13.8333 4.5473 13.9 4.70841C13.9667 4.86953 14 5.03897 14 5.21675V11.3334C14 11.7001 13.8694 12.014 13.6083 12.2751C13.3472 12.5362 13.0333 12.6667 12.6667 12.6667ZM9.33334 2.00008H5.33334V11.3334H12.6667V5.33341H10C9.81111 5.33341 9.65278 5.26953 9.525 5.14175C9.39723 5.01397 9.33334 4.85564 9.33334 4.66675V2.00008ZM2.66667 15.3334C2.3 15.3334 1.98611 15.2029 1.725 14.9417C1.46389 14.6806 1.33334 14.3667 1.33334 14.0001V5.33341C1.33334 5.14453 1.39722 4.98619 1.525 4.85841C1.65278 4.73064 1.81111 4.66675 2 4.66675C2.18889 4.66675 2.34722 4.73064 2.475 4.85841C2.60278 4.98619 2.66667 5.14453 2.66667 5.33341V14.0001H9.33334C9.52223 14.0001 9.68056 14.064 9.80834 14.1917C9.93611 14.3195 10 14.4779 10 14.6667C10 14.8556 9.93611 15.014 9.80834 15.1417C9.68056 15.2695 9.52223 15.3334 9.33334 15.3334H2.66667Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: 'bde617ed430cb6943d22ed9afd4a26db48f1a17b' }, index.h("path", { key: 'f1f44498ad30eb6577f495fbc69dfe83048ee4b8', d: "M19 19H8C7.45 19 6.97917 18.8042 6.5875 18.4125C6.19583 18.0208 6 17.55 6 17V3C6 2.45 6.19583 1.97917 6.5875 1.5875C6.97917 1.19583 7.45 1 8 1H14.175C14.4417 1 14.6958 1.05 14.9375 1.15C15.1792 1.25 15.3917 1.39167 15.575 1.575L20.425 6.425C20.6083 6.60833 20.75 6.82083 20.85 7.0625C20.95 7.30417 21 7.55833 21 7.825V17C21 17.55 20.8042 18.0208 20.4125 18.4125C20.0208 18.8042 19.55 19 19 19ZM14 3H8V17H19V8H15C14.7167 8 14.4792 7.90417 14.2875 7.7125C14.0958 7.52083 14 7.28333 14 7V3ZM4 23C3.45 23 2.97917 22.8042 2.5875 22.4125C2.19583 22.0208 2 21.55 2 21V8C2 7.71667 2.09583 7.47917 2.2875 7.2875C2.47917 7.09583 2.71667 7 3 7C3.28333 7 3.52083 7.09583 3.7125 7.2875C3.90417 7.47917 4 7.71667 4 8V21H14C14.2833 21 14.5208 21.0958 14.7125 21.2875C14.9042 21.4792 15 21.7167 15 22C15 22.2833 14.9042 22.5208 14.7125 22.7125C14.5208 22.9042 14.2833 23 14 23H4Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: 'a86876d0c5b26f2ac7c1401c599e914d0b5e6f09' }, index.h("path", { key: 'a5f389e3e6f0d277cf06af157a0d44763ce1efaa', d: "M22.1667 22.1667H9.33334C8.69167 22.1667 8.14236 21.9383 7.68542 21.4813C7.22847 21.0244 7 20.4751 7 19.8334V3.50008C7 2.85841 7.22847 2.30911 7.68542 1.85216C8.14236 1.39522 8.69167 1.16675 9.33334 1.16675H16.5375C16.8486 1.16675 17.1451 1.22508 17.4271 1.34175C17.709 1.45841 17.9569 1.62369 18.1708 1.83758L23.8292 7.49591C24.0431 7.7098 24.2083 7.95772 24.325 8.23966C24.4417 8.52161 24.5 8.81814 24.5 9.12925V19.8334C24.5 20.4751 24.2715 21.0244 23.8146 21.4813C23.3576 21.9383 22.8083 22.1667 22.1667 22.1667ZM16.3333 3.50008H9.33334V19.8334H22.1667V9.33341H17.5C17.1694 9.33341 16.8924 9.22161 16.6688 8.998C16.4451 8.77439 16.3333 8.4973 16.3333 8.16675V3.50008ZM4.66667 26.8334C4.025 26.8334 3.4757 26.6049 3.01875 26.148C2.56181 25.6911 2.33334 25.1417 2.33334 24.5001V9.33341C2.33334 9.00286 2.44514 8.72578 2.66875 8.50216C2.89236 8.27855 3.16945 8.16675 3.5 8.16675C3.83056 8.16675 4.10764 8.27855 4.33125 8.50216C4.55486 8.72578 4.66667 9.00286 4.66667 9.33341V24.5001H16.3333C16.6639 24.5001 16.941 24.6119 17.1646 24.8355C17.3882 25.0591 17.5 25.3362 17.5 25.6667C17.5 25.9973 17.3882 26.2744 17.1646 26.498C16.941 26.7216 16.6639 26.8334 16.3333 26.8334H4.66667Z", fill: "currentColor" })))));
+    }
+};
+SwirlIconFileCopy.style = swirlIconCss$4;
+
+const swirlIconCss$3 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconFullscreen = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '47062d7521d963050a2312366ab778b883bd49d0', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '7b6b70a6605935e75e3bda17a659e88b23fec7ab' }, index.h("path", { key: '3afc2dbc4cb4dfbebca4ec2208f394d70bdf473c', 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) && (index.h(index.Fragment, { key: '92b171cc026ab44f305ff48d59e069c08f5ef7f7' }, index.h("path", { key: '20444e286b4478675a414a094ab72f45d4b32485', 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 && (index.h(index.Fragment, { key: 'eb9bac9405baed11f3066831194a8602b949f81c' }, index.h("path", { key: 'eb5fdf933c06ea1c6563e0653b70728f4f87223e', 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" })))));
+    }
+};
+SwirlIconFullscreen.style = swirlIconCss$3;
+
+const swirlIconCss$2 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconFullscreenExit = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '1b887f99bf10ac362255114577c7eefd07bccb9a', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '859bddf7368365856d6b045605d6c9e7093e73e9' }, index.h("path", { key: '6a2755f668a5c842ed66348611b4f9b44f527ef3', 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) && (index.h(index.Fragment, { key: '01cb3321ee2650fc44b3e69591e982a7ecc66522' }, index.h("path", { key: '0e7a0d3864de549e39c1d68a098dbacd5c276cf1', 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 && (index.h(index.Fragment, { key: 'c3f8bc76b97aa358cf6549a2c5b14762e58bab91' }, index.h("path", { key: '0ff9b15bf1ced3b104469a41b973ea8914abdb1f', 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" })))));
+    }
+};
+SwirlIconFullscreenExit.style = swirlIconCss$2;
+
+const swirlIconCss$1 = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconMenuBook = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '31f14a130703c4a31197a763fc1d26dcf5b8dd0c', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: 'd6a1991b4153a0fcd546141de7fc3bef77ac056a' }, index.h("path", { key: '2fb1fcbe9faba61d21a1c5e647658c6c7692dfa8', d: "M9.33333 5.85008C9.33333 5.75008 9.36945 5.6473 9.44167 5.54175C9.51389 5.43619 9.59445 5.36675 9.68333 5.33341C10.0056 5.2223 10.3278 5.13897 10.65 5.08341C10.9722 5.02786 11.3111 5.00008 11.6667 5.00008C11.8889 5.00008 12.1083 5.01397 12.325 5.04175C12.5417 5.06953 12.7556 5.10564 12.9667 5.15008C13.0667 5.1723 13.1528 5.22786 13.225 5.31675C13.2972 5.40564 13.3333 5.50564 13.3333 5.61675C13.3333 5.80564 13.2722 5.94453 13.15 6.03341C13.0278 6.1223 12.8722 6.14453 12.6833 6.10008C12.5278 6.06675 12.3639 6.04175 12.1917 6.02508C12.0194 6.00841 11.8444 6.00008 11.6667 6.00008C11.3778 6.00008 11.0944 6.02786 10.8167 6.08341C10.5389 6.13897 10.2722 6.21119 10.0167 6.30008C9.81667 6.37786 9.65278 6.3723 9.525 6.28341C9.39722 6.19453 9.33333 6.05008 9.33333 5.85008ZM9.33333 9.51675C9.33333 9.41675 9.36945 9.31397 9.44167 9.20841C9.51389 9.10286 9.59445 9.03341 9.68333 9.00008C10.0056 8.88897 10.3278 8.80564 10.65 8.75008C10.9722 8.69453 11.3111 8.66675 11.6667 8.66675C11.8889 8.66675 12.1083 8.68064 12.325 8.70841C12.5417 8.73619 12.7556 8.7723 12.9667 8.81675C13.0667 8.83897 13.1528 8.89453 13.225 8.98341C13.2972 9.0723 13.3333 9.1723 13.3333 9.28341C13.3333 9.4723 13.2722 9.61119 13.15 9.70008C13.0278 9.78897 12.8722 9.81119 12.6833 9.76675C12.5278 9.73341 12.3639 9.70841 12.1917 9.69175C12.0194 9.67508 11.8444 9.66675 11.6667 9.66675C11.3778 9.66675 11.0944 9.69175 10.8167 9.74175C10.5389 9.79175 10.2722 9.86119 10.0167 9.95008C9.81667 10.0279 9.65278 10.0251 9.525 9.94175C9.39722 9.85841 9.33333 9.71675 9.33333 9.51675ZM9.33333 7.68341C9.33333 7.58341 9.36945 7.48064 9.44167 7.37508C9.51389 7.26953 9.59445 7.20008 9.68333 7.16675C10.0056 7.05564 10.3278 6.9723 10.65 6.91675C10.9722 6.86119 11.3111 6.83341 11.6667 6.83341C11.8889 6.83341 12.1083 6.8473 12.325 6.87508C12.5417 6.90286 12.7556 6.93897 12.9667 6.98341C13.0667 7.00564 13.1528 7.06119 13.225 7.15008C13.2972 7.23897 13.3333 7.33897 13.3333 7.45008C13.3333 7.63897 13.2722 7.77786 13.15 7.86675C13.0278 7.95564 12.8722 7.97786 12.6833 7.93341C12.5278 7.90008 12.3639 7.87508 12.1917 7.85841C12.0194 7.84175 11.8444 7.83341 11.6667 7.83341C11.3778 7.83341 11.0944 7.86119 10.8167 7.91675C10.5389 7.9723 10.2722 8.04453 10.0167 8.13341C9.81667 8.21119 9.65278 8.20564 9.525 8.11675C9.39722 8.02786 9.33333 7.88341 9.33333 7.68341ZM4.33333 10.6667C4.85556 10.6667 5.36389 10.7251 5.85833 10.8417C6.35278 10.9584 6.84445 11.1334 7.33333 11.3667V4.80008C6.87778 4.53341 6.39445 4.33341 5.88333 4.20008C5.37222 4.06675 4.85556 4.00008 4.33333 4.00008C3.93333 4.00008 3.53611 4.03897 3.14167 4.11675C2.74722 4.19453 2.36667 4.31119 2 4.46675V11.0667C2.38889 10.9334 2.775 10.8334 3.15833 10.7667C3.54167 10.7001 3.93333 10.6667 4.33333 10.6667ZM8.66667 11.3667C9.15556 11.1334 9.64722 10.9584 10.1417 10.8417C10.6361 10.7251 11.1444 10.6667 11.6667 10.6667C12.0667 10.6667 12.4583 10.7001 12.8417 10.7667C13.225 10.8334 13.6111 10.9334 14 11.0667V4.46675C13.6333 4.31119 13.2528 4.19453 12.8583 4.11675C12.4639 4.03897 12.0667 4.00008 11.6667 4.00008C11.1444 4.00008 10.6278 4.06675 10.1167 4.20008C9.60556 4.33341 9.12222 4.53341 8.66667 4.80008V11.3667ZM8 12.9834C7.84445 12.9834 7.69722 12.964 7.55833 12.9251C7.41945 12.8862 7.28889 12.8334 7.16667 12.7667C6.73333 12.5112 6.27778 12.3195 5.8 12.1917C5.32222 12.064 4.83333 12.0001 4.33333 12.0001C3.86667 12.0001 3.40833 12.0612 2.95833 12.1834C2.50833 12.3056 2.07778 12.4779 1.66667 12.7001C1.43333 12.8223 1.20833 12.8167 0.991668 12.6834C0.775001 12.5501 0.666668 12.3556 0.666668 12.1001V4.06675C0.666668 3.94453 0.697223 3.82786 0.758335 3.71675C0.819446 3.60564 0.911112 3.5223 1.03333 3.46675C1.54445 3.20008 2.07778 3.00008 2.63333 2.86675C3.18889 2.73341 3.75556 2.66675 4.33333 2.66675C4.97778 2.66675 5.60833 2.75008 6.225 2.91675C6.84167 3.08341 7.43333 3.33341 8 3.66675C8.56667 3.33341 9.15833 3.08341 9.775 2.91675C10.3917 2.75008 11.0222 2.66675 11.6667 2.66675C12.2444 2.66675 12.8111 2.73341 13.3667 2.86675C13.9222 3.00008 14.4556 3.20008 14.9667 3.46675C15.0889 3.5223 15.1806 3.60564 15.2417 3.71675C15.3028 3.82786 15.3333 3.94453 15.3333 4.06675V12.1001C15.3333 12.3556 15.225 12.5501 15.0083 12.6834C14.7917 12.8167 14.5667 12.8223 14.3333 12.7001C13.9222 12.4779 13.4917 12.3056 13.0417 12.1834C12.5917 12.0612 12.1333 12.0001 11.6667 12.0001C11.1667 12.0001 10.6778 12.064 10.2 12.1917C9.72222 12.3195 9.26667 12.5112 8.83333 12.7667C8.71111 12.8334 8.58056 12.8862 8.44167 12.9251C8.30278 12.964 8.15556 12.9834 8 12.9834Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (index.h(index.Fragment, { key: '7aa3789ba3591a0753d78de4c0114a5b37eb3ba5' }, index.h("path", { key: '8e75e85ca6c2bc2e2800fa5fc6f493f227bce23c', d: "M14 8.775C14 8.625 14.0542 8.47083 14.1625 8.3125C14.2708 8.15417 14.3917 8.05 14.525 8C15.0083 7.83333 15.4917 7.70833 15.975 7.625C16.4583 7.54167 16.9667 7.5 17.5 7.5C17.8333 7.5 18.1625 7.52083 18.4875 7.5625C18.8125 7.60417 19.1333 7.65833 19.45 7.725C19.6 7.75833 19.7292 7.84167 19.8375 7.975C19.9458 8.10833 20 8.25833 20 8.425C20 8.70833 19.9083 8.91667 19.725 9.05C19.5417 9.18333 19.3083 9.21667 19.025 9.15C18.7917 9.1 18.5458 9.0625 18.2875 9.0375C18.0292 9.0125 17.7667 9 17.5 9C17.0667 9 16.6417 9.04167 16.225 9.125C15.8083 9.20833 15.4083 9.31667 15.025 9.45C14.725 9.56667 14.4792 9.55833 14.2875 9.425C14.0958 9.29167 14 9.075 14 8.775ZM14 14.275C14 14.125 14.0542 13.9708 14.1625 13.8125C14.2708 13.6542 14.3917 13.55 14.525 13.5C15.0083 13.3333 15.4917 13.2083 15.975 13.125C16.4583 13.0417 16.9667 13 17.5 13C17.8333 13 18.1625 13.0208 18.4875 13.0625C18.8125 13.1042 19.1333 13.1583 19.45 13.225C19.6 13.2583 19.7292 13.3417 19.8375 13.475C19.9458 13.6083 20 13.7583 20 13.925C20 14.2083 19.9083 14.4167 19.725 14.55C19.5417 14.6833 19.3083 14.7167 19.025 14.65C18.7917 14.6 18.5458 14.5625 18.2875 14.5375C18.0292 14.5125 17.7667 14.5 17.5 14.5C17.0667 14.5 16.6417 14.5375 16.225 14.6125C15.8083 14.6875 15.4083 14.7917 15.025 14.925C14.725 15.0417 14.4792 15.0375 14.2875 14.9125C14.0958 14.7875 14 14.575 14 14.275ZM14 11.525C14 11.375 14.0542 11.2208 14.1625 11.0625C14.2708 10.9042 14.3917 10.8 14.525 10.75C15.0083 10.5833 15.4917 10.4583 15.975 10.375C16.4583 10.2917 16.9667 10.25 17.5 10.25C17.8333 10.25 18.1625 10.2708 18.4875 10.3125C18.8125 10.3542 19.1333 10.4083 19.45 10.475C19.6 10.5083 19.7292 10.5917 19.8375 10.725C19.9458 10.8583 20 11.0083 20 11.175C20 11.4583 19.9083 11.6667 19.725 11.8C19.5417 11.9333 19.3083 11.9667 19.025 11.9C18.7917 11.85 18.5458 11.8125 18.2875 11.7875C18.0292 11.7625 17.7667 11.75 17.5 11.75C17.0667 11.75 16.6417 11.7917 16.225 11.875C15.8083 11.9583 15.4083 12.0667 15.025 12.2C14.725 12.3167 14.4792 12.3083 14.2875 12.175C14.0958 12.0417 14 11.825 14 11.525ZM6.5 16C7.28333 16 8.04583 16.0875 8.7875 16.2625C9.52917 16.4375 10.2667 16.7 11 17.05V7.2C10.3167 6.8 9.59167 6.5 8.825 6.3C8.05833 6.1 7.28333 6 6.5 6C5.9 6 5.30417 6.05833 4.7125 6.175C4.12083 6.29167 3.55 6.46667 3 6.7V16.6C3.58333 16.4 4.1625 16.25 4.7375 16.15C5.3125 16.05 5.9 16 6.5 16ZM13 17.05C13.7333 16.7 14.4708 16.4375 15.2125 16.2625C15.9542 16.0875 16.7167 16 17.5 16C18.1 16 18.6875 16.05 19.2625 16.15C19.8375 16.25 20.4167 16.4 21 16.6V6.7C20.45 6.46667 19.8792 6.29167 19.2875 6.175C18.6958 6.05833 18.1 6 17.5 6C16.7167 6 15.9417 6.1 15.175 6.3C14.4083 6.5 13.6833 6.8 13 7.2V17.05ZM12 19.475C11.7667 19.475 11.5458 19.4458 11.3375 19.3875C11.1292 19.3292 10.9333 19.25 10.75 19.15C10.1 18.7667 9.41667 18.4792 8.7 18.2875C7.98333 18.0958 7.25 18 6.5 18C5.8 18 5.1125 18.0917 4.4375 18.275C3.7625 18.4583 3.11667 18.7167 2.5 19.05C2.15 19.2333 1.8125 19.225 1.4875 19.025C1.1625 18.825 1 18.5333 1 18.15V6.1C1 5.91667 1.04583 5.74167 1.1375 5.575C1.22917 5.40833 1.36667 5.28333 1.55 5.2C2.31667 4.8 3.11667 4.5 3.95 4.3C4.78333 4.1 5.63333 4 6.5 4C7.46667 4 8.4125 4.125 9.3375 4.375C10.2625 4.625 11.15 5 12 5.5C12.85 5 13.7375 4.625 14.6625 4.375C15.5875 4.125 16.5333 4 17.5 4C18.3667 4 19.2167 4.1 20.05 4.3C20.8833 4.5 21.6833 4.8 22.45 5.2C22.6333 5.28333 22.7708 5.40833 22.8625 5.575C22.9542 5.74167 23 5.91667 23 6.1V18.15C23 18.5333 22.8375 18.825 22.5125 19.025C22.1875 19.225 21.85 19.2333 21.5 19.05C20.8833 18.7167 20.2375 18.4583 19.5625 18.275C18.8875 18.0917 18.2 18 17.5 18C16.75 18 16.0167 18.0958 15.3 18.2875C14.5833 18.4792 13.9 18.7667 13.25 19.15C13.0667 19.25 12.8708 19.3292 12.6625 19.3875C12.4542 19.4458 12.2333 19.475 12 19.475Z", fill: "currentColor" }))), this.size === 28 && (index.h(index.Fragment, { key: '904804ba579ec4617b551fab6c5987cea5ba10c4' }, index.h("path", { key: '9ffe51bee7c556427b0010c0a75f4fa54756213f', d: "M16.3333 10.2376C16.3333 10.0626 16.3965 9.88272 16.5229 9.698C16.6493 9.51328 16.7903 9.39175 16.9458 9.33341C17.5097 9.13897 18.0736 8.99314 18.6375 8.89591C19.2014 8.79869 19.7944 8.75008 20.4167 8.75008C20.8056 8.75008 21.1896 8.77439 21.5687 8.823C21.9479 8.87161 22.3222 8.9348 22.6917 9.01258C22.8667 9.05147 23.0174 9.14869 23.1437 9.30425C23.2701 9.4598 23.3333 9.6348 23.3333 9.82925C23.3333 10.1598 23.2264 10.4029 23.0125 10.5584C22.7986 10.714 22.5264 10.7529 22.1958 10.6751C21.9236 10.6167 21.6368 10.573 21.3354 10.5438C21.034 10.5147 20.7278 10.5001 20.4167 10.5001C19.9111 10.5001 19.4153 10.5487 18.9292 10.6459C18.4431 10.7431 17.9764 10.8695 17.5292 11.0251C17.1792 11.1612 16.8924 11.1515 16.6687 10.9959C16.4451 10.8404 16.3333 10.5876 16.3333 10.2376ZM16.3333 16.6542C16.3333 16.4792 16.3965 16.2994 16.5229 16.1147C16.6493 15.9299 16.7903 15.8084 16.9458 15.7501C17.5097 15.5556 18.0736 15.4098 18.6375 15.3126C19.2014 15.2154 19.7944 15.1667 20.4167 15.1667C20.8056 15.1667 21.1896 15.1911 21.5687 15.2397C21.9479 15.2883 22.3222 15.3515 22.6917 15.4292C22.8667 15.4681 23.0174 15.5654 23.1437 15.7209C23.2701 15.8765 23.3333 16.0515 23.3333 16.2459C23.3333 16.5765 23.2264 16.8195 23.0125 16.9751C22.7986 17.1306 22.5264 17.1695 22.1958 17.0917C21.9236 17.0334 21.6368 16.9897 21.3354 16.9605C21.034 16.9313 20.7278 16.9167 20.4167 16.9167C19.9111 16.9167 19.4153 16.9605 18.9292 17.048C18.4431 17.1355 17.9764 17.257 17.5292 17.4126C17.1792 17.5487 16.8924 17.5438 16.6687 17.398C16.4451 17.2522 16.3333 17.0042 16.3333 16.6542ZM16.3333 13.4459C16.3333 13.2709 16.3965 13.0911 16.5229 12.9063C16.6493 12.7216 16.7903 12.6001 16.9458 12.5417C17.5097 12.3473 18.0736 12.2015 18.6375 12.1042C19.2014 12.007 19.7944 11.9584 20.4167 11.9584C20.8056 11.9584 21.1896 11.9827 21.5687 12.0313C21.9479 12.0799 22.3222 12.1431 22.6917 12.2209C22.8667 12.2598 23.0174 12.357 23.1437 12.5126C23.2701 12.6681 23.3333 12.8431 23.3333 13.0376C23.3333 13.3681 23.2264 13.6112 23.0125 13.7667C22.7986 13.9223 22.5264 13.9612 22.1958 13.8834C21.9236 13.8251 21.6368 13.7813 21.3354 13.7522C21.034 13.723 20.7278 13.7084 20.4167 13.7084C19.9111 13.7084 19.4153 13.757 18.9292 13.8542C18.4431 13.9515 17.9764 14.0779 17.5292 14.2334C17.1792 14.3695 16.8924 14.3598 16.6687 14.2042C16.4451 14.0487 16.3333 13.7959 16.3333 13.4459ZM7.58333 18.6667C8.49722 18.6667 9.3868 18.7688 10.2521 18.973C11.1174 19.1772 11.9778 19.4834 12.8333 19.8917V8.40008C12.0361 7.93341 11.1903 7.58341 10.2958 7.35008C9.40139 7.11675 8.49722 7.00008 7.58333 7.00008C6.88333 7.00008 6.18819 7.06814 5.49791 7.20425C4.80764 7.34036 4.14166 7.54453 3.5 7.81675V19.3667C4.18055 19.1334 4.85625 18.9584 5.52708 18.8417C6.19791 18.7251 6.88333 18.6667 7.58333 18.6667ZM15.1667 19.8917C16.0222 19.4834 16.8826 19.1772 17.7479 18.973C18.6132 18.7688 19.5028 18.6667 20.4167 18.6667C21.1167 18.6667 21.8021 18.7251 22.4729 18.8417C23.1437 18.9584 23.8194 19.1334 24.5 19.3667V7.81675C23.8583 7.54453 23.1924 7.34036 22.5021 7.20425C21.8118 7.06814 21.1167 7.00008 20.4167 7.00008C19.5028 7.00008 18.5986 7.11675 17.7042 7.35008C16.8097 7.58341 15.9639 7.93341 15.1667 8.40008V19.8917ZM14 22.7209C13.7278 22.7209 13.4701 22.6869 13.2271 22.6188C12.984 22.5508 12.7556 22.4584 12.5417 22.3417C11.7833 21.8945 10.9861 21.5591 10.15 21.3355C9.31389 21.1119 8.45833 21.0001 7.58333 21.0001C6.76666 21.0001 5.96458 21.107 5.17708 21.3209C4.38958 21.5348 3.63611 21.8362 2.91666 22.2251C2.50833 22.439 2.11458 22.4292 1.73541 22.1959C1.35625 21.9626 1.16666 21.6223 1.16666 21.1751V7.11675C1.16666 6.90286 1.22014 6.69869 1.32708 6.50425C1.43403 6.3098 1.59444 6.16397 1.80833 6.06675C2.70278 5.60008 3.63611 5.25008 4.60833 5.01675C5.58055 4.78341 6.57222 4.66675 7.58333 4.66675C8.71111 4.66675 9.81458 4.81258 10.8937 5.10425C11.9729 5.39591 13.0083 5.83341 14 6.41675C14.9917 5.83341 16.0271 5.39591 17.1062 5.10425C18.1854 4.81258 19.2889 4.66675 20.4167 4.66675C21.4278 4.66675 22.4194 4.78341 23.3917 5.01675C24.3639 5.25008 25.2972 5.60008 26.1917 6.06675C26.4056 6.16397 26.566 6.3098 26.6729 6.50425C26.7799 6.69869 26.8333 6.90286 26.8333 7.11675V21.1751C26.8333 21.6223 26.6437 21.9626 26.2646 22.1959C25.8854 22.4292 25.4917 22.439 25.0833 22.2251C24.3639 21.8362 23.6104 21.5348 22.8229 21.3209C22.0354 21.107 21.2333 21.0001 20.4167 21.0001C19.5417 21.0001 18.6861 21.1119 17.85 21.3355C17.0139 21.5591 16.2167 21.8945 15.4583 22.3417C15.2444 22.4584 15.016 22.5508 14.7729 22.6188C14.5299 22.6869 14.2722 22.7209 14 22.7209Z", fill: "currentColor" })))));
+    }
+};
+SwirlIconMenuBook.style = swirlIconCss$1;
+
+const swirlIconCss = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";
+
+const SwirlIconRemove = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.size = 24;
+    }
+    render() {
+        const viewBoxSize = this.size === 20 ? 24 : this.size;
+        const styles = {
+            color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
+        };
+        const className = index$1.classnames("swirl-icon", `swirl-icon--size-${this.size}`);
+        return (index.h("svg", { key: '13f280642a9d37711ba64dfa2e15814c34bdeef9', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (index.h(index.Fragment, { key: '4ddcb1082b4472ad8945d3ee4e0a2bad828b6221' }, index.h("path", { key: '77ff014c7bb6818ad2515a45b2b5242d932eb04e', 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) && (index.h(index.Fragment, { key: 'a84eeb9dd9fc843917f10a3bde92e9d6c4d5e470' }, index.h("path", { key: '11ed98748ed363bcd50e9e7e5bfe803b7d62d7fe', 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 && (index.h(index.Fragment, { key: 'de5096dc6c1cbc4b1a4e04df7b86b4b3f19ae4b1' }, index.h("path", { key: '0cdaec18b51357b65df86952eb1fa6189a9257df', 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" })))));
+    }
+};
+SwirlIconRemove.style = swirlIconCss;
+
+exports.swirl_icon_add = SwirlIconAdd;
+exports.swirl_icon_file_copy = SwirlIconFileCopy;
+exports.swirl_icon_fullscreen = SwirlIconFullscreen;
+exports.swirl_icon_fullscreen_exit = SwirlIconFullscreenExit;
+exports.swirl_icon_menu_book = SwirlIconMenuBook;
+exports.swirl_icon_remove = SwirlIconRemove;