@getflip/swirl-components-react 0.1.1 → 0.2.1

package/dist/flip-file-viewer.entry.85af31ff.js

@@ -0,0 +1,95 @@
+import { r as x, h as a, H as j } from "./index.b70d4c92.js";
+import { c as E, a as f } from "./_commonjsHelpers-44457d8d.ba94af77.js";
+import "react";
+import "react-dom";
+var L = E(function(l, s) {
+  (function(w, p) {
+    p();
+  })(f, function() {
+    function w(e, t) {
+      return typeof t > "u" ? t = { autoBom: !1 } : typeof t != "object" && (console.warn("Deprecated: Expected third argument to be a object"), t = { autoBom: !t }), t.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type) ? new Blob(["\uFEFF", e], { type: e.type }) : e;
+    }
+    function p(e, t, r) {
+      var i = new XMLHttpRequest();
+      i.open("GET", e), i.responseType = "blob", i.onload = function() {
+        h(i.response, t, r);
+      }, i.onerror = function() {
+        console.error("could not download file");
+      }, i.send();
+    }
+    function y(e) {
+      var t = new XMLHttpRequest();
+      t.open("HEAD", e, !1);
+      try {
+        t.send();
+      } catch {
+      }
+      return 200 <= t.status && 299 >= t.status;
+    }
+    function d(e) {
+      try {
+        e.dispatchEvent(new MouseEvent("click"));
+      } catch {
+        var t = document.createEvent("MouseEvents");
+        t.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), e.dispatchEvent(t);
+      }
+    }
+    var n = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof f == "object" && f.global === f ? f : void 0, m = n.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), h = n.saveAs || (typeof window != "object" || window !== n ? function() {
+    } : "download" in HTMLAnchorElement.prototype && !m ? function(e, t, r) {
+      var i = n.URL || n.webkitURL, o = document.createElement("a");
+      t = t || e.name || "download", o.download = t, o.rel = "noopener", typeof e == "string" ? (o.href = e, o.origin === location.origin ? d(o) : y(o.href) ? p(e, t, r) : d(o, o.target = "_blank")) : (o.href = i.createObjectURL(e), setTimeout(function() {
+        i.revokeObjectURL(o.href);
+      }, 4e4), setTimeout(function() {
+        d(o);
+      }, 0));
+    } : "msSaveOrOpenBlob" in navigator ? function(e, t, r) {
+      if (t = t || e.name || "download", typeof e != "string")
+        navigator.msSaveOrOpenBlob(w(e, r), t);
+      else if (y(e))
+        p(e, t, r);
+      else {
+        var i = document.createElement("a");
+        i.href = e, i.target = "_blank", setTimeout(function() {
+          d(i);
+        });
+      }
+    } : function(e, t, r, i) {
+      if (i = i || open("", "_blank"), i && (i.document.title = i.document.body.innerText = "downloading..."), typeof e == "string")
+        return p(e, t, r);
+      var o = e.type === "application/octet-stream", b = /constructor/i.test(n.HTMLElement) || n.safari, g = /CriOS\/[\d]+/.test(navigator.userAgent);
+      if ((g || o && b || m) && typeof FileReader < "u") {
+        var u = new FileReader();
+        u.onloadend = function() {
+          var c = u.result;
+          c = g ? c : c.replace(/^data:[^;]*;/, "data:attachment/file;"), i ? i.location.href = c : location = c, i = null;
+        }, u.readAsDataURL(e);
+      } else {
+        var M = n.URL || n.webkitURL, v = M.createObjectURL(e);
+        i ? i.location = v : location.href = v, i = null, setTimeout(function() {
+          M.revokeObjectURL(v);
+        }, 4e4);
+      }
+    });
+    n.saveAs = h.saveAs = h, l.exports = h;
+  });
+});
+const R = ":host{display:block;width:100%;height:100%}:host *{box-sizing:border-box}.file-viewer{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.file-viewer__file{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}", A = class {
+  constructor(l) {
+    x(this, l), this.errorMessage = "File could not be loaded.", this.typeUnsupportedMessage = "File type is not supported.", this.zoom = 1;
+  }
+  async download() {
+    const l = this.file.split("/").pop();
+    L.saveAs(this.file, l);
+  }
+  async print() {
+    this.type === "application/pdf" && this.viewer.print();
+  }
+  render() {
+    const l = !Boolean(this.type) || !this.type.startsWith("image/") && !this.type.startsWith("video/") && !this.type.startsWith("audio/") && this.type !== "text/plain" && this.type !== "text/csv" && this.type !== "application/pdf";
+    return a(j, null, a("div", { class: "file-viewer" }, this.type && a("div", { class: "file-viewer__file" }, this.type.startsWith("image/") && a("flip-file-viewer-image", { description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (s) => this.viewer = s }), this.type === "text/plain" && a("flip-file-viewer-text", { errorMessage: this.errorMessage, file: this.file, ref: (s) => this.viewer = s }), this.type === "text/csv" && a("flip-file-viewer-csv", { errorMessage: this.errorMessage, file: this.file, ref: (s) => this.viewer = s }), this.type === "application/pdf" && a("flip-file-viewer-pdf", { errorMessage: this.errorMessage, file: this.file, ref: (s) => this.viewer = s, zoom: this.zoom }), this.type.startsWith("video/") && a("flip-file-viewer-video", { file: this.file, ref: (s) => this.viewer = s, type: this.type }), this.type.startsWith("audio/") && a("flip-file-viewer-audio", { file: this.file, ref: (s) => this.viewer = s, type: this.type }), l && a("flip-inline-error", { message: this.typeUnsupportedMessage }))));
+  }
+};
+A.style = R;
+export {
+  A as flip_file_viewer
+};

package/dist/flip-form-control.entry.ec90cfb9.js

@@ -0,0 +1,58 @@
+import { r as e, h as t, H as i, g as l } from "./index.b70d4c92.js";
+import { c as n } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const a = ".sc-flip-form-control-h{display:block;width:100%}.sc-flip-form-control-h *.sc-flip-form-control{box-sizing:border-box}.form-control.sc-flip-form-control{display:block;width:100%;line-height:var(--s-line-height-sm)}.form-control.form-control--has-focus.sc-flip-form-control:not(.form-control--disabled) .form-control__label.sc-flip-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-flip-form-control:not(.form-control--has-value):not(.form-control--has-focus) .form-control__input.sc-flip-form-control{overflow:hidden;max-height:0}.form-control.sc-flip-form-control:not(.form-control--has-value):not(.form-control--has-focus) .form-control__label-text.sc-flip-form-control{bottom:50%;font-size:var(--s-font-size-base);transform:translateY(50%)}.form-control--invalid.form-control--has-focus.sc-flip-form-control:not(.form-control--disabled) .form-control__label.sc-flip-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-flip-form-control .form-control__label.sc-flip-form-control{border-color:var(--s-border-critical)}.form-control--disabled.sc-flip-form-control .form-control__label.sc-flip-form-control{border-color:var(--s-border-disabled);color:var(--s-text-disabled)}.form-control--disabled.sc-flip-form-control .form-control__description.sc-flip-form-control{color:var(--s-text-disabled)}.form-control__label.sc-flip-form-control{position:relative;display:flex;width:100%;min-height:4.375rem;padding:calc(var(--s-space-12) + 1.25rem) var(--s-space-16) var(--s-space-12);justify-content:center;border:var(--s-border-width-default) solid var(--s-border-strong);border-radius:var(--s-border-radius-sm);color:var(--s-text-subdued);flex-direction:column;gap:var(--s-space-2)}.form-control__label-text.sc-flip-form-control{position:absolute;right:var(--s-space-16);bottom:calc(100% - 1.25rem - var(--s-space-12));left:var(--s-space-16);overflow:hidden;font-size:var(--s-font-size-sm);white-space:nowrap;text-overflow:ellipsis;transition:font-size 0.15s, transform 0.15s, top 0.15s;transform:none}.form-control__description.sc-flip-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-flip-form-control{display:block;margin-top:var(--s-space-4);padding-left:var(--s-space-4)}", c = class {
+  constructor(r) {
+    e(this, r), this.descriptionId = `form-control-description-${Math.round(Math.random() * 1e5)}`, this.listenToInputValueChanges = () => {
+      this.inputEl.addEventListener("valueChange", this.checkInputValue);
+    }, this.checkInputValue = () => {
+      var o;
+      this.inputValue = (o = this.inputEl) === null || o === void 0 ? void 0 : o.value;
+    }, this.onFocusIn = () => {
+      this.hasFocus = !0;
+    }, this.onFocusOut = (o) => {
+      Boolean(o.relatedTarget) && (this.hasFocus = !1);
+    };
+  }
+  componentWillLoad() {
+    this.inputEl = this.el.children[0], this.associateDescriptionWithInputElement(), this.setInputElementDisabledState(), this.setInputElementInvalidState(), this.checkInputValue(), this.listenToInputValueChanges();
+  }
+  associateDescriptionWithInputElement() {
+    !Boolean(this.description) || !Boolean(this.inputEl) || this.inputEl.setAttribute("flip-aria-describedby", this.descriptionId);
+  }
+  setInputElementDisabledState() {
+    !Boolean(this.inputEl) || (this.disabled ? this.inputEl.setAttribute("disabled", "true") : this.inputEl.removeAttribute("disabled"));
+  }
+  setInputElementInvalidState() {
+    !Boolean(this.inputEl) || (this.invalid ? this.inputEl.setAttribute("invalid", "true") : this.inputEl.removeAttribute("invalid"));
+  }
+  onWindowClick(r) {
+    const o = r.target;
+    this.el.contains(o) || (this.hasFocus = !1);
+  }
+  render() {
+    const r = Boolean(this.errorMessage), o = Boolean(this.description) && !r, s = n("form-control", {
+      "form-control--disabled": this.disabled,
+      "form-control--has-focus": this.hasFocus,
+      "form-control--has-value": Boolean(this.inputValue),
+      "form-control--invalid": this.invalid
+    });
+    return t(i, { onFocusin: this.onFocusIn, onFocusout: this.onFocusOut }, t("div", { class: s, role: "group" }, t("label", { class: "form-control__label" }, t("span", { class: "form-control__label-text" }, this.label), t("span", { class: "form-control__input" }, t("slot", null))), o && t("span", { class: "form-control__description", id: this.descriptionId }, this.description), r && t("span", { "aria-live": "polite", class: "form-control__error-message", id: this.descriptionId }, t("flip-inline-error", { message: this.errorMessage, size: "s" }))));
+  }
+  get el() {
+    return l(this);
+  }
+  static get watchers() {
+    return {
+      description: ["associateDescriptionWithInputElement"],
+      disabled: ["setInputElementDisabledState"],
+      invalid: ["setInputElementInvalidState"]
+    };
+  }
+};
+c.style = a;
+export {
+  c as flip_form_control
+};

package/dist/flip-form-group.entry.6256d521.js

@@ -0,0 +1,18 @@
+import { r as i, h as r, H as s } from "./index.b70d4c92.js";
+import { c as p } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const t = ".sc-flip-form-group-h{display:block;width:100%}.sc-flip-form-group-h *.sc-flip-form-group{box-sizing:border-box}.form-group.sc-flip-form-group{display:flex;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 768px){.form-group.sc-flip-form-group{gap:var(--s-space-32)}}@media (min-width: 768px){.form-group--orientation-horizontal.sc-flip-form-group{flex-direction:row}}", l = class {
+  constructor(o) {
+    i(this, o), this.orientation = "vertical";
+  }
+  render() {
+    const o = p("form-group", `form-group--orientation-${this.orientation}`);
+    return r(s, null, r("div", { class: o }, r("slot", null)));
+  }
+};
+l.style = t;
+export {
+  l as flip_form_group
+};

package/dist/flip-heading.entry.472e3005.js

@@ -0,0 +1,18 @@
+import { r as n, h as i, H as s } from "./index.b70d4c92.js";
+import { c as a } from "./index-6d2e18c6.289636d4.js";
+import "react";
+import "react-dom";
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const l = ":host{display:block;width:100%}:host *{box-sizing:border-box}.heading{display:block;width:100%;margin:0;padding:0;text-align:start}.heading--align-start{text-align:start}.heading--align-center{text-align:center}.heading--align-end{text-align:end}.heading--level-1{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{font-size:var(--s-font-size-xl);font-weight:var(--s-font-weight-bold);line-height:var(--s-line-height-xl)}.heading--level-3{font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}.heading--level-4,.heading--level-5,.heading--level-6{font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}", h = class {
+  constructor(e) {
+    n(this, e), this.align = "start", this.level = 1;
+  }
+  render() {
+    const e = this.as || `h${this.level}`, t = a("heading", `heading--align-${this.align}`, `heading--level-${this.level}`);
+    return i(s, null, i(e, { class: t, id: this.headingId, part: "heading" }, this.text));
+  }
+};
+h.style = l;
+export {
+  h as flip_heading
+};

package/dist/{flip-icon-add-photo.entry.b807c3bc.js → flip-icon-add-photo.entry.d8ca058c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-add.entry.df6780ff.js → flip-icon-add.entry.79a8d7e6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-admin-panel-settings.entry.5afd720c.js → flip-icon-admin-panel-settings.entry.abfc03bf.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as i } from "./main.c9b46168.js";
+import { r as s, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-arrow-back.entry.43439868.js → flip-icon-arrow-back.entry.eff9e6a3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-arrow-forward.entry.1f80c674.js → flip-icon-arrow-forward.entry.b0017297.js}

@@ -1,4 +1,4 @@
-import { r, h as C, F as i } from "./main.c9b46168.js";
+import { r, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", l = class {

package/dist/flip-icon-arrow-left.entry.234146e1.js

@@ -0,0 +1,15 @@
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", l = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M7.15 12.8666L2.81667 8.53327C2.73889 8.45549 2.68333 8.37216 2.65 8.28327C2.61667 8.19438 2.6 8.09993 2.6 7.99993C2.6 7.89993 2.61667 7.80549 2.65 7.7166C2.68333 7.62771 2.73889 7.54438 2.81667 7.4666L7.15 3.13327C7.29444 2.99993 7.46955 2.93038 7.67533 2.9246C7.88066 2.91927 8.06111 2.98882 8.21666 3.13327C8.37222 3.27771 8.45289 3.45549 8.45867 3.6666C8.464 3.87771 8.38889 4.05549 8.23333 4.19993L5.2 7.23327H12.3167C12.5278 7.23327 12.7084 7.30838 12.8587 7.4586C13.0084 7.60838 13.0833 7.78882 13.0833 7.99993C13.0833 8.21105 13.0084 8.39149 12.8587 8.54127C12.7084 8.69149 12.5278 8.7666 12.3167 8.7666H5.2L8.23333 11.7999C8.37778 11.9333 8.45289 12.1084 8.45867 12.3253C8.464 12.5417 8.38889 12.7222 8.23333 12.8666C8.08889 13.011 7.91111 13.0833 7.7 13.0833C7.48889 13.0833 7.30555 13.011 7.15 12.8666V12.8666Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M10.725 19.2999L4.225 12.7999C4.10833 12.6832 4.025 12.5582 3.975 12.4249C3.925 12.2916 3.9 12.1499 3.9 11.9999C3.9 11.8499 3.925 11.7082 3.975 11.5749C4.025 11.4416 4.10833 11.3166 4.225 11.1999L10.725 4.6999C10.9417 4.4999 11.2043 4.39557 11.513 4.3869C11.821 4.3789 12.0917 4.48323 12.325 4.6999C12.5583 4.91657 12.6793 5.18324 12.688 5.4999C12.696 5.81657 12.5833 6.08324 12.35 6.2999L7.8 10.8499H18.475C18.7917 10.8499 19.0627 10.9626 19.288 11.1879C19.5127 11.4126 19.625 11.6832 19.625 11.9999C19.625 12.3166 19.5127 12.5872 19.288 12.8119C19.0627 13.0372 18.7917 13.1499 18.475 13.1499H7.8L12.35 17.6999C12.5667 17.8999 12.6793 18.1626 12.688 18.4879C12.696 18.8126 12.5833 19.0832 12.35 19.2999C12.1333 19.5166 11.8667 19.6249 11.55 19.6249C11.2333 19.6249 10.9583 19.5166 10.725 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M12.5125 22.5167L4.92917 14.9333C4.79306 14.7972 4.69584 14.6514 4.6375 14.4958C4.57917 14.3403 4.55 14.175 4.55 14C4.55 13.825 4.57917 13.6597 4.6375 13.5042C4.69584 13.3486 4.79306 13.2028 4.92917 13.0667L12.5125 5.48334C12.7653 5.25001 13.0717 5.12829 13.4318 5.11817C13.7912 5.10884 14.1069 5.23056 14.3792 5.48334C14.6514 5.73612 14.7926 6.04723 14.8027 6.41667C14.812 6.78612 14.6806 7.09723 14.4083 7.35001L9.1 12.6583H21.5542C21.9236 12.6583 22.2398 12.7898 22.5027 13.0527C22.7648 13.3148 22.8958 13.6306 22.8958 14C22.8958 14.3695 22.7648 14.6852 22.5027 14.9473C22.2398 15.2102 21.9236 15.3417 21.5542 15.3417H9.1L14.4083 20.65C14.6611 20.8833 14.7926 21.1898 14.8027 21.5693C14.812 21.9481 14.6806 22.2639 14.4083 22.5167C14.1556 22.7695 13.8444 22.8958 13.475 22.8958C13.1056 22.8958 12.7847 22.7695 12.5125 22.5167V22.5167Z", fill: "currentColor" })));
+  }
+};
+l.style = r;
+export {
+  l as flip_icon_arrow_left
+};

package/dist/{flip-icon-arrow-right-small.entry.5bb4f048.js → flip-icon-arrow-right-small.entry.dd9ec828.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./main.c9b46168.js";
+import { r as l, h as i, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", o = class {

package/dist/flip-icon-arrow-right.entry.d4a36d98.js

@@ -0,0 +1,15 @@
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import "react";
+import "react-dom";
+const r = ":host{display:inline-flex}", l = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M7.46667 12.8667C7.32222 12.7222 7.24733 12.5445 7.242 12.3333C7.23622 12.1222 7.30555 11.9445 7.45 11.8L10.4833 8.76668H3.36667C3.15555 8.76668 2.97511 8.69157 2.82533 8.54135C2.67511 8.39157 2.6 8.21113 2.6 8.00002C2.6 7.7889 2.67511 7.60846 2.82533 7.45868C2.97511 7.30846 3.15555 7.23335 3.36667 7.23335H10.4833L7.45 4.20002C7.30555 4.05557 7.23622 3.87779 7.242 3.66668C7.24733 3.45557 7.32222 3.27779 7.46667 3.13335C7.61111 3.00002 7.78889 2.93335 8 2.93335C8.21111 2.93335 8.38889 3.00002 8.53333 3.13335L12.8667 7.46668C12.9444 7.53335 13 7.61379 13.0333 7.70802C13.0667 7.80268 13.0833 7.90002 13.0833 8.00002C13.0833 8.10002 13.0667 8.19446 13.0333 8.28335C13 8.37224 12.9444 8.45557 12.8667 8.53335L8.53333 12.8667C8.38889 13.0111 8.21111 13.0807 8 13.0753C7.78889 13.0696 7.61111 13 7.46667 12.8667V12.8667Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M11.2 19.2999C10.9833 19.0832 10.871 18.8166 10.863 18.4999C10.8543 18.1832 10.9583 17.9166 11.175 17.6999L15.725 13.1499H5.05C4.73333 13.1499 4.46267 13.0372 4.238 12.8119C4.01267 12.5872 3.9 12.3166 3.9 11.9999C3.9 11.6832 4.01267 11.4126 4.238 11.1879C4.46267 10.9626 4.73333 10.8499 5.05 10.8499H15.725L11.175 6.2999C10.9583 6.08324 10.8543 5.81657 10.863 5.4999C10.871 5.18324 10.9833 4.91657 11.2 4.6999C11.4167 4.4999 11.6833 4.3999 12 4.3999C12.3167 4.3999 12.5833 4.4999 12.8 4.6999L19.3 11.1999C19.4167 11.2999 19.5 11.4206 19.55 11.5619C19.6 11.7039 19.625 11.8499 19.625 11.9999C19.625 12.1499 19.6 12.2916 19.55 12.4249C19.5 12.5582 19.4167 12.6832 19.3 12.7999L12.8 19.2999C12.5833 19.5166 12.3167 19.6209 12 19.6129C11.6833 19.6042 11.4167 19.4999 11.2 19.2999V19.2999Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M13.0667 22.5166C12.8139 22.2639 12.6828 21.9527 12.6735 21.5833C12.6634 21.2139 12.7847 20.9027 13.0375 20.65L18.3458 15.3416H5.89167C5.52223 15.3416 5.20645 15.2102 4.94434 14.9473C4.68145 14.6852 4.55 14.3694 4.55 14C4.55 13.6305 4.68145 13.3147 4.94434 13.0526C5.20645 12.7897 5.52223 12.6583 5.89167 12.6583H18.3458L13.0375 7.34997C12.7847 7.09719 12.6634 6.78608 12.6735 6.41663C12.6828 6.04719 12.8139 5.73608 13.0667 5.4833C13.3194 5.24997 13.6306 5.1333 14 5.1333C14.3694 5.1333 14.6806 5.24997 14.9333 5.4833L22.5167 13.0666C22.6528 13.1833 22.75 13.3241 22.8083 13.489C22.8667 13.6546 22.8958 13.825 22.8958 14C22.8958 14.175 22.8667 14.3402 22.8083 14.4958C22.75 14.6514 22.6528 14.7972 22.5167 14.9333L14.9333 22.5166C14.6806 22.7694 14.3694 22.8911 14 22.8818C13.6306 22.8717 13.3194 22.75 13.0667 22.5166V22.5166Z", fill: "currentColor" })));
+  }
+};
+l.style = r;
+export {
+  l as flip_icon_arrow_right
+};

package/dist/{flip-icon-attachment.entry.e7a4173b.js → flip-icon-attachment.entry.d41db045.js}

@@ -1,4 +1,4 @@
-import { r as s, h as C, F as t } from "./main.c9b46168.js";
+import { r as s, h as C, F as t } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/flip-icon-cancel.entry.c5b57f7f.js

@@ -0,0 +1,15 @@
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-flex}", e = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M8 1.33337C4.31334 1.33337 1.33334 4.31337 1.33334 8.00004C1.33334 11.6867 4.31334 14.6667 8 14.6667C11.6867 14.6667 14.6667 11.6867 14.6667 8.00004C14.6667 4.31337 11.6867 1.33337 8 1.33337ZM10.8667 10.8667C10.6067 11.1267 10.1867 11.1267 9.92667 10.8667L8 8.94004L6.07334 10.8667C5.81334 11.1267 5.39334 11.1267 5.13334 10.8667C4.87334 10.6067 4.87334 10.1867 5.13334 9.92671L7.06 8.00004L5.13334 6.07337C4.87334 5.81337 4.87334 5.39337 5.13334 5.13337C5.39334 4.87337 5.81334 4.87337 6.07334 5.13337L8 7.06004L9.92667 5.13337C10.1867 4.87337 10.6067 4.87337 10.8667 5.13337C11.1267 5.39337 11.1267 5.81337 10.8667 6.07337L8.94 8.00004L10.8667 9.92671C11.12 10.18 11.12 10.6067 10.8667 10.8667Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM16.3 16.3C15.91 16.69 15.28 16.69 14.89 16.3L12 13.41L9.11 16.3C8.72 16.69 8.09 16.69 7.7 16.3C7.31 15.91 7.31 15.28 7.7 14.89L10.59 12L7.7 9.11C7.31 8.72 7.31 8.09 7.7 7.7C8.09 7.31 8.72 7.31 9.11 7.7L12 10.59L14.89 7.7C15.28 7.31 15.91 7.31 16.3 7.7C16.69 8.09 16.69 8.72 16.3 9.11L13.41 12L16.3 14.89C16.68 15.27 16.68 15.91 16.3 16.3Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 2.33337C7.54834 2.33337 2.33334 7.54837 2.33334 14C2.33334 20.4517 7.54834 25.6667 14 25.6667C20.4517 25.6667 25.6667 20.4517 25.6667 14C25.6667 7.54837 20.4517 2.33337 14 2.33337ZM19.0167 19.0167C18.5617 19.4717 17.8267 19.4717 17.3717 19.0167L14 15.645L10.6283 19.0167C10.1733 19.4717 9.43834 19.4717 8.98334 19.0167C8.52834 18.5617 8.52834 17.8267 8.98334 17.3717L12.355 14L8.98334 10.6284C8.52834 10.1734 8.52834 9.43837 8.98334 8.98337C9.43834 8.52837 10.1733 8.52837 10.6283 8.98337L14 12.355L17.3717 8.98337C17.8267 8.52837 18.5617 8.52837 19.0167 8.98337C19.4717 9.43837 19.4717 10.1734 19.0167 10.6284L15.645 14L19.0167 17.3717C19.46 17.815 19.46 18.5617 19.0167 19.0167Z", fill: "currentColor" })));
+  }
+};
+e.style = l;
+export {
+  e as flip_icon_cancel
+};

package/dist/{flip-icon-chat-bubble.entry.60ca55cf.js → flip-icon-chat-bubble.entry.32859e94.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./main.c9b46168.js";
+import { r as l, h as i, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-check-circle.entry.36b7fab2.js → flip-icon-check-circle.entry.cf0be0f3.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as s } from "./main.c9b46168.js";
+import { r as C, h as i, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-check-small.entry.26aa4c8e.js → flip-icon-check-small.entry.c28df931.js}

@@ -1,4 +1,4 @@
-import { r as s, h as l, F as e } from "./main.c9b46168.js";
+import { r as s, h as l, F as e } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-check-strong.entry.bf6545d9.js → flip-icon-check-strong.entry.756abe1c.js}

@@ -1,4 +1,4 @@
-import { r as s, h as e, F as i } from "./main.c9b46168.js";
+import { r as s, h as e, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-check.entry.88a7260b.js → flip-icon-check.entry.71f246f6.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-chevron-left.entry.1eab612e.js → flip-icon-chevron-left.entry.76299ff3.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-chevron-right.entry.b55b235e.js → flip-icon-chevron-right.entry.56cd2638.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-close-small.entry.2c855d87.js → flip-icon-close-small.entry.d5bce874.js}

@@ -1,4 +1,4 @@
-import { r as l, h as C, F as s } from "./main.c9b46168.js";
+import { r as l, h as C, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const t = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-close.entry.8b5754bd.js → flip-icon-close.entry.1c183b2c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as s } from "./main.c9b46168.js";
+import { r as t, h as C, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-cloud-upload.entry.943d15aa.js → flip-icon-cloud-upload.entry.780eefd8.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-comment.entry.966dd929.js → flip-icon-comment.entry.9c85f2af.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, F as i } from "./main.c9b46168.js";
+import { r as s, h as t, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const r = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-copy.entry.a762687c.js → flip-icon-copy.entry.33ed327d.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-date-range.entry.c3029ef5.js → flip-icon-date-range.entry.739ecf4e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as V, F as i } from "./main.c9b46168.js";
+import { r as t, h as V, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const H = ":host{display:inline-flex}", C = class {

package/dist/{flip-icon-delete.entry.9a13cea4.js → flip-icon-delete.entry.f3cba347.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t, F as i } from "./main.c9b46168.js";
+import { r as s, h as t, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const C = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-description.entry.c16ff02b.js → flip-icon-description.entry.d0f9e65c.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-download.entry.3b48f816.js → flip-icon-download.entry.9adb287e.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", o = class {

package/dist/{flip-icon-edit.entry.86590692.js → flip-icon-edit.entry.7b9f186f.js}

@@ -1,4 +1,4 @@
-import { r as C, h as i, F as s } from "./main.c9b46168.js";
+import { r as C, h as i, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", e = class {

package/dist/{flip-icon-emoji-mood.entry.5f75c0e7.js → flip-icon-emoji-mood.entry.e0b32fe1.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const o = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-emoji-satisfied.entry.a24e9f8b.js → flip-icon-emoji-satisfied.entry.5ef82f25.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-error.entry.0a68ce3b.js → flip-icon-error_3.entry.87fcf907.js}

@@ -1,15 +1,39 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r, h as e, F as i, H as n } from "./index.b70d4c92.js";
+import { c as t } from "./index-6d2e18c6.289636d4.js";
 import "react";
 import "react-dom";
-const r = ":host{display:inline-flex}", l = class {
+import "./_commonjsHelpers-44457d8d.ba94af77.js";
+const a = ":host{display:inline-flex}", l = class {
   constructor(s) {
-    t(this, s), this.size = 24;
+    r(this, s), this.size = 24;
   }
   render() {
-    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667Z", fill: "currentColor" })));
+    return e("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && e(i, null, e("path", { d: "M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667Z", fill: "currentColor" })), this.size === 24 && e(i, null, e("path", { d: "M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13Z", fill: "currentColor" })), this.size === 28 && e(i, null, e("path", { d: "M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667Z", fill: "currentColor" })));
   }
 };
-l.style = r;
+l.style = a;
+const C = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{padding-top:0.1875rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;color:var(--s-icon-critical);align-self:flex-start}.inline-error__message{width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-left:var(--s-space-4);padding-top:var(--s-space-2)}", c = class {
+  constructor(s) {
+    r(this, s), this.size = "m";
+  }
+  render() {
+    const s = this.size === "m" ? 24 : 16, o = t("inline-error", `inline-error--size-${this.size}`);
+    return e(n, null, e("span", { class: o }, e("span", { class: "inline-error__icon" }, e("flip-icon-error", { size: s })), e("span", { class: "inline-error__message" }, this.message)));
+  }
+};
+c.style = C;
+const h = ":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-s{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{-webkit-animation:spinner-dash 1.5s ease-in-out infinite;animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}", p = class {
+  constructor(s) {
+    r(this, s), this.size = "m";
+  }
+  render() {
+    const s = t("spinner", `spinner--size-${this.size}`);
+    return e(n, null, e("span", { class: s, role: Boolean(this.label) ? "status" : void 0 }, e("svg", { "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, e("circle", { class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), e("circle", { class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && e("flip-visually-hidden", null, e("span", { class: "spinner__label" }, this.label))));
+  }
+};
+p.style = h;
 export {
-  l as flip_icon_error
+  l as flip_icon_error,
+  c as flip_inline_error,
+  p as flip_spinner
 };

package/dist/flip-icon-expand-less_3.entry.8f8fb508.js

@@ -0,0 +1,35 @@
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
+import "react";
+import "react-dom";
+const l = ":host{display:inline-flex}", e = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M4.39999 9.85C4.25554 9.70556 4.18332 9.52778 4.18332 9.31667C4.18332 9.10556 4.25554 8.92778 4.39999 8.78333L7.46665 5.71667C7.54443 5.63889 7.62776 5.58333 7.71665 5.55C7.80554 5.51667 7.89999 5.5 7.99999 5.5C8.09999 5.5 8.19443 5.51667 8.28332 5.55C8.37221 5.58333 8.45554 5.63889 8.53332 5.71667L11.6167 8.8C11.7611 8.94444 11.8307 9.11667 11.8253 9.31667C11.8195 9.51667 11.7444 9.69444 11.6 9.85C11.4555 9.98333 11.2778 10.05 11.0667 10.05C10.8555 10.05 10.6778 9.98333 10.5333 9.85L7.99999 7.3L5.44999 9.86667C5.30554 10 5.13332 10.0667 4.93332 10.0667C4.73332 10.0667 4.55554 9.99444 4.39999 9.85V9.85Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M6.59999 14.775C6.38333 14.5583 6.27499 14.2917 6.27499 13.975C6.27499 13.6583 6.38333 13.3917 6.59999 13.175L11.2 8.575C11.3167 8.45833 11.4417 8.375 11.575 8.325C11.7083 8.275 11.85 8.25 12 8.25C12.15 8.25 12.2917 8.275 12.425 8.325C12.5583 8.375 12.6833 8.45833 12.8 8.575L17.425 13.2C17.6417 13.4167 17.746 13.675 17.738 13.975C17.7293 14.275 17.6167 14.5417 17.4 14.775C17.1833 14.975 16.9167 15.075 16.6 15.075C16.2833 15.075 16.0167 14.975 15.8 14.775L12 10.95L8.17499 14.8C7.95833 15 7.69999 15.1 7.39999 15.1C7.09999 15.1 6.83333 14.9917 6.59999 14.775Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M7.7 17.2375C7.44722 16.9847 7.32083 16.6736 7.32083 16.3042C7.32083 15.9347 7.44722 15.6236 7.7 15.3708L13.0667 10.0042C13.2028 9.86806 13.3486 9.77083 13.5042 9.7125C13.6597 9.65417 13.825 9.625 14 9.625C14.175 9.625 14.3403 9.65417 14.4958 9.7125C14.6514 9.77083 14.7972 9.86806 14.9333 10.0042L20.3292 15.4C20.5819 15.6528 20.7037 15.9542 20.6943 16.3042C20.6842 16.6542 20.5528 16.9653 20.3 17.2375C20.0472 17.4708 19.7361 17.5875 19.3667 17.5875C18.9972 17.5875 18.6861 17.4708 18.4333 17.2375L14 12.775L9.5375 17.2667C9.28472 17.5 8.98333 17.6167 8.63333 17.6167C8.28333 17.6167 7.97222 17.4903 7.7 17.2375V17.2375Z", fill: "currentColor" })));
+  }
+};
+e.style = l;
+const n = ":host{display:inline-flex}", o = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M8 3C4.66666 3 1.82 5.07333 0.666664 8C1.82 10.9267 4.66666 13 8 13C11.3333 13 14.18 10.9267 15.3333 8C14.18 5.07333 11.3333 3 8 3ZM8 11.3333C6.16 11.3333 4.66666 9.84 4.66666 8C4.66666 6.16 6.16 4.66667 8 4.66667C9.84 4.66667 11.3333 6.16 11.3333 8C11.3333 9.84 9.84 11.3333 8 11.3333ZM8 6C6.89333 6 6 6.89333 6 8C6 9.10667 6.89333 10 8 10C9.10666 10 10 9.10667 10 8C10 6.89333 9.10666 6 8 6Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 5.25C8.16666 5.25 3.185 8.87833 1.16666 14C3.185 19.1217 8.16666 22.75 14 22.75C19.8333 22.75 24.815 19.1217 26.8333 14C24.815 8.87833 19.8333 5.25 14 5.25ZM14 19.8333C10.78 19.8333 8.16666 17.22 8.16666 14C8.16666 10.78 10.78 8.16667 14 8.16667C17.22 8.16667 19.8333 10.78 19.8333 14C19.8333 17.22 17.22 19.8333 14 19.8333ZM14 10.5C12.0633 10.5 10.5 12.0633 10.5 14C10.5 15.9367 12.0633 17.5 14 17.5C15.9367 17.5 17.5 15.9367 17.5 14C17.5 12.0633 15.9367 10.5 14 10.5Z", fill: "currentColor" })));
+  }
+};
+o.style = n;
+const r = ":host{display:inline-flex}", h = class {
+  constructor(s) {
+    t(this, s), this.size = 24;
+  }
+  render() {
+    return C("svg", { class: "flip-icon", fill: "none", height: this.size, part: "icon", viewBox: `0 0 ${this.size} ${this.size}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && C(i, null, C("path", { d: "M7.99999 4.31339C9.83999 4.31339 11.3333 5.80672 11.3333 7.64672C11.3333 7.98672 11.2667 8.31339 11.1733 8.62006L13.2133 10.6601C14.14 9.84006 14.8733 8.81339 15.3333 7.64006C14.18 4.72006 11.3333 2.64672 7.99999 2.64672C7.15332 2.64672 6.33999 2.78006 5.57332 3.02672L7.01999 4.47339C7.33332 4.38006 7.65999 4.31339 7.99999 4.31339ZM1.80666 2.08672C1.54666 2.34672 1.54666 2.76672 1.80666 3.02672L3.11999 4.34006C2.03999 5.20006 1.17999 6.33339 0.666656 7.64672C1.81999 10.5734 4.66666 12.6467 7.99999 12.6467C9.01332 12.6467 9.97999 12.4467 10.8733 12.1001L12.6867 13.9134C12.9467 14.1734 13.3667 14.1734 13.6267 13.9134C13.8867 13.6534 13.8867 13.2334 13.6267 12.9734L2.75332 2.08672C2.49332 1.82672 2.06666 1.82672 1.80666 2.08672ZM7.99999 10.9801C6.15999 10.9801 4.66666 9.48672 4.66666 7.64672C4.66666 7.13339 4.78666 6.64672 4.99332 6.22006L6.03999 7.26672C6.01999 7.38672 5.99999 7.51339 5.99999 7.64672C5.99999 8.75339 6.89332 9.64672 7.99999 9.64672C8.13332 9.64672 8.25332 9.62672 8.37999 9.60006L9.42666 10.6467C8.99332 10.8601 8.51332 10.9801 7.99999 10.9801ZM9.97999 7.42672C9.87999 6.49339 9.14666 5.76672 8.21999 5.66672L9.97999 7.42672Z", fill: "currentColor" })), this.size === 24 && C(i, null, C("path", { d: "M12 6.47002C14.76 6.47002 17 8.71002 17 11.47C17 11.98 16.9 12.47 16.76 12.93L19.82 15.99C21.21 14.76 22.31 13.22 23 11.46C21.27 7.08002 17 3.97002 12 3.97002C10.73 3.97002 9.51 4.17002 8.36 4.54002L10.53 6.71002C11 6.57002 11.49 6.47002 12 6.47002ZM2.71 3.13002C2.32 3.52002 2.32 4.15002 2.71 4.54002L4.68 6.51002C3.06 7.80002 1.77 9.50002 1 11.47C2.73 15.86 7 18.97 12 18.97C13.52 18.97 14.97 18.67 16.31 18.15L19.03 20.87C19.42 21.26 20.05 21.26 20.44 20.87C20.83 20.48 20.83 19.85 20.44 19.46L4.13 3.13002C3.74 2.74002 3.1 2.74002 2.71 3.13002ZM12 16.47C9.24 16.47 7 14.23 7 11.47C7 10.7 7.18 9.97002 7.49 9.33002L9.06 10.9C9.03 11.08 9 11.27 9 11.47C9 13.13 10.34 14.47 12 14.47C12.2 14.47 12.38 14.44 12.57 14.4L14.14 15.97C13.49 16.29 12.77 16.47 12 16.47ZM14.97 11.14C14.82 9.74002 13.72 8.65002 12.33 8.50002L14.97 11.14Z", fill: "currentColor" })), this.size === 28 && C(i, null, C("path", { d: "M14 7.54834C17.22 7.54834 19.8333 10.1617 19.8333 13.3817C19.8333 13.9767 19.7167 14.5483 19.5533 15.085L23.1233 18.655C24.745 17.22 26.0283 15.4233 26.8333 13.37C24.815 8.26001 19.8333 4.63167 14 4.63167C12.5183 4.63167 11.095 4.86501 9.75332 5.29667L12.285 7.82834C12.8333 7.66501 13.405 7.54834 14 7.54834ZM3.16166 3.65167C2.70666 4.10667 2.70666 4.84167 3.16166 5.29667L5.45999 7.59501C3.56999 9.10001 2.06499 11.0833 1.16666 13.3817C3.18499 18.5033 8.16666 22.1317 14 22.1317C15.7733 22.1317 17.465 21.7817 19.0283 21.175L22.2017 24.3483C22.6567 24.8033 23.3917 24.8033 23.8467 24.3483C24.3017 23.8933 24.3017 23.1583 23.8467 22.7033L4.81832 3.65167C4.36332 3.19667 3.61666 3.19667 3.16166 3.65167ZM14 19.215C10.78 19.215 8.16666 16.6017 8.16666 13.3817C8.16666 12.4833 8.37666 11.6317 8.73832 10.885L10.57 12.7167C10.535 12.9267 10.5 13.1483 10.5 13.3817C10.5 15.3183 12.0633 16.8817 14 16.8817C14.2333 16.8817 14.4433 16.8467 14.665 16.8L16.4967 18.6317C15.7383 19.005 14.8983 19.215 14 19.215ZM17.465 12.9967C17.29 11.3633 16.0067 10.0917 14.385 9.91667L17.465 12.9967Z", fill: "currentColor" })));
+  }
+};
+h.style = r;
+export {
+  e as flip_icon_expand_less,
+  o as flip_icon_visibility,
+  h as flip_icon_visibility_off
+};

package/dist/{flip-icon-expand-more.entry.d3b47154.js → flip-icon-expand-more.entry.d2c9bf62.js}

@@ -1,4 +1,4 @@
-import { r as t, h as C, F as i } from "./main.c9b46168.js";
+import { r as t, h as C, F as i } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", l = class {

package/dist/{flip-icon-file.entry.9edd9ac5.js → flip-icon-file.entry.0d1868a4.js}

@@ -1,4 +1,4 @@
-import { r as l, h as i, F as s } from "./main.c9b46168.js";
+import { r as l, h as i, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const e = ":host{display:inline-flex}", r = class {

package/dist/{flip-icon-folder-shared.entry.a79740f8.js → flip-icon-folder-shared.entry.f1f4317b.js}

@@ -1,4 +1,4 @@
-import { r as t, h as i, F as s } from "./main.c9b46168.js";
+import { r as t, h as i, F as s } from "./index.b70d4c92.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-flex}", r = class {