@getflip/swirl-components-react 0.1.0

package/dist/flip-radio-group.entry.187f29ee.js

@@ -0,0 +1,35 @@
+import { r as a, c as s, h as r, H as l, g as n } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+const u = ".sc-flip-radio-group-h{display:block}.sc-flip-radio-group-h *.sc-flip-radio-group{box-sizing:border-box}.radio-group.sc-flip-radio-group{display:flex;flex-direction:column;gap:var(--s-space-4)}", d = class {
+  constructor(e) {
+    a(this, e), this.valueChange = s(this, "valueChange", 7);
+  }
+  componentDidLoad() {
+    this.radioButtons = Array.from(this.el.querySelectorAll("flip-radio")), this.initValue(), this.handleValueChanges();
+  }
+  initValue() {
+    if (this.value === void 0)
+      return;
+    const e = this.radioButtons.find((i) => i.value === this.value);
+    !Boolean(e) || (e.checked = !0);
+  }
+  handleValueChanges() {
+    for (const [e, i] of Object.entries(this.radioButtons))
+      i.addEventListener("valueChange", () => {
+        (i.checked === !0 || i.checked === "true") && (this.valueChange.emit(i.value), this.radioButtons.forEach((t, o) => {
+          String(o) !== e && (t.checked = !1);
+        }));
+      });
+  }
+  render() {
+    return r(l, { role: "radiogroup" }, r("div", { class: "radio-group" }, r("slot", null)));
+  }
+  get el() {
+    return n(this);
+  }
+};
+d.style = u;
+export {
+  d as flip_radio_group
+};

package/dist/flip-radio.entry.817d976d.js

@@ -0,0 +1,25 @@
+import { r as s, c as l, h as i, H as c } from "./main.7e7363a7.js";
+import { c as t } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const n = `.sc-flip-radio-h{display:inline-flex}.sc-flip-radio-h *.sc-flip-radio{box-sizing:border-box}.radio.sc-flip-radio{display:inline-flex;cursor:pointer;line-height:var(--s-line-height-base)}.radio.sc-flip-radio:focus-within .radio__box.sc-flip-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-flip-radio .radio__box.sc-flip-radio,.radio--invalid.radio--indeterminate.sc-flip-radio .radio__box.sc-flip-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-flip-radio{cursor:default}.radio--disabled.radio--checked.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-flip-radio .radio__box.sc-flip-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:transparent}.radio--disabled.sc-flip-radio .radio__box.sc-flip-radio{border-color:var(--s-icon-disabled);backround-color:var(--s-icon-disabled)}.radio--disabled.sc-flip-radio .radio__description.sc-flip-radio,.radio--disabled.sc-flip-radio .radio__label.sc-flip-radio{color:var(--s-text-disabled)}.radio__control.sc-flip-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-flip-radio:hover .radio__box.sc-flip-radio{background-color:var(--s-action-neutral-hovered)}.radio__box.sc-flip-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-flip-radio{display:inline-flex;margin-left:var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-flip-radio{font-weight:var(--s-font-weight-medium)}.radio__description.sc-flip-radio{color:var(--s-text-subdued)}`, h = class {
+  constructor(a) {
+    s(this, a), this.valueChange = l(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.onChange = () => {
+      this.checked = !0, this.valueChange.emit(this.value);
+    };
+  }
+  render() {
+    const a = this.checked === !1 || this.checked === "false", r = this.checked === !0 || this.checked === "true", o = r ? "true" : a ? "false" : "mixed", d = this.invalid, e = t("radio", {
+      "radio--checked": r,
+      "radio--disabled": this.disabled,
+      "radio--invalid": this.invalid,
+      "radio--unchecked": a
+    });
+    return i(c, null, i("label", { class: e, htmlFor: this.inputId }, i("span", { class: "radio__control" }, i("flip-visually-hidden", null, i("input", { "aria-checked": o, "aria-invalid": d, checked: r, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { "aria-hidden": "true", class: "radio__box" })), i("span", { class: "radio__label-container" }, this.label && i("span", { class: "radio__label" }, this.label), this.description && i("span", { class: "radio__description" }, this.description))));
+  }
+};
+h.style = n;
+export {
+  h as flip_radio
+};

package/dist/flip-search.entry.6717d77a.js

@@ -0,0 +1,30 @@
+import { r as c, c as r, h as a, H as i } from "./main.7e7363a7.js";
+import { c as t } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const l = ".sc-flip-search-h{display:flex;width:100%}.sc-flip-search-h *.sc-flip-search{box-sizing:border-box}.search.sc-flip-search{position:relative;display:flex;width:100%}.search--disabled.sc-flip-search .search__icon.sc-flip-search{color:var(--s-icon-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-flip-search .search__input.sc-flip-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-flip-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}.search__input.sc-flip-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-flip-search:focus{outline-color:var(--s-focus-default)}.search__input.sc-flip-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-flip-search::-webkit-search-decoration,.search__input.sc-flip-search::-webkit-search-cancel-button,.search__input.sc-flip-search::-webkit-search-results-button,.search__input.sc-flip-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-flip-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__input.sc-flip-search:not(:placeholder-shown)+.search__clear-button.sc-flip-search{display:inline-flex}.search__clear-button.sc-flip-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = class {
+  constructor(s) {
+    c(this, s), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.valueChange = r(this, "valueChange", 7), this.clearButtonLabel = "Clear search term", this.placeholder = "Search \u2026", this.clear = () => {
+      this.input.value = "", this.input.focus();
+    }, this.onBlur = (e) => {
+      this.inputBlur.emit(e);
+    }, this.onChange = (e) => {
+      this.valueChange.emit(e.target.value);
+    }, this.onFocus = (e) => {
+      this.inputFocus.emit(e);
+    };
+  }
+  onKeyDown(s) {
+    (s.code === "KeyK" || s.code === "Slash") && (s.ctrlKey || s.metaKey) && this.input.focus();
+  }
+  render() {
+    const s = t("search", {
+      "search--disabled": this.disabled
+    });
+    return a(i, null, a("span", { class: s }, a("flip-icon-search", { class: "search__icon" }), a("input", { "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("flip-icon-cancel", null))));
+  }
+};
+o.style = l;
+export {
+  o as flip_search
+};

package/dist/flip-spinner.entry.f8f179be.js

@@ -0,0 +1,17 @@
+import { r, h as e, H as i } from "./main.7e7363a7.js";
+import { c as n } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const t = ":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}}", a = class {
+  constructor(s) {
+    r(this, s), this.size = "m";
+  }
+  render() {
+    const s = n("spinner", `spinner--size-${this.size}`);
+    return e(i, 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))));
+  }
+};
+a.style = t;
+export {
+  a as flip_spinner
+};

package/dist/flip-stack.entry.50d88d6f.js

@@ -0,0 +1,17 @@
+import { r as i, h as s, H as e } from "./main.7e7363a7.js";
+import { c as n } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const c = ":host{display:block;width:100%}:host *{box-sizing:border-box}.stack{display:flex;width:100%;max-width:100%}.stack ::slotted(*){min-width:0;max-width:100%;flex-basis:auto;flex-grow:0;flex-shrink:0}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-space-between{justify-content:space-between}.stack--justify-space-around{justify-content:space-around}.stack--justify-space-evenly{justify-content:space-evenly}.stack--justify-stretch{justify-content:stretch}.stack--justify-stretch ::slotted(*){flex-grow:1}.stack--orientation-vertical{flex-direction:column}.stack--orientation-horizontal{flex-direction:row}.stack--wrap{flex-wrap:wrap}", r = class {
+  constructor(t) {
+    i(this, t), this.align = "start", this.as = "div", this.justify = "start", this.orientation = "vertical", this.spacing = "0", this.wrap = !1;
+  }
+  render() {
+    const t = this.as, a = n("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
+    return s(e, null, s(t, { class: a, style: { gap: `var(--s-space-${this.spacing})` } }, s("slot", null)));
+  }
+};
+r.style = c;
+export {
+  r as flip_stack
+};

package/dist/flip-switch.entry.ef96875e.js

@@ -0,0 +1,55 @@
+import { r as n, c as r, h as e, H as a, g as o } from "./main.7e7363a7.js";
+import { c as l } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const d = `.sc-flip-switch-h{display:inline-flex}.sc-flip-switch-h *.sc-flip-switch{box-sizing:border-box}.switch.sc-flip-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-flip-switch:focus-within .switch__control.sc-flip-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),
+      0 0 0 0.1875rem var(--s-focus-default)}.switch--size-m.sc-flip-switch .switch__control.sc-flip-switch{width:2.75rem;height:1.5rem;border-radius:calc(1.5rem / 2)}.switch--size-m.sc-flip-switch .switch__thumb.sc-flip-switch{width:1.25rem;height:1.25rem}.switch--on.switch--size-m.sc-flip-switch .switch__thumb.sc-flip-switch{left:calc(100% - 1.25rem - var(--s-space-2))}.switch--on.sc-flip-switch .switch__control.sc-flip-switch{background-color:var(--s-interactive-primary-default)}.switch--on.sc-flip-switch .switch__thumb.sc-flip-switch{left:calc(100% - 0.875rem - var(--s-space-2))}.switch--disabled.sc-flip-switch .switch__control.sc-flip-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-flip-switch .switch__thumb.sc-flip-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-flip-switch .switch__label.sc-flip-switch{color:var(--s-text-disabled)}.switch__control.sc-flip-switch{position:relative;width:1.875rem;height:1.125rem;flex-shrink:0;border-radius:calc(1.125rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-flip-switch{transition:none}}.switch__thumb.sc-flip-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:0.875rem;height:0.875rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-flip-switch{transition:none}}.switch__label.sc-flip-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base)}`, f = class {
+  constructor(h) {
+    n(this, h), this.valueChange = r(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.size = "m", this.dragging = !1, this.recentlyDragged = !1, this.onChange = () => {
+      if (!this.dragging) {
+        if (this.recentlyDragged) {
+          this.recentlyDragged = !1;
+          return;
+        }
+        this.checked = !this.checked, this.valueChange.emit(this.checked);
+      }
+    }, this.onStartDrag = () => {
+      this.disabled || (this.dragging = !0, this.thumb.style.transition = "none");
+    }, this.onEndDrag = () => {
+      if (!this.disabled) {
+        if (this.recentlyDragged) {
+          const s = this.control.getBoundingClientRect(), c = this.thumb.getBoundingClientRect(), t = this.thumb.offsetLeft + c.width / 2 > s.width / 2;
+          this.checked !== t && (this.checked = t, this.valueChange.emit(t));
+        }
+        this.thumb.style.left = "", this.thumb.style.transition = "", this.dragging = !1, setTimeout(() => {
+          this.recentlyDragged = !1;
+        });
+      }
+    }, this.onDrag = (s) => {
+      if (!this.dragging)
+        return;
+      this.recentlyDragged = !0;
+      const c = this.control.getBoundingClientRect(), t = this.thumb.getBoundingClientRect();
+      let i = Math.round(s.offsetX - t.width / 2);
+      i < 0 && (i = 0), i > Math.round(c.width - t.width) && (i = Math.round(c.width - t.width)), this.thumb.style.left = `${i}px`;
+    };
+  }
+  onWindowPointerUp() {
+    this.onEndDrag();
+  }
+  render() {
+    const h = !this.checked, s = this.checked, c = s ? "true" : "false", t = l("switch", `switch--size-${this.size}`, {
+      "switch--off": h,
+      "switch--on": s,
+      "switch--disabled": this.disabled
+    });
+    return e(a, null, e("label", { class: t, htmlFor: this.inputId }, e("span", { class: "switch__control", onPointerDown: this.onStartDrag, onPointerMove: this.onDrag, onPointerUp: this.onEndDrag, ref: (i) => this.control = i }, e("flip-visually-hidden", null, e("input", { "aria-checked": c, checked: s, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), e("span", { "aria-hidden": "true", class: "switch__thumb", ref: (i) => this.thumb = i })), this.label && e("span", { class: "switch__label" }, this.label)));
+  }
+  get el() {
+    return o(this);
+  }
+};
+f.style = d;
+export {
+  f as flip_switch
+};

package/dist/flip-tag.entry.31a7d0f7.js

@@ -0,0 +1,20 @@
+import { r as e, c as s, h as t, H as n } from "./main.7e7363a7.js";
+import { c as i } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const c = ":host{display:inline-flex}:host *{box-sizing:border-box}.tag{display:inline-flex;padding:var(--s-space-2) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus{outline-color:var(--s-focus-default)}", l = class {
+  constructor(a) {
+    e(this, a), this.remove = s(this, "remove", 7), this.intent = "default", this.removalButtonLabel = "Remove", this.onRemove = (r) => {
+      var o;
+      (o = this.remove) === null || o === void 0 || o.emit(r);
+    };
+  }
+  render() {
+    const a = i("tag", `tag--intent-${this.intent}`);
+    return t(n, null, t("span", { class: a }, this.label, this.removable && t("button", { "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, type: "button" }, t("flip-icon-close", { size: 16 }))));
+  }
+};
+l.style = c;
+export {
+  l as flip_tag
+};

package/dist/flip-theme-provider.entry.9c054d33.js

@@ -0,0 +1,181 @@
+import { r as C, h as b, H } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+function h(e, t, n) {
+  return Math.min(Math.max(e, n), t);
+}
+class P extends Error {
+  constructor(t) {
+    super(`Failed to parse color: "${t}"`);
+  }
+}
+var g = P;
+function j(e) {
+  if (typeof e != "string")
+    throw new g(e);
+  if (e.trim().toLowerCase() === "transparent")
+    return [0, 0, 0, 0];
+  let t = e.trim();
+  t = I.test(e) ? q(e) : e;
+  const n = M.exec(t);
+  if (n) {
+    const a = Array.from(n).slice(1);
+    return [...a.slice(0, 3).map((i) => parseInt(u(i, 2), 16)), parseInt(u(a[3] || "f", 2), 16) / 255];
+  }
+  const o = A.exec(t);
+  if (o) {
+    const a = Array.from(o).slice(1);
+    return [...a.slice(0, 3).map((i) => parseInt(i, 16)), parseInt(a[3] || "ff", 16) / 255];
+  }
+  const r = F.exec(t);
+  if (r) {
+    const a = Array.from(r).slice(1);
+    return [...a.slice(0, 3).map((i) => parseInt(i, 10)), parseFloat(a[3] || "1")];
+  }
+  const s = R.exec(t);
+  if (s) {
+    const [a, i, c, d] = Array.from(s).slice(1).map(parseFloat);
+    if (h(0, 100, i) !== i)
+      throw new g(e);
+    if (h(0, 100, c) !== c)
+      throw new g(e);
+    return [...O(a, i, c), d || 1];
+  }
+  throw new g(e);
+}
+function $(e) {
+  let t = 5381, n = e.length;
+  for (; n; )
+    t = t * 33 ^ e.charCodeAt(--n);
+  return (t >>> 0) % 2341;
+}
+const w = (e) => parseInt(e.replace(/_/g, ""), 36), E = "1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((e, t) => {
+  const n = w(t.substring(0, 3)), o = w(t.substring(3)).toString(16);
+  let r = "";
+  for (let s = 0; s < 6 - o.length; s++)
+    r += "0";
+  return e[n] = `${r}${o}`, e;
+}, {});
+function q(e) {
+  const t = e.toLowerCase().trim(), n = E[$(t)];
+  if (!n)
+    throw new g(e);
+  return `#${n}`;
+}
+const u = (e, t) => Array.from(Array(t)).map(() => e).join(""), M = new RegExp(`^#${u("([a-f0-9])", 3)}([a-f0-9])?$`, "i"), A = new RegExp(`^#${u("([a-f0-9]{2})", 3)}([a-f0-9]{2})?$`, "i"), F = new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${u(",\\s*(\\d+)\\s*", 2)}(?:,\\s*([\\d.]+))?\\s*\\)$`, "i"), R = /^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i, I = /^[a-z]+$/i, z = (e) => Math.round(e * 255), O = (e, t, n) => {
+  let o = n / 100;
+  if (t === 0)
+    return [o, o, o].map(z);
+  const r = (e % 360 + 360) % 360 / 60, s = (1 - Math.abs(2 * o - 1)) * (t / 100), a = s * (1 - Math.abs(r % 2 - 1));
+  let i = 0, c = 0, d = 0;
+  r >= 0 && r < 1 ? (i = s, c = a) : r >= 1 && r < 2 ? (i = a, c = s) : r >= 2 && r < 3 ? (c = s, d = a) : r >= 3 && r < 4 ? (c = a, d = s) : r >= 4 && r < 5 ? (i = a, d = s) : r >= 5 && r < 6 && (i = s, d = a);
+  const l = o - s / 2, m = i + l, f = c + l, y = d + l;
+  return [m, f, y].map(z);
+};
+function v(e) {
+  const [t, n, o, r] = j(e).map((m, f) => f === 3 ? m : m / 255), s = Math.max(t, n, o), a = Math.min(t, n, o), i = (s + a) / 2;
+  if (s === a)
+    return [0, 0, i, r];
+  const c = s - a, d = i > 0.5 ? c / (2 - s - a) : c / (s + a);
+  return [60 * (t === s ? (n - o) / c + (n < o ? 6 : 0) : n === s ? (o - t) / c + 2 : (t - n) / c + 4), d, i, r];
+}
+function p(e, t, n, o) {
+  return `hsla(${(e % 360).toFixed()}, ${h(0, 100, t * 100).toFixed()}%, ${h(0, 100, n * 100).toFixed()}%, ${parseFloat(h(0, 1, o).toFixed(3))})`;
+}
+function L(e, t, n, o) {
+  return `rgba(${h(0, 255, e).toFixed()}, ${h(0, 255, t).toFixed()}, ${h(0, 255, n).toFixed()}, ${parseFloat(h(0, 1, o).toFixed(3))})`;
+}
+function _(e) {
+  return L(...j(e));
+}
+const S = ".sc-flip-theme-provider-h{display:block}", x = "flip-preferred-theme", k = {
+  "--s-action-primary-default": "primary",
+  "--s-action-primary-hovered": "primaryHovered",
+  "--s-action-primary-pressed": "primaryPressed",
+  "--s-text-on-action-primary": "primaryContrast",
+  "--s-icon-on-action-primary": "primaryContrast",
+  "--s-surface-highlight-default": "secondary",
+  "--s-surface-highlight-hovered": "secondaryHovered",
+  "--s-surface-highlight-pressed": "secondaryPressed",
+  "--s-on-surface-highlight-default": "secondaryHovered",
+  "--s-text-on-surface-highlight": "secondaryContrast",
+  "--s-icon-on-surface-highlight": "secondaryContrast",
+  "--s-text-highlight": "text",
+  "--s-interactive-primary-default": "text",
+  "--s-interactive-primary-hovered": "textHovered",
+  "--s-interactive-primary-pressed": "textPressed"
+}, B = class {
+  constructor(e) {
+    C(this, e);
+  }
+  componentWillLoad() {
+    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
+  }
+  watchConfig() {
+    this.resolveConfig(), this.determineOSTheme(), this.updateAppTheme();
+  }
+  async getActiveTheme() {
+    return this.appTheme;
+  }
+  async getPreferredTheme() {
+    if (!!Boolean(this.resolvedConfig.storage))
+      return this.resolvedConfig.storage.getItem(x);
+  }
+  async setPreferredTheme(e) {
+    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.setItem(x, e), this.updateAppTheme());
+  }
+  async resetPreferredTheme() {
+    !Boolean(this.resolvedConfig.storage) || (this.resolvedConfig.storage.removeItem(x), this.updateAppTheme());
+  }
+  resolveConfig() {
+    var e, t;
+    this.resolvedConfig = Object.assign(Object.assign({}, this.config || {}), { rootElement: ((e = this.config) === null || e === void 0 ? void 0 : e.rootElement) || document.documentElement, storage: ((t = this.config) === null || t === void 0 ? void 0 : t.storage) || (window == null ? void 0 : window.localStorage) });
+  }
+  determineOSTheme() {
+    if (!Boolean(window.matchMedia)) {
+      this.osTheme = "light";
+      return;
+    }
+    const e = window.matchMedia("(prefers-color-scheme: dark)");
+    this.osTheme = e.matches ? "dark" : "light", e.addEventListener("change", (t) => {
+      this.osTheme = t.matches ? "dark" : "light", this.updateAppTheme();
+    });
+  }
+  async updateAppTheme() {
+    this.appTheme = await this.getPreferredTheme() || this.osTheme, this.appTheme === "dark" ? (document.documentElement.classList.remove("theme-light"), document.documentElement.classList.add("theme-dark")) : (document.documentElement.classList.remove("theme-dark"), document.documentElement.classList.add("theme-light")), this.updateTenantVariables();
+  }
+  updateTenantVariables() {
+    var e;
+    const t = (e = this.resolvedConfig) === null || e === void 0 ? void 0 : e.tenantColors;
+    if (!Boolean(t)) {
+      this.resetTenantVariables();
+      return;
+    }
+    const n = this.resolvedConfig.rootElement, o = v(t.primary), r = v(t.secondary), s = v(t.text), a = _(p(o[0], o[1] - 0.21, o[2] + 0.09, 1)), i = _(p(o[0], o[1] - 0.2, o[2] + 0.17, 1)), c = _(p(r[0], r[1], r[2] + 0.07, 1)), d = _(p(r[0], r[1], r[2] + 0.15, 1)), l = _(p(s[0], s[1] - 0.34, s[2] + 0.1, 1)), m = _(p(s[0], s[1] - 0.48, s[2] + 0.2, 1)), f = Object.assign(Object.assign({}, t), { primaryHovered: a, primaryPressed: i, secondaryHovered: c, secondaryPressed: d, textHovered: l, textPressed: m });
+    Object.entries(k).forEach(([y, T]) => n.style.setProperty(y, f[T]));
+  }
+  resetTenantVariables() {
+    const e = this.resolvedConfig.rootElement;
+    [
+      ...Object.keys(k),
+      "primaryHovered",
+      "primaryPressed",
+      "secondaryHovered",
+      "secondaryPressed",
+      "textHovered",
+      "textPressed"
+    ].forEach((t) => e.style.removeProperty(t));
+  }
+  render() {
+    return b(H, null, b("slot", null));
+  }
+  static get watchers() {
+    return {
+      config: ["watchConfig"]
+    };
+  }
+};
+B.style = S;
+export {
+  B as flip_theme_provider
+};

package/dist/flip-thumbnail.entry.449e93ef.js

@@ -0,0 +1,17 @@
+import { r as t, h as a, H as s } from "./main.7e7363a7.js";
+import { c as l } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const m = ":host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail--size-s{--flip-thumbnail-size:2.5rem}.thumbnail--size-m{--flip-thumbnail-size:3rem}.thumbnail--size-l{--flip-thumbnail-size:4rem}.thumbnail--format-landscape{width:var(--flip-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-landscape .thumbnail__image{width:100%}.thumbnail--format-portrait{height:var(--flip-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-portrait .thumbnail__image{height:100%}.thumbnail--format-square{width:var(--flip-thumbnail-size);height:var(--flip-thumbnail-size)}.thumbnail--format-square .thumbnail__image{width:100%}.thumbnail__image{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}", r = class {
+  constructor(i) {
+    t(this, i), this.format = "landscape", this.size = "m";
+  }
+  render() {
+    const i = l("thumbnail", `thumbnail--format-${this.format}`, `thumbnail--size-${this.size}`);
+    return a(s, null, a("span", { class: i }, a("img", { alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })));
+  }
+};
+r.style = m;
+export {
+  r as flip_thumbnail
+};

package/dist/flip-toast-provider.entry.59025e1a.js

@@ -0,0 +1,28 @@
+import { r, h as a, H as n } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+const l = class {
+  constructor(t) {
+    r(this, t), this.toasts = [], this.onDismiss = (s) => {
+      this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
+    };
+  }
+  async clearAll() {
+    this.toasts = [];
+  }
+  async dismiss(t) {
+    this.toasts = [...this.toasts].filter((s) => s.toastId !== t);
+  }
+  async toast(t) {
+    if (this.toasts.some((o) => o.toastId === t.toastId))
+      return;
+    const s = this.globalDuration === void 0 ? t.duration : this.globalDuration === 0 ? void 0 : this.globalDuration, i = Object.assign(Object.assign({}, t), { createdAt: new Date(), duration: s, toastId: t.toastId || String(Math.round(Math.random() * 1e4)) });
+    return this.toasts = [...this.toasts, i], i;
+  }
+  render() {
+    return a(n, { role: "status" }, a("flip-stack", { spacing: "12" }, this.toasts.map((t) => a("flip-toast", Object.assign({ key: t.toastId, onDismiss: this.onDismiss }, t)))));
+  }
+};
+export {
+  l as flip_toast_provider
+};

package/dist/flip-toast.entry.78522d59.js

@@ -0,0 +1,38 @@
+import { r as i, c as a, h as t, H as e } from "./main.7e7363a7.js";
+import { c as o } from "./index-3c78bcaf.2675909b.js";
+import "react";
+import "react-dom";
+const n = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:0.75rem;color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;margin-top:calc(-1 * var(--s-space-2));margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-top:calc(-1 * var(--s-space-2));margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}", r = class {
+  constructor(s) {
+    i(this, s), this.dismiss = a(this, "dismiss", 7), this.accessibleDismissLabel = "Dismiss", this.intent = "default", this.onDismiss = () => {
+      this.dismiss.emit(this.toastId);
+    };
+  }
+  watchDuration() {
+    this.startTimer();
+  }
+  componentDidLoad() {
+    this.startTimer();
+  }
+  startTimer() {
+    this.clearTimer(), this.duration !== void 0 && (this.timeout = setTimeout(() => {
+      this.dismiss.emit(this.toastId);
+    }, this.duration));
+  }
+  clearTimer() {
+    !Boolean(this.timeout) || (clearTimeout(this.timeout), this.timeout = void 0);
+  }
+  render() {
+    const s = o("toast", `toast--intent-${this.intent}`);
+    return t(e, null, t("div", { class: s }, this.icon && t("span", { class: "toast__icon", innerHTML: this.icon }), t("span", { class: "toast__content" }, this.content), t("button", { "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && t("flip-icon-close", null))));
+  }
+  static get watchers() {
+    return {
+      duration: ["watchDuration"]
+    };
+  }
+};
+r.style = n;
+export {
+  r as flip_toast
+};

package/dist/flip-tooltip.entry.8b5f35c7.js

@@ -0,0 +1,102 @@
+import { r as A, h as e, H as D } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+/*! NanoPop 2.1.0 MIT | https://github.com/Simonwep/nanopop */
+const H = { variantFlipOrder: { start: "sme", middle: "mse", end: "ems" }, positionFlipOrder: { top: "tbrl", right: "rltb", bottom: "btrl", left: "lrbt" }, position: "bottom", margin: 8 }, K = (s, t, b) => {
+  const { container: w, margin: r, position: y, variantFlipOrder: v, positionFlipOrder: _ } = { container: document.documentElement.getBoundingClientRect(), ...H, ...b }, { left: x, top: T } = t.style;
+  t.style.left = "0", t.style.top = "0";
+  const o = s.getBoundingClientRect(), i = t.getBoundingClientRect(), E = { t: o.top - i.height - r, b: o.bottom + r, r: o.right + r, l: o.left - i.width - r }, B = { vs: o.left, vm: o.left + o.width / 2 + -i.width / 2, ve: o.left + o.width - i.width, hs: o.top, hm: o.bottom - o.height / 2 - i.height / 2, he: o.bottom - i.height }, [F, O = "middle"] = y.split("-"), P = _[F], C = v[O], { top: p, left: d, bottom: c, right: u } = w;
+  for (const l of P) {
+    const n = l === "t" || l === "b", a = E[l], [m, f] = n ? ["top", "left"] : ["left", "top"], [k, S] = n ? [i.height, i.width] : [i.width, i.height], [W, z] = n ? [c, u] : [u, c], [L, R] = n ? [p, d] : [d, p];
+    if (!(a < L || a + k > W))
+      for (const g of C) {
+        const h = B[(n ? "v" : "h") + g];
+        if (!(h < R || h + S > z))
+          return t.style[f] = h - i[f] + "px", t.style[m] = a - i[m] + "px", l + g;
+      }
+  }
+  return t.style.left = x, t.style.top = T, null;
+}, M = ":host{display:inline-flex}:host *{box-sizing:border-box}.tooltip{display:inline-flex}.tooltip .tooltip__reference{display:inline-flex}.tooltip__popper{position:fixed;z-index:var(--s-z-40);max-width:17.5rem}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:var(--s-space-8);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);backgrund-color:red}.tooltip__arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--s-surface-neutral-default)}", I = class {
+  constructor(s) {
+    A(this, s), this.delay = 300, this.position = "top", this.visible = !1, this.onKeydown = (t) => {
+      t.code === "Escape" && this.hide();
+    }, this.reposition = () => {
+      !Boolean(this.referenceEl) || !Boolean(this.popperEl) || (this.actualPosition = K(this.referenceEl, this.popperEl, this.options));
+    }, this.show = () => {
+      this.visible = !0, requestAnimationFrame(() => {
+        this.reposition();
+      });
+    }, this.showWithDelay = () => {
+      Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.showTimeout = setTimeout(() => {
+        this.show();
+      }, this.delay);
+    }, this.hide = () => {
+      Boolean(this.showTimeout) && (clearTimeout(this.showTimeout), this.showTimeout = void 0), this.visible = !1;
+    }, this.updateOptions = () => {
+      const t = +getComputedStyle(document.documentElement).getPropertyValue("--s-space-12").replace("rem", "") * 16;
+      this.options = {
+        margin: t,
+        position: this.position
+      };
+    }, this.getArrowStyles = () => {
+      if (this.actualPosition === "tm")
+        return {
+          top: "100%",
+          left: "50%",
+          transform: "translate3d(-50%, -50%, 0) rotate(45deg)"
+        };
+      if (this.actualPosition === "bm")
+        return {
+          bottom: "100%",
+          left: "50%",
+          transform: "translate3d(-50%, 50%, 0) rotate(45deg)"
+        };
+      if (this.actualPosition === "rm")
+        return {
+          top: "50%",
+          right: "100%",
+          transform: "translate3d(50%, -50%, 0) rotate(45deg)"
+        };
+      if (this.actualPosition === "lm")
+        return {
+          top: "50%",
+          left: "100%",
+          transform: "translate3d(-50%, -50%, 0) rotate(45deg)"
+        };
+    };
+  }
+  watchPosition() {
+    this.updateOptions();
+  }
+  onMouseEnter() {
+    this.showWithDelay();
+  }
+  onMouseLeave() {
+    this.hide();
+  }
+  onWindowResize() {
+    this.reposition();
+  }
+  onWindowScroll() {
+    this.reposition();
+  }
+  componentWillLoad() {
+    this.reposition();
+  }
+  componentDidLoad() {
+    this.updateOptions();
+  }
+  render() {
+    const s = this.getArrowStyles();
+    return e(D, { onKeydown: this.onKeydown }, e("span", { class: "tooltip" }, e("span", { class: "tooltip__reference", "aria-describedby": "tooltip", onBlur: this.hide, onClick: this.hide, onFocus: this.show, ref: (t) => this.referenceEl = t, tabIndex: 0 }, e("slot", null)), e("span", { class: "tooltip__popper", ref: (t) => this.popperEl = t }, this.visible && e("span", { class: "tooltip__bubble", id: "tooltip", role: "tooltip" }, e("span", { class: "tooltip__content", innerHTML: this.content }), e("span", { class: "tooltip__arrow", style: s })))));
+  }
+  static get watchers() {
+    return {
+      position: ["watchPosition"]
+    };
+  }
+};
+I.style = M;
+export {
+  I as flip_tooltip
+};

package/dist/flip-visually-hidden.entry.ae0ff292.js

@@ -0,0 +1,15 @@
+import { r, h as i, H as l } from "./main.7e7363a7.js";
+import "react";
+import "react-dom";
+const t = ":host{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}", o = class {
+  constructor(s) {
+    r(this, s);
+  }
+  render() {
+    return i(l, null, i("slot", null));
+  }
+};
+o.style = t;
+export {
+  o as flip_visually_hidden
+};