@televet/kibble-ui 4.0.1 → 5.0.0-beta.hotfix.1

package/dist/chunks/index-BrJtqTzN.js

@@ -0,0 +1,4115 @@
+import { au as k, aK as O, aL as it, t as ge, aM as ie, aN as Ae, e as W, n as z, A as ot, r as $, aO as jt, d as st, aP as Wt, aQ as lt, E as ut, b as d, v as dt, aA as ve, j as oe, w as se, h as be, F as Ee, H as zt, at as Y, G as ke, q as le, y as qt, ai as ct, aR as Kt, aS as Xt, _ as gt, $ as pt, aT as Yt, aU as Zt, x as Jt, ap as Qt, L as ht, c as X, g as ea, aV as ta, ab as ue, ae as aa, a0 as Me, aW as na, W as Ue, K as ft, a as Z, C as ra, i as ia, aX as mt, aY as oa, aZ as sa, a_ as la, ay as ua, a$ as Ge, b0 as Ce, b1 as da } from "./index-fHSGm2nC.js";
+import { c as _ } from "./use-locale-context-Bw4Gg9Z0.js";
+import { g as ca, a as ga } from "./index-C9UYIjEB.js";
+import { t as pa, b as ha } from "./index-D3Q0mQNf.js";
+var fa = Object.defineProperty, ma = (e, t, a) => t in e ? fa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a, Ve = (e, t, a) => ma(e, t + "", a), va = (e, t, a) => {
+  const n = `linear-gradient(to ${e[+!t]}, transparent, #000)`;
+  return {
+    areaStyles: {
+      backgroundImage: `linear-gradient(to ${e[Number(t)]},rgb(${a},0,0),rgb(${a},255,0))`
+    },
+    areaGradientStyles: {
+      backgroundImage: `linear-gradient(to ${e[Number(t)]},rgb(${a},0,255),rgb(${a},255,255))`,
+      WebkitMaskImage: n,
+      maskImage: n
+    }
+  };
+}, ba = (e, t, a) => {
+  const n = `linear-gradient(to ${e[+!t]}, transparent, #000)`;
+  return {
+    areaStyles: {
+      backgroundImage: `linear-gradient(to ${e[Number(t)]},rgb(0,${a},0),rgb(255,${a},0))`
+    },
+    areaGradientStyles: {
+      backgroundImage: `linear-gradient(to ${e[Number(t)]},rgb(0,${a},255),rgb(255,${a},255))`,
+      WebkitMaskImage: n,
+      maskImage: n
+    }
+  };
+}, Ea = (e, t, a) => {
+  const n = `linear-gradient(to ${e[+!t]}, transparent, #000)`;
+  return {
+    areaStyles: {
+      backgroundImage: `linear-gradient(to ${e[Number(t)]},rgb(0,0,${a}),rgb(255,0,${a}))`
+    },
+    areaGradientStyles: {
+      backgroundImage: `linear-gradient(to ${e[Number(t)]},rgb(0,255,${a}),rgb(255,255,${a}))`,
+      WebkitMaskImage: n,
+      maskImage: n
+    }
+  };
+}, Ca = (e, t, a) => ({
+  areaStyles: {},
+  areaGradientStyles: {
+    background: [
+      `linear-gradient(to ${e[Number(t)]}, hsla(0,0%,0%,1) 0%, hsla(0,0%,0%,0) 50%, hsla(0,0%,100%,0) 50%, hsla(0,0%,100%,1) 100%)`,
+      `linear-gradient(to ${e[+!t]},hsl(0,0%,50%),hsla(0,0%,50%,0))`,
+      `hsl(${a}, 100%, 50%)`
+    ].join(",")
+  }
+}), ya = (e, t, a) => ({
+  areaStyles: {},
+  areaGradientStyles: {
+    background: [
+      `linear-gradient(to ${e[+!t]}, hsla(0,0%,0%,${a}) 0%, hsla(0,0%,0%,0) 50%, hsla(0,0%,100%,0) 50%, hsla(0,0%,100%,${a}) 100%)`,
+      `linear-gradient(to ${e[Number(t)]},hsla(0,100%,50%,${a}),hsla(60,100%,50%,${a}),hsla(120,100%,50%,${a}),hsla(180,100%,50%,${a}),hsla(240,100%,50%,${a}),hsla(300,100%,50%,${a}),hsla(359,100%,50%,${a}))`,
+      "hsl(0, 0%, 50%)"
+    ].join(",")
+  }
+}), Ia = (e, t, a) => ({
+  areaStyles: {},
+  areaGradientStyles: {
+    backgroundImage: [
+      `linear-gradient(to ${e[+!t]},hsl(0,0%,${a}%),hsla(0,0%,${a}%,0))`,
+      `linear-gradient(to ${e[Number(t)]},hsl(0,100%,${a}%),hsl(60,100%,${a}%),hsl(120,100%,${a}%),hsl(180,100%,${a}%),hsl(240,100%,${a}%),hsl(300,100%,${a}%),hsl(360,100%,${a}%))`
+    ].join(",")
+  }
+}), Sa = (e, t, a) => ({
+  areaStyles: {},
+  areaGradientStyles: {
+    background: [
+      `linear-gradient(to ${e[Number(t)]},hsl(0,0%,0%),hsla(0,0%,0%,0))`,
+      `linear-gradient(to ${e[+!t]},hsl(0,0%,100%),hsla(0,0%,100%,0))`,
+      `hsl(${a}, 100%, 50%)`
+    ].join(",")
+  }
+}), Oa = (e, t, a) => ({
+  areaStyles: {},
+  areaGradientStyles: {
+    background: [
+      `linear-gradient(to ${e[+!t]},hsla(0,0%,0%,${a}),hsla(0,0%,0%,0))`,
+      `linear-gradient(to ${e[Number(t)]},hsla(0,100%,50%,${a}),hsla(60,100%,50%,${a}),hsla(120,100%,50%,${a}),hsla(180,100%,50%,${a}),hsla(240,100%,50%,${a}),hsla(300,100%,50%,${a}),hsla(359,100%,50%,${a}))`,
+      `linear-gradient(to ${e[+!t]},hsl(0,0%,0%),hsl(0,0%,100%))`
+    ].join(",")
+  }
+}), Ta = (e, t, a) => ({
+  areaStyles: {},
+  areaGradientStyles: {
+    background: [
+      `linear-gradient(to ${e[+!t]},hsla(0,0%,100%,${a}),hsla(0,0%,100%,0))`,
+      `linear-gradient(to ${e[Number(t)]},hsla(0,100%,50%,${a}),hsla(60,100%,50%,${a}),hsla(120,100%,50%,${a}),hsla(180,100%,50%,${a}),hsla(240,100%,50%,${a}),hsla(300,100%,50%,${a}),hsla(359,100%,50%,${a}))`,
+      "#000"
+    ].join(",")
+  }
+});
+function Be(e, t) {
+  const { xChannel: a, yChannel: n, dir: r = "ltr" } = t, { zChannel: i } = e.getColorAxes({ xChannel: a, yChannel: n }), o = e.getChannelValue(i), { minValue: s, maxValue: l } = e.getChannelRange(i), h = ["top", r === "rtl" ? "left" : "right"];
+  let v = !1, b = { areaStyles: {}, areaGradientStyles: {} }, m = (o - s) / (l - s), u = e.getFormat() === "hsla";
+  switch (i) {
+    case "red": {
+      v = a === "green", b = va(h, v, o);
+      break;
+    }
+    case "green": {
+      v = a === "red", b = ba(h, v, o);
+      break;
+    }
+    case "blue": {
+      v = a === "red", b = Ea(h, v, o);
+      break;
+    }
+    case "hue": {
+      v = a !== "saturation", u ? b = Ca(h, v, o) : b = Sa(h, v, o);
+      break;
+    }
+    case "saturation": {
+      v = a === "hue", u ? b = ya(h, v, m) : b = Oa(h, v, m);
+      break;
+    }
+    case "brightness": {
+      v = a === "hue", b = Ta(h, v, m);
+      break;
+    }
+    case "lightness": {
+      v = a === "hue", b = Ia(h, v, o);
+      break;
+    }
+  }
+  return b;
+}
+var Ra = (e, t) => {
+  if (Object.keys(e).length !== Object.keys(t).length) return !1;
+  for (let a in e) if (e[a] !== t[a]) return !1;
+  return !0;
+}, Ne = class {
+  toHexInt() {
+    return this.toFormat("rgba").toHexInt();
+  }
+  getChannelValue(e) {
+    if (e in this) return this[e];
+    throw new Error("Unsupported color channel: " + e);
+  }
+  getChannelValuePercent(e, t) {
+    const a = t ?? this.getChannelValue(e), { minValue: n, maxValue: r } = this.getChannelRange(e);
+    return ge(a, n, r);
+  }
+  getChannelPercentValue(e, t) {
+    const { minValue: a, maxValue: n, step: r } = this.getChannelRange(e), i = Ae(t, a, n, r);
+    return ie(i, a, n, r);
+  }
+  withChannelValue(e, t) {
+    const { minValue: a, maxValue: n } = this.getChannelRange(e);
+    if (e in this) {
+      let r = this.clone();
+      return r[e] = k(t, a, n), r;
+    }
+    throw new Error("Unsupported color channel: " + e);
+  }
+  getColorAxes(e) {
+    let { xChannel: t, yChannel: a } = e, n = t || this.getChannels().find((o) => o !== a), r = a || this.getChannels().find((o) => o !== n), i = this.getChannels().find((o) => o !== n && o !== r);
+    return { xChannel: n, yChannel: r, zChannel: i };
+  }
+  incrementChannel(e, t) {
+    const { minValue: a, maxValue: n, step: r } = this.getChannelRange(e), i = ie(
+      k(this.getChannelValue(e) + t, a, n),
+      a,
+      n,
+      r
+    );
+    return this.withChannelValue(e, i);
+  }
+  decrementChannel(e, t) {
+    return this.incrementChannel(e, -t);
+  }
+  isEqual(e) {
+    return Ra(this.toJSON(), e.toJSON()) && this.getChannelValue("alpha") === e.getChannelValue("alpha");
+  }
+}, wa = /^#[\da-f]+$/i, Pa = /^rgba?\((.*)\)$/, Fa = /[^#]/gi, vt = class ee extends Ne {
+  constructor(t, a, n, r) {
+    super(), this.red = t, this.green = a, this.blue = n, this.alpha = r;
+  }
+  static parse(t) {
+    let a = [];
+    if (wa.test(t) && [4, 5, 7, 9].includes(t.length)) {
+      const r = (t.length < 6 ? t.replace(Fa, "$&$&") : t).slice(1).split("");
+      for (; r.length > 0; )
+        a.push(parseInt(r.splice(0, 2).join(""), 16));
+      a[3] = a[3] !== void 0 ? a[3] / 255 : void 0;
+    }
+    const n = t.match(Pa);
+    return n?.[1] && (a = n[1].split(",").map((r) => Number(r.trim())).map((r, i) => k(r, 0, i < 3 ? 255 : 1))), a.length < 3 ? void 0 : new ee(a[0], a[1], a[2], a[3] ?? 1);
+  }
+  toString(t) {
+    switch (t) {
+      case "hex":
+        return "#" + (this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0")).toUpperCase();
+      case "hexa":
+        return "#" + (this.red.toString(16).padStart(2, "0") + this.green.toString(16).padStart(2, "0") + this.blue.toString(16).padStart(2, "0") + Math.round(this.alpha * 255).toString(16).padStart(2, "0")).toUpperCase();
+      case "rgb":
+        return `rgb(${this.red}, ${this.green}, ${this.blue})`;
+      case "css":
+      case "rgba":
+        return `rgba(${this.red}, ${this.green}, ${this.blue}, ${this.alpha})`;
+      case "hsl":
+        return this.toHSL().toString("hsl");
+      case "hsb":
+        return this.toHSB().toString("hsb");
+      default:
+        return this.toFormat(t).toString(t);
+    }
+  }
+  toFormat(t) {
+    switch (t) {
+      case "rgba":
+        return this;
+      case "hsba":
+        return this.toHSB();
+      case "hsla":
+        return this.toHSL();
+      default:
+        throw new Error("Unsupported color conversion: rgb -> " + t);
+    }
+  }
+  toHexInt() {
+    return this.red << 16 | this.green << 8 | this.blue;
+  }
+  /**
+   * Converts an RGB color value to HSB.
+   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
+   * @returns An HSBColor object.
+   */
+  toHSB() {
+    const t = this.red / 255, a = this.green / 255, n = this.blue / 255, r = Math.min(t, a, n), i = Math.max(t, a, n), o = i - r, s = i === 0 ? 0 : o / i;
+    let l = 0;
+    if (o !== 0) {
+      switch (i) {
+        case t:
+          l = (a - n) / o + (a < n ? 6 : 0);
+          break;
+        case a:
+          l = (n - t) / o + 2;
+          break;
+        case n:
+          l = (t - a) / o + 4;
+          break;
+      }
+      l /= 6;
+    }
+    return new De(
+      O(l * 360, 2),
+      O(s * 100, 2),
+      O(i * 100, 2),
+      O(this.alpha, 2)
+    );
+  }
+  /**
+   * Converts an RGB color value to HSL.
+   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#From_RGB.
+   * @returns An HSLColor object.
+   */
+  toHSL() {
+    const t = this.red / 255, a = this.green / 255, n = this.blue / 255, r = Math.min(t, a, n), i = Math.max(t, a, n), o = (i + r) / 2, s = i - r;
+    let l = -1, h = -1;
+    if (s === 0)
+      l = h = 0;
+    else {
+      switch (h = s / (o < 0.5 ? i + r : 2 - i - r), i) {
+        case t:
+          l = (a - n) / s + (a < n ? 6 : 0);
+          break;
+        case a:
+          l = (n - t) / s + 2;
+          break;
+        case n:
+          l = (t - a) / s + 4;
+          break;
+      }
+      l /= 6;
+    }
+    return new Le(
+      O(l * 360, 2),
+      O(h * 100, 2),
+      O(o * 100, 2),
+      O(this.alpha, 2)
+    );
+  }
+  clone() {
+    return new ee(this.red, this.green, this.blue, this.alpha);
+  }
+  getChannelFormatOptions(t) {
+    switch (t) {
+      case "red":
+      case "green":
+      case "blue":
+        return { style: "decimal" };
+      case "alpha":
+        return { style: "percent" };
+      default:
+        throw new Error("Unknown color channel: " + t);
+    }
+  }
+  formatChannelValue(t, a) {
+    let n = this.getChannelFormatOptions(t), r = this.getChannelValue(t);
+    return new Intl.NumberFormat(a, n).format(r);
+  }
+  getChannelRange(t) {
+    switch (t) {
+      case "red":
+      case "green":
+      case "blue":
+        return { minValue: 0, maxValue: 255, step: 1, pageSize: 17 };
+      case "alpha":
+        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
+      default:
+        throw new Error("Unknown color channel: " + t);
+    }
+  }
+  toJSON() {
+    return { r: this.red, g: this.green, b: this.blue, a: this.alpha };
+  }
+  getFormat() {
+    return "rgba";
+  }
+  getChannels() {
+    return ee.colorChannels;
+  }
+};
+Ve(vt, "colorChannels", ["red", "green", "blue"]);
+var $e = vt, _a = /hsl\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsla\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/, bt = class te extends Ne {
+  constructor(t, a, n, r) {
+    super(), this.hue = t, this.saturation = a, this.lightness = n, this.alpha = r;
+  }
+  static parse(t) {
+    let a;
+    if (a = t.match(_a)) {
+      const [n, r, i, o] = (a[1] ?? a[2]).split(",").map((s) => Number(s.trim().replace("%", "")));
+      return new te(it(n, 360), k(r, 0, 100), k(i, 0, 100), k(o ?? 1, 0, 1));
+    }
+  }
+  toString(t) {
+    switch (t) {
+      case "hex":
+        return this.toRGB().toString("hex");
+      case "hexa":
+        return this.toRGB().toString("hexa");
+      case "hsl":
+        return `hsl(${this.hue}, ${O(this.saturation, 2)}%, ${O(this.lightness, 2)}%)`;
+      case "css":
+      case "hsla":
+        return `hsla(${this.hue}, ${O(this.saturation, 2)}%, ${O(this.lightness, 2)}%, ${this.alpha})`;
+      case "hsb":
+        return this.toHSB().toString("hsb");
+      case "rgb":
+        return this.toRGB().toString("rgb");
+      default:
+        return this.toFormat(t).toString(t);
+    }
+  }
+  toFormat(t) {
+    switch (t) {
+      case "hsla":
+        return this;
+      case "hsba":
+        return this.toHSB();
+      case "rgba":
+        return this.toRGB();
+      default:
+        throw new Error("Unsupported color conversion: hsl -> " + t);
+    }
+  }
+  /**
+   * Converts a HSL color to HSB.
+   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_HSV.
+   * @returns An HSBColor object.
+   */
+  toHSB() {
+    let t = this.saturation / 100, a = this.lightness / 100, n = a + t * Math.min(a, 1 - a);
+    return t = n === 0 ? 0 : 2 * (1 - a / n), new De(
+      O(this.hue, 2),
+      O(t * 100, 2),
+      O(n * 100, 2),
+      O(this.alpha, 2)
+    );
+  }
+  /**
+   * Converts a HSL color to RGB.
+   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSL_to_RGB_alternative.
+   * @returns An RGBColor object.
+   */
+  toRGB() {
+    let t = this.hue, a = this.saturation / 100, n = this.lightness / 100, r = a * Math.min(n, 1 - n), i = (o, s = (o + t / 30) % 12) => n - r * Math.max(Math.min(s - 3, 9 - s, 1), -1);
+    return new $e(
+      Math.round(i(0) * 255),
+      Math.round(i(8) * 255),
+      Math.round(i(4) * 255),
+      O(this.alpha, 2)
+    );
+  }
+  clone() {
+    return new te(this.hue, this.saturation, this.lightness, this.alpha);
+  }
+  getChannelFormatOptions(t) {
+    switch (t) {
+      case "hue":
+        return { style: "unit", unit: "degree", unitDisplay: "narrow" };
+      case "saturation":
+      case "lightness":
+      case "alpha":
+        return { style: "percent" };
+      default:
+        throw new Error("Unknown color channel: " + t);
+    }
+  }
+  formatChannelValue(t, a) {
+    let n = this.getChannelFormatOptions(t), r = this.getChannelValue(t);
+    return (t === "saturation" || t === "lightness") && (r /= 100), new Intl.NumberFormat(a, n).format(r);
+  }
+  getChannelRange(t) {
+    switch (t) {
+      case "hue":
+        return { minValue: 0, maxValue: 360, step: 1, pageSize: 15 };
+      case "saturation":
+      case "lightness":
+        return { minValue: 0, maxValue: 100, step: 1, pageSize: 10 };
+      case "alpha":
+        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
+      default:
+        throw new Error("Unknown color channel: " + t);
+    }
+  }
+  toJSON() {
+    return { h: this.hue, s: this.saturation, l: this.lightness, a: this.alpha };
+  }
+  getFormat() {
+    return "hsla";
+  }
+  getChannels() {
+    return te.colorChannels;
+  }
+};
+Ve(bt, "colorChannels", ["hue", "saturation", "lightness"]);
+var Le = bt, xa = /hsb\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%)\)|hsba\(([-+]?\d+(?:.\d+)?\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d+(?:.\d+)?%\s*,\s*[-+]?\d(.\d+)?)\)/, Et = class ae extends Ne {
+  constructor(t, a, n, r) {
+    super(), this.hue = t, this.saturation = a, this.brightness = n, this.alpha = r;
+  }
+  static parse(t) {
+    let a;
+    if (a = t.match(xa)) {
+      const [n, r, i, o] = (a[1] ?? a[2]).split(",").map((s) => Number(s.trim().replace("%", "")));
+      return new ae(it(n, 360), k(r, 0, 100), k(i, 0, 100), k(o ?? 1, 0, 1));
+    }
+  }
+  toString(t) {
+    switch (t) {
+      case "css":
+        return this.toHSL().toString("css");
+      case "hex":
+        return this.toRGB().toString("hex");
+      case "hexa":
+        return this.toRGB().toString("hexa");
+      case "hsb":
+        return `hsb(${this.hue}, ${O(this.saturation, 2)}%, ${O(this.brightness, 2)}%)`;
+      case "hsba":
+        return `hsba(${this.hue}, ${O(this.saturation, 2)}%, ${O(this.brightness, 2)}%, ${this.alpha})`;
+      case "hsl":
+        return this.toHSL().toString("hsl");
+      case "rgb":
+        return this.toRGB().toString("rgb");
+      default:
+        return this.toFormat(t).toString(t);
+    }
+  }
+  toFormat(t) {
+    switch (t) {
+      case "hsba":
+        return this;
+      case "hsla":
+        return this.toHSL();
+      case "rgba":
+        return this.toRGB();
+      default:
+        throw new Error("Unsupported color conversion: hsb -> " + t);
+    }
+  }
+  /**
+   * Converts a HSB color to HSL.
+   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_HSL.
+   * @returns An HSLColor object.
+   */
+  toHSL() {
+    let t = this.saturation / 100, a = this.brightness / 100, n = a * (1 - t / 2);
+    return t = n === 0 || n === 1 ? 0 : (a - n) / Math.min(n, 1 - n), new Le(
+      O(this.hue, 2),
+      O(t * 100, 2),
+      O(n * 100, 2),
+      O(this.alpha, 2)
+    );
+  }
+  /**
+   * Converts a HSV color value to RGB.
+   * Conversion formula adapted from https://en.wikipedia.org/wiki/HSL_and_HSV#HSV_to_RGB_alternative.
+   * @returns An RGBColor object.
+   */
+  toRGB() {
+    let t = this.hue, a = this.saturation / 100, n = this.brightness / 100, r = (i, o = (i + t / 60) % 6) => n - a * n * Math.max(Math.min(o, 4 - o, 1), 0);
+    return new $e(
+      Math.round(r(5) * 255),
+      Math.round(r(3) * 255),
+      Math.round(r(1) * 255),
+      O(this.alpha, 2)
+    );
+  }
+  clone() {
+    return new ae(this.hue, this.saturation, this.brightness, this.alpha);
+  }
+  getChannelFormatOptions(t) {
+    switch (t) {
+      case "hue":
+        return { style: "unit", unit: "degree", unitDisplay: "narrow" };
+      case "saturation":
+      case "brightness":
+      case "alpha":
+        return { style: "percent" };
+      default:
+        throw new Error("Unknown color channel: " + t);
+    }
+  }
+  formatChannelValue(t, a) {
+    let n = this.getChannelFormatOptions(t), r = this.getChannelValue(t);
+    return (t === "saturation" || t === "brightness") && (r /= 100), new Intl.NumberFormat(a, n).format(r);
+  }
+  getChannelRange(t) {
+    switch (t) {
+      case "hue":
+        return { minValue: 0, maxValue: 360, step: 1, pageSize: 15 };
+      case "saturation":
+      case "brightness":
+        return { minValue: 0, maxValue: 100, step: 1, pageSize: 10 };
+      case "alpha":
+        return { minValue: 0, maxValue: 1, step: 0.01, pageSize: 0.1 };
+      default:
+        throw new Error("Unknown color channel: " + t);
+    }
+  }
+  toJSON() {
+    return { h: this.hue, s: this.saturation, b: this.brightness, a: this.alpha };
+  }
+  getFormat() {
+    return "hsba";
+  }
+  getChannels() {
+    return ae.colorChannels;
+  }
+};
+Ve(Et, "colorChannels", ["hue", "saturation", "brightness"]);
+var De = Et, Aa = "aliceblue:f0f8ff,antiquewhite:faebd7,aqua:00ffff,aquamarine:7fffd4,azure:f0ffff,beige:f5f5dc,bisque:ffe4c4,black:000000,blanchedalmond:ffebcd,blue:0000ff,blueviolet:8a2be2,brown:a52a2a,burlywood:deb887,cadetblue:5f9ea0,chartreuse:7fff00,chocolate:d2691e,coral:ff7f50,cornflowerblue:6495ed,cornsilk:fff8dc,crimson:dc143c,cyan:00ffff,darkblue:00008b,darkcyan:008b8b,darkgoldenrod:b8860b,darkgray:a9a9a9,darkgreen:006400,darkkhaki:bdb76b,darkmagenta:8b008b,darkolivegreen:556b2f,darkorange:ff8c00,darkorchid:9932cc,darkred:8b0000,darksalmon:e9967a,darkseagreen:8fbc8f,darkslateblue:483d8b,darkslategray:2f4f4f,darkturquoise:00ced1,darkviolet:9400d3,deeppink:ff1493,deepskyblue:00bfff,dimgray:696969,dodgerblue:1e90ff,firebrick:b22222,floralwhite:fffaf0,forestgreen:228b22,fuchsia:ff00ff,gainsboro:dcdcdc,ghostwhite:f8f8ff,gold:ffd700,goldenrod:daa520,gray:808080,green:008000,greenyellow:adff2f,honeydew:f0fff0,hotpink:ff69b4,indianred:cd5c5c,indigo:4b0082,ivory:fffff0,khaki:f0e68c,lavender:e6e6fa,lavenderblush:fff0f5,lawngreen:7cfc00,lemonchiffon:fffacd,lightblue:add8e6,lightcoral:f08080,lightcyan:e0ffff,lightgoldenrodyellow:fafad2,lightgrey:d3d3d3,lightgreen:90ee90,lightpink:ffb6c1,lightsalmon:ffa07a,lightseagreen:20b2aa,lightskyblue:87cefa,lightslategray:778899,lightsteelblue:b0c4de,lightyellow:ffffe0,lime:00ff00,limegreen:32cd32,linen:faf0e6,magenta:ff00ff,maroon:800000,mediumaquamarine:66cdaa,mediumblue:0000cd,mediumorchid:ba55d3,mediumpurple:9370d8,mediumseagreen:3cb371,mediumslateblue:7b68ee,mediumspringgreen:00fa9a,mediumturquoise:48d1cc,mediumvioletred:c71585,midnightblue:191970,mintcream:f5fffa,mistyrose:ffe4e1,moccasin:ffe4b5,navajowhite:ffdead,navy:000080,oldlace:fdf5e6,olive:808000,olivedrab:6b8e23,orange:ffa500,orangered:ff4500,orchid:da70d6,palegoldenrod:eee8aa,palegreen:98fb98,paleturquoise:afeeee,palevioletred:d87093,papayawhip:ffefd5,peachpuff:ffdab9,peru:cd853f,pink:ffc0cb,plum:dda0dd,powderblue:b0e0e6,purple:800080,rebeccapurple:663399,red:ff0000,rosybrown:bc8f8f,royalblue:4169e1,saddlebrown:8b4513,salmon:fa8072,sandybrown:f4a460,seagreen:2e8b57,seashell:fff5ee,sienna:a0522d,silver:c0c0c0,skyblue:87ceeb,slateblue:6a5acd,slategray:708090,snow:fffafa,springgreen:00ff7f,steelblue:4682b4,tan:d2b48c,teal:008080,thistle:d8bfd8,tomato:ff6347,turquoise:40e0d0,violet:ee82ee,wheat:f5deb3,white:ffffff,whitesmoke:f5f5f5,yellow:ffff00,yellowgreen:9acd32", ka = (e) => {
+  const t = /* @__PURE__ */ new Map(), a = e.split(",");
+  for (let n = 0; n < a.length; n++) {
+    const [r, i] = a[n].split(":");
+    t.set(r, `#${i}`), r.includes("gray") && t.set(r.replace("gray", "grey"), `#${i}`);
+  }
+  return t;
+}, He = ka(Aa), G = (e) => {
+  if (He.has(e))
+    return G(He.get(e));
+  const t = $e.parse(e) || De.parse(e) || Le.parse(e);
+  if (!t) {
+    const a = new Error("Invalid color value: " + e);
+    throw Error.captureStackTrace?.(a, G), a;
+  }
+  return t;
+}, je = (e) => typeof e == "string" ? G(e) : e, Ct = W("color-picker", [
+  "root",
+  "label",
+  "control",
+  "trigger",
+  "positioner",
+  "content",
+  "area",
+  "areaThumb",
+  "valueText",
+  "areaBackground",
+  "channelSlider",
+  "channelSliderLabel",
+  "channelSliderTrack",
+  "channelSliderThumb",
+  "channelSliderValueText",
+  "channelInput",
+  "transparencyGrid",
+  "swatchGroup",
+  "swatchTrigger",
+  "swatchIndicator",
+  "swatch",
+  "eyeDropperTrigger",
+  "formatTrigger",
+  "formatSelect"
+]), T = Ct.build(), Va = (e) => e.ids?.root ?? `color-picker:${e.id}`, We = (e) => e.ids?.label ?? `color-picker:${e.id}:label`, ye = (e) => e.ids?.hiddenInput ?? `color-picker:${e.id}:hidden-input`, yt = (e) => e.ids?.control ?? `color-picker:${e.id}:control`, It = (e) => e.ids?.trigger ?? `color-picker:${e.id}:trigger`, Ie = (e) => e.ids?.content ?? `color-picker:${e.id}:content`, St = (e) => e.ids?.positioner ?? `color-picker:${e.id}:positioner`, Na = (e) => e.ids?.formatSelect ?? `color-picker:${e.id}:format-select`, Ot = (e) => e.ids?.area ?? `color-picker:${e.id}:area`, $a = (e) => e.ids?.areaGradient ?? `color-picker:${e.id}:area-gradient`, Tt = (e) => e.ids?.areaThumb ?? `color-picker:${e.id}:area-thumb`, Rt = (e, t) => e.ids?.channelSliderTrack?.(t) ?? `color-picker:${e.id}:slider-track:${t}`, Se = (e, t) => e.ids?.channelSliderThumb?.(t) ?? `color-picker:${e.id}:slider-thumb:${t}`, ne = (e) => e.getById(Ie(e)), La = (e) => e.getById(Tt(e)), Da = (e, t) => e.getById(Se(e, t)), Ma = (e) => e.getById(Na(e)), ze = (e) => e.getById(ye(e)), Ua = (e) => e.getById(Ot(e)), Ga = (e, t) => {
+  const a = Ua(e);
+  if (!a) return;
+  const { percent: n } = ke(t, a);
+  return n;
+}, wt = (e) => e.getById(yt(e)), me = (e) => e.getById(It(e)), Ba = (e) => e.getById(St(e)), Ha = (e, t) => e.getById(Rt(e, t)), ja = (e, t, a) => {
+  const n = Ha(e, a);
+  if (!n) return;
+  const { percent: r } = ke(t, n);
+  return r;
+}, Wa = (e) => [
+  ...le(ne(e), "input[data-channel]"),
+  ...le(wt(e), "input[data-channel]")
+];
+function za(e, t) {
+  switch (t) {
+    case "hue":
+      return G(`hsl(${e.getChannelValue("hue")}, 100%, 50%)`);
+    case "lightness":
+    case "brightness":
+    case "saturation":
+    case "red":
+    case "green":
+    case "blue":
+      return e.withChannelValue("alpha", 1);
+    case "alpha":
+      return e;
+    default:
+      throw new Error("Unknown color channel: " + t);
+  }
+}
+function Oe(e, t) {
+  if (t == null) return "";
+  if (t === "hex")
+    return e.toString("hex");
+  if (t === "css")
+    return e.toString("css");
+  if (t in e)
+    return e.getChannelValue(t).toString();
+  const a = e.getFormat() === "hsla";
+  switch (t) {
+    case "hue":
+      return a ? e.toFormat("hsla").getChannelValue("hue").toString() : e.toFormat("hsba").getChannelValue("hue").toString();
+    case "saturation":
+      return a ? e.toFormat("hsla").getChannelValue("saturation").toString() : e.toFormat("hsba").getChannelValue("saturation").toString();
+    case "lightness":
+      return e.toFormat("hsla").getChannelValue("lightness").toString();
+    case "brightness":
+      return e.toFormat("hsba").getChannelValue("brightness").toString();
+    case "red":
+    case "green":
+    case "blue":
+      return e.toFormat("rgba").getChannelValue(t).toString();
+    default:
+      return e.getChannelValue(t).toString();
+  }
+}
+function qa(e, t) {
+  switch (t) {
+    case "hex":
+      const a = G("#000000"), n = G("#FFFFFF");
+      return {
+        minValue: a.toHexInt(),
+        maxValue: n.toHexInt(),
+        pageSize: 10,
+        step: 1
+      };
+    case "css":
+      return;
+    case "hue":
+    case "saturation":
+    case "lightness":
+      return e.toFormat("hsla").getChannelRange(t);
+    case "brightness":
+      return e.toFormat("hsba").getChannelRange(t);
+    case "red":
+    case "green":
+    case "blue":
+      return e.toFormat("rgba").getChannelRange(t);
+    default:
+      return e.getChannelRange(t);
+  }
+}
+function Ka(e, t) {
+  return e === "vertical" ? "top" : t === "ltr" ? "right" : "left";
+}
+var Xa = (e) => {
+  const { channel: t, value: a, dir: n, orientation: r } = e, i = Ka(r, n), { minValue: o, maxValue: s } = a.getChannelRange(t);
+  switch (t) {
+    case "hue":
+      return `linear-gradient(to ${i}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;
+    case "lightness": {
+      let l = a.withChannelValue(t, o).toString("css"), h = a.withChannelValue(t, (s - o) / 2).toString("css"), v = a.withChannelValue(t, s).toString("css");
+      return `linear-gradient(to ${i}, ${l}, ${h}, ${v})`;
+    }
+    case "saturation":
+    case "brightness":
+    case "red":
+    case "green":
+    case "blue":
+    case "alpha": {
+      let l = a.withChannelValue(t, o).toString("css"), h = a.withChannelValue(t, s).toString("css");
+      return `linear-gradient(to ${i}, ${l}, ${h})`;
+    }
+    default:
+      throw new Error("Unknown color channel: " + t);
+  }
+};
+function Ur(e, t) {
+  const { context: a, send: n, prop: r, computed: i, state: o, scope: s } = e, l = a.get("value"), h = a.get("format"), v = i("areaValue"), b = i("valueAsString"), m = i("disabled"), u = i("interactive"), p = o.hasTag("dragging"), E = o.hasTag("open"), I = o.hasTag("focused"), F = (g) => {
+    const c = v.getChannels();
+    return {
+      xChannel: g.xChannel ?? c[1],
+      yChannel: g.yChannel ?? c[2]
+    };
+  }, P = a.get("currentPlacement"), B = ga({
+    ...r("positioning"),
+    placement: P
+  });
+  function S(g) {
+    const c = je(g.value).toFormat(a.get("format"));
+    return {
+      value: c,
+      valueAsString: c.toString("hex"),
+      checked: c.isEqual(l),
+      disabled: g.disabled || !u
+    };
+  }
+  return {
+    dragging: p,
+    open: E,
+    valueAsString: b,
+    value: l,
+    inline: !!r("inline"),
+    setOpen(g) {
+      r("inline") || o.hasTag("open") === g || n({ type: g ? "OPEN" : "CLOSE" });
+    },
+    setValue(g) {
+      n({ type: "VALUE.SET", value: je(g), src: "set-color" });
+    },
+    getChannelValue(g) {
+      return Oe(l, g);
+    },
+    getChannelValueText(g, c) {
+      return l.formatChannelValue(g, c);
+    },
+    setChannelValue(g, c) {
+      const f = l.withChannelValue(g, c);
+      n({ type: "VALUE.SET", value: f, src: "set-channel" });
+    },
+    format: a.get("format"),
+    setFormat(g) {
+      const c = l.toFormat(g);
+      n({ type: "VALUE.SET", value: c, src: "set-format" });
+    },
+    alpha: l.getChannelValue("alpha"),
+    setAlpha(g) {
+      const c = l.withChannelValue("alpha", g);
+      n({ type: "VALUE.SET", value: c, src: "set-alpha" });
+    },
+    getRootProps() {
+      return t.element({
+        ...T.root.attrs,
+        dir: r("dir"),
+        id: Va(s),
+        "data-disabled": d(m),
+        "data-readonly": d(r("readOnly")),
+        "data-invalid": d(r("invalid")),
+        style: {
+          "--value": l.toString("css")
+        }
+      });
+    },
+    getLabelProps() {
+      return t.element({
+        ...T.label.attrs,
+        dir: r("dir"),
+        id: We(s),
+        htmlFor: ye(s),
+        "data-disabled": d(m),
+        "data-readonly": d(r("readOnly")),
+        "data-invalid": d(r("invalid")),
+        "data-focus": d(I),
+        onClick(g) {
+          g.preventDefault(), zt(wt(s), "[data-channel=hex]")?.focus({ preventScroll: !0 });
+        }
+      });
+    },
+    getControlProps() {
+      return t.element({
+        ...T.control.attrs,
+        id: yt(s),
+        dir: r("dir"),
+        "data-disabled": d(m),
+        "data-readonly": d(r("readOnly")),
+        "data-invalid": d(r("invalid")),
+        "data-state": E ? "open" : "closed",
+        "data-focus": d(I)
+      });
+    },
+    getTriggerProps() {
+      return t.button({
+        ...T.trigger.attrs,
+        id: It(s),
+        dir: r("dir"),
+        disabled: m,
+        "aria-label": `select color. current color is ${b}`,
+        "aria-controls": Ie(s),
+        "aria-labelledby": We(s),
+        "data-disabled": d(m),
+        "data-readonly": d(r("readOnly")),
+        "data-invalid": d(r("invalid")),
+        "data-placement": P,
+        "aria-expanded": d(E),
+        "data-state": E ? "open" : "closed",
+        "data-focus": d(I),
+        type: "button",
+        onClick() {
+          u && n({ type: "TRIGGER.CLICK" });
+        },
+        onBlur() {
+          u && n({ type: "TRIGGER.BLUR" });
+        },
+        style: {
+          position: "relative"
+        }
+      });
+    },
+    getPositionerProps() {
+      return t.element({
+        ...T.positioner.attrs,
+        id: St(s),
+        dir: r("dir"),
+        style: B.floating
+      });
+    },
+    getContentProps() {
+      return t.element({
+        ...T.content.attrs,
+        id: Ie(s),
+        dir: r("dir"),
+        tabIndex: -1,
+        "data-placement": P,
+        "data-state": E ? "open" : "closed",
+        hidden: !E
+      });
+    },
+    getValueTextProps() {
+      return t.element({
+        ...T.valueText.attrs,
+        dir: r("dir"),
+        "data-disabled": d(m),
+        "data-focus": d(I)
+      });
+    },
+    getAreaProps(g = {}) {
+      const { xChannel: c, yChannel: f } = F(g), { areaStyles: y } = Be(v, {
+        xChannel: c,
+        yChannel: f,
+        dir: r("dir")
+      });
+      return t.element({
+        ...T.area.attrs,
+        id: Ot(s),
+        role: "group",
+        "data-invalid": d(r("invalid")),
+        "data-disabled": d(m),
+        "data-readonly": d(r("readOnly")),
+        onPointerDown(C) {
+          if (!u || !se(C) || be(C)) return;
+          const R = Ee(C);
+          n({ type: "AREA.POINTER_DOWN", point: R, channel: { xChannel: c, yChannel: f }, id: "area" }), C.preventDefault();
+        },
+        style: {
+          position: "relative",
+          touchAction: "none",
+          forcedColorAdjust: "none",
+          ...y
+        }
+      });
+    },
+    getAreaBackgroundProps(g = {}) {
+      const { xChannel: c, yChannel: f } = F(g), { areaGradientStyles: y } = Be(v, {
+        xChannel: c,
+        yChannel: f,
+        dir: r("dir")
+      });
+      return t.element({
+        ...T.areaBackground.attrs,
+        id: $a(s),
+        "data-invalid": d(r("invalid")),
+        "data-disabled": d(m),
+        "data-readonly": d(r("readOnly")),
+        style: {
+          position: "relative",
+          touchAction: "none",
+          forcedColorAdjust: "none",
+          ...y
+        }
+      });
+    },
+    getAreaThumbProps(g = {}) {
+      const { xChannel: c, yChannel: f } = F(g), y = { xChannel: c, yChannel: f }, C = v.getChannelValuePercent(c), R = 1 - v.getChannelValuePercent(f), L = v.getChannelValue(c), H = v.getChannelValue(f), x = v.withChannelValue("alpha", 1).toString("css");
+      return t.element({
+        ...T.areaThumb.attrs,
+        id: Tt(s),
+        dir: r("dir"),
+        tabIndex: m ? void 0 : 0,
+        "data-disabled": d(m),
+        "data-invalid": d(r("invalid")),
+        "data-readonly": d(r("readOnly")),
+        role: "slider",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": L,
+        "aria-label": `${c} and ${f}`,
+        "aria-roledescription": "2d slider",
+        "aria-valuetext": `${c} ${L}, ${f} ${H}`,
+        style: {
+          position: "absolute",
+          left: `${C * 100}%`,
+          top: `${R * 100}%`,
+          transform: "translate(-50%, -50%)",
+          touchAction: "none",
+          forcedColorAdjust: "none",
+          "--color": x,
+          background: x
+        },
+        onFocus() {
+          u && n({ type: "AREA.FOCUS", id: "area", channel: y });
+        },
+        onKeyDown(w) {
+          if (w.defaultPrevented || !u) return;
+          const A = ve(w), M = {
+            ArrowUp() {
+              n({ type: "AREA.ARROW_UP", channel: y, step: A });
+            },
+            ArrowDown() {
+              n({ type: "AREA.ARROW_DOWN", channel: y, step: A });
+            },
+            ArrowLeft() {
+              n({ type: "AREA.ARROW_LEFT", channel: y, step: A });
+            },
+            ArrowRight() {
+              n({ type: "AREA.ARROW_RIGHT", channel: y, step: A });
+            },
+            PageUp() {
+              n({ type: "AREA.PAGE_UP", channel: y, step: A });
+            },
+            PageDown() {
+              n({ type: "AREA.PAGE_DOWN", channel: y, step: A });
+            },
+            Escape(fe) {
+              fe.stopPropagation();
+            }
+          }[oe(w, {
+            dir: r("dir")
+          })];
+          M && (M(w), w.preventDefault());
+        }
+      });
+    },
+    getTransparencyGridProps(g = {}) {
+      const { size: c = "12px" } = g;
+      return t.element({
+        ...T.transparencyGrid.attrs,
+        style: {
+          "--size": c,
+          width: "100%",
+          height: "100%",
+          position: "absolute",
+          backgroundColor: "#fff",
+          backgroundImage: "conic-gradient(#eeeeee 0 25%, transparent 0 50%, #eeeeee 0 75%, transparent 0)",
+          backgroundSize: "var(--size) var(--size)",
+          inset: "0px",
+          zIndex: "auto",
+          pointerEvents: "none"
+        }
+      });
+    },
+    getChannelSliderProps(g) {
+      const { orientation: c = "horizontal", channel: f, format: y } = g;
+      return t.element({
+        ...T.channelSlider.attrs,
+        "data-channel": f,
+        "data-orientation": c,
+        role: "presentation",
+        onPointerDown(C) {
+          if (!u || !se(C) || be(C)) return;
+          const R = Ee(C);
+          n({ type: "CHANNEL_SLIDER.POINTER_DOWN", channel: f, format: y, point: R, id: f, orientation: c }), C.preventDefault();
+        },
+        style: {
+          position: "relative",
+          touchAction: "none"
+        }
+      });
+    },
+    getChannelSliderTrackProps(g) {
+      const { orientation: c = "horizontal", channel: f, format: y } = g, C = y ? l.toFormat(y) : v;
+      return t.element({
+        ...T.channelSliderTrack.attrs,
+        id: Rt(s, f),
+        role: "group",
+        "data-channel": f,
+        "data-orientation": c,
+        style: {
+          position: "relative",
+          forcedColorAdjust: "none",
+          backgroundImage: Xa({
+            orientation: c,
+            channel: f,
+            dir: r("dir"),
+            value: C
+          })
+        }
+      });
+    },
+    getChannelSliderLabelProps(g) {
+      const { channel: c } = g;
+      return t.element({
+        ...T.channelSliderLabel.attrs,
+        "data-channel": c,
+        onClick(f) {
+          if (!u) return;
+          f.preventDefault();
+          const y = Se(s, c);
+          s.getById(y)?.focus({ preventScroll: !0 });
+        },
+        style: {
+          userSelect: "none",
+          WebkitUserSelect: "none"
+        }
+      });
+    },
+    getChannelSliderValueTextProps(g) {
+      return t.element({
+        ...T.channelSliderValueText.attrs,
+        "data-channel": g.channel
+      });
+    },
+    getChannelSliderThumbProps(g) {
+      const { orientation: c = "horizontal", channel: f, format: y } = g, C = y ? l.toFormat(y) : v, R = C.getChannelRange(f), L = C.getChannelValue(f), H = (L - R.minValue) / (R.maxValue - R.minValue), x = c === "horizontal" ? { left: `${H * 100}%`, top: "50%" } : { top: `${H * 100}%`, left: "50%" };
+      return t.element({
+        ...T.channelSliderThumb.attrs,
+        id: Se(s, f),
+        role: "slider",
+        "aria-label": f,
+        tabIndex: m ? void 0 : 0,
+        "data-channel": f,
+        "data-disabled": d(m),
+        "data-orientation": c,
+        "aria-disabled": d(m),
+        "aria-orientation": c,
+        "aria-valuemax": R.maxValue,
+        "aria-valuemin": R.minValue,
+        "aria-valuenow": L,
+        "aria-valuetext": `${f} ${L}`,
+        style: {
+          forcedColorAdjust: "none",
+          position: "absolute",
+          background: za(v, f).toString("css"),
+          ...x
+        },
+        onFocus() {
+          u && n({ type: "CHANNEL_SLIDER.FOCUS", channel: f });
+        },
+        onKeyDown(w) {
+          if (w.defaultPrevented || !u) return;
+          const A = ve(w) * R.step, M = {
+            ArrowUp() {
+              n({ type: "CHANNEL_SLIDER.ARROW_UP", channel: f, step: A });
+            },
+            ArrowDown() {
+              n({ type: "CHANNEL_SLIDER.ARROW_DOWN", channel: f, step: A });
+            },
+            ArrowLeft() {
+              n({ type: "CHANNEL_SLIDER.ARROW_LEFT", channel: f, step: A });
+            },
+            ArrowRight() {
+              n({ type: "CHANNEL_SLIDER.ARROW_RIGHT", channel: f, step: A });
+            },
+            PageUp() {
+              n({ type: "CHANNEL_SLIDER.PAGE_UP", channel: f });
+            },
+            PageDown() {
+              n({ type: "CHANNEL_SLIDER.PAGE_DOWN", channel: f });
+            },
+            Home() {
+              n({ type: "CHANNEL_SLIDER.HOME", channel: f });
+            },
+            End() {
+              n({ type: "CHANNEL_SLIDER.END", channel: f });
+            },
+            Escape(fe) {
+              fe.stopPropagation();
+            }
+          }[oe(w, {
+            dir: r("dir")
+          })];
+          M && (M(w), w.preventDefault());
+        }
+      });
+    },
+    getChannelInputProps(g) {
+      const { channel: c } = g, f = c === "hex" || c === "css", y = qa(l, c);
+      return t.input({
+        ...T.channelInput.attrs,
+        dir: r("dir"),
+        type: f ? "text" : "number",
+        "data-channel": c,
+        "aria-label": c,
+        spellCheck: !1,
+        autoComplete: "off",
+        disabled: m,
+        "data-disabled": d(m),
+        "data-invalid": d(r("invalid")),
+        "data-readonly": d(r("readOnly")),
+        readOnly: r("readOnly"),
+        defaultValue: Oe(l, c),
+        min: y?.minValue,
+        max: y?.maxValue,
+        step: y?.step,
+        onBeforeInput(C) {
+          if (f || !u) return;
+          C.currentTarget.value.match(/[^0-9.]/g) && C.preventDefault();
+        },
+        onFocus(C) {
+          u && (n({ type: "CHANNEL_INPUT.FOCUS", channel: c }), C.currentTarget.select());
+        },
+        onBlur(C) {
+          if (!u) return;
+          const R = f ? C.currentTarget.value : C.currentTarget.valueAsNumber;
+          n({ type: "CHANNEL_INPUT.BLUR", channel: c, value: R, isTextField: f });
+        },
+        onKeyDown(C) {
+          if (!C.defaultPrevented && u && C.key === "Enter") {
+            const R = f ? C.currentTarget.value : C.currentTarget.valueAsNumber;
+            n({ type: "CHANNEL_INPUT.CHANGE", channel: c, value: R, isTextField: f }), C.preventDefault();
+          }
+        },
+        style: {
+          appearance: "none",
+          WebkitAppearance: "none",
+          MozAppearance: "textfield"
+        }
+      });
+    },
+    getHiddenInputProps() {
+      return t.input({
+        type: "text",
+        disabled: m,
+        name: r("name"),
+        tabIndex: -1,
+        readOnly: r("readOnly"),
+        required: r("required"),
+        id: ye(s),
+        style: dt,
+        defaultValue: b
+      });
+    },
+    getEyeDropperTriggerProps() {
+      return t.button({
+        ...T.eyeDropperTrigger.attrs,
+        type: "button",
+        dir: r("dir"),
+        disabled: m,
+        "data-disabled": d(m),
+        "data-invalid": d(r("invalid")),
+        "data-readonly": d(r("readOnly")),
+        "aria-label": "Pick a color from the screen",
+        onClick() {
+          u && n({ type: "EYEDROPPER.CLICK" });
+        }
+      });
+    },
+    getSwatchGroupProps() {
+      return t.element({
+        ...T.swatchGroup.attrs,
+        role: "group"
+      });
+    },
+    getSwatchTriggerState: S,
+    getSwatchTriggerProps(g) {
+      const c = S(g);
+      return t.button({
+        ...T.swatchTrigger.attrs,
+        disabled: c.disabled,
+        dir: r("dir"),
+        type: "button",
+        "aria-label": `select ${c.valueAsString} as the color`,
+        "data-state": c.checked ? "checked" : "unchecked",
+        "data-value": c.valueAsString,
+        "data-disabled": d(c.disabled),
+        onClick() {
+          c.disabled || n({ type: "SWATCH_TRIGGER.CLICK", value: c.value });
+        },
+        style: {
+          "--color": c.valueAsString,
+          position: "relative"
+        }
+      });
+    },
+    getSwatchIndicatorProps(g) {
+      const c = S(g);
+      return t.element({
+        ...T.swatchIndicator.attrs,
+        dir: r("dir"),
+        hidden: !c.checked
+      });
+    },
+    getSwatchProps(g) {
+      const { respectAlpha: c = !0 } = g, f = S(g), y = f.value.toString(c ? "css" : "hex");
+      return t.element({
+        ...T.swatch.attrs,
+        dir: r("dir"),
+        "data-state": f.checked ? "checked" : "unchecked",
+        "data-value": f.valueAsString,
+        style: {
+          "--color": y,
+          position: "relative",
+          background: y
+        }
+      });
+    },
+    getFormatTriggerProps() {
+      return t.button({
+        ...T.formatTrigger.attrs,
+        dir: r("dir"),
+        type: "button",
+        "aria-label": `change color format to ${qe(h)}`,
+        onClick(g) {
+          if (g.currentTarget.disabled) return;
+          const c = qe(h);
+          n({ type: "FORMAT.SET", format: c, src: "format-trigger" });
+        }
+      });
+    },
+    getFormatSelectProps() {
+      return t.select({
+        ...T.formatSelect.attrs,
+        "aria-label": "change color format",
+        dir: r("dir"),
+        defaultValue: r("format"),
+        disabled: m,
+        onChange(g) {
+          const c = Za(g.currentTarget.value);
+          n({ type: "FORMAT.SET", format: c, src: "format-select" });
+        }
+      });
+    }
+  };
+}
+var re = ["hsba", "hsla", "rgba"], Ya = new RegExp(`^(${re.join("|")})$`);
+function qe(e) {
+  const t = re.indexOf(e);
+  return re[t + 1] ?? re[0];
+}
+function Za(e) {
+  if (Ya.test(e)) return e;
+  throw new Error(`Unsupported color format: ${e}`);
+}
+var Ke = (e) => G(e), Ja = /^[0-9a-fA-F]{3,8}$/;
+function Qa(e) {
+  return Ja.test(e);
+}
+function en(e) {
+  return e.startsWith("#") ? e : Qa(e) ? `#${e}` : e;
+}
+var { and: tn } = ot(), Gr = z({
+  props({ props: e }) {
+    return {
+      dir: "ltr",
+      defaultValue: Ke("#000000"),
+      defaultFormat: "rgba",
+      openAutoFocus: !0,
+      ...e,
+      positioning: {
+        placement: "bottom",
+        ...e.positioning
+      }
+    };
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") || e("inline") ? "open" : "idle";
+  },
+  context({ prop: e, bindable: t, getContext: a }) {
+    return {
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual(n, r) {
+          return n.toString("css") === r?.toString("css");
+        },
+        hash(n) {
+          return n.toString("css");
+        },
+        onChange(n) {
+          const r = a(), i = n.toString(r.get("format"));
+          e("onValueChange")?.({ value: n, valueAsString: i });
+        }
+      })),
+      format: t(() => ({
+        defaultValue: e("defaultFormat"),
+        value: e("format"),
+        onChange(n) {
+          e("onFormatChange")?.({ format: n });
+        }
+      })),
+      activeId: t(() => ({ defaultValue: null })),
+      activeChannel: t(() => ({ defaultValue: null })),
+      activeOrientation: t(() => ({ defaultValue: null })),
+      fieldsetDisabled: t(() => ({ defaultValue: !1 })),
+      restoreFocus: t(() => ({ defaultValue: !0 })),
+      currentPlacement: t(() => ({
+        defaultValue: void 0
+      }))
+    };
+  },
+  computed: {
+    rtl: ({ prop: e }) => e("dir") === "rtl",
+    disabled: ({ prop: e, context: t }) => !!e("disabled") || t.get("fieldsetDisabled"),
+    interactive: ({ prop: e }) => !(e("disabled") || e("readOnly")),
+    valueAsString: ({ context: e }) => e.get("value").toString(e.get("format")),
+    areaValue: ({ context: e }) => {
+      const t = e.get("format").startsWith("hsl") ? "hsla" : "hsba";
+      return e.get("value").toFormat(t);
+    }
+  },
+  effects: ["trackFormControl"],
+  watch({ prop: e, context: t, action: a, track: n }) {
+    n([() => t.hash("value")], () => {
+      a(["syncInputElements", "dispatchChangeEvent"]);
+    }), n([() => t.get("format")], () => {
+      a(["syncFormatSelectElement"]);
+    }), n([() => e("open")], () => {
+      a(["toggleVisibility"]);
+    });
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    },
+    "FORMAT.SET": {
+      actions: ["setFormat"]
+    },
+    "CHANNEL_INPUT.CHANGE": {
+      actions: ["setChannelColorFromInput"]
+    },
+    "EYEDROPPER.CLICK": {
+      actions: ["openEyeDropper"]
+    },
+    "SWATCH_TRIGGER.CLICK": {
+      actions: ["setValue"]
+    }
+  },
+  states: {
+    idle: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open",
+          actions: ["setInitialFocus"]
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setInitialFocus"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setInitialFocus"]
+          }
+        ],
+        "CHANNEL_INPUT.FOCUS": {
+          target: "focused",
+          actions: ["setActiveChannel"]
+        }
+      }
+    },
+    focused: {
+      tags: ["closed", "focused"],
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open",
+          actions: ["setInitialFocus"]
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setInitialFocus"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setInitialFocus"]
+          }
+        ],
+        "CHANNEL_INPUT.FOCUS": {
+          actions: ["setActiveChannel"]
+        },
+        "CHANNEL_INPUT.BLUR": {
+          target: "idle",
+          actions: ["setChannelColorFromInput"]
+        },
+        "TRIGGER.BLUR": {
+          target: "idle"
+        }
+      }
+    },
+    open: {
+      tags: ["open"],
+      effects: ["trackPositioning", "trackDismissableElement"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "shouldRestoreFocus",
+            target: "focused",
+            actions: ["setReturnFocus"]
+          },
+          {
+            target: "idle"
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "AREA.POINTER_DOWN": {
+          target: "open:dragging",
+          actions: ["setActiveChannel", "setAreaColorFromPoint", "focusAreaThumb"]
+        },
+        "AREA.FOCUS": {
+          actions: ["setActiveChannel"]
+        },
+        "CHANNEL_SLIDER.POINTER_DOWN": {
+          target: "open:dragging",
+          actions: ["setActiveChannel", "setChannelColorFromPoint", "focusChannelThumb"]
+        },
+        "CHANNEL_SLIDER.FOCUS": {
+          actions: ["setActiveChannel"]
+        },
+        "AREA.ARROW_LEFT": {
+          actions: ["decrementAreaXChannel"]
+        },
+        "AREA.ARROW_RIGHT": {
+          actions: ["incrementAreaXChannel"]
+        },
+        "AREA.ARROW_UP": {
+          actions: ["incrementAreaYChannel"]
+        },
+        "AREA.ARROW_DOWN": {
+          actions: ["decrementAreaYChannel"]
+        },
+        "AREA.PAGE_UP": {
+          actions: ["incrementAreaXChannel"]
+        },
+        "AREA.PAGE_DOWN": {
+          actions: ["decrementAreaXChannel"]
+        },
+        "CHANNEL_SLIDER.ARROW_LEFT": {
+          actions: ["decrementChannel"]
+        },
+        "CHANNEL_SLIDER.ARROW_RIGHT": {
+          actions: ["incrementChannel"]
+        },
+        "CHANNEL_SLIDER.ARROW_UP": {
+          actions: ["incrementChannel"]
+        },
+        "CHANNEL_SLIDER.ARROW_DOWN": {
+          actions: ["decrementChannel"]
+        },
+        "CHANNEL_SLIDER.PAGE_UP": {
+          actions: ["incrementChannel"]
+        },
+        "CHANNEL_SLIDER.PAGE_DOWN": {
+          actions: ["decrementChannel"]
+        },
+        "CHANNEL_SLIDER.HOME": {
+          actions: ["setChannelToMin"]
+        },
+        "CHANNEL_SLIDER.END": {
+          actions: ["setChannelToMax"]
+        },
+        "CHANNEL_INPUT.BLUR": {
+          actions: ["setChannelColorFromInput"]
+        },
+        INTERACT_OUTSIDE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "shouldRestoreFocus",
+            target: "focused",
+            actions: ["invokeOnClose", "setReturnFocus"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "SWATCH_TRIGGER.CLICK": [
+          {
+            guard: tn("isOpenControlled", "closeOnSelect"),
+            actions: ["setValue", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["setValue", "invokeOnClose", "setReturnFocus"]
+          },
+          {
+            actions: ["setValue"]
+          }
+        ]
+      }
+    },
+    "open:dragging": {
+      tags: ["open"],
+      exit: ["clearActiveChannel"],
+      effects: ["trackPointerMove", "disableTextSelection", "trackPositioning", "trackDismissableElement"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "shouldRestoreFocus",
+            target: "focused",
+            actions: ["setReturnFocus"]
+          },
+          {
+            target: "idle"
+          }
+        ],
+        "AREA.POINTER_MOVE": {
+          actions: ["setAreaColorFromPoint", "focusAreaThumb"]
+        },
+        "AREA.POINTER_UP": {
+          target: "open",
+          actions: ["invokeOnChangeEnd"]
+        },
+        "CHANNEL_SLIDER.POINTER_MOVE": {
+          actions: ["setChannelColorFromPoint", "focusChannelThumb"]
+        },
+        "CHANNEL_SLIDER.POINTER_UP": {
+          target: "open",
+          actions: ["invokeOnChangeEnd"]
+        },
+        INTERACT_OUTSIDE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "shouldRestoreFocus",
+            target: "focused",
+            actions: ["invokeOnClose", "setReturnFocus"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose"]
+          }
+        ]
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      closeOnSelect: ({ prop: e }) => !!e("closeOnSelect"),
+      isOpenControlled: ({ prop: e }) => e("open") != null || !!e("inline"),
+      shouldRestoreFocus: ({ context: e }) => !!e.get("restoreFocus")
+    },
+    effects: {
+      trackPositioning({ context: e, prop: t, scope: a }) {
+        if (t("inline")) return;
+        e.get("currentPlacement") || e.set("currentPlacement", t("positioning")?.placement);
+        const n = me(a);
+        return ca(n, () => Ba(a), {
+          ...t("positioning"),
+          defer: !0,
+          onComplete(i) {
+            e.set("currentPlacement", i.placement);
+          }
+        });
+      },
+      trackDismissableElement({ context: e, scope: t, prop: a, send: n }) {
+        return a("inline") ? void 0 : pa(() => ne(t), {
+          exclude: me(t),
+          defer: !0,
+          onInteractOutside(i) {
+            a("onInteractOutside")?.(i), !i.defaultPrevented && e.set("restoreFocus", !(i.detail.focusable || i.detail.contextmenu));
+          },
+          onPointerDownOutside: a("onPointerDownOutside"),
+          onFocusOutside: a("onFocusOutside"),
+          onDismiss() {
+            n({ type: "INTERACT_OUTSIDE" });
+          }
+        });
+      },
+      trackFormControl({ context: e, scope: t, send: a }) {
+        const n = ze(t);
+        return ut(n, {
+          onFieldsetDisabledChange(r) {
+            e.set("fieldsetDisabled", r);
+          },
+          onFormReset() {
+            a({ type: "VALUE.SET", value: e.initial("value"), src: "form.reset" });
+          }
+        });
+      },
+      trackPointerMove({ context: e, scope: t, event: a, send: n }) {
+        return lt(t.getDoc(), {
+          onPointerMove({ point: r }) {
+            const i = e.get("activeId") === "area" ? "AREA.POINTER_MOVE" : "CHANNEL_SLIDER.POINTER_MOVE";
+            n({ type: i, point: r, format: a.format });
+          },
+          onPointerUp() {
+            const r = e.get("activeId") === "area" ? "AREA.POINTER_UP" : "CHANNEL_SLIDER.POINTER_UP";
+            n({ type: r });
+          }
+        });
+      },
+      disableTextSelection({ scope: e }) {
+        return Wt({
+          doc: e.getDoc(),
+          target: ne(e)
+        });
+      }
+    },
+    actions: {
+      openEyeDropper({ scope: e, context: t }) {
+        const a = e.getWin();
+        if (!("EyeDropper" in a)) return;
+        new a.EyeDropper().open().then(({ sRGBHex: i }) => {
+          const o = t.get("value").getFormat(), s = G(i).toFormat(o);
+          t.set("value", s);
+        }).catch(() => {
+        });
+      },
+      setActiveChannel({ context: e, event: t }) {
+        e.set("activeId", t.id), t.channel && e.set("activeChannel", t.channel), t.orientation && e.set("activeOrientation", t.orientation);
+      },
+      clearActiveChannel({ context: e }) {
+        e.set("activeChannel", null), e.set("activeId", null), e.set("activeOrientation", null);
+      },
+      setAreaColorFromPoint({ context: e, event: t, computed: a, scope: n }) {
+        const r = t.format ? e.get("value").toFormat(t.format) : a("areaValue"), { xChannel: i, yChannel: o } = t.channel || e.get("activeChannel"), s = Ga(n, t.point);
+        if (!s) return;
+        const l = r.getChannelPercentValue(i, s.x), h = r.getChannelPercentValue(o, 1 - s.y), v = r.withChannelValue(i, l).withChannelValue(o, h);
+        e.set("value", v);
+      },
+      setChannelColorFromPoint({ context: e, event: t, computed: a, scope: n }) {
+        const r = t.channel || e.get("activeId"), i = t.format ? e.get("value").toFormat(t.format) : a("areaValue"), o = ja(n, t.point, r);
+        if (!o) return;
+        const l = (e.get("activeOrientation") || "horizontal") === "horizontal" ? o.x : o.y, h = i.getChannelPercentValue(r, l), v = i.withChannelValue(r, h);
+        e.set("value", v);
+      },
+      setValue({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      setFormat({ context: e, event: t }) {
+        e.set("format", t.format);
+      },
+      dispatchChangeEvent({ scope: e, computed: t }) {
+        st(ze(e), { value: t("valueAsString") });
+      },
+      syncInputElements({ context: e, scope: t }) {
+        Xe(t, e.get("value"));
+      },
+      invokeOnChangeEnd({ context: e, prop: t, computed: a }) {
+        t("onValueChangeEnd")?.({
+          value: e.get("value"),
+          valueAsString: a("valueAsString")
+        });
+      },
+      setChannelColorFromInput({ context: e, event: t, scope: a, prop: n }) {
+        const { channel: r, isTextField: i, value: o } = t, s = e.get("value").getChannelValue("alpha");
+        let l;
+        if (r === "alpha") {
+          let h = parseFloat(o);
+          h = Number.isNaN(h) ? s : h, l = e.get("value").withChannelValue("alpha", h);
+        } else if (i)
+          l = jt(
+            () => {
+              const h = r === "hex" ? en(o) : o;
+              return Ke(h).withChannelValue("alpha", s);
+            },
+            () => e.get("value")
+          );
+        else {
+          const h = e.get("value").toFormat(e.get("format")), v = Number.isNaN(o) ? h.getChannelValue(r) : o;
+          l = h.withChannelValue(r, v);
+        }
+        Xe(a, e.get("value"), l), e.set("value", l), n("onValueChangeEnd")?.({
+          value: l,
+          valueAsString: l.toString(e.get("format"))
+        });
+      },
+      incrementChannel({ context: e, event: t }) {
+        const a = e.get("value").incrementChannel(t.channel, t.step);
+        e.set("value", a);
+      },
+      decrementChannel({ context: e, event: t }) {
+        const a = e.get("value").decrementChannel(t.channel, t.step);
+        e.set("value", a);
+      },
+      incrementAreaXChannel({ context: e, event: t, computed: a }) {
+        const { xChannel: n } = t.channel, r = a("areaValue").incrementChannel(n, t.step);
+        e.set("value", r);
+      },
+      decrementAreaXChannel({ context: e, event: t, computed: a }) {
+        const { xChannel: n } = t.channel, r = a("areaValue").decrementChannel(n, t.step);
+        e.set("value", r);
+      },
+      incrementAreaYChannel({ context: e, event: t, computed: a }) {
+        const { yChannel: n } = t.channel, r = a("areaValue").incrementChannel(n, t.step);
+        e.set("value", r);
+      },
+      decrementAreaYChannel({ context: e, event: t, computed: a }) {
+        const { yChannel: n } = t.channel, r = a("areaValue").decrementChannel(n, t.step);
+        e.set("value", r);
+      },
+      setChannelToMax({ context: e, event: t }) {
+        const a = e.get("value"), n = a.getChannelRange(t.channel), r = a.withChannelValue(t.channel, n.maxValue);
+        e.set("value", r);
+      },
+      setChannelToMin({ context: e, event: t }) {
+        const a = e.get("value"), n = a.getChannelRange(t.channel), r = a.withChannelValue(t.channel, n.minValue);
+        e.set("value", r);
+      },
+      focusAreaThumb({ scope: e }) {
+        $(() => {
+          La(e)?.focus({ preventScroll: !0 });
+        });
+      },
+      focusChannelThumb({ event: e, scope: t }) {
+        $(() => {
+          Da(t, e.channel)?.focus({ preventScroll: !0 });
+        });
+      },
+      setInitialFocus({ prop: e, scope: t }) {
+        e("openAutoFocus") && $(() => {
+          qt({
+            root: ne(t),
+            getInitialEl: e("initialFocusEl")
+          })?.focus({ preventScroll: !0 });
+        });
+      },
+      setReturnFocus({ scope: e }) {
+        $(() => {
+          me(e)?.focus({ preventScroll: !0 });
+        });
+      },
+      syncFormatSelectElement({ context: e, scope: t }) {
+        an(t, e.get("format"));
+      },
+      invokeOnOpen({ prop: e }) {
+        e("inline") || e("onOpenChange")?.({ open: !0 });
+      },
+      invokeOnClose({ prop: e }) {
+        e("inline") || e("onOpenChange")?.({ open: !1 });
+      },
+      toggleVisibility({ prop: e, event: t, send: a }) {
+        a({ type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: t });
+      }
+    }
+  }
+});
+function Xe(e, t, a) {
+  const n = Wa(e);
+  $(() => {
+    n.forEach((r) => {
+      const i = r.dataset.channel;
+      Y(r, Oe(a || t, i));
+    });
+  });
+}
+function an(e, t) {
+  const a = Ma(e);
+  a && $(() => Y(a, t));
+}
+_()([
+  "closeOnSelect",
+  "dir",
+  "disabled",
+  "format",
+  "defaultFormat",
+  "getRootNode",
+  "id",
+  "ids",
+  "initialFocusEl",
+  "inline",
+  "name",
+  "positioning",
+  "onFocusOutside",
+  "onFormatChange",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "onValueChange",
+  "onValueChangeEnd",
+  "defaultOpen",
+  "open",
+  "positioning",
+  "required",
+  "readOnly",
+  "value",
+  "defaultValue",
+  "invalid",
+  "openAutoFocus"
+]);
+_()(["xChannel", "yChannel"]);
+_()(["channel", "orientation"]);
+_()(["value", "disabled"]);
+_()(["value", "respectAlpha"]);
+_()(["size"]);
+var nn = W("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), q = nn.build(), de = (e) => e.ids?.root ?? `accordion:${e.id}`, rn = (e, t) => e.ids?.item?.(t) ?? `accordion:${e.id}:item:${t}`, Ye = (e, t) => e.ids?.itemContent?.(t) ?? `accordion:${e.id}:content:${t}`, ce = (e, t) => e.ids?.itemTrigger?.(t) ?? `accordion:${e.id}:trigger:${t}`, on = (e) => e.getById(de(e)), pe = (e) => {
+  const a = `[aria-controls][data-ownedby='${CSS.escape(de(e))}']:not([disabled])`;
+  return le(on(e), a);
+}, sn = (e) => pt(pe(e)), ln = (e) => gt(pe(e)), un = (e, t) => Xt(pe(e), ce(e, t)), dn = (e, t) => Kt(pe(e), ce(e, t));
+function Br(e, t) {
+  const { send: a, context: n, prop: r, scope: i, computed: o } = e, s = n.get("focusedValue"), l = n.get("value"), h = r("multiple");
+  function v(m) {
+    let u = m;
+    !h && u.length > 1 && (u = [u[0]]), a({ type: "VALUE.SET", value: u });
+  }
+  function b(m) {
+    return {
+      expanded: l.includes(m.value),
+      focused: s === m.value,
+      disabled: !!(m.disabled ?? r("disabled"))
+    };
+  }
+  return {
+    focusedValue: s,
+    value: l,
+    setValue: v,
+    getItemState: b,
+    getRootProps() {
+      return t.element({
+        ...q.root.attrs,
+        dir: r("dir"),
+        id: de(i),
+        "data-orientation": r("orientation")
+      });
+    },
+    getItemProps(m) {
+      const u = b(m);
+      return t.element({
+        ...q.item.attrs,
+        dir: r("dir"),
+        id: rn(i, m.value),
+        "data-state": u.expanded ? "open" : "closed",
+        "data-focus": d(u.focused),
+        "data-disabled": d(u.disabled),
+        "data-orientation": r("orientation")
+      });
+    },
+    getItemContentProps(m) {
+      const u = b(m);
+      return t.element({
+        ...q.itemContent.attrs,
+        dir: r("dir"),
+        role: "region",
+        id: Ye(i, m.value),
+        "aria-labelledby": ce(i, m.value),
+        hidden: !u.expanded,
+        "data-state": u.expanded ? "open" : "closed",
+        "data-disabled": d(u.disabled),
+        "data-focus": d(u.focused),
+        "data-orientation": r("orientation")
+      });
+    },
+    getItemIndicatorProps(m) {
+      const u = b(m);
+      return t.element({
+        ...q.itemIndicator.attrs,
+        dir: r("dir"),
+        "aria-hidden": !0,
+        "data-state": u.expanded ? "open" : "closed",
+        "data-disabled": d(u.disabled),
+        "data-focus": d(u.focused),
+        "data-orientation": r("orientation")
+      });
+    },
+    getItemTriggerProps(m) {
+      const { value: u } = m, p = b(m);
+      return t.button({
+        ...q.itemTrigger.attrs,
+        type: "button",
+        dir: r("dir"),
+        id: ce(i, u),
+        "aria-controls": Ye(i, u),
+        "aria-expanded": p.expanded,
+        disabled: p.disabled,
+        "data-orientation": r("orientation"),
+        "aria-disabled": p.disabled,
+        "data-state": p.expanded ? "open" : "closed",
+        "data-ownedby": de(i),
+        onFocus() {
+          p.disabled || a({ type: "TRIGGER.FOCUS", value: u });
+        },
+        onBlur() {
+          p.disabled || a({ type: "TRIGGER.BLUR" });
+        },
+        onClick(E) {
+          p.disabled || (Jt() && E.currentTarget.focus(), a({ type: "TRIGGER.CLICK", value: u }));
+        },
+        onKeyDown(E) {
+          if (E.defaultPrevented || p.disabled) return;
+          const I = {
+            ArrowDown() {
+              o("isHorizontal") || a({ type: "GOTO.NEXT", value: u });
+            },
+            ArrowUp() {
+              o("isHorizontal") || a({ type: "GOTO.PREV", value: u });
+            },
+            ArrowRight() {
+              o("isHorizontal") && a({ type: "GOTO.NEXT", value: u });
+            },
+            ArrowLeft() {
+              o("isHorizontal") && a({ type: "GOTO.PREV", value: u });
+            },
+            Home() {
+              a({ type: "GOTO.FIRST", value: u });
+            },
+            End() {
+              a({ type: "GOTO.LAST", value: u });
+            }
+          }, F = oe(E, {
+            dir: r("dir"),
+            orientation: r("orientation")
+          }), P = I[F];
+          P && (P(E), E.preventDefault());
+        }
+      });
+    }
+  };
+}
+var { and: cn, not: gn } = ot(), Hr = z({
+  props({ props: e }) {
+    return {
+      collapsible: !1,
+      multiple: !1,
+      orientation: "vertical",
+      defaultValue: [],
+      ...e
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      focusedValue: t(() => ({
+        defaultValue: null,
+        sync: !0,
+        onChange(a) {
+          e("onFocusChange")?.({ value: a });
+        }
+      })),
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        onChange(a) {
+          e("onValueChange")?.({ value: a });
+        }
+      }))
+    };
+  },
+  computed: {
+    isHorizontal: ({ prop: e }) => e("orientation") === "horizontal"
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    }
+  },
+  states: {
+    idle: {
+      on: {
+        "TRIGGER.FOCUS": {
+          target: "focused",
+          actions: ["setFocusedValue"]
+        }
+      }
+    },
+    focused: {
+      on: {
+        "GOTO.NEXT": {
+          actions: ["focusNextTrigger"]
+        },
+        "GOTO.PREV": {
+          actions: ["focusPrevTrigger"]
+        },
+        "TRIGGER.CLICK": [
+          {
+            guard: cn("isExpanded", "canToggle"),
+            actions: ["collapse"]
+          },
+          {
+            guard: gn("isExpanded"),
+            actions: ["expand"]
+          }
+        ],
+        "GOTO.FIRST": {
+          actions: ["focusFirstTrigger"]
+        },
+        "GOTO.LAST": {
+          actions: ["focusLastTrigger"]
+        },
+        "TRIGGER.BLUR": {
+          target: "idle",
+          actions: ["clearFocusedValue"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      canToggle: ({ prop: e }) => !!e("collapsible") || !!e("multiple"),
+      isExpanded: ({ context: e, event: t }) => e.get("value").includes(t.value)
+    },
+    actions: {
+      collapse({ context: e, prop: t, event: a }) {
+        const n = t("multiple") ? Zt(e.get("value"), a.value) : [];
+        e.set("value", n);
+      },
+      expand({ context: e, prop: t, event: a }) {
+        const n = t("multiple") ? Yt(e.get("value"), a.value) : [a.value];
+        e.set("value", n);
+      },
+      focusFirstTrigger({ scope: e }) {
+        sn(e)?.focus();
+      },
+      focusLastTrigger({ scope: e }) {
+        ln(e)?.focus();
+      },
+      focusNextTrigger({ context: e, scope: t }) {
+        const a = e.get("focusedValue");
+        if (!a) return;
+        un(t, a)?.focus();
+      },
+      focusPrevTrigger({ context: e, scope: t }) {
+        const a = e.get("focusedValue");
+        if (!a) return;
+        dn(t, a)?.focus();
+      },
+      setFocusedValue({ context: e, event: t }) {
+        e.set("focusedValue", t.value);
+      },
+      clearFocusedValue({ context: e }) {
+        e.set("focusedValue", null);
+      },
+      setValue({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      coarseValue({ context: e, prop: t }) {
+        !t("multiple") && e.get("value").length > 1 && (ct("The value of accordion should be a single value when multiple is false."), e.set("value", [e.get("value")[0]]));
+      }
+    }
+  }
+});
+_()([
+  "collapsible",
+  "dir",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "multiple",
+  "onFocusChange",
+  "onValueChange",
+  "orientation",
+  "value",
+  "defaultValue"
+]);
+_()(["value", "disabled"]);
+var pn = W("clipboard").parts("root", "control", "trigger", "indicator", "input", "label"), j = pn.build(), hn = (e) => e.ids?.root ?? `clip:${e.id}`, Te = (e) => e.ids?.input ?? `clip:${e.id}:input`, fn = (e) => e.ids?.label ?? `clip:${e.id}:label`, mn = (e) => e.getById(Te(e)), vn = (e, t) => Cn(e.getDoc(), t);
+function bn(e, t) {
+  const a = e.createElement("pre");
+  return Object.assign(a.style, {
+    width: "1px",
+    height: "1px",
+    position: "fixed",
+    top: "5px"
+  }), a.textContent = t, a;
+}
+function En(e) {
+  const a = ht(e).getSelection();
+  if (a == null)
+    return Promise.reject(new Error());
+  a.removeAllRanges();
+  const n = e.ownerDocument, r = n.createRange();
+  return r.selectNodeContents(e), a.addRange(r), n.execCommand("copy"), a.removeAllRanges(), Promise.resolve();
+}
+function Cn(e, t) {
+  const a = e.defaultView || window;
+  if (a.navigator.clipboard?.writeText !== void 0)
+    return a.navigator.clipboard.writeText(t);
+  if (!e.body)
+    return Promise.reject(new Error());
+  const n = bn(e, t);
+  return e.body.appendChild(n), En(n), e.body.removeChild(n), Promise.resolve();
+}
+function jr(e, t) {
+  const { state: a, send: n, context: r, scope: i } = e, o = a.matches("copied");
+  return {
+    copied: o,
+    value: r.get("value"),
+    setValue(s) {
+      n({ type: "VALUE.SET", value: s });
+    },
+    copy() {
+      n({ type: "COPY" });
+    },
+    getRootProps() {
+      return t.element({
+        ...j.root.attrs,
+        "data-copied": d(o),
+        id: hn(i)
+      });
+    },
+    getLabelProps() {
+      return t.label({
+        ...j.label.attrs,
+        htmlFor: Te(i),
+        "data-copied": d(o),
+        id: fn(i)
+      });
+    },
+    getControlProps() {
+      return t.element({
+        ...j.control.attrs,
+        "data-copied": d(o)
+      });
+    },
+    getInputProps() {
+      return t.input({
+        ...j.input.attrs,
+        defaultValue: r.get("value"),
+        "data-copied": d(o),
+        readOnly: !0,
+        "data-readonly": "true",
+        id: Te(i),
+        onFocus(s) {
+          s.currentTarget.select();
+        },
+        onCopy() {
+          n({ type: "INPUT.COPY" });
+        }
+      });
+    },
+    getTriggerProps() {
+      return t.button({
+        ...j.trigger.attrs,
+        type: "button",
+        "aria-label": o ? "Copied to clipboard" : "Copy to clipboard",
+        "data-copied": d(o),
+        onClick() {
+          n({ type: "COPY" });
+        }
+      });
+    },
+    getIndicatorProps(s) {
+      return t.element({
+        ...j.indicator.attrs,
+        hidden: s.copied !== o
+      });
+    }
+  };
+}
+var Wr = z({
+  props({ props: e }) {
+    return {
+      timeout: 3e3,
+      defaultValue: "",
+      ...e
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        onChange(a) {
+          e("onValueChange")?.({ value: a });
+        }
+      }))
+    };
+  },
+  watch({ track: e, context: t, action: a }) {
+    e([() => t.get("value")], () => {
+      a(["syncInputElement"]);
+    });
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    },
+    COPY: {
+      target: "copied",
+      actions: ["copyToClipboard", "invokeOnCopy"]
+    }
+  },
+  states: {
+    idle: {
+      on: {
+        "INPUT.COPY": {
+          target: "copied",
+          actions: ["invokeOnCopy"]
+        }
+      }
+    },
+    copied: {
+      effects: ["waitForTimeout"],
+      on: {
+        "COPY.DONE": {
+          target: "idle"
+        },
+        COPY: {
+          target: "copied",
+          actions: ["copyToClipboard", "invokeOnCopy"]
+        },
+        "INPUT.COPY": {
+          actions: ["invokeOnCopy"]
+        }
+      }
+    }
+  },
+  implementations: {
+    effects: {
+      waitForTimeout({ prop: e, send: t }) {
+        return Qt(() => {
+          t({ type: "COPY.DONE" });
+        }, e("timeout"));
+      }
+    },
+    actions: {
+      setValue({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      copyToClipboard({ context: e, scope: t }) {
+        vn(t, e.get("value"));
+      },
+      invokeOnCopy({ prop: e }) {
+        e("onStatusChange")?.({ copied: !0 });
+      },
+      syncInputElement({ context: e, scope: t }) {
+        const a = mn(t);
+        a && Y(a, e.get("value"));
+      }
+    }
+  }
+});
+_()([
+  "getRootNode",
+  "id",
+  "ids",
+  "value",
+  "defaultValue",
+  "timeout",
+  "onStatusChange",
+  "onValueChange"
+]);
+_()(["copied"]);
+const zr = Ct.extendWith("view");
+var yn = (e) => typeof e.getAsEntry == "function" ? e.getAsEntry() : typeof e.webkitGetAsEntry == "function" ? e.webkitGetAsEntry() : null, Pt = (e) => e.isDirectory, Re = (e) => e.isFile, we = (e, t) => (Object.defineProperty(e, "relativePath", { value: t ? `${t}/${e.name}` : e.name }), e), In = (e, t) => Promise.all(
+  Array.from(e).filter((a) => a.kind === "file").map((a) => {
+    const n = yn(a);
+    if (!n) return null;
+    if (Pt(n) && t)
+      return Ft(n.createReader(), `${n.name}`);
+    if (Re(n) && typeof a.getAsFile == "function") {
+      const r = a.getAsFile();
+      return Promise.resolve(r ? we(r, "") : null);
+    }
+    if (Re(n))
+      return new Promise((r) => {
+        n.file((i) => {
+          r(we(i, ""));
+        });
+      });
+  }).filter((a) => a)
+), Ft = (e, t = "") => new Promise((a) => {
+  const n = [], r = () => {
+    e.readEntries((i) => {
+      if (i.length === 0) {
+        a(Promise.all(n).then((s) => s.flat()));
+        return;
+      }
+      const o = i.map((s) => {
+        if (!s) return null;
+        if (Pt(s))
+          return Ft(s.createReader(), `${t}${s.name}`);
+        if (Re(s))
+          return new Promise((l) => {
+            s.file((h) => {
+              l(we(h, t));
+            });
+          });
+      }).filter((s) => s);
+      n.push(Promise.all(o)), r();
+    });
+  };
+  r();
+}), Sn = /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i, On = /Macintosh/, Tn = /AppleWebKit/, Rn = /Safari/;
+function wn(e, t, a) {
+  let n = typeof e == "string" ? new Blob([e], { type: t }) : e;
+  return a && Sn.test(n.type) ? new Blob(["\uFEFF", n], { type: n.type }) : n;
+}
+function Pn(e) {
+  return !!(e.navigator && e.navigator.msSaveOrOpenBlob);
+}
+function Fn(e) {
+  return e.navigator && On.test(e.navigator.userAgent) && Tn.test(e.navigator.userAgent) && !Rn.test(e.navigator.userAgent);
+}
+function qr(e) {
+  const { file: t, win: a = window, type: n, name: r, appendBOM: i, revokeTimeout: o = 0 } = e, s = a.document, l = wn(t, n, i), h = (t instanceof File ? r || t.name : r) || "file-download";
+  if (Pn(a)) {
+    a.navigator.msSaveOrOpenBlob(l, h);
+    return;
+  }
+  const v = Fn(a), b = s.createElement("a");
+  if ("download" in b && !v) {
+    const E = a.URL.createObjectURL(l);
+    b.href = E, b.rel = "noopener", b.download = h, b.style.display = "none", s.body.appendChild(b), b.dispatchEvent(new a.MouseEvent("click")), setTimeout(() => {
+      a.URL.revokeObjectURL(E), b.remove();
+    }, o);
+    return;
+  }
+  const u = a.URL.createObjectURL(l);
+  a.open(u, "_blank") || (a.location.href = u), setTimeout(() => {
+    a.URL.revokeObjectURL(u);
+  }, o);
+}
+function _n(e) {
+  return e === "audio/*" || e === "video/*" || e === "image/*" || e === "text/*" || /\w+\/[-+.\w]+/g.test(e);
+}
+function xn(e) {
+  return /^.*\.[\w]+$/.test(e);
+}
+var Ze = (e) => _n(e) || xn(e);
+function An(e) {
+  if (e != null)
+    return typeof e == "string" ? e : Array.isArray(e) ? e.filter(Ze).join(",") : Object.entries(e).reduce((t, [a, n]) => [...t, a, ...n], []).filter(Ze).join(",");
+}
+var J = (e, t) => e.name === t.name && e.size === t.size && e.type === t.type, K = (e) => e != null;
+function kn(e, t, a) {
+  if (K(e.size))
+    if (K(t) && K(a)) {
+      if (e.size > a) return [!1, "FILE_TOO_LARGE"];
+      if (e.size < t) return [!1, "FILE_TOO_SMALL"];
+    } else {
+      if (K(t) && e.size < t)
+        return [!1, "FILE_TOO_SMALL"];
+      if (K(a) && e.size > a)
+        return [!1, "FILE_TOO_LARGE"];
+    }
+  return [!0, null];
+}
+var Vn = "3g2_video/3gpp2[3gp,3gpp_video/3gpp[3mf_model/3mf[7z_application/x-7z-compressed[aac_audio/aac[ac_application/pkix-attr-cert[adp_audio/adpcm[adts_audio/aac[ai_application/postscript[aml_application/automationml-aml+xml[amlx_application/automationml-amlx+zip[amr_audio/amr[apk_application/vnd.android.package-archive[apng_image/apng[appcache,manifest_text/cache-manifest[appinstaller_application/appinstaller[appx_application/appx[appxbundle_application/appxbundle[asc_application/pgp-keys[atom_application/atom+xml[atomcat_application/atomcat+xml[atomdeleted_application/atomdeleted+xml[atomsvc_application/atomsvc+xml[au,snd_audio/basic[avi_video/x-msvideo[avci_image/avci[avcs_image/avcs[avif_image/avif[aw_application/applixware[bdoc_application/bdoc[bin,bpk,buffer,deb,deploy,dist,distz,dll,dmg,dms,dump,elc,exe,img,iso,lrf,mar,msi,msm,msp,pkg,so_application/octet-stream[bmp,dib_image/bmp[btf,btif_image/prs.btif[bz2_application/x-bzip2[c_text/x-c[ccxml_application/ccxml+xml[cdfx_application/cdfx+xml[cdmia_application/cdmi-capability[cdmic_application/cdmi-container[cdmid_application/cdmi-domain[cdmio_application/cdmi-object[cdmiq_application/cdmi-queue[cer_application/pkix-cert[cgm_image/cgm[cjs_application/node[class_application/java-vm[coffee,litcoffee_text/coffeescript[conf,def,in,ini,list,log,text,txt_text/plain[cpp,cxx,cc_text/x-c++src[cpl_application/cpl+xml[cpt_application/mac-compactpro[crl_application/pkix-crl[css_text/css[csv_text/csv[cu_application/cu-seeme[cwl_application/cwl[cww_application/prs.cww[davmount_application/davmount+xml[dbk_application/docbook+xml[doc_application/msword[docx_application/vnd.openxmlformats-officedocument.wordprocessingml.document[dsc_text/prs.lines.tag[dssc_application/dssc+der[dtd_application/xml-dtd[dwd_application/atsc-dwd+xml[ear,jar,war_application/java-archive[ecma_application/ecmascript[emf_image/emf[eml,mime_message/rfc822[emma_application/emma+xml[emotionml_application/emotionml+xml[eot_application/vnd.ms-fontobject[eps,ps_application/postscript[epub_application/epub+zip[exi_application/exi[exp_application/express[exr_image/aces[ez_application/andrew-inset[fdf_application/fdf[fdt_application/fdt+xml[fits_image/fits[flac_audio/flac[flv_video/x-flv[g3_image/g3fax[geojson_application/geo+json[gif_image/gif[glb_model/gltf-binary[gltf_model/gltf+json[gml_application/gml+xml[go_text/x-go[gpx_application/gpx+xml[gz_application/gzip[h_text/x-h[h261_video/h261[h263_video/h263[h264_video/h264[heic_image/heic[heics_image/heic-sequence[heif_image/heif[heifs_image/heif-sequence[htm,html,shtml_text/html[ico_image/x-icon[icns_image/x-icns[ics,ifb_text/calendar[iges,igs_model/iges[ink,inkml_application/inkml+xml[ipa_application/octet-stream[java_text/x-java-source[jp2,jpg2_image/jp2[jpeg,jpe,jpg_image/jpeg[jpf,jpx_image/jpx[jpm,jpgm_image/jpm[jpgv_video/jpeg[jph_image/jph[js,mjs_text/javascript[json_application/json[json5_application/json5[jsonld_application/ld+json[jsx_text/jsx[jxl_image/jxl[jxr_image/jxr[ktx_image/ktx[ktx2_image/ktx2[less_text/less[m1v,m2v,mpe,mpeg,mpg_video/mpeg[m4a_audio/mp4[m4v_video/x-m4v[md,markdown_text/markdown[mid,midi,kar,rmi_audio/midi[mkv_video/x-matroska[mp2,mp2a,mp3,mpga,m3a,m2a_audio/mpeg[mp4,mp4v,mpg4_video/mp4[mp4a_audio/mp4[mp4s,m4p_application/mp4[odp_application/vnd.oasis.opendocument.presentation[oda_application/oda[ods_application/vnd.oasis.opendocument.spreadsheet[odt_application/vnd.oasis.opendocument.text[oga,ogg,opus,spx_audio/ogg[ogv_video/ogg[ogx_application/ogg[otf_font/otf[p12,pfx_application/x-pkcs12[pdf_application/pdf[pem_application/x-pem-file[php_text/x-php[png_image/png[ppt_application/vnd.ms-powerpoint[pptx_application/vnd.openxmlformats-officedocument.presentationml.presentation[pskcxml_application/pskc+xml[psd_image/vnd.adobe.photoshop[py_text/x-python[qt,mov_video/quicktime[rar_application/vnd.rar[rdf_application/rdf+xml[rtf_text/rtf[sass_text/x-sass[scss_text/x-scss[sgm,sgml_text/sgml[sh_application/x-sh[svg,svgz_image/svg+xml[swf_application/x-shockwave-flash[tar_application/x-tar[tif,tiff_image/tiff[toml_application/toml[ts_video/mp2t[tsx_text/tsx[tsv_text/tab-separated-values[ttc_font/collection[ttf_font/ttf[vtt_text/vtt[wasm_application/wasm[wav_audio/wav[weba_audio/webm[webm_video/webm[webmanifest_application/manifest+json[webp_image/webp[wma_audio/x-ms-wma[wmv_video/x-ms-wmv[woff_font/woff[woff2_font/woff2[xls_application/vnd.ms-excel[xlsx_application/vnd.openxmlformats-officedocument.spreadsheetml.sheet[xml_application/xml[xz_application/x-xz[yaml,yml_text/yaml[zip_application/zip", Nn = new Map(
+  Vn.split("[").flatMap((e) => {
+    const [t, a] = e.split("_");
+    return t.split(",").map((n) => [n, a]);
+  })
+);
+function $n(e) {
+  const t = e.split(".").pop();
+  return t && Nn.get(t) || null;
+}
+function Ln(e, t) {
+  if (e && t) {
+    const a = Array.isArray(t) ? t : typeof t == "string" ? t.split(",") : [];
+    if (a.length === 0) return !0;
+    const n = e.name || "", r = (e.type || $n(n) || "").toLowerCase(), i = r.replace(/\/.*$/, "");
+    return a.some((o) => {
+      const s = o.trim().toLowerCase();
+      return s.charAt(0) === "." ? n.toLowerCase().endsWith(s) : s.endsWith("/*") ? i === s.replace(/\/.*$/, "") : r === s;
+    });
+  }
+  return !0;
+}
+function Dn(e, t) {
+  const a = e.type === "application/x-moz-file" || Ln(e, t);
+  return [a, a ? null : "FILE_INVALID_TYPE"];
+}
+var Mn = W("editable").parts(
+  "root",
+  "area",
+  "label",
+  "preview",
+  "input",
+  "editTrigger",
+  "submitTrigger",
+  "cancelTrigger",
+  "control"
+), D = Mn.build(), Un = (e) => e.ids?.root ?? `editable:${e.id}`, Gn = (e) => e.ids?.area ?? `editable:${e.id}:area`, Bn = (e) => e.ids?.label ?? `editable:${e.id}:label`, _t = (e) => e.ids?.preview ?? `editable:${e.id}:preview`, Pe = (e) => e.ids?.input ?? `editable:${e.id}:input`, Hn = (e) => e.ids?.control ?? `editable:${e.id}:control`, xt = (e) => e.ids?.submitTrigger ?? `editable:${e.id}:submit`, At = (e) => e.ids?.cancelTrigger ?? `editable:${e.id}:cancel`, kt = (e) => e.ids?.editTrigger ?? `editable:${e.id}:edit`, Q = (e) => e.getById(Pe(e)), jn = (e) => e.getById(_t(e)), Wn = (e) => e.getById(xt(e)), zn = (e) => e.getById(At(e)), qn = (e) => e.getById(kt(e));
+function Kr(e, t) {
+  const { state: a, context: n, send: r, prop: i, scope: o, computed: s } = e, l = i("disabled"), h = s("isInteractive"), v = i("readOnly"), b = i("invalid"), m = i("autoResize"), u = i("translations"), p = a.matches("edit"), E = i("placeholder"), I = typeof E == "string" ? { edit: E, preview: E } : E, F = n.get("value"), P = F.trim() === "", B = P ? I?.preview ?? "" : F;
+  return {
+    editing: p,
+    empty: P,
+    value: F,
+    valueText: B,
+    setValue(S) {
+      r({ type: "VALUE.SET", value: S, src: "setValue" });
+    },
+    clearValue() {
+      r({ type: "VALUE.SET", value: "", src: "clearValue" });
+    },
+    edit() {
+      h && r({ type: "EDIT" });
+    },
+    cancel() {
+      h && r({ type: "CANCEL" });
+    },
+    submit() {
+      h && r({ type: "SUBMIT" });
+    },
+    getRootProps() {
+      return t.element({
+        ...D.root.attrs,
+        id: Un(o),
+        dir: i("dir")
+      });
+    },
+    getAreaProps() {
+      return t.element({
+        ...D.area.attrs,
+        id: Gn(o),
+        dir: i("dir"),
+        style: m ? { display: "inline-grid" } : void 0,
+        "data-focus": d(p),
+        "data-disabled": d(l),
+        "data-placeholder-shown": d(P)
+      });
+    },
+    getLabelProps() {
+      return t.label({
+        ...D.label.attrs,
+        id: Bn(o),
+        dir: i("dir"),
+        htmlFor: Pe(o),
+        "data-focus": d(p),
+        "data-invalid": d(b),
+        onClick() {
+          if (p) return;
+          jn(o)?.focus({ preventScroll: !0 });
+        }
+      });
+    },
+    getInputProps() {
+      return t.input({
+        ...D.input.attrs,
+        dir: i("dir"),
+        "aria-label": u?.input,
+        name: i("name"),
+        form: i("form"),
+        id: Pe(o),
+        hidden: m ? void 0 : !p,
+        placeholder: I?.edit,
+        maxLength: i("maxLength"),
+        required: i("required"),
+        disabled: l,
+        "data-disabled": d(l),
+        readOnly: v,
+        "data-readonly": d(v),
+        "aria-invalid": X(b),
+        "data-invalid": d(b),
+        "data-autoresize": d(m),
+        defaultValue: F,
+        size: m ? 1 : void 0,
+        onChange(S) {
+          r({
+            type: "VALUE.SET",
+            src: "input.change",
+            value: S.currentTarget.value
+          });
+        },
+        onKeyDown(S) {
+          if (S.defaultPrevented || ea(S)) return;
+          const c = {
+            Escape() {
+              r({ type: "CANCEL" }), S.preventDefault();
+            },
+            Enter(f) {
+              if (!s("submitOnEnter")) return;
+              const { localName: y } = f.currentTarget;
+              if (y === "textarea") {
+                if (!(ta() ? f.metaKey : f.ctrlKey)) return;
+                r({ type: "SUBMIT", src: "keydown.enter" });
+                return;
+              }
+              y === "input" && !f.shiftKey && !f.metaKey && (r({ type: "SUBMIT", src: "keydown.enter" }), f.preventDefault());
+            }
+          }[S.key];
+          c && c(S);
+        },
+        style: m ? {
+          gridArea: "1 / 1 / auto / auto",
+          visibility: p ? void 0 : "hidden"
+        } : void 0
+      });
+    },
+    getPreviewProps() {
+      return t.element({
+        id: _t(o),
+        ...D.preview.attrs,
+        dir: i("dir"),
+        "data-placeholder-shown": d(P),
+        "aria-readonly": X(v),
+        "data-readonly": d(l),
+        "data-disabled": d(l),
+        "aria-disabled": X(l),
+        "aria-invalid": X(b),
+        "data-invalid": d(b),
+        "aria-label": u?.edit,
+        "data-autoresize": d(m),
+        children: B,
+        hidden: m ? void 0 : p,
+        tabIndex: h ? 0 : void 0,
+        onClick() {
+          h && i("activationMode") === "click" && r({ type: "EDIT", src: "click" });
+        },
+        onFocus() {
+          h && i("activationMode") === "focus" && r({ type: "EDIT", src: "focus" });
+        },
+        onDoubleClick(S) {
+          S.defaultPrevented || h && i("activationMode") === "dblclick" && r({ type: "EDIT", src: "dblclick" });
+        },
+        style: m ? {
+          whiteSpace: "pre",
+          userSelect: "none",
+          gridArea: "1 / 1 / auto / auto",
+          visibility: p ? "hidden" : void 0,
+          // in event the preview overflow's the parent element
+          overflow: "hidden",
+          textOverflow: "ellipsis"
+        } : void 0
+      });
+    },
+    getEditTriggerProps() {
+      return t.button({
+        ...D.editTrigger.attrs,
+        id: kt(o),
+        dir: i("dir"),
+        "aria-label": u?.edit,
+        hidden: p,
+        type: "button",
+        disabled: l,
+        onClick(S) {
+          S.defaultPrevented || h && r({ type: "EDIT", src: "edit.click" });
+        }
+      });
+    },
+    getControlProps() {
+      return t.element({
+        id: Hn(o),
+        ...D.control.attrs,
+        dir: i("dir")
+      });
+    },
+    getSubmitTriggerProps() {
+      return t.button({
+        ...D.submitTrigger.attrs,
+        dir: i("dir"),
+        id: xt(o),
+        "aria-label": u?.submit,
+        hidden: !p,
+        disabled: l,
+        type: "button",
+        onClick(S) {
+          S.defaultPrevented || h && r({ type: "SUBMIT", src: "submit.click" });
+        }
+      });
+    },
+    getCancelTriggerProps() {
+      return t.button({
+        ...D.cancelTrigger.attrs,
+        dir: i("dir"),
+        "aria-label": u?.cancel,
+        id: At(o),
+        hidden: !p,
+        type: "button",
+        disabled: l,
+        onClick(S) {
+          S.defaultPrevented || h && r({ type: "CANCEL", src: "cancel.click" });
+        }
+      });
+    }
+  };
+}
+var Xr = z({
+  props({ props: e }) {
+    return {
+      activationMode: "focus",
+      submitMode: "both",
+      defaultValue: "",
+      selectOnFocus: !0,
+      ...e,
+      translations: {
+        input: "editable input",
+        edit: "edit",
+        submit: "submit",
+        cancel: "cancel",
+        ...e.translations
+      }
+    };
+  },
+  initialState({ prop: e }) {
+    return e("edit") || e("defaultEdit") ? "edit" : "preview";
+  },
+  entry: ["focusInputIfNeeded"],
+  context: ({ bindable: e, prop: t }) => ({
+    value: e(() => ({
+      defaultValue: t("defaultValue"),
+      value: t("value"),
+      onChange(a) {
+        return t("onValueChange")?.({ value: a });
+      }
+    })),
+    previousValue: e(() => ({
+      defaultValue: ""
+    }))
+  }),
+  watch({ track: e, action: t, context: a, prop: n }) {
+    e([() => a.get("value")], () => {
+      t(["syncInputValue"]);
+    }), e([() => n("edit")], () => {
+      t(["toggleEditing"]);
+    });
+  },
+  computed: {
+    submitOnEnter({ prop: e }) {
+      const t = e("submitMode");
+      return t === "both" || t === "enter";
+    },
+    submitOnBlur({ prop: e }) {
+      const t = e("submitMode");
+      return t === "both" || t === "blur";
+    },
+    isInteractive({ prop: e }) {
+      return !(e("disabled") || e("readOnly"));
+    }
+  },
+  on: {
+    "VALUE.SET": {
+      actions: ["setValue"]
+    }
+  },
+  states: {
+    preview: {
+      entry: ["blurInputIfNeeded"],
+      on: {
+        "CONTROLLED.EDIT": {
+          target: "edit",
+          actions: ["setPreviousValue", "focusInput"]
+        },
+        EDIT: [
+          {
+            guard: "isEditControlled",
+            actions: ["invokeOnEdit"]
+          },
+          {
+            target: "edit",
+            actions: ["setPreviousValue", "focusInput", "invokeOnEdit"]
+          }
+        ]
+      }
+    },
+    edit: {
+      effects: ["trackInteractOutside"],
+      on: {
+        "CONTROLLED.PREVIEW": [
+          {
+            guard: "isSubmitEvent",
+            target: "preview",
+            actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit"]
+          },
+          {
+            target: "preview",
+            actions: ["revertValue", "restoreFocus", "invokeOnCancel"]
+          }
+        ],
+        CANCEL: [
+          {
+            guard: "isEditControlled",
+            actions: ["invokeOnPreview"]
+          },
+          {
+            target: "preview",
+            actions: ["revertValue", "restoreFocus", "invokeOnCancel", "invokeOnPreview"]
+          }
+        ],
+        SUBMIT: [
+          {
+            guard: "isEditControlled",
+            actions: ["invokeOnPreview"]
+          },
+          {
+            target: "preview",
+            actions: ["setPreviousValue", "restoreFocus", "invokeOnSubmit", "invokeOnPreview"]
+          }
+        ]
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      isEditControlled: ({ prop: e }) => e("edit") != null,
+      isSubmitEvent: ({ event: e }) => e.previousEvent?.type === "SUBMIT"
+    },
+    effects: {
+      trackInteractOutside({ send: e, scope: t, prop: a, computed: n }) {
+        return ha(Q(t), {
+          exclude(r) {
+            return [zn(t), Wn(t)].some((o) => ue(o, r));
+          },
+          onFocusOutside: a("onFocusOutside"),
+          onPointerDownOutside: a("onPointerDownOutside"),
+          onInteractOutside(r) {
+            if (a("onInteractOutside")?.(r), r.defaultPrevented) return;
+            const { focusable: i } = r.detail;
+            e({
+              type: n("submitOnBlur") ? "SUBMIT" : "CANCEL",
+              src: "interact-outside",
+              focusable: i
+            });
+          }
+        });
+      }
+    },
+    actions: {
+      restoreFocus({ event: e, scope: t, prop: a }) {
+        e.focusable || $(() => {
+          (a("finalFocusEl")?.() ?? qn(t))?.focus({ preventScroll: !0 });
+        });
+      },
+      clearValue({ context: e }) {
+        e.set("value", "");
+      },
+      focusInputIfNeeded({ action: e, prop: t }) {
+        (t("edit") || t("defaultEdit")) && e(["focusInput"]);
+      },
+      focusInput({ scope: e, prop: t }) {
+        $(() => {
+          const a = Q(e);
+          a && (t("selectOnFocus") ? a.select() : a.focus({ preventScroll: !0 }));
+        });
+      },
+      invokeOnCancel({ prop: e, context: t }) {
+        const a = t.get("previousValue");
+        e("onValueRevert")?.({ value: a });
+      },
+      invokeOnSubmit({ prop: e, context: t }) {
+        const a = t.get("value");
+        e("onValueCommit")?.({ value: a });
+      },
+      invokeOnEdit({ prop: e }) {
+        e("onEditChange")?.({ edit: !0 });
+      },
+      invokeOnPreview({ prop: e }) {
+        e("onEditChange")?.({ edit: !1 });
+      },
+      toggleEditing({ prop: e, send: t, event: a }) {
+        t({
+          type: e("edit") ? "CONTROLLED.EDIT" : "CONTROLLED.PREVIEW",
+          previousEvent: a
+        });
+      },
+      syncInputValue({ context: e, scope: t }) {
+        const a = Q(t);
+        a && Y(a, e.get("value"));
+      },
+      setValue({ context: e, prop: t, event: a }) {
+        const n = t("maxLength"), r = n != null ? a.value.slice(0, n) : a.value;
+        e.set("value", r);
+      },
+      setPreviousValue({ context: e }) {
+        e.set("previousValue", e.get("value"));
+      },
+      revertValue({ context: e }) {
+        const t = e.get("previousValue");
+        t && e.set("value", t);
+      },
+      blurInputIfNeeded({ scope: e }) {
+        Q(e)?.blur();
+      }
+    }
+  }
+});
+_()([
+  "activationMode",
+  "autoResize",
+  "dir",
+  "disabled",
+  "finalFocusEl",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "maxLength",
+  "name",
+  "onEditChange",
+  "onFocusOutside",
+  "onInteractOutside",
+  "onPointerDownOutside",
+  "onValueChange",
+  "onValueCommit",
+  "onValueRevert",
+  "placeholder",
+  "readOnly",
+  "required",
+  "selectOnFocus",
+  "edit",
+  "defaultEdit",
+  "submitMode",
+  "translations",
+  "defaultValue",
+  "value"
+]);
+function Kn(e) {
+  const t = /* @__PURE__ */ new Map();
+  return function(n, r) {
+    const i = n + (r ? Object.entries(r).sort((s, l) => s[0] < l[0] ? -1 : 1).join() : "");
+    if (t.has(i))
+      return t.get(i);
+    let o = new e(n, r);
+    return t.set(i, o), o;
+  };
+}
+var Xn = Kn(Intl.NumberFormat);
+function Yn(e, t, a = {}) {
+  return Xn(t, a).format(e);
+}
+var Zn = ["", "kilo", "mega", "giga", "tera"], Jn = ["", "kilo", "mega", "giga", "tera", "peta"], Qn = (e, t = "en-US", a = {}) => {
+  if (isNaN(e)) return "";
+  if (e === 0) return "0 B";
+  const { unit: n = "byte", unitDisplay: r = "short" } = a, i = n === "bit" ? Zn : Jn, o = Math.max(0, Math.min(Math.floor(Math.log10(e) / 3), i.length - 1)), s = i[o] + n, l = r || "short", h = parseFloat((e / Math.pow(1e3, o)).toPrecision(3));
+  return Yn(h, t, {
+    style: "unit",
+    unit: s,
+    unitDisplay: l
+  });
+}, er = W("file-upload").parts(
+  "root",
+  "dropzone",
+  "item",
+  "itemDeleteTrigger",
+  "itemGroup",
+  "itemName",
+  "itemPreview",
+  "itemPreviewImage",
+  "itemSizeText",
+  "label",
+  "trigger",
+  "clearTrigger"
+), V = er.build(), Vt = (e) => e.ids?.root ?? `file:${e.id}`, Nt = (e) => e.ids?.dropzone ?? `file:${e.id}:dropzone`, Fe = (e) => e.ids?.hiddenInput ?? `file:${e.id}:input`, tr = (e) => e.ids?.trigger ?? `file:${e.id}:trigger`, ar = (e) => e.ids?.label ?? `file:${e.id}:label`, nr = (e, t) => e.ids?.item?.(t) ?? `file:${e.id}:item:${t}`, rr = (e, t) => e.ids?.itemName?.(t) ?? `file:${e.id}:item-name:${t}`, ir = (e, t) => e.ids?.itemSizeText?.(t) ?? `file:${e.id}:item-size:${t}`, or = (e, t) => e.ids?.itemPreview?.(t) ?? `file:${e.id}:item-preview:${t}`, sr = (e) => e.getById(Vt(e)), Je = (e) => e.getById(Fe(e)), lr = (e) => e.getById(Nt(e));
+function Qe(e) {
+  const t = ft(e);
+  return e.dataTransfer ? e.dataTransfer.types.some((a) => a === "Files" || a === "application/x-moz-file") : !!t && "files" in t;
+}
+function ur(e, t, a) {
+  const { prop: n, computed: r } = e;
+  return !r("multiple") && t > 1 ? !1 : !r("multiple") && t + a.length === 2 ? !0 : !(t + a.length > n("maxFiles"));
+}
+function et(e, t, a = [], n = []) {
+  const { prop: r, computed: i } = e, o = [], s = [], l = {
+    acceptedFiles: a,
+    rejectedFiles: n
+  };
+  return t.forEach((h) => {
+    const [v, b] = Dn(h, i("acceptAttr")), [m, u] = kn(h, r("minFileSize"), r("maxFileSize")), p = r("validate")?.(h, l), E = p ? p.length === 0 : !0;
+    if (v && m && E)
+      o.push(h);
+    else {
+      const I = [b, u];
+      E || I.push(...p ?? []), s.push({ file: h, errors: I.filter(Boolean) });
+    }
+  }), ur(e, o.length, a) || (o.forEach((h) => {
+    s.push({ file: h, errors: ["TOO_MANY_FILES"] });
+  }), o.splice(0)), {
+    acceptedFiles: o,
+    rejectedFiles: s
+  };
+}
+function dr(e, t) {
+  const a = ht(e);
+  try {
+    if ("DataTransfer" in a) {
+      const n = new a.DataTransfer();
+      t.forEach((r) => {
+        n.items.add(r);
+      }), e.files = n.files;
+    }
+  } catch {
+  }
+}
+function Yr(e, t) {
+  const { state: a, send: n, prop: r, computed: i, scope: o, context: s } = e, l = r("disabled"), h = r("allowDrop"), v = r("translations"), b = a.matches("dragging"), m = a.matches("focused") && !l;
+  return {
+    dragging: b,
+    focused: m,
+    disabled: !!l,
+    transforming: s.get("transforming"),
+    openFilePicker() {
+      l || n({ type: "OPEN" });
+    },
+    deleteFile(u) {
+      n({ type: "FILE.DELETE", file: u });
+    },
+    acceptedFiles: s.get("acceptedFiles"),
+    rejectedFiles: s.get("rejectedFiles"),
+    setFiles(u) {
+      n({ type: "FILES.SET", files: u, count: u.length });
+    },
+    clearRejectedFiles() {
+      n({ type: "REJECTED_FILES.CLEAR" });
+    },
+    clearFiles() {
+      n({ type: "FILES.CLEAR" });
+    },
+    getFileSize(u) {
+      return Qn(u.size, r("locale"));
+    },
+    createFileUrl(u, p) {
+      const E = o.getWin(), I = E.URL.createObjectURL(u);
+      return p(I), () => E.URL.revokeObjectURL(I);
+    },
+    setClipboardFiles(u) {
+      if (l) return !1;
+      const E = Array.from(u?.items ?? []).reduce((I, F) => {
+        if (F.kind !== "file") return I;
+        const P = F.getAsFile();
+        return P ? [...I, P] : I;
+      }, []);
+      return E.length ? (n({ type: "FILES.SET", files: E }), !0) : !1;
+    },
+    getRootProps() {
+      return t.element({
+        ...V.root.attrs,
+        dir: r("dir"),
+        id: Vt(o),
+        "data-disabled": d(l),
+        "data-dragging": d(b)
+      });
+    },
+    getDropzoneProps(u = {}) {
+      return t.element({
+        ...V.dropzone.attrs,
+        dir: r("dir"),
+        id: Nt(o),
+        tabIndex: l || u.disableClick ? void 0 : 0,
+        role: u.disableClick ? "application" : "button",
+        "aria-label": v.dropzone,
+        "aria-disabled": l,
+        "data-invalid": d(r("invalid")),
+        "data-disabled": d(l),
+        "data-dragging": d(b),
+        onKeyDown(p) {
+          l || p.defaultPrevented || Ue(p) && (u.disableClick || p.key !== "Enter" && p.key !== " " || n({ type: "DROPZONE.CLICK", src: "keydown" }));
+        },
+        onClick(p) {
+          l || p.defaultPrevented || u.disableClick || Ue(p) && (p.currentTarget.localName === "label" && p.preventDefault(), n({ type: "DROPZONE.CLICK" }));
+        },
+        onDragOver(p) {
+          if (l || !h) return;
+          p.preventDefault(), p.stopPropagation();
+          try {
+            p.dataTransfer.dropEffect = "copy";
+          } catch {
+          }
+          if (!Qe(p)) return;
+          const I = p.dataTransfer.items.length;
+          n({ type: "DROPZONE.DRAG_OVER", count: I });
+        },
+        onDragLeave(p) {
+          l || h && (ue(p.currentTarget, p.relatedTarget) || n({ type: "DROPZONE.DRAG_LEAVE" }));
+        },
+        onDrop(p) {
+          if (l) return;
+          h && (p.preventDefault(), p.stopPropagation());
+          const E = Qe(p);
+          l || !E || In(p.dataTransfer.items, r("directory")).then((I) => {
+            n({ type: "DROPZONE.DROP", files: na(I) });
+          });
+        },
+        onFocus() {
+          l || n({ type: "DROPZONE.FOCUS" });
+        },
+        onBlur() {
+          l || n({ type: "DROPZONE.BLUR" });
+        }
+      });
+    },
+    getTriggerProps() {
+      return t.button({
+        ...V.trigger.attrs,
+        dir: r("dir"),
+        id: tr(o),
+        disabled: l,
+        "data-disabled": d(l),
+        "data-invalid": d(r("invalid")),
+        type: "button",
+        onClick(u) {
+          l || (ue(lr(o), u.currentTarget) && u.stopPropagation(), n({ type: "OPEN" }));
+        }
+      });
+    },
+    getHiddenInputProps() {
+      return t.input({
+        id: Fe(o),
+        tabIndex: -1,
+        disabled: l,
+        type: "file",
+        required: r("required"),
+        capture: r("capture"),
+        name: r("name"),
+        accept: i("acceptAttr"),
+        webkitdirectory: r("directory") ? "" : void 0,
+        multiple: i("multiple") || r("maxFiles") > 1,
+        onClick(u) {
+          u.stopPropagation(), u.currentTarget.value = "";
+        },
+        onInput(u) {
+          if (l) return;
+          const { files: p } = u.currentTarget;
+          n({ type: "FILE.SELECT", files: p ? Array.from(p) : [] });
+        },
+        style: dt
+      });
+    },
+    getItemGroupProps() {
+      return t.element({
+        ...V.itemGroup.attrs,
+        dir: r("dir"),
+        "data-disabled": d(l)
+      });
+    },
+    getItemProps(u) {
+      const { file: p } = u;
+      return t.element({
+        ...V.item.attrs,
+        dir: r("dir"),
+        id: nr(o, p.name),
+        "data-disabled": d(l)
+      });
+    },
+    getItemNameProps(u) {
+      const { file: p } = u;
+      return t.element({
+        ...V.itemName.attrs,
+        dir: r("dir"),
+        id: rr(o, p.name),
+        "data-disabled": d(l)
+      });
+    },
+    getItemSizeTextProps(u) {
+      const { file: p } = u;
+      return t.element({
+        ...V.itemSizeText.attrs,
+        dir: r("dir"),
+        id: ir(o, p.name),
+        "data-disabled": d(l)
+      });
+    },
+    getItemPreviewProps(u) {
+      const { file: p } = u;
+      return t.element({
+        ...V.itemPreview.attrs,
+        dir: r("dir"),
+        id: or(o, p.name),
+        "data-disabled": d(l)
+      });
+    },
+    getItemPreviewImageProps(u) {
+      const { file: p, url: E } = u;
+      if (!p.type.startsWith("image/"))
+        throw new Error("Preview Image is only supported for image files");
+      return t.img({
+        ...V.itemPreviewImage.attrs,
+        alt: v.itemPreview?.(p),
+        src: E,
+        "data-disabled": d(l)
+      });
+    },
+    getItemDeleteTriggerProps(u) {
+      const { file: p } = u;
+      return t.button({
+        ...V.itemDeleteTrigger.attrs,
+        dir: r("dir"),
+        type: "button",
+        disabled: l,
+        "data-disabled": d(l),
+        "aria-label": v.deleteFile?.(p),
+        onClick() {
+          l || n({ type: "FILE.DELETE", file: p });
+        }
+      });
+    },
+    getLabelProps() {
+      return t.label({
+        ...V.label.attrs,
+        dir: r("dir"),
+        id: ar(o),
+        htmlFor: Fe(o),
+        "data-disabled": d(l)
+      });
+    },
+    getClearTriggerProps() {
+      return t.button({
+        ...V.clearTrigger.attrs,
+        dir: r("dir"),
+        type: "button",
+        disabled: l,
+        hidden: s.get("acceptedFiles").length === 0,
+        "data-disabled": d(l),
+        onClick(u) {
+          u.defaultPrevented || l || n({ type: "FILES.CLEAR" });
+        }
+      });
+    }
+  };
+}
+var Zr = z({
+  props({ props: e }) {
+    return {
+      minFileSize: 0,
+      maxFileSize: Number.POSITIVE_INFINITY,
+      maxFiles: 1,
+      allowDrop: !0,
+      preventDocumentDrop: !0,
+      defaultAcceptedFiles: [],
+      ...e,
+      translations: {
+        dropzone: "dropzone",
+        itemPreview: (t) => `preview of ${t.name}`,
+        deleteFile: (t) => `delete file ${t.name}`,
+        ...e.translations
+      }
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: t, getContext: a }) {
+    return {
+      acceptedFiles: t(() => ({
+        defaultValue: e("defaultAcceptedFiles"),
+        value: e("acceptedFiles"),
+        isEqual: (n, r) => n.length === r?.length && n.every((i, o) => J(i, r[o])),
+        hash(n) {
+          return n.map((r) => `${r.name}-${r.size}`).join(",");
+        },
+        onChange(n) {
+          const r = a();
+          e("onFileAccept")?.({ files: n }), e("onFileChange")?.({ acceptedFiles: n, rejectedFiles: r.get("rejectedFiles") });
+        }
+      })),
+      rejectedFiles: t(() => ({
+        defaultValue: [],
+        isEqual: (n, r) => n.length === r?.length && n.every((i, o) => J(i.file, r[o].file)),
+        onChange(n) {
+          const r = a();
+          e("onFileReject")?.({ files: n }), e("onFileChange")?.({ acceptedFiles: r.get("acceptedFiles"), rejectedFiles: n });
+        }
+      })),
+      transforming: t(() => ({
+        defaultValue: !1
+      }))
+    };
+  },
+  computed: {
+    acceptAttr: ({ prop: e }) => An(e("accept")),
+    multiple: ({ prop: e }) => e("maxFiles") > 1
+  },
+  watch({ track: e, context: t, action: a }) {
+    e([() => t.hash("acceptedFiles")], () => {
+      a(["syncInputElement"]);
+    });
+  },
+  on: {
+    "FILES.SET": {
+      actions: ["setFiles"]
+    },
+    "FILE.SELECT": {
+      actions: ["setEventFiles"]
+    },
+    "FILE.DELETE": {
+      actions: ["removeFile"]
+    },
+    "FILES.CLEAR": {
+      actions: ["clearFiles"]
+    },
+    "REJECTED_FILES.CLEAR": {
+      actions: ["clearRejectedFiles"]
+    }
+  },
+  effects: ["preventDocumentDrop"],
+  states: {
+    idle: {
+      on: {
+        OPEN: {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.CLICK": {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.FOCUS": {
+          target: "focused"
+        },
+        "DROPZONE.DRAG_OVER": {
+          target: "dragging"
+        }
+      }
+    },
+    focused: {
+      on: {
+        "DROPZONE.BLUR": {
+          target: "idle"
+        },
+        OPEN: {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.CLICK": {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.DRAG_OVER": {
+          target: "dragging"
+        }
+      }
+    },
+    dragging: {
+      on: {
+        "DROPZONE.DROP": {
+          target: "idle",
+          actions: ["setEventFiles"]
+        },
+        "DROPZONE.DRAG_LEAVE": {
+          target: "idle"
+        }
+      }
+    }
+  },
+  implementations: {
+    effects: {
+      preventDocumentDrop({ prop: e, scope: t }) {
+        if (!e("preventDocumentDrop") || !e("allowDrop") || e("disabled")) return;
+        const a = t.getDoc(), n = (i) => {
+          i?.preventDefault();
+        }, r = (i) => {
+          ue(sr(t), ft(i)) || i.preventDefault();
+        };
+        return aa(Me(a, "dragover", n, !1), Me(a, "drop", r, !1));
+      }
+    },
+    actions: {
+      syncInputElement({ scope: e, context: t }) {
+        queueMicrotask(() => {
+          const a = Je(e);
+          if (!a) return;
+          dr(a, t.get("acceptedFiles"));
+          const n = e.getWin();
+          a.dispatchEvent(new n.Event("change", { bubbles: !0 }));
+        });
+      },
+      openFilePicker({ scope: e }) {
+        $(() => {
+          Je(e)?.click();
+        });
+      },
+      setFiles(e) {
+        const { computed: t, context: a, event: n } = e, { acceptedFiles: r, rejectedFiles: i } = et(e, n.files);
+        a.set(
+          "acceptedFiles",
+          t("multiple") ? r : r.length > 0 ? [r[0]] : []
+        ), a.set("rejectedFiles", i);
+      },
+      setEventFiles(e) {
+        const { computed: t, context: a, event: n, prop: r } = e, i = a.get("acceptedFiles"), o = a.get("rejectedFiles"), { acceptedFiles: s, rejectedFiles: l } = et(
+          e,
+          n.files,
+          i,
+          o
+        ), h = (b) => {
+          if (t("multiple")) {
+            a.set("acceptedFiles", (m) => [...m, ...b]), a.set("rejectedFiles", l);
+            return;
+          }
+          if (b.length) {
+            a.set("acceptedFiles", [b[0]]), a.set("rejectedFiles", l);
+            return;
+          }
+          l.length && (a.set("acceptedFiles", a.get("acceptedFiles")), a.set("rejectedFiles", l));
+        }, v = r("transformFiles");
+        v ? (a.set("transforming", !0), v(s).then(h).catch((b) => {
+          ct(`[zag-js/file-upload] error transforming files
+${b}`);
+        }).finally(() => {
+          a.set("transforming", !1);
+        })) : h(s);
+      },
+      removeFile({ context: e, event: t }) {
+        const a = e.get("acceptedFiles").filter((r) => !J(r, t.file)), n = e.get("rejectedFiles").filter((r) => !J(r.file, t.file));
+        e.set("acceptedFiles", a), e.set("rejectedFiles", n);
+      },
+      clearRejectedFiles({ context: e }) {
+        e.set("rejectedFiles", []);
+      },
+      clearFiles({ context: e }) {
+        e.set("acceptedFiles", []), e.set("rejectedFiles", []);
+      }
+    }
+  }
+});
+_()([
+  "accept",
+  "acceptedFiles",
+  "allowDrop",
+  "capture",
+  "defaultAcceptedFiles",
+  "dir",
+  "directory",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "locale",
+  "maxFiles",
+  "maxFileSize",
+  "minFileSize",
+  "name",
+  "onFileAccept",
+  "onFileChange",
+  "onFileReject",
+  "preventDocumentDrop",
+  "required",
+  "transformFiles",
+  "translations",
+  "validate"
+]);
+_()(["file"]);
+var cr = W("slider").parts(
+  "root",
+  "label",
+  "thumb",
+  "valueText",
+  "track",
+  "range",
+  "control",
+  "markerGroup",
+  "marker",
+  "draggingIndicator"
+), N = cr.build(), $t = (e) => e.ids?.root ?? `slider:${e.id}`, Lt = (e, t) => e.ids?.thumb?.(t) ?? `slider:${e.id}:thumb:${t}`, _e = (e, t) => e.ids?.hiddenInput?.(t) ?? `slider:${e.id}:input:${t}`, Dt = (e) => e.ids?.control ?? `slider:${e.id}:control`, gr = (e) => e.ids?.track ?? `slider:${e.id}:track`, pr = (e) => e.ids?.range ?? `slider:${e.id}:range`, tt = (e) => e.ids?.label ?? `slider:${e.id}:label`, hr = (e) => e.ids?.valueText ?? `slider:${e.id}:value-text`, fr = (e, t) => e.ids?.marker?.(t) ?? `slider:${e.id}:marker:${t}`, mr = (e) => e.getById($t(e)), vr = (e, t) => e.getById(Lt(e, t)), Mt = (e) => le(Gt(e), "[role=slider]"), br = (e) => Mt(e)[0], Ut = (e, t) => e.getById(_e(e, t)), Gt = (e) => e.getById(Dt(e)), at = (e, t) => {
+  const { prop: a, scope: n } = e, r = Gt(n);
+  if (!r) return;
+  const o = ke(t, r).getPercentValue({
+    orientation: a("orientation"),
+    dir: a("dir"),
+    inverted: { y: !0 }
+  });
+  return Ae(o, a("min"), a("max"), a("step"));
+}, Er = (e, t) => {
+  t.forEach((a, n) => {
+    const r = Ut(e, n);
+    r && st(r, { value: a });
+  });
+}, Cr = (e) => ({
+  left: e?.offsetLeft ?? 0,
+  top: e?.offsetTop ?? 0,
+  width: e?.offsetWidth ?? 0,
+  height: e?.offsetHeight ?? 0
+});
+function yr(e) {
+  const t = e[0], a = e[e.length - 1];
+  return [t, a];
+}
+function Ir(e) {
+  const { prop: t, computed: a } = e, n = a("valuePercent"), [r, i] = yr(n);
+  if (n.length === 1) {
+    if (t("origin") === "center") {
+      const o = n[0] < 50, s = o ? `${n[0]}%` : "50%", l = o ? "50%" : `${100 - n[0]}%`;
+      return { start: s, end: l };
+    }
+    return t("origin") === "end" ? { start: `${i}%`, end: "0%" } : { start: "0%", end: `${100 - i}%` };
+  }
+  return { start: `${r}%`, end: `${100 - i}%` };
+}
+function Sr(e) {
+  const { computed: t } = e, a = t("isVertical"), n = t("isRtl");
+  return a ? {
+    position: "absolute",
+    bottom: "var(--slider-range-start)",
+    top: "var(--slider-range-end)"
+  } : {
+    position: "absolute",
+    [n ? "right" : "left"]: "var(--slider-range-start)",
+    [n ? "left" : "right"]: "var(--slider-range-end)"
+  };
+}
+function Or(e, t) {
+  const { context: a, prop: n } = e, { height: r = 0 } = a.get("thumbSize") ?? {}, i = Ce([n("min"), n("max")], [-r / 2, r / 2]);
+  return parseFloat(i(t).toFixed(2));
+}
+function Tr(e, t) {
+  const { computed: a, context: n, prop: r } = e, { width: i = 0 } = n.get("thumbSize") ?? {};
+  if (a("isRtl")) {
+    const l = Ce([r("max"), r("min")], [-i / 2, i / 2]);
+    return -1 * parseFloat(l(t).toFixed(2));
+  }
+  const s = Ce([r("min"), r("max")], [-i / 2, i / 2]);
+  return parseFloat(s(t).toFixed(2));
+}
+function Rr(e, t, a) {
+  const { computed: n, prop: r } = e;
+  if (r("thumbAlignment") === "center") return `${t}%`;
+  const i = n("isVertical") ? Or(e, a) : Tr(e, a);
+  return `calc(${t}% - ${i}px)`;
+}
+function Bt(e, t) {
+  const { prop: a } = e, n = ge(t, a("min"), a("max")) * 100;
+  return Rr(e, n, t);
+}
+function Ht(e) {
+  const { computed: t, prop: a } = e;
+  let n = "visible";
+  return a("thumbAlignment") === "contain" && !t("hasMeasuredThumbSize") && (n = "hidden"), n;
+}
+function nt(e, t) {
+  const { computed: a } = e, n = a("isVertical") ? "bottom" : "insetInlineStart";
+  return {
+    visibility: Ht(e),
+    position: "absolute",
+    transform: "var(--slider-thumb-transform)",
+    [n]: `var(--slider-thumb-offset-${t})`
+  };
+}
+function wr() {
+  return {
+    touchAction: "none",
+    userSelect: "none",
+    WebkitUserSelect: "none",
+    position: "relative"
+  };
+}
+function Pr(e) {
+  const { context: t, computed: a } = e, n = a("isVertical"), r = a("isRtl"), i = Ir(e), o = t.get("thumbSize");
+  return {
+    ...t.get("value").reduce((l, h, v) => {
+      const b = Bt(e, h);
+      return { ...l, [`--slider-thumb-offset-${v}`]: b };
+    }, {}),
+    "--slider-thumb-width": Ge(o?.width),
+    "--slider-thumb-height": Ge(o?.height),
+    "--slider-thumb-transform": n ? "translateY(50%)" : r ? "translateX(50%)" : "translateX(-50%)",
+    "--slider-range-start": i.start,
+    "--slider-range-end": i.end
+  };
+}
+function Fr(e, t) {
+  const { computed: a } = e, n = a("isHorizontal"), r = a("isRtl");
+  return {
+    visibility: Ht(e),
+    position: "absolute",
+    pointerEvents: "none",
+    [n ? "insetInlineStart" : "bottom"]: Bt(e, t),
+    translate: "var(--tx) var(--ty)",
+    "--tx": n ? r ? "50%" : "-50%" : "0%",
+    "--ty": n ? "0%" : "50%"
+  };
+}
+function _r() {
+  return {
+    userSelect: "none",
+    WebkitUserSelect: "none",
+    pointerEvents: "none",
+    position: "relative"
+  };
+}
+function xr(e, t) {
+  return t.map((a, n) => xe(e, a, n));
+}
+function U(e, t) {
+  const { context: a, prop: n } = e, r = n("step") * n("minStepsBetweenThumbs");
+  return mt(a.get("value"), n("min"), n("max"), r)[t];
+}
+function xe(e, t, a) {
+  const { prop: n } = e, r = U(e, a), i = ie(t, n("min"), n("max"), n("step"));
+  return k(i, r.min, r.max);
+}
+function Ar(e, t, a) {
+  const { context: n, prop: r } = e, i = t ?? n.get("focusedIndex"), o = U(e, i), s = sa(i, {
+    ...o,
+    step: a ?? r("step"),
+    values: n.get("value")
+  });
+  return s[i] = k(s[i], o.min, o.max), s;
+}
+function kr(e, t, a) {
+  const { context: n, prop: r } = e, i = t ?? n.get("focusedIndex"), o = U(e, i), s = oa(i, {
+    ...o,
+    step: a ?? r("step"),
+    values: n.get("value")
+  });
+  return s[i] = k(s[i], o.min, o.max), s;
+}
+function Vr(e, t) {
+  const { context: a } = e;
+  return la(a.get("value"), t);
+}
+function Jr(e, t) {
+  const { state: a, send: n, context: r, prop: i, computed: o, scope: s } = e, l = i("aria-label"), h = i("aria-labelledby"), v = r.get("value"), b = r.get("focusedIndex"), m = a.matches("focus"), u = a.matches("dragging"), p = o("isDisabled"), E = i("invalid"), I = o("isInteractive"), F = i("orientation") === "horizontal", P = i("orientation") === "vertical";
+  function B(g) {
+    return ge(g, i("min"), i("max"));
+  }
+  function S(g) {
+    return Ae(g, i("min"), i("max"), i("step"));
+  }
+  return {
+    value: v,
+    dragging: u,
+    focused: m,
+    setValue(g) {
+      n({ type: "SET_VALUE", value: g });
+    },
+    getThumbValue(g) {
+      return v[g];
+    },
+    setThumbValue(g, c) {
+      n({ type: "SET_VALUE", index: g, value: c });
+    },
+    getValuePercent: B,
+    getPercentValue: S,
+    getThumbPercent(g) {
+      return B(v[g]);
+    },
+    setThumbPercent(g, c) {
+      const f = S(c);
+      n({ type: "SET_VALUE", index: g, value: f });
+    },
+    getThumbMin(g) {
+      return U(e, g).min;
+    },
+    getThumbMax(g) {
+      return U(e, g).max;
+    },
+    increment(g) {
+      n({ type: "INCREMENT", index: g });
+    },
+    decrement(g) {
+      n({ type: "DECREMENT", index: g });
+    },
+    focus() {
+      I && n({ type: "FOCUS", index: 0 });
+    },
+    getLabelProps() {
+      return t.label({
+        ...N.label.attrs,
+        dir: i("dir"),
+        "data-disabled": d(p),
+        "data-orientation": i("orientation"),
+        "data-invalid": d(E),
+        "data-dragging": d(u),
+        "data-focus": d(m),
+        id: tt(s),
+        htmlFor: _e(s, 0),
+        onClick(g) {
+          I && (g.preventDefault(), br(s)?.focus());
+        },
+        style: {
+          userSelect: "none",
+          WebkitUserSelect: "none"
+        }
+      });
+    },
+    getRootProps() {
+      return t.element({
+        ...N.root.attrs,
+        "data-disabled": d(p),
+        "data-orientation": i("orientation"),
+        "data-dragging": d(u),
+        "data-invalid": d(E),
+        "data-focus": d(m),
+        id: $t(s),
+        dir: i("dir"),
+        style: Pr(e)
+      });
+    },
+    getValueTextProps() {
+      return t.element({
+        ...N.valueText.attrs,
+        dir: i("dir"),
+        "data-disabled": d(p),
+        "data-orientation": i("orientation"),
+        "data-invalid": d(E),
+        "data-focus": d(m),
+        id: hr(s)
+      });
+    },
+    getTrackProps() {
+      return t.element({
+        ...N.track.attrs,
+        dir: i("dir"),
+        id: gr(s),
+        "data-disabled": d(p),
+        "data-invalid": d(E),
+        "data-dragging": d(u),
+        "data-orientation": i("orientation"),
+        "data-focus": d(m),
+        style: { position: "relative" }
+      });
+    },
+    getThumbProps(g) {
+      const { index: c = 0, name: f } = g, y = v[c], C = U(e, c), R = i("getAriaValueText")?.({ value: y, index: c }), L = Array.isArray(l) ? l[c] : l, H = Array.isArray(h) ? h[c] : h;
+      return t.element({
+        ...N.thumb.attrs,
+        dir: i("dir"),
+        "data-index": c,
+        "data-name": f,
+        id: Lt(s, c),
+        "data-disabled": d(p),
+        "data-orientation": i("orientation"),
+        "data-focus": d(m && b === c),
+        "data-dragging": d(u && b === c),
+        draggable: !1,
+        "aria-disabled": X(p),
+        "aria-label": L,
+        "aria-labelledby": H ?? tt(s),
+        "aria-orientation": i("orientation"),
+        "aria-valuemax": C.max,
+        "aria-valuemin": C.min,
+        "aria-valuenow": v[c],
+        "aria-valuetext": R,
+        role: "slider",
+        tabIndex: p ? void 0 : 0,
+        style: nt(e, c),
+        onPointerDown(x) {
+          I && se(x) && (n({ type: "THUMB_POINTER_DOWN", index: c }), x.stopPropagation());
+        },
+        onBlur() {
+          I && n({ type: "BLUR" });
+        },
+        onFocus() {
+          I && n({ type: "FOCUS", index: c });
+        },
+        onKeyDown(x) {
+          if (x.defaultPrevented || !I) return;
+          const w = ve(x) * i("step"), A = {
+            ArrowUp() {
+              F || n({ type: "ARROW_INC", step: w, src: "ArrowUp" });
+            },
+            ArrowDown() {
+              F || n({ type: "ARROW_DEC", step: w, src: "ArrowDown" });
+            },
+            ArrowLeft() {
+              P || n({ type: "ARROW_DEC", step: w, src: "ArrowLeft" });
+            },
+            ArrowRight() {
+              P || n({ type: "ARROW_INC", step: w, src: "ArrowRight" });
+            },
+            PageUp() {
+              n({ type: "ARROW_INC", step: w, src: "PageUp" });
+            },
+            PageDown() {
+              n({ type: "ARROW_DEC", step: w, src: "PageDown" });
+            },
+            Home() {
+              n({ type: "HOME" });
+            },
+            End() {
+              n({ type: "END" });
+            }
+          }, he = oe(x, {
+            dir: i("dir"),
+            orientation: i("orientation")
+          }), M = A[he];
+          M && (M(x), x.preventDefault(), x.stopPropagation());
+        }
+      });
+    },
+    getHiddenInputProps(g) {
+      const { index: c = 0, name: f } = g;
+      return t.input({
+        name: f ?? (i("name") ? i("name") + (v.length > 1 ? "[]" : "") : void 0),
+        form: i("form"),
+        type: "text",
+        hidden: !0,
+        defaultValue: v[c],
+        id: _e(s, c)
+      });
+    },
+    getRangeProps() {
+      return t.element({
+        id: pr(s),
+        ...N.range.attrs,
+        dir: i("dir"),
+        "data-dragging": d(u),
+        "data-focus": d(m),
+        "data-invalid": d(E),
+        "data-disabled": d(p),
+        "data-orientation": i("orientation"),
+        style: Sr(e)
+      });
+    },
+    getControlProps() {
+      return t.element({
+        ...N.control.attrs,
+        dir: i("dir"),
+        id: Dt(s),
+        "data-dragging": d(u),
+        "data-disabled": d(p),
+        "data-orientation": i("orientation"),
+        "data-invalid": d(E),
+        "data-focus": d(m),
+        style: wr(),
+        onPointerDown(g) {
+          if (!I || !se(g) || be(g)) return;
+          const c = Ee(g);
+          n({ type: "POINTER_DOWN", point: c }), g.preventDefault(), g.stopPropagation();
+        }
+      });
+    },
+    getMarkerGroupProps() {
+      return t.element({
+        ...N.markerGroup.attrs,
+        role: "presentation",
+        dir: i("dir"),
+        "aria-hidden": !0,
+        "data-orientation": i("orientation"),
+        style: _r()
+      });
+    },
+    getMarkerProps(g) {
+      const c = Fr(e, g.value);
+      let f;
+      return g.value < pt(v) ? f = "under-value" : g.value > gt(v) ? f = "over-value" : f = "at-value", t.element({
+        ...N.marker.attrs,
+        id: fr(s, g.value),
+        role: "presentation",
+        dir: i("dir"),
+        "data-orientation": i("orientation"),
+        "data-value": g.value,
+        "data-disabled": d(p),
+        "data-state": f,
+        style: c
+      });
+    },
+    getDraggingIndicatorProps(g) {
+      const { index: c = 0 } = g, f = c === b && u;
+      return t.element({
+        ...N.draggingIndicator.attrs,
+        role: "presentation",
+        dir: i("dir"),
+        hidden: !f,
+        "data-orientation": i("orientation"),
+        "data-state": f ? "open" : "closed",
+        style: nt(e, c)
+      });
+    }
+  };
+}
+var Nr = (e, t) => e?.width === t?.width && e?.height === t?.height, rt = (e, t, a, n, r) => mt(e, t, a, r * n).map((o) => {
+  const s = ie(o.value, o.min, o.max, n), l = k(s, o.min, o.max);
+  if (!ua(l, t, a))
+    throw new Error(
+      "[zag-js/slider] The configured `min`, `max`, `step` or `minStepsBetweenThumbs` values are invalid"
+    );
+  return l;
+}), Qr = z({
+  props({ props: e }) {
+    const t = e.min ?? 0, a = e.max ?? 100, n = e.step ?? 1, r = e.defaultValue ?? [t], i = e.minStepsBetweenThumbs ?? 0;
+    return {
+      dir: "ltr",
+      thumbAlignment: "contain",
+      origin: "start",
+      orientation: "horizontal",
+      minStepsBetweenThumbs: i,
+      ...e,
+      defaultValue: rt(r, t, a, n, i),
+      value: e.value ? rt(e.value, t, a, n, i) : void 0,
+      max: a,
+      step: n,
+      min: t
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop: e, bindable: t, getContext: a }) {
+    return {
+      thumbSize: t(() => ({
+        defaultValue: e("thumbSize") || null
+      })),
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual: ia,
+        hash(n) {
+          return n.join(",");
+        },
+        onChange(n) {
+          e("onValueChange")?.({ value: n });
+        }
+      })),
+      focusedIndex: t(() => ({
+        defaultValue: -1,
+        onChange(n) {
+          const r = a();
+          e("onFocusChange")?.({ focusedIndex: n, value: r.get("value") });
+        }
+      })),
+      fieldsetDisabled: t(() => ({
+        defaultValue: !1
+      }))
+    };
+  },
+  computed: {
+    isHorizontal: ({ prop: e }) => e("orientation") === "horizontal",
+    isVertical: ({ prop: e }) => e("orientation") === "vertical",
+    isRtl: ({ prop: e }) => e("orientation") === "horizontal" && e("dir") === "rtl",
+    isDisabled: ({ context: e, prop: t }) => !!t("disabled") || e.get("fieldsetDisabled"),
+    isInteractive: ({ prop: e, computed: t }) => !(e("readOnly") || t("isDisabled")),
+    hasMeasuredThumbSize: ({ context: e }) => e.get("thumbSize") != null,
+    valuePercent({ context: e, prop: t }) {
+      return e.get("value").map((a) => 100 * ge(a, t("min"), t("max")));
+    }
+  },
+  watch({ track: e, action: t, context: a }) {
+    e([() => a.hash("value")], () => {
+      t(["syncInputElements", "dispatchChangeEvent"]);
+    });
+  },
+  effects: ["trackFormControlState", "trackThumbSize"],
+  on: {
+    SET_VALUE: [
+      {
+        guard: "hasIndex",
+        actions: ["setValueAtIndex"]
+      },
+      {
+        actions: ["setValue"]
+      }
+    ],
+    INCREMENT: {
+      actions: ["incrementThumbAtIndex"]
+    },
+    DECREMENT: {
+      actions: ["decrementThumbAtIndex"]
+    }
+  },
+  states: {
+    idle: {
+      on: {
+        POINTER_DOWN: {
+          target: "dragging",
+          actions: ["setClosestThumbIndex", "setPointerValue", "focusActiveThumb"]
+        },
+        FOCUS: {
+          target: "focus",
+          actions: ["setFocusedIndex"]
+        },
+        THUMB_POINTER_DOWN: {
+          target: "dragging",
+          actions: ["setFocusedIndex", "focusActiveThumb"]
+        }
+      }
+    },
+    focus: {
+      entry: ["focusActiveThumb"],
+      on: {
+        POINTER_DOWN: {
+          target: "dragging",
+          actions: ["setClosestThumbIndex", "setPointerValue", "focusActiveThumb"]
+        },
+        THUMB_POINTER_DOWN: {
+          target: "dragging",
+          actions: ["setFocusedIndex", "focusActiveThumb"]
+        },
+        ARROW_DEC: {
+          actions: ["decrementThumbAtIndex", "invokeOnChangeEnd"]
+        },
+        ARROW_INC: {
+          actions: ["incrementThumbAtIndex", "invokeOnChangeEnd"]
+        },
+        HOME: {
+          actions: ["setFocusedThumbToMin", "invokeOnChangeEnd"]
+        },
+        END: {
+          actions: ["setFocusedThumbToMax", "invokeOnChangeEnd"]
+        },
+        BLUR: {
+          target: "idle",
+          actions: ["clearFocusedIndex"]
+        }
+      }
+    },
+    dragging: {
+      entry: ["focusActiveThumb"],
+      effects: ["trackPointerMove"],
+      on: {
+        POINTER_UP: {
+          target: "focus",
+          actions: ["invokeOnChangeEnd"]
+        },
+        POINTER_MOVE: {
+          actions: ["setPointerValue"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      hasIndex: ({ event: e }) => e.index != null
+    },
+    effects: {
+      trackFormControlState({ context: e, scope: t }) {
+        return ut(mr(t), {
+          onFieldsetDisabledChange(a) {
+            e.set("fieldsetDisabled", a);
+          },
+          onFormReset() {
+            e.set("value", e.initial("value"));
+          }
+        });
+      },
+      trackPointerMove({ scope: e, send: t }) {
+        return lt(e.getDoc(), {
+          onPointerMove(a) {
+            t({ type: "POINTER_MOVE", point: a.point });
+          },
+          onPointerUp() {
+            t({ type: "POINTER_UP" });
+          }
+        });
+      },
+      trackThumbSize({ context: e, scope: t, prop: a }) {
+        if (!(a("thumbAlignment") !== "contain" || a("thumbSize")))
+          return ra(Mt(t), {
+            box: "border-box",
+            measure(n) {
+              return Cr(n);
+            },
+            onEntry({ rects: n }) {
+              if (n.length === 0) return;
+              const r = da(n[0], ["width", "height"]);
+              Nr(e.get("thumbSize"), r) || e.set("thumbSize", r);
+            }
+          });
+      }
+    },
+    actions: {
+      dispatchChangeEvent({ context: e, scope: t }) {
+        Er(t, e.get("value"));
+      },
+      syncInputElements({ context: e, scope: t }) {
+        e.get("value").forEach((a, n) => {
+          const r = Ut(t, n);
+          Y(r, a.toString());
+        });
+      },
+      invokeOnChangeEnd({ prop: e, context: t }) {
+        queueMicrotask(() => {
+          e("onValueChangeEnd")?.({ value: t.get("value") });
+        });
+      },
+      setClosestThumbIndex(e) {
+        const { context: t, event: a } = e, n = at(e, a.point);
+        if (n == null) return;
+        const r = Vr(e, n);
+        t.set("focusedIndex", r);
+      },
+      setFocusedIndex({ context: e, event: t }) {
+        e.set("focusedIndex", t.index);
+      },
+      clearFocusedIndex({ context: e }) {
+        e.set("focusedIndex", -1);
+      },
+      setPointerValue(e) {
+        queueMicrotask(() => {
+          const { context: t, event: a } = e, n = at(e, a.point);
+          if (n == null) return;
+          const r = t.get("focusedIndex"), i = xe(e, n, r);
+          t.set("value", (o) => Z(o, r, i));
+        });
+      },
+      focusActiveThumb({ scope: e, context: t }) {
+        $(() => {
+          vr(e, t.get("focusedIndex"))?.focus({ preventScroll: !0 });
+        });
+      },
+      decrementThumbAtIndex(e) {
+        const { context: t, event: a } = e, n = Ar(e, a.index, a.step);
+        t.set("value", n);
+      },
+      incrementThumbAtIndex(e) {
+        const { context: t, event: a } = e, n = kr(e, a.index, a.step);
+        t.set("value", n);
+      },
+      setFocusedThumbToMin(e) {
+        const { context: t } = e, a = t.get("focusedIndex"), { min: n } = U(e, a);
+        t.set("value", (r) => Z(r, a, n));
+      },
+      setFocusedThumbToMax(e) {
+        const { context: t } = e, a = t.get("focusedIndex"), { max: n } = U(e, a);
+        t.set("value", (r) => Z(r, a, n));
+      },
+      setValueAtIndex(e) {
+        const { context: t, event: a } = e, n = xe(e, a.value, a.index);
+        t.set("value", (r) => Z(r, a.index, n));
+      },
+      setValue(e) {
+        const { context: t, event: a } = e, n = xr(e, a.value);
+        t.set("value", n);
+      }
+    }
+  }
+});
+_()([
+  "aria-label",
+  "aria-labelledby",
+  "dir",
+  "disabled",
+  "form",
+  "getAriaValueText",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "max",
+  "min",
+  "minStepsBetweenThumbs",
+  "name",
+  "onFocusChange",
+  "onValueChange",
+  "onValueChangeEnd",
+  "orientation",
+  "origin",
+  "readOnly",
+  "step",
+  "thumbAlignment",
+  "thumbAlignment",
+  "thumbSize",
+  "value",
+  "defaultValue"
+]);
+_()(["index", "name"]);
+export {
+  nn as a,
+  Mn as b,
+  er as c,
+  cr as d,
+  zr as e,
+  pn as f,
+  Br as g,
+  Wr as h,
+  jr as i,
+  Gr as j,
+  Ur as k,
+  qr as l,
+  Hr as m,
+  Xr as n,
+  Kr as o,
+  Zr as p,
+  Yr as q,
+  Qn as r,
+  Yn as s,
+  Qr as t,
+  Jr as u
+};
+//# sourceMappingURL=index-BrJtqTzN.js.map