@getflip/swirl-components-react 0.0.0-new-shell-20231128130728

package/dist/swirl-color-input.entry.03d4a7b0.js

@@ -0,0 +1,269 @@
+import { r as L, c as g, h as l, H as B } from "./index.e5965a8a.js";
+import { c as T } from "./index-d280dafb.186cdb0e.js";
+import { v as z } from "./v4-fa4bb814.196482d9.js";
+import "react";
+import "react-dom";
+const u = (e, t = 0, o = 1) => e > o ? o : e < t ? t : e, s = (e, t = 0, o = Math.pow(10, t)) => Math.round(o * e) / o, F = (e) => O(v(e)), v = (e) => (e[0] === "#" && (e = e.substring(1)), e.length < 6 ? {
+  r: parseInt(e[0] + e[0], 16),
+  g: parseInt(e[1] + e[1], 16),
+  b: parseInt(e[2] + e[2], 16),
+  a: e.length === 4 ? s(parseInt(e[3] + e[3], 16) / 255, 2) : 1
+} : {
+  r: parseInt(e.substring(0, 2), 16),
+  g: parseInt(e.substring(2, 4), 16),
+  b: parseInt(e.substring(4, 6), 16),
+  a: e.length === 8 ? s(parseInt(e.substring(6, 8), 16) / 255, 2) : 1
+}), A = (e) => D(P(e)), q = ({ h: e, s: t, v: o, a: i }) => {
+  const r = (200 - t) * o / 100;
+  return {
+    h: s(e),
+    s: s(r > 0 && r < 200 ? t * o / 100 / (r <= 100 ? r : 200 - r) * 100 : 0),
+    l: s(r / 2),
+    a: s(i, 2)
+  };
+}, w = (e) => {
+  const { h: t, s: o, l: i } = q(e);
+  return `hsl(${t}, ${o}%, ${i}%)`;
+}, P = ({ h: e, s: t, v: o, a: i }) => {
+  e = e / 360 * 6, t = t / 100, o = o / 100;
+  const r = Math.floor(e), n = o * (1 - t), a = o * (1 - (e - r) * t), p = o * (1 - (1 - e + r) * t), b = r % 6;
+  return {
+    r: s([o, a, n, n, p, o][b] * 255),
+    g: s([p, o, o, a, n, n][b] * 255),
+    b: s([n, n, p, o, o, a][b] * 255),
+    a: s(i, 2)
+  };
+}, d = (e) => {
+  const t = e.toString(16);
+  return t.length < 2 ? "0" + t : t;
+}, D = ({ r: e, g: t, b: o, a: i }) => {
+  const r = i < 1 ? d(s(i * 255)) : "";
+  return "#" + d(e) + d(t) + d(o) + r;
+}, O = ({ r: e, g: t, b: o, a: i }) => {
+  const r = Math.max(e, t, o), n = r - Math.min(e, t, o), a = n ? r === e ? (t - o) / n : r === t ? 2 + (o - e) / n : 4 + (e - t) / n : 0;
+  return {
+    h: s(60 * (a < 0 ? a + 6 : a)),
+    s: s(r ? n / r * 100 : 0),
+    v: s(r / 255 * 100),
+    a: i
+  };
+}, I = (e, t) => {
+  if (e === t)
+    return !0;
+  for (const o in e)
+    if (e[o] !== t[o])
+      return !1;
+  return !0;
+}, N = (e, t) => e.toLowerCase() === t.toLowerCase() ? !0 : I(v(e), v(t)), y = {}, M = (e) => {
+  let t = y[e];
+  return t || (t = document.createElement("template"), t.innerHTML = e, y[e] = t), t;
+}, k = (e, t, o) => {
+  e.dispatchEvent(new CustomEvent(t, {
+    bubbles: !0,
+    detail: o
+  }));
+};
+let c = !1;
+const x = (e) => "touches" in e, R = (e) => c && !x(e) ? !1 : (c || (c = x(e)), !0), C = (e, t) => {
+  const o = x(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
+  k(e.el, "move", e.getMove({
+    x: u((o.pageX - (i.left + window.pageXOffset)) / i.width),
+    y: u((o.pageY - (i.top + window.pageYOffset)) / i.height)
+  }));
+}, V = (e, t) => {
+  const o = t.keyCode;
+  o > 40 || e.xy && o < 37 || o < 33 || (t.preventDefault(), k(e.el, "move", e.getMove({
+    x: o === 39 ? 0.01 : o === 37 ? -0.01 : o === 34 ? 0.05 : o === 33 ? -0.05 : o === 35 ? 1 : o === 36 ? -1 : 0,
+    y: o === 40 ? 0.01 : o === 38 ? -0.01 : 0
+  }, !0)));
+};
+class _ {
+  constructor(t, o, i, r) {
+    const n = M(`<div role="slider" tabindex="0" part="${o}" ${i}><div part="${o}-pointer"></div></div>`);
+    t.appendChild(n.content.cloneNode(!0));
+    const a = t.querySelector(`[part=${o}]`);
+    a.addEventListener("mousedown", this), a.addEventListener("touchstart", this), a.addEventListener("keydown", this), this.el = a, this.xy = r, this.nodes = [a.firstChild, a];
+  }
+  set dragging(t) {
+    const o = t ? document.addEventListener : document.removeEventListener;
+    o(c ? "touchmove" : "mousemove", this), o(c ? "touchend" : "mouseup", this);
+  }
+  handleEvent(t) {
+    switch (t.type) {
+      case "mousedown":
+      case "touchstart":
+        if (t.preventDefault(), !R(t) || !c && t.button != 0)
+          return;
+        this.el.focus(), C(this, t), this.dragging = !0;
+        break;
+      case "mousemove":
+      case "touchmove":
+        t.preventDefault(), C(this, t);
+        break;
+      case "mouseup":
+      case "touchend":
+        this.dragging = !1;
+        break;
+      case "keydown":
+        V(this, t);
+        break;
+    }
+  }
+  style(t) {
+    t.forEach((o, i) => {
+      for (const r in o)
+        this.nodes[i].style.setProperty(r, o[r]);
+    });
+  }
+}
+class j extends _ {
+  constructor(t) {
+    super(t, "hue", 'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"', !1);
+  }
+  update({ h: t }) {
+    this.h = t, this.style([
+      {
+        left: `${t / 360 * 100}%`,
+        color: w({ h: t, s: 100, v: 100, a: 1 })
+      }
+    ]), this.el.setAttribute("aria-valuenow", `${s(t)}`);
+  }
+  getMove(t, o) {
+    return { h: o ? u(this.h + t.x * 360, 0, 360) : 360 * t.x };
+  }
+}
+class X extends _ {
+  constructor(t) {
+    super(t, "saturation", 'aria-label="Color"', !0);
+  }
+  update(t) {
+    this.hsva = t, this.style([
+      {
+        top: `${100 - t.v}%`,
+        left: `${t.s}%`,
+        color: w(t)
+      },
+      {
+        "background-color": w({ h: t.h, s: 100, v: 100, a: 1 })
+      }
+    ]), this.el.setAttribute("aria-valuetext", `Saturation ${s(t.s)}%, Brightness ${s(t.v)}%`);
+  }
+  getMove(t, o) {
+    return {
+      s: o ? u(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
+      v: o ? u(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+    };
+  }
+}
+const Y = ':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}', G = "[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}", J = "[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}", h = Symbol("same"), f = Symbol("color"), $ = Symbol("hsva"), m = Symbol("update"), E = Symbol("parts"), H = Symbol("css"), S = Symbol("sliders");
+class K extends HTMLElement {
+  static get observedAttributes() {
+    return ["color"];
+  }
+  get [H]() {
+    return [Y, G, J];
+  }
+  get [S]() {
+    return [X, j];
+  }
+  get color() {
+    return this[f];
+  }
+  set color(t) {
+    if (!this[h](t)) {
+      const o = this.colorModel.toHsva(t);
+      this[m](o), this[f] = t;
+    }
+  }
+  constructor() {
+    super();
+    const t = M(`<style>${this[H].join("")}</style>`), o = this.attachShadow({ mode: "open" });
+    o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[E] = this[S].map((i) => new i(o));
+  }
+  connectedCallback() {
+    if (this.hasOwnProperty("color")) {
+      const t = this.color;
+      delete this.color, this.color = t;
+    } else
+      this.color || (this.color = this.colorModel.defaultColor);
+  }
+  attributeChangedCallback(t, o, i) {
+    const r = this.colorModel.fromAttr(i);
+    this[h](r) || (this.color = r);
+  }
+  handleEvent(t) {
+    const o = this[$], i = { ...o, ...t.detail };
+    this[m](i);
+    let r;
+    !I(i, o) && !this[h](r = this.colorModel.fromHsva(i)) && (this[f] = r, k(this, "color-changed", { value: r }));
+  }
+  [h](t) {
+    return this.color && this.colorModel.equal(t, this.color);
+  }
+  [m](t) {
+    this[$] = t, this[E].forEach((o) => o.update(t));
+  }
+}
+const Q = {
+  defaultColor: "#000",
+  toHsva: F,
+  fromHsva: ({ h: e, s: t, v: o }) => A({ h: e, s: t, v: o, a: 1 }),
+  equal: N,
+  fromAttr: (e) => e
+};
+class U extends K {
+  get colorModel() {
+    return Q;
+  }
+}
+class W extends U {
+}
+customElements.define("hex-color-picker", W);
+const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}", tt = class {
+  constructor(e) {
+    L(this, e), this.inputBlur = g(this, "inputBlur", 7), this.inputFocus = g(this, "inputFocus", 7), this.valueChange = g(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
+      this.value = t.detail.value;
+    }, this.onChange = (t) => {
+      const o = t.target;
+      this.value = o.value;
+    }, this.onBlur = (t) => {
+      this.inputBlur.emit(t);
+    }, this.onFocus = (t) => {
+      this.inputFocus.emit(t), this.handleAutoSelect(t);
+    }, this.onInput = (t) => {
+      this.onChange(t);
+    }, this.autoFocus = void 0, this.autoSelect = void 0, this.disabled = void 0, this.swirlAriaDescribedby = void 0, this.inline = void 0, this.invalid = void 0, this.pickerButtonLabel = "Open color picker", this.pickerLabel = "Color picker", this.placeholder = void 0, this.required = void 0, this.value = void 0;
+  }
+  componentDidLoad() {
+    this.autoFocus && setTimeout(() => {
+      this.inputEl.focus();
+    }), this.picker.addEventListener("color-changed", this.onPickerChange);
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.picker) == null || e.removeEventListener("color-changed", this.onPickerChange);
+  }
+  watchValue(e, t) {
+    e !== t && this.valueChange.emit(e);
+  }
+  handleAutoSelect(e) {
+    !this.autoSelect || e.target.select();
+  }
+  render() {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
+      "color-input--inline": this.inline
+    });
+    return l(B, null, l("div", { class: t }, l("input", { "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (o) => this.inputEl = o, required: this.required, spellcheck: "false", type: "text", value: this.value }), l("swirl-popover-trigger", { popover: this.pickerId }, l("button", { "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+      backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
+    }, type: "button" })), l("swirl-popover", { animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { color: this.value, ref: (o) => this.picker = o })))));
+  }
+  static get watchers() {
+    return {
+      value: ["watchValue"]
+    };
+  }
+};
+tt.style = Z;
+export {
+  tt as swirl_color_input
+};

package/dist/swirl-columns.entry.af9bb8c8.js

@@ -0,0 +1,18 @@
+import { r as t, h as s, H as i } from "./index.e5965a8a.js";
+import "react";
+import "react-dom";
+const l = ":host{display:block}:host *{box-sizing:border-box}.columns{display:grid;width:100%}", r = class {
+  constructor(o) {
+    t(this, o), this.columns = "repeat(3, minmax(0, 1fr))", this.spacing = void 0;
+  }
+  render() {
+    return s(i, null, s("div", { class: "columns", style: {
+      gridTemplateColumns: this.columns,
+      gap: `var(--s-space-${this.spacing})`
+    } }, s("slot", null)));
+  }
+};
+r.style = l;
+export {
+  r as swirl_columns
+};

package/dist/swirl-components-react.js

@@ -0,0 +1,310 @@
+import { a as o, S, b as s, d as w, e as n, f as e, i as c, j as t, k as I, l as b, m as d, n as m, o as u, p as y, q as p, s as g, t as C, u as h, v as A, w as T, x as k, y as L, z as F, A as P, B as R, C as v, D as f, E as M, G as E, I as B, J as D, K as O, L as V, M as G, N as x, O as N, P as j, Q as H, R as U, T as W, U as z, V as X, W as Y, X as q, Y as J, Z as K, _ as Q, $ as Z, a0 as _, a1 as $, a2 as aa, a3 as ia, a4 as la, a5 as ra, a6 as oa, a7 as Sa, a8 as sa, a9 as wa, aa as na, ab as ea, ac as ca, ad as ta, ae as Ia, af as ba, ag as da, ah as ma, ai as ua, aj as ya, ak as pa, al as ga, am as Ca, an as ha, ao as Aa, ap as Ta, aq as ka, ar as La, as as Fa, at as Pa, au as Ra, av as va, aw as fa, ax as Ma, ay as Ea, az as Ba, aA as Da, aB as Oa, aC as Va, aD as Ga, aE as xa, aF as Na, aG as ja, aH as Ha, aI as Ua, aJ as Wa, aK as za, aL as Xa, aM as Ya, aN as qa, aO as Ja, aP as Ka, aQ as Qa, aR as Za, aS as _a, aT as $a, aU as ai, aV as ii, aW as li, aX as ri, aY as oi, aZ as Si, a_ as si, a$ as wi, b0 as ni, b1 as ei, b2 as ci, b3 as ti, b4 as Ii, b5 as bi, b6 as di, b7 as mi, b8 as ui, b9 as yi, ba as pi, bb as gi, bc as Ci, bd as hi, be as Ai, bf as Ti, bg as ki, bh as Li, bi as Fi, bj as Pi, bk as Ri, bl as vi, bm as fi, bn as Mi, bo as Ei, bp as Bi, bq as Di, br as Oi, bs as Vi, bt as Gi, bu as xi, bv as Ni, bw as ji, bx as Hi, by as Ui, bz as Wi, bA as zi, bB as Xi, bC as Yi, bD as qi, bE as Ji, bF as Ki, bG as Qi, bH as Zi, bI as _i, bJ as $i, bK as al, bL as il, bM as ll, bN as rl, bO as ol, bP as Sl, bQ as sl, bR as wl, bS as nl, bT as el, bU as cl, bV as tl, bW as Il, bX as bl, bY as dl, bZ as ml, b_ as ul, b$ as yl, c0 as pl, c1 as gl, c2 as Cl, c3 as hl, c4 as Al, c5 as Tl, c6 as kl, c7 as Ll, c8 as Fl, c9 as Pl, ca as Rl, cb as vl, cc as fl, cd as Ml, ce as El, cf as Bl, cg as Dl, ch as Ol, ci as Vl, cj as Gl, ck as xl, cl as Nl, cm as jl, cn as Hl, co as Ul, cp as Wl, cq as zl, cr as Xl, cs as Yl, ct as ql, cu as Jl, cv as Kl, cw as Ql, cx as Zl, cy as _l, cz as $l, cA as ar, cB as ir, cC as lr, cD as rr, cE as or, cF as Sr, cG as sr, cH as wr, cI as nr, cJ as er, cK as cr, cL as tr, cM as Ir, cN as br, cO as dr, cP as mr, cQ as ur, cR as yr, cS as pr, cT as gr, cU as Cr, cV as hr, cW as Ar, cX as Tr, cY as kr, cZ as Lr, c_ as Fr, c$ as Pr, d0 as Rr, d1 as vr, d2 as fr, d3 as Mr, d4 as Er, d5 as Br, d6 as Dr, d7 as Or, d8 as Vr, d9 as Gr, da as xr, db as Nr, dc as jr, dd as Hr, de as Ur, df as Wr, dg as zr, dh as Xr, di as Yr, dj as qr, dk as Jr, dl as Kr, dm as Qr, dn as Zr, dp as _r, dq as $r, dr as ao, ds as io, dt as lo, du as ro, dv as oo, dw as So, dx as so, dy as wo, dz as no, dA as eo, dB as co, dC as to, dD as Io, dE as bo, dF as mo, dG as uo, dH as yo, dI as po, dJ as go, dK as Co, dL as ho, dM as Ao, dN as To, dO as ko, dP as Lo, dQ as Fo, dR as Po, dS as Ro, dT as vo, dU as fo, dV as Mo, dW as Eo, dX as Bo, dY as Do, dZ as Oo, d_ as Vo, d$ as Go, e0 as xo, e1 as No } from "./index.e5965a8a.js";
+import "react";
+import "react-dom";
+export {
+  o as FileManager,
+  S as SwirlAccordion,
+  s as SwirlAccordionItem,
+  w as SwirlActionList,
+  n as SwirlActionListItem,
+  e as SwirlActionListSection,
+  c as SwirlAppBar,
+  t as SwirlAppIcon,
+  I as SwirlAppLayout,
+  b as SwirlAutocomplete,
+  d as SwirlAvatar,
+  m as SwirlAvatarGroup,
+  u as SwirlBadge,
+  y as SwirlBanner,
+  p as SwirlBox,
+  g as SwirlButton,
+  C as SwirlButtonGroup,
+  h as SwirlCard,
+  A as SwirlCarousel,
+  T as SwirlCarouselSlide,
+  k as SwirlCheckbox,
+  L as SwirlChip,
+  F as SwirlColorInput,
+  P as SwirlColumns,
+  R as SwirlConsoleLayout,
+  v as SwirlDateInput,
+  f as SwirlDatePicker,
+  M as SwirlDescriptionList,
+  E as SwirlDescriptionListItem,
+  B as SwirlDialog,
+  D as SwirlEmoji,
+  O as SwirlEmojiClap,
+  V as SwirlEmojiHappy,
+  G as SwirlEmojiIdea,
+  x as SwirlEmojiLove,
+  N as SwirlEmojiSad,
+  j as SwirlEmojiThumbsUp,
+  H as SwirlEmptyState,
+  U as SwirlFileUploader,
+  W as SwirlFileViewer,
+  z as SwirlFileViewerAudio,
+  X as SwirlFileViewerCsv,
+  Y as SwirlFileViewerImage,
+  q as SwirlFileViewerPdf,
+  J as SwirlFileViewerText,
+  K as SwirlFileViewerVideo,
+  Q as SwirlFormControl,
+  Z as SwirlFormGroup,
+  _ as SwirlHeading,
+  $ as SwirlIcon,
+  aa as SwirlIconAdd,
+  ia as SwirlIconAddPhoto,
+  la as SwirlIconAddReaction,
+  ra as SwirlIconAdminPanelSettings,
+  oa as SwirlIconAi,
+  Sa as SwirlIconApps,
+  sa as SwirlIconArrowBack,
+  wa as SwirlIconArrowDownward,
+  na as SwirlIconArrowForward,
+  ea as SwirlIconArrowLeft,
+  ca as SwirlIconArrowRight,
+  ta as SwirlIconArrowRightSmall,
+  Ia as SwirlIconArrowUpward,
+  ba as SwirlIconAttachment,
+  da as SwirlIconBarChart,
+  ma as SwirlIconBlock,
+  ua as SwirlIconBookmark,
+  ya as SwirlIconCancel,
+  pa as SwirlIconChatBubble,
+  ga as SwirlIconChatsFilled,
+  Ca as SwirlIconChatsOutlined,
+  ha as SwirlIconCheck,
+  Aa as SwirlIconCheckCircle,
+  Ta as SwirlIconCheckSmall,
+  ka as SwirlIconCheckStrong,
+  La as SwirlIconChevronLeft,
+  Fa as SwirlIconChevronRight,
+  Pa as SwirlIconClose,
+  Ra as SwirlIconCloseSmall,
+  va as SwirlIconCloudUpload,
+  fa as SwirlIconColumn,
+  Ma as SwirlIconComment,
+  Ea as SwirlIconCopy,
+  Ba as SwirlIconDateRange,
+  Da as SwirlIconDelete,
+  Oa as SwirlIconDescription,
+  Va as SwirlIconDiscover,
+  Ga as SwirlIconDockLeft,
+  xa as SwirlIconDoubleArrowLeft,
+  Na as SwirlIconDoubleArrowRight,
+  ja as SwirlIconDownload,
+  Ha as SwirlIconDragHandle,
+  Ua as SwirlIconEdit,
+  Wa as SwirlIconEmojiMood,
+  za as SwirlIconEmojiSatisfied,
+  Xa as SwirlIconError,
+  Ya as SwirlIconExpandLess,
+  qa as SwirlIconExpandMore,
+  Ja as SwirlIconFile,
+  Ka as SwirlIconFileCopy,
+  Qa as SwirlIconFilter,
+  Za as SwirlIconFolder,
+  _a as SwirlIconFolderShared,
+  $a as SwirlIconFormatHOne,
+  ai as SwirlIconFullscreen,
+  ii as SwirlIconFullscreenExit,
+  li as SwirlIconGif,
+  ri as SwirlIconGroupAdd,
+  oi as SwirlIconGroupAssign,
+  Si as SwirlIconGroups,
+  si as SwirlIconGroupsCustom,
+  wi as SwirlIconGroupsFilled,
+  ni as SwirlIconGroupsOutlined,
+  ei as SwirlIconHelp,
+  ci as SwirlIconHighlight,
+  ti as SwirlIconHome,
+  Ii as SwirlIconImage,
+  bi as SwirlIconImproveText,
+  di as SwirlIconInfo,
+  mi as SwirlIconInsertBelow,
+  ui as SwirlIconInsertOnTop,
+  yi as SwirlIconInventory,
+  pi as SwirlIconLike,
+  gi as SwirlIconLink,
+  Ci as SwirlIconLock,
+  hi as SwirlIconLockPerson,
+  Ai as SwirlIconLogout,
+  Ti as SwirlIconLongText,
+  ki as SwirlIconMail,
+  Li as SwirlIconManageAccounts,
+  Fi as SwirlIconMarkChatRead,
+  Pi as SwirlIconMarkChatUnread,
+  Ri as SwirlIconMention,
+  vi as SwirlIconMenu,
+  fi as SwirlIconMenuBook,
+  Mi as SwirlIconMenuFilled,
+  Ei as SwirlIconMenuOutlined,
+  Bi as SwirlIconMessage,
+  Di as SwirlIconMic,
+  Oi as SwirlIconMoreHorizontal,
+  Vi as SwirlIconMoreVertikal,
+  Gi as SwirlIconNewsFilled,
+  xi as SwirlIconNewsOutlined,
+  Ni as SwirlIconNotifications,
+  ji as SwirlIconNotificationsActive,
+  Hi as SwirlIconNotificationsOff,
+  Ui as SwirlIconOpenInFull,
+  Wi as SwirlIconOpenInNew,
+  zi as SwirlIconPause,
+  Xi as SwirlIconPauseCircle,
+  Yi as SwirlIconPeopleAlt,
+  qi as SwirlIconPerson,
+  Ji as SwirlIconPersonOff,
+  Ki as SwirlIconPhone,
+  Qi as SwirlIconPlayArrow,
+  Zi as SwirlIconPoll,
+  _i as SwirlIconPrint,
+  $i as SwirlIconRecieved,
+  al as SwirlIconRemove,
+  il as SwirlIconReply,
+  ll as SwirlIconReport,
+  rl as SwirlIconRoadmap,
+  ol as SwirlIconSearch,
+  Sl as SwirlIconSearchStrong,
+  sl as SwirlIconSecure,
+  wl as SwirlIconSend,
+  nl as SwirlIconSettings,
+  el as SwirlIconShortText,
+  cl as SwirlIconSimplify,
+  tl as SwirlIconSpellcheck,
+  Il as SwirlIconStop,
+  bl as SwirlIconSync,
+  dl as SwirlIconTasksFilled,
+  ml as SwirlIconTasksOutlined,
+  ul as SwirlIconTimeFilled,
+  yl as SwirlIconTimeOutlined,
+  pl as SwirlIconToday,
+  gl as SwirlIconTranslate,
+  Cl as SwirlIconTreeStructure,
+  hl as SwirlIconUndo,
+  Al as SwirlIconUnlockPerson,
+  Tl as SwirlIconUserAdd,
+  kl as SwirlIconUserAssign,
+  Ll as SwirlIconVideoCamera,
+  Fl as SwirlIconVideoLibrary,
+  Pl as SwirlIconVisibility,
+  Rl as SwirlIconVisibilityOff,
+  vl as SwirlIconVoice,
+  fl as SwirlIconWarning,
+  Ml as SwirlImageGrid,
+  El as SwirlImageGridItem,
+  Bl as SwirlInlineError,
+  Dl as SwirlInlineNotification,
+  Ol as SwirlInlineStatus,
+  Vl as SwirlLightbox,
+  Gl as SwirlLink,
+  xl as SwirlList,
+  Nl as SwirlMenu,
+  jl as SwirlMenuItem,
+  Hl as SwirlModal,
+  Ul as SwirlOptionList,
+  Wl as SwirlOptionListItem,
+  zl as SwirlOptionListSection,
+  Xl as SwirlPagination,
+  Yl as SwirlPdfReader,
+  ql as SwirlPopover,
+  Jl as SwirlPopoverTrigger,
+  Kl as SwirlProgressIndicator,
+  Ql as SwirlRadio,
+  Zl as SwirlRadioGroup,
+  _l as SwirlResourceList,
+  $l as SwirlResourceListFileItem,
+  ar as SwirlResourceListItem,
+  ir as SwirlSearch,
+  lr as SwirlSelect,
+  rr as SwirlSeparator,
+  or as SwirlShellLayout,
+  Sr as SwirlShellNavigationItem,
+  sr as SwirlSkeletonBox,
+  wr as SwirlSkeletonText,
+  nr as SwirlSpinner,
+  er as SwirlStack,
+  cr as SwirlStatusIndicator,
+  tr as SwirlSwitch,
+  Ir as SwirlSymbol,
+  br as SwirlSymbolAccountCircle,
+  dr as SwirlSymbolAlternateEmail,
+  mr as SwirlSymbolAndroid,
+  ur as SwirlSymbolAnnouncement,
+  yr as SwirlSymbolBackup,
+  pr as SwirlSymbolBeachAccess,
+  gr as SwirlSymbolBookmark,
+  Cr as SwirlSymbolCloud,
+  hr as SwirlSymbolCoronavirus,
+  Ar as SwirlSymbolDesktopWindows,
+  Tr as SwirlSymbolDirectionsCarFilled,
+  kr as SwirlSymbolEditCalendar,
+  Lr as SwirlSymbolEmail,
+  Fr as SwirlSymbolEmojiFoodBeverage,
+  Pr as SwirlSymbolEventMenu,
+  Rr as SwirlSymbolFacebook,
+  vr as SwirlSymbolFavorite,
+  fr as SwirlSymbolFitnessCenter,
+  Mr as SwirlSymbolFlag,
+  Er as SwirlSymbolFolder,
+  Br as SwirlSymbolGlobe,
+  Dr as SwirlSymbolGroups,
+  Or as SwirlSymbolHelp,
+  Vr as SwirlSymbolImage,
+  Gr as SwirlSymbolInfoMenu,
+  xr as SwirlSymbolInstagram,
+  Nr as SwirlSymbolIos,
+  jr as SwirlSymbolLanguage,
+  Hr as SwirlSymbolLeaderboard,
+  Ur as SwirlSymbolLightbulb,
+  Wr as SwirlSymbolLinkedin,
+  zr as SwirlSymbolLocationOn,
+  Xr as SwirlSymbolLoyalty,
+  Yr as SwirlSymbolMapsHomeWork,
+  qr as SwirlSymbolNotifications,
+  Jr as SwirlSymbolOpenInNew,
+  Kr as SwirlSymbolPedalBike,
+  Qr as SwirlSymbolPinterest,
+  Zr as SwirlSymbolPolicy,
+  _r as SwirlSymbolPushPin,
+  $r as SwirlSymbolRedeem,
+  ao as SwirlSymbolReportProblem,
+  io as SwirlSymbolRestaurant,
+  lo as SwirlSymbolRoadmap,
+  ro as SwirlSymbolRoom,
+  oo as SwirlSymbolSavings,
+  So as SwirlSymbolSettingsVoice,
+  so as SwirlSymbolShoppingCart,
+  wo as SwirlSymbolSmartphone,
+  no as SwirlSymbolStar,
+  eo as SwirlSymbolSupervisorAccount,
+  co as SwirlSymbolThumbsUpDown,
+  to as SwirlSymbolTwitter,
+  Io as SwirlSymbolWbSunny,
+  bo as SwirlSymbolWechat,
+  mo as SwirlSymbolWeibo,
+  uo as SwirlSymbolWork,
+  yo as SwirlSymbolXing,
+  po as SwirlSymbolYoutube,
+  go as SwirlTab,
+  Co as SwirlTabBar,
+  ho as SwirlTable,
+  Ao as SwirlTableCell,
+  To as SwirlTableColumn,
+  ko as SwirlTableRow,
+  Lo as SwirlTableRowGroup,
+  Fo as SwirlTabs,
+  Po as SwirlTag,
+  Ro as SwirlText,
+  vo as SwirlTextInput,
+  fo as SwirlThemeProvider,
+  Mo as SwirlThumbnail,
+  Eo as SwirlTimeInput,
+  Bo as SwirlToast,
+  Do as SwirlToastProvider,
+  Oo as SwirlToolbar,
+  Vo as SwirlTooltip,
+  Go as SwirlTreeNavigationItem,
+  xo as SwirlVideoThumbnail,
+  No as SwirlVisuallyHidden
+};