@getflip/swirl-components-react 0.311.0 → 0.313.0

package/dist/{swirl-chip.entry.3a5bb0e4.js → swirl-chip.entry.94fee532.js}

@@ -1,11 +1,11 @@
-import { r as o, c as s, h as r, H as h, g as n } from "./index.2ad19391.js";
+import { r as o, c as s, h as e, H as h, g as n } from "./index.8320b5bc.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { g as l } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%}.sc-swirl-chip-h *.sc-swirl-chip{box-sizing:border-box}.chip.sc-swirl-chip{display:inline-flex;overflow:hidden;max-width:100%;height:2.5rem;padding:0;border:0.0625rem solid var(--s-border-default);border-radius:1.25rem;color:var(--s-text-subdued);background-color:var(--s-surface-overlay-default);font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);flex-direction:column}.chip--size-s.sc-swirl-chip{height:2rem}.chip--size-s.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.5rem + var(--s-space-12))}.chip--size-s.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.chip--size-s.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:var(--s-space-4);width:1.5rem;height:1.5rem}.chip--interactive.sc-swirl-chip{cursor:pointer}.chip--interactive.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-raised-default)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-raised-hovered)}.chip--interactive.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--interactive.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-surface-overlay-pressed)}.chip--icon-color-highlight.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-highlight)}.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:calc(1.875rem + var(--s-space-12))}.chip--intent-critical.sc-swirl-chip{border-color:var(--s-border-critical);color:var(--s-text-critical)}.chip--intent-critical.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-critical)}.chip--border-radius-sm.sc-swirl-chip{border-radius:var(--s-border-radius-sm)}.chip--intent-success.sc-swirl-chip{border-color:var(--s-border-success);color:var(--s-text-success)}.chip--intent-success.sc-swirl-chip .chip__icon.sc-swirl-chip{color:var(--s-icon-success)}.chip--variant-outline.chip--pressed.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:hover+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip:active+.chip__remove-button.sc-swirl-chip{background-color:var(--s-action-primary-pressed)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{color:var(--s-text-on-action-primary);background-color:var(--s-action-primary-default)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-action-primary-hovered)}.chip--variant-outline.chip--pressed.sc-swirl-chip+.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-action-primary-pressed)}.chip--variant-plain.sc-swirl-chip{height:auto;border:none;border-radius:0;background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover{background-color:transparent;text-decoration:underline;text-underline-offset:var(--s-space-4)}.chip--variant-plain.chip--interactive.sc-swirl-chip:hover .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-hovered)}.chip--variant-plain.chip--interactive.sc-swirl-chip:active{background-color:transparent}.chip--variant-plain.chip--interactive.sc-swirl-chip:active .sc-swirl-chip::part(avatar){background-color:var(--s-surface-raised-pressed)}.chip--variant-plain.chip--removable.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:var(--s-space-12)}.chip--variant-plain.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{position:relative;top:0;right:auto}.chip--variant-plain.sc-swirl-chip .chip__inner.sc-swirl-chip{padding-right:0;padding-left:0}.chip--has-progress.sc-swirl-chip+.chip__remove-button.sc-swirl-chip{top:0.1875rem}.chip__inner.sc-swirl-chip{display:inline-flex;max-width:100%;height:100%;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center}.chip__avatar.sc-swirl-chip,.chip__icon.sc-swirl-chip{display:inline-flex;margin-right:var(--s-space-8);flex-shrink:0}.chip__avatar.sc-swirl-chip{overflow:hidden;width:1.75rem;height:1.75rem;margin-left:-0.625rem}.chip__icon.sc-swirl-chip{margin-left:-0.25rem;color:var(--s-icon-default)}.chip__label.sc-swirl-chip{overflow:hidden;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.chip__progress-indicator.sc-swirl-chip{width:100%}.chip__remove-button.sc-swirl-chip{position:absolute;top:0.3125rem;right:var(--s-space-4);display:inline-flex;width:1.875rem;height:1.875rem;padding:0;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-default);background-color:var(--s-surface-overlay-default);cursor:pointer}.chip__remove-button.sc-swirl-chip:hover{background-color:var(--s-surface-overlay-hovered)}.chip__remove-button.sc-swirl-chip:active{background-color:var(--s-surface-overlay-pressed)}", v = d, u = class {
-  constructor(e) {
-    o(this, e), this.chipClick = s(this, "chipClick", 7), this.removeChip = s(this, "remove", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
+  constructor(r) {
+    o(this, r), this.chipClick = s(this, "chipClick", 7), this.removeChip = s(this, "remove", 7), this.desktopMediaQuery = l(), this.desktopMediaQueryHandler = (i) => {
       this.forceIconProps(i.matches);
     }, this.borderRadius = "pill", this.icon = void 0, this.iconColor = "default", this.intent = "default", this.interactive = !1, this.label = void 0, this.progress = void 0, this.pressed = void 0, this.progressBarLabel = "Loading progress", this.removable = void 0, this.removeButtonLabel = "Remove", this.size = "m", this.variant = "outline";
   }
@@ -13,23 +13,23 @@ const d = ".sc-swirl-chip-h{position:relative;display:inline-flex;max-width:100%
     this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
   }
   disconnectedCallback() {
-    var e, i;
-    (i = (e = this.desktopMediaQuery).removeEventListener) == null || i.call(e, "change", this.desktopMediaQueryHandler);
+    var r, i;
+    (i = (r = this.desktopMediaQuery).removeEventListener) == null || i.call(r, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(e) {
+  forceIconProps(r) {
     if (!Boolean(this.iconEl))
       return;
-    const i = this.iconEl.children[0], c = this.size === "s" ? "16" : e ? "20" : "24";
+    const i = this.iconEl.children[0], c = this.size === "s" ? "16" : r ? "20" : "24";
     i == null || i.setAttribute("size", c);
   }
   render() {
-    const e = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), c = !i && Boolean(this.icon), a = p("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
+    const r = this.interactive || this.pressed !== void 0 ? "button" : "span", i = Boolean(this.el.querySelector('[slot="avatar"]')), c = !i && Boolean(this.icon), a = p("chip", `chip--border-radius-${this.borderRadius}`, `chip--icon-color-${this.iconColor}`, `chip--intent-${this.intent}`, `chip--size-${this.size}`, `chip--variant-${this.variant}`, {
       "chip--pressed": this.pressed,
       "chip--has-progress": this.progress !== void 0,
       "chip--interactive": this.interactive || this.pressed !== void 0,
       "chip--removable": this.removable
     });
-    return r(h, { key: "3fa170e58fcdd39a85afb56ec10f8f77615eb9b9" }, r(e, { key: "4e96ce9cd653f9afa6a335734a25c10f92c42edc", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, r("span", { key: "9b6107cc84794c069d0ff46031b886b3f0d4b78e", class: "chip__inner" }, i && r("span", { key: "d8a1a42f5ddede7223b78b617171eff7dd065906", class: "chip__avatar" }, r("slot", { key: "1bc65807864057fca37fcfec7599bf3606e9384f", name: "avatar" })), c && r("span", { key: "0baa6dc9f1241a05a11882a4bc748963241e681d", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), r("span", { key: "d215f1a4d64e8b41648aaa19571f23c90e8a1fc1", class: "chip__label" }, this.label)), this.progress !== void 0 && r("span", { key: "173af6fba33eb25cc8d07a24e38757dd5738138b", class: "chip__progress-indicator" }, r("swirl-progress-indicator", { key: "46bc43fcc5da5d003bfb71991941fa758d8bae36", label: this.progressBarLabel, value: this.progress }))), this.removable && r("button", { key: "eb8945c1ca5f26d8d95776c6cb6de10b1b9d985a", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, r("swirl-icon-close", { key: "c554907b6bcbfbf0b35da2091209b9256e60e545", size: 20 })));
+    return e(h, { key: "f560cdad4c3f0c55b3d2ac10b19fbac5b20b5d18" }, e(r, { key: "fb294108ab4910ee09840ceaf5eb350fb3eb5132", "aria-pressed": this.pressed !== void 0 ? String(this.pressed) : void 0, class: a, onClick: this.chipClick.emit, type: this.interactive ? "button" : void 0 }, e("span", { key: "197c45a751c28a376183f620498f9576e5b2cf21", class: "chip__inner" }, i && e("span", { key: "4810eaa36a411443ff8ac2d68638ae2a2e42b198", class: "chip__avatar" }, e("slot", { key: "9c1cfca4b04eebd73a9145c5771eb16e9314e787", name: "avatar" })), c && e("span", { key: "99b902e7815b01e79a8c6347585a5ef6fc6c3e14", class: "chip__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), e("span", { key: "b7e7de490429f25f45348e2746bcd75be8be811c", class: "chip__label" }, this.label)), this.progress !== void 0 && e("span", { key: "ff6870b703c8c087dc3b728fb1dde0455aea9026", class: "chip__progress-indicator" }, e("swirl-progress-indicator", { key: "4813ebd472d8c60cfe7de1330133915deb42cf24", label: this.progressBarLabel, value: this.progress }))), this.removable && e("button", { key: "160475d7e28c3446a06066915c2b62ba1ef95905", "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, e("swirl-icon-close", { key: "e5c5ee4dada04ae33650ac748dce5f4b02791976", size: 20 })));
   }
   get el() {
     return n(this);

package/dist/{swirl-color-input.entry.8859318d.js → swirl-color-input.entry.0d44e341.js}

@@ -1,157 +1,157 @@
-import { r as L, c as f, h as l, H as B } from "./index.2ad19391.js";
+import { r as L, c as f, h as l, H as B } from "./index.8320b5bc.js";
 import { c as T } from "./index-267776a4.6beb4f4b.js";
 import { v as z } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const d = (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
+const d = (t, e = 0, o = 1) => t > o ? o : t < e ? e : t, s = (t, e = 0, o = Math.pow(10, e)) => Math.round(o * t) / o, F = (t) => O(v(t)), v = (t) => (t[0] === "#" && (t = t.substring(1)), t.length < 6 ? {
+  r: parseInt(t[0] + t[0], 16),
+  g: parseInt(t[1] + t[1], 16),
+  b: parseInt(t[2] + t[2], 16),
+  a: t.length === 4 ? s(parseInt(t[3] + t[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;
+  r: parseInt(t.substring(0, 2), 16),
+  g: parseInt(t.substring(2, 4), 16),
+  b: parseInt(t.substring(4, 6), 16),
+  a: t.length === 8 ? s(parseInt(t.substring(6, 8), 16) / 255, 2) : 1
+}), A = (t) => D(P(t)), q = ({ h: t, s: e, v: o, a: i }) => {
+  const r = (200 - e) * o / 100;
   return {
-    h: s(e),
-    s: s(r > 0 && r < 200 ? t * o / 100 / (r <= 100 ? r : 200 - r) * 100 : 0),
+    h: s(t),
+    s: s(r > 0 && r < 200 ? e * 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;
+}, w = (t) => {
+  const { h: e, s: o, l: i } = q(t);
+  return `hsl(${e}, ${o}%, ${i}%)`;
+}, P = ({ h: t, s: e, v: o, a: i }) => {
+  t = t / 360 * 6, e = e / 100, o = o / 100;
+  const r = Math.floor(t), n = o * (1 - e), a = o * (1 - (t - r) * e), p = o * (1 - (1 - t + r) * e), 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)
   };
-}, u = (e) => {
-  const t = e.toString(16);
-  return t.length < 2 ? "0" + t : t;
-}, D = ({ r: e, g: t, b: o, a: i }) => {
+}, u = (t) => {
+  const e = t.toString(16);
+  return e.length < 2 ? "0" + e : e;
+}, D = ({ r: t, g: e, b: o, a: i }) => {
   const r = i < 1 ? u(s(i * 255)) : "";
-  return "#" + u(e) + u(t) + u(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 "#" + u(t) + u(e) + u(o) + r;
+}, O = ({ r: t, g: e, b: o, a: i }) => {
+  const r = Math.max(t, e, o), n = r - Math.min(t, e, o), a = n ? r === t ? (e - o) / n : r === e ? 2 + (o - t) / n : 4 + (t - e) / 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)
+}, I = (t, e) => {
+  if (t === e)
     return !0;
-  for (const o in e)
-    if (e[o] !== t[o])
+  for (const o in t)
+    if (t[o] !== e[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;
-}, x = (e, t, o) => {
-  e.dispatchEvent(new CustomEvent(t, {
+}, N = (t, e) => t.toLowerCase() === e.toLowerCase() ? !0 : I(v(t), v(e)), y = {}, M = (t) => {
+  let e = y[t];
+  return e || (e = document.createElement("template"), e.innerHTML = t, y[t] = e), e;
+}, x = (t, e, o) => {
+  t.dispatchEvent(new CustomEvent(e, {
     bubbles: !0,
     detail: o
   }));
 };
 let c = !1;
-const k = (e) => "touches" in e, R = (e) => c && !k(e) ? !1 : (c || (c = k(e)), !0), C = (e, t) => {
-  const o = k(t) ? t.touches[0] : t, i = e.el.getBoundingClientRect();
-  x(e.el, "move", e.getMove({
+const k = (t) => "touches" in t, R = (t) => c && !k(t) ? !1 : (c || (c = k(t)), !0), C = (t, e) => {
+  const o = k(e) ? e.touches[0] : e, i = t.el.getBoundingClientRect();
+  x(t.el, "move", t.getMove({
     x: d((o.pageX - (i.left + window.pageXOffset)) / i.width),
     y: d((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(), x(e.el, "move", e.getMove({
+}, V = (t, e) => {
+  const o = e.keyCode;
+  o > 40 || t.xy && o < 37 || o < 33 || (e.preventDefault(), x(t.el, "move", t.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) {
+  constructor(e, 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}]`);
+    e.appendChild(n.content.cloneNode(!0));
+    const a = e.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;
+  set dragging(e) {
+    const o = e ? document.addEventListener : document.removeEventListener;
     o(c ? "touchmove" : "mousemove", this), o(c ? "touchend" : "mouseup", this);
   }
-  handleEvent(t) {
-    switch (t.type) {
+  handleEvent(e) {
+    switch (e.type) {
       case "mousedown":
       case "touchstart":
-        if (t.preventDefault(), !R(t) || !c && t.button != 0)
+        if (e.preventDefault(), !R(e) || !c && e.button != 0)
           return;
-        this.el.focus(), C(this, t), this.dragging = !0;
+        this.el.focus(), C(this, e), this.dragging = !0;
         break;
       case "mousemove":
       case "touchmove":
-        t.preventDefault(), C(this, t);
+        e.preventDefault(), C(this, e);
         break;
       case "mouseup":
       case "touchend":
         this.dragging = !1;
         break;
       case "keydown":
-        V(this, t);
+        V(this, e);
         break;
     }
   }
-  style(t) {
-    t.forEach((o, i) => {
+  style(e) {
+    e.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);
+  constructor(e) {
+    super(e, "hue", 'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"', !1);
   }
-  update({ h: t }) {
-    this.h = t, this.style([
+  update({ h: e }) {
+    this.h = e, this.style([
       {
-        left: `${t / 360 * 100}%`,
-        color: w({ h: t, s: 100, v: 100, a: 1 })
+        left: `${e / 360 * 100}%`,
+        color: w({ h: e, s: 100, v: 100, a: 1 })
       }
-    ]), this.el.setAttribute("aria-valuenow", `${s(t)}`);
+    ]), this.el.setAttribute("aria-valuenow", `${s(e)}`);
   }
-  getMove(t, o) {
-    return { h: o ? d(this.h + t.x * 360, 0, 360) : 360 * t.x };
+  getMove(e, o) {
+    return { h: o ? d(this.h + e.x * 360, 0, 360) : 360 * e.x };
   }
 }
 class X extends _ {
-  constructor(t) {
-    super(t, "saturation", 'aria-label="Color"', !0);
+  constructor(e) {
+    super(e, "saturation", 'aria-label="Color"', !0);
   }
-  update(t) {
-    this.hsva = t, this.style([
+  update(e) {
+    this.hsva = e, this.style([
       {
-        top: `${100 - t.v}%`,
-        left: `${t.s}%`,
-        color: w(t)
+        top: `${100 - e.v}%`,
+        left: `${e.s}%`,
+        color: w(e)
       },
       {
-        "background-color": w({ h: t.h, s: 100, v: 100, a: 1 })
+        "background-color": w({ h: e.h, s: 100, v: 100, a: 1 })
       }
-    ]), this.el.setAttribute("aria-valuetext", `Saturation ${s(t.s)}%, Brightness ${s(t.v)}%`);
+    ]), this.el.setAttribute("aria-valuetext", `Saturation ${s(e.s)}%, Brightness ${s(e.v)}%`);
   }
-  getMove(t, o) {
+  getMove(e, o) {
     return {
-      s: o ? d(this.hsva.s + t.x * 100, 0, 100) : t.x * 100,
-      v: o ? d(this.hsva.v - t.y * 100, 0, 100) : Math.round(100 - t.y * 100)
+      s: o ? d(this.hsva.s + e.x * 100, 0, 100) : e.x * 100,
+      v: o ? d(this.hsva.v - e.y * 100, 0, 100) : Math.round(100 - e.y * 100)
     };
   }
 }
@@ -169,47 +169,47 @@ class K extends HTMLElement {
   get color() {
     return this[g];
   }
-  set color(t) {
-    if (!this[h](t)) {
-      const o = this.colorModel.toHsva(t);
-      this[m](o), this[g] = t;
+  set color(e) {
+    if (!this[h](e)) {
+      const o = this.colorModel.toHsva(e);
+      this[m](o), this[g] = e;
     }
   }
   constructor() {
     super();
-    const t = M(`<style>${this[E].join("")}</style>`), o = this.attachShadow({ mode: "open" });
-    o.appendChild(t.content.cloneNode(!0)), o.addEventListener("move", this), this[$] = this[H].map((i) => new i(o));
+    const e = M(`<style>${this[E].join("")}</style>`), o = this.attachShadow({ mode: "open" });
+    o.appendChild(e.content.cloneNode(!0)), o.addEventListener("move", this), this[$] = this[H].map((i) => new i(o));
   }
   connectedCallback() {
     if (this.hasOwnProperty("color")) {
-      const t = this.color;
-      delete this.color, this.color = t;
+      const e = this.color;
+      delete this.color, this.color = e;
     } else
       this.color || (this.color = this.colorModel.defaultColor);
   }
-  attributeChangedCallback(t, o, i) {
+  attributeChangedCallback(e, o, i) {
     const r = this.colorModel.fromAttr(i);
     this[h](r) || (this.color = r);
   }
-  handleEvent(t) {
-    const o = this[S], i = { ...o, ...t.detail };
+  handleEvent(e) {
+    const o = this[S], i = { ...o, ...e.detail };
     this[m](i);
     let r;
     !I(i, o) && !this[h](r = this.colorModel.fromHsva(i)) && (this[g] = r, x(this, "color-changed", { value: r }));
   }
-  [h](t) {
-    return this.color && this.colorModel.equal(t, this.color);
+  [h](e) {
+    return this.color && this.colorModel.equal(e, this.color);
   }
-  [m](t) {
-    this[S] = t, this[$].forEach((o) => o.update(t));
+  [m](e) {
+    this[S] = e, this[$].forEach((o) => o.update(e));
   }
 }
 const Q = {
   defaultColor: "#000",
   toHsva: F,
-  fromHsva: ({ h: e, s: t, v: o }) => A({ h: e, s: t, v: o, a: 1 }),
+  fromHsva: ({ h: t, s: e, v: o }) => A({ h: t, s: e, v: o, a: 1 }),
   equal: N,
-  fromAttr: (e) => e
+  fromAttr: (t) => t
 };
 class U extends K {
   get colorModel() {
@@ -219,19 +219,19 @@ class U extends K {
 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 = Z, et = class {
-  constructor(e) {
-    L(this, e), this.inputBlur = f(this, "inputBlur", 7), this.inputFocus = f(this, "inputFocus", 7), this.valueChange = f(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (t) => {
-      this.value = t.detail.value;
-    }, this.onChange = (t) => {
-      const o = t.target;
+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}", ee = Z, te = class {
+  constructor(t) {
+    L(this, t), this.inputBlur = f(this, "inputBlur", 7), this.inputFocus = f(this, "inputFocus", 7), this.valueChange = f(this, "valueChange", 7), this.pickerId = `color-picker-${z()}`, this.onPickerChange = (e) => {
+      this.value = e.detail.value;
+    }, this.onChange = (e) => {
+      const o = e.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.onBlur = (e) => {
+      this.inputBlur.emit(e);
+    }, this.onFocus = (e) => {
+      this.inputFocus.emit(e), this.handleAutoSelect(e);
+    }, this.onInput = (e) => {
+      this.onChange(e);
     }, 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() {
@@ -240,22 +240,22 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     }), this.picker.addEventListener("color-changed", this.onPickerChange);
   }
   disconnectedCallback() {
-    var e;
-    (e = this.picker) == null || e.removeEventListener("color-changed", this.onPickerChange);
+    var t;
+    (t = this.picker) == null || t.removeEventListener("color-changed", this.onPickerChange);
   }
-  watchValue(e, t) {
-    e !== t && this.valueChange.emit(e);
+  watchValue(t, e) {
+    t !== e && this.valueChange.emit(t);
   }
-  handleAutoSelect(e) {
-    !this.autoSelect || e.target.select();
+  handleAutoSelect(t) {
+    !this.autoSelect || t.target.select();
   }
   render() {
-    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = T("color-input", {
+    const t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, e = T("color-input", {
       "color-input--inline": this.inline
     });
-    return l(B, { key: "50761d1473c6ec95ffa6c54c707cbb89fc7dee0a" }, l("div", { key: "a774f42a9d10b246ce6b4092cc9d7ea91ff4e01f", class: t }, l("input", { key: "3069f958bb247c342069c3fbfd7f497c84a09beb", "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", { key: "bd3004993e3fd519f7d59f43edbccfccb541f810", swirlPopover: this.pickerId }, l("button", { key: "5ddf8179d0b484baaa00237f9a4db77bd7966ea4", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+    return l(B, { key: "017564ea06a2892e07523b23d237c9e4f8be8775" }, l("div", { key: "a8b66d64de99a82d690c5e105221fe92720c7ad4", class: e }, l("input", { key: "bdd91a1da2ff8e8c0a126dd66d64be16e26351c9", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": t, 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", { key: "f9121ebf1fe458e7cea55aa13ac0c0df92471af1", swirlPopover: this.pickerId }, l("button", { key: "c53e71efe0b82be74580f074e350f9dc9f3867c0", "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
       backgroundColor: this.disabled ? "var(--s-border-subdued)" : this.value
-    }, type: "button" })), l("swirl-popover", { key: "49779aa8fc578dffd42c6042bc09a5a0c3a54efe", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "2f3415207e0ffa7685e17f5485aeb80e5b0ac0b0", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "a043000bf7da2011946f854403adbca67a664720", color: this.value, ref: (o) => this.picker = o })))));
+    }, type: "button" })), l("swirl-popover", { key: "e737b882a87ef810bd5394014b33f3fbe990a477", animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, l("swirl-box", { key: "297494caba9da7a581550b8f8d23df97852db357", centerInline: !0, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, l("hex-color-picker", { key: "b82b3610b49074d304deea840a23e03aebb8e68e", color: this.value, ref: (o) => this.picker = o })))));
   }
   static get watchers() {
     return {
@@ -263,7 +263,7 @@ const Z = ".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-inpu
     };
   }
 };
-et.style = tt;
+te.style = ee;
 export {
-  et as swirl_color_input
+  te as swirl_color_input
 };

package/dist/swirl-columns.entry.37fb94c5.js

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

package/dist/swirl-components-react.js

@@ -1,4 +1,4 @@
-import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as f, z as k, A as L, B as F, C as P, D as R, E as v, G as M, I as D, J as B, K as E, L as V, M as O, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as fa, as as ka, at as La, au as Fa, av as Pa, aw as Ra, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Va, aD as Oa, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as fi, bi as ki, bj as Li, bk as Fi, bl as Pi, bm as Ri, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Vi, bt as Oi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as fr, c8 as kr, c9 as Lr, ca as Fr, cb as Pr, cc as Rr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Vr, cj as Or, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as fl, c_ as kl, c$ as Ll, d0 as Fl, d1 as Pl, d2 as Rl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Vl, d9 as Ol, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as fo, dQ as ko, dR as Lo, dS as Fo, dT as Po, dU as Ro, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Vo, d$ as Oo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as fs, eG as ks, eH as Ls, eI as Fs, eJ as Ps, eK as Rs, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Vs, eR as Os, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys, f2 as Js, f3 as Qs } from "./index.2ad19391.js";
+import { a as o, S as s, b as S, d as e, e as w, i as n, j as c, k as I, l as t, m as d, n as b, o as m, p as y, q as p, s as u, t as g, u as T, v as h, w as C, x as A, y as f, z as k, A as L, B as F, C as P, D as R, E as v, G as M, I as D, J as B, K as E, L as V, M as O, N as x, O as G, P as N, Q as H, R as j, T as U, U as W, V as K, W as q, X as z, Y as X, Z as Y, _ as J, $ as Q, a0 as Z, a1 as _, a2 as $, a3 as aa, a4 as ia, a5 as ra, a6 as la, a7 as oa, a8 as sa, a9 as Sa, aa as ea, ab as wa, ac as na, ad as ca, ae as Ia, af as ta, ag as da, ah as ba, ai as ma, aj as ya, ak as pa, al as ua, am as ga, an as Ta, ao as ha, ap as Ca, aq as Aa, ar as fa, as as ka, at as La, au as Fa, av as Pa, aw as Ra, ax as va, ay as Ma, az as Da, aA as Ba, aB as Ea, aC as Va, aD as Oa, aE as xa, aF as Ga, aG as Na, aH as Ha, aI as ja, aJ as Ua, aK as Wa, aL as Ka, aM as qa, aN as za, aO as Xa, aP as Ya, aQ as Ja, aR as Qa, aS as Za, aT as _a, aU as $a, aV as ai, aW as ii, aX as ri, aY as li, aZ as oi, a_ as si, a$ as Si, b0 as ei, b1 as wi, b2 as ni, b3 as ci, b4 as Ii, b5 as ti, b6 as di, b7 as bi, b8 as mi, b9 as yi, ba as pi, bb as ui, bc as gi, bd as Ti, be as hi, bf as Ci, bg as Ai, bh as fi, bi as ki, bj as Li, bk as Fi, bl as Pi, bm as Ri, bn as vi, bo as Mi, bp as Di, bq as Bi, br as Ei, bs as Vi, bt as Oi, bu as xi, bv as Gi, bw as Ni, bx as Hi, by as ji, bz as Ui, bA as Wi, bB as Ki, bC as qi, bD as zi, bE as Xi, bF as Yi, bG as Ji, bH as Qi, bI as Zi, bJ as _i, bK as $i, bL as ar, bM as ir, bN as rr, bO as lr, bP as or, bQ as sr, bR as Sr, bS as er, bT as wr, bU as nr, bV as cr, bW as Ir, bX as tr, bY as dr, bZ as br, b_ as mr, b$ as yr, c0 as pr, c1 as ur, c2 as gr, c3 as Tr, c4 as hr, c5 as Cr, c6 as Ar, c7 as fr, c8 as kr, c9 as Lr, ca as Fr, cb as Pr, cc as Rr, cd as vr, ce as Mr, cf as Dr, cg as Br, ch as Er, ci as Vr, cj as Or, ck as xr, cl as Gr, cm as Nr, cn as Hr, co as jr, cp as Ur, cq as Wr, cr as Kr, cs as qr, ct as zr, cu as Xr, cv as Yr, cw as Jr, cx as Qr, cy as Zr, cz as _r, cA as $r, cB as al, cC as il, cD as rl, cE as ll, cF as ol, cG as sl, cH as Sl, cI as el, cJ as wl, cK as nl, cL as cl, cM as Il, cN as tl, cO as dl, cP as bl, cQ as ml, cR as yl, cS as pl, cT as ul, cU as gl, cV as Tl, cW as hl, cX as Cl, cY as Al, cZ as fl, c_ as kl, c$ as Ll, d0 as Fl, d1 as Pl, d2 as Rl, d3 as vl, d4 as Ml, d5 as Dl, d6 as Bl, d7 as El, d8 as Vl, d9 as Ol, da as xl, db as Gl, dc as Nl, dd as Hl, de as jl, df as Ul, dg as Wl, dh as Kl, di as ql, dj as zl, dk as Xl, dl as Yl, dm as Jl, dn as Ql, dp as Zl, dq as _l, dr as $l, ds as ao, dt as io, du as ro, dv as lo, dw as oo, dx as so, dy as So, dz as eo, dA as wo, dB as no, dC as co, dD as Io, dE as to, dF as bo, dG as mo, dH as yo, dI as po, dJ as uo, dK as go, dL as To, dM as ho, dN as Co, dO as Ao, dP as fo, dQ as ko, dR as Lo, dS as Fo, dT as Po, dU as Ro, dV as vo, dW as Mo, dX as Do, dY as Bo, dZ as Eo, d_ as Vo, d$ as Oo, e0 as xo, e1 as Go, e2 as No, e3 as Ho, e4 as jo, e5 as Uo, e6 as Wo, e7 as Ko, e8 as qo, e9 as zo, ea as Xo, eb as Yo, ec as Jo, ed as Qo, ee as Zo, ef as _o, eg as $o, eh as as, ei as is, ej as rs, ek as ls, el as os, em as ss, en as Ss, eo as es, ep as ws, eq as ns, er as cs, es as Is, et as ts, eu as ds, ev as bs, ew as ms, ex as ys, ey as ps, ez as us, eA as gs, eB as Ts, eC as hs, eD as Cs, eE as As, eF as fs, eG as ks, eH as Ls, eI as Fs, eJ as Ps, eK as Rs, eL as vs, eM as Ms, eN as Ds, eO as Bs, eP as Es, eQ as Vs, eR as Os, eS as xs, eT as Gs, eU as Ns, eV as Hs, eW as js, eX as Us, eY as Ws, eZ as Ks, e_ as qs, e$ as zs, f0 as Xs, f1 as Ys, f2 as Js, f3 as Qs } from "./index.8320b5bc.js";
 import "react";
 import "react-dom";
 export {