@vuelor/picker 0.1.0-alpha.1

package/dist/index.es.js

@@ -0,0 +1,4950 @@
+import { ref as N, computed as x, toRaw as le, inject as pt, provide as mt, Fragment as Te, toValue as ft, getCurrentInstance as Ke, watch as fe, nextTick as Ht, shallowRef as Dt, onMounted as Ae, defineComponent as R, Comment as Ft, mergeProps as oe, cloneVNode as Tt, h as xe, watchEffect as vt, markRaw as Gt, createBlock as H, openBlock as M, unref as n, withCtx as j, renderSlot as ee, createElementBlock as Z, createCommentVNode as se, renderList as Lt, toRefs as Ue, normalizeStyle as L, resolveDynamicComponent as qt, onUnmounted as bt, createVNode as U, normalizeClass as m, useTemplateRef as Nt, withModifiers as jt, createElementVNode as E } from "vue";
+const Ot = {
+  picker: {
+    root: "w-60 bg-white rounded-[13px] p-4 flex flex-col gap-2 shadow-vuelor-card"
+  },
+  dropper: {
+    base: "hover:bg-[#0000000d] rounded-[5px] focus-within:outline-1 focus-within:outline-[#0d99ff] p-1"
+  },
+  shared: {
+    thumb: "block w-4 h-4 rounded-full border-4 border-white shadow-vuelor-thumb focus:outline-1 outline-[#0d99ff]"
+  },
+  canvas: {
+    root: "relative touch-none data-disabled:pointer-events-none data-disabled:opacity-50",
+    area: "rounded-[5px] outline-1 outline-solid -outline-offset-1 outline-[#0000001a]"
+  },
+  slider: {
+    root: "relative h-4 w-full data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-4 flex items-center data-[orientation=vertical]:flex-col select-none touch-none data-disabled:pointer-events-none data-disabled:opacity-50",
+    track: "relative h-4 w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-4 grow rounded-full shadow-[inset_0_0_0_1px_#0000001a]"
+  },
+  input: {
+    group: "w-full flex gap-[1px] rounded-[5px] hover:outline-1 outline-[#e6e6e6] focus-within:outline-1 focus-within:outline-[#0d99ff] data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    item: "flex flex-1 data-[alpha-input]:grow-0 items-center px-1.5 gap-1 bg-[#f5f5f5] first:rounded-l-[5px] last:rounded-r-[5px]",
+    label: "hidden select-none text-black text-[11px] opacity-40",
+    field: "w-full h-6 min-w-5 text-[11px] focus:outline-none"
+  }
+}, Kt = {
+  picker: {
+    root: "vuelor-picker-root"
+  },
+  dropper: {
+    base: "vuelor-picker-eye-dropper"
+  },
+  shared: {
+    thumb: "vuelor-picker-shared-thumb"
+  },
+  canvas: {
+    root: "vuelor-picker-canvas-root",
+    area: "vuelor-picker-canvas-area"
+  },
+  slider: {
+    root: "vuelor-picker-slider-root",
+    track: "vuelor-picker-slider-track"
+  },
+  input: {
+    group: "vuelor-picker-input-group",
+    field: "vuelor-picker-input-field"
+  }
+}, Ut = {
+  tailwindcss: Ot,
+  vanillacss: Kt
+};
+function J(t, e = 0, r = 1) {
+  return Math.max(e, Math.min(r, t));
+}
+function Wt(t, e = 1) {
+  const r = [];
+  let o = 0;
+  for (; o < t.length; )
+    r.push(t.substring(o, o + e)), o += e;
+  return r;
+}
+function gt(t) {
+  const { h: e, s: r, l: o } = t, s = o + r * Math.min(o, 1 - o), i = s === 0 ? 0 : 2 - 2 * o / s;
+  return { h: e, s: i, v: s };
+}
+function ht(t) {
+  const { h: e, s: r, v: o } = t, s = o - o * r / 2, i = s === 1 || s === 0 ? 0 : (o - s) / Math.min(s, 1 - s);
+  return { h: e, s: i, l: s };
+}
+function We(t) {
+  const { h: e, s: r, v: o } = t, s = (a) => {
+    const l = (a + e / 60) % 6;
+    return o - o * r * Math.max(Math.min(l, 4 - l, 1), 0);
+  }, i = [s(5), s(3), s(1)].map((a) => Math.round(a * 255));
+  return { r: i[0], g: i[1], b: i[2] };
+}
+function Yt(t) {
+  if (!t) return { h: 0, s: 1, v: 1 };
+  const e = t.r / 255, r = t.g / 255, o = t.b / 255, s = Math.max(e, r, o), i = Math.min(e, r, o);
+  let a = 0;
+  s !== i && (s === e ? a = 60 * (0 + (r - o) / (s - i)) : s === r ? a = 60 * (2 + (o - e) / (s - i)) : s === o && (a = 60 * (4 + (e - r) / (s - i)))), a < 0 && (a = a + 360);
+  const l = s === 0 ? 0 : (s - i) / s, u = [a, l, s];
+  return { h: u[0], s: u[1], v: u[2] };
+}
+const Ve = (t) => {
+  const e = Math.round(t).toString(16);
+  return ("00".substring(0, 2 - e.length) + e).toUpperCase();
+};
+function rt(t) {
+  return `#${[
+    Ve(t.r),
+    Ve(t.g),
+    Ve(t.b)
+  ].join("")}`;
+}
+function ot(t) {
+  const e = Wt(t.slice(1), 2).map((r) => parseInt(r, 16));
+  return {
+    r: e[0],
+    g: e[1],
+    b: e[2]
+  };
+}
+function Xt(t) {
+  return `rgba(${t.r}, ${t.g}, ${t.b}, ${t.a})`;
+}
+function Jt(t, e) {
+  return t === void 0 || e === void 0 || t === null || e === null ? !1 : t === e ? !0 : typeof t == "string" && typeof e == "string" ? t === e : typeof t == "object" && typeof e == "object" ? t.hsva.h === e.hsva.h && t.hsva.s === e.hsva.s && t.hsva.v === e.hsva.v && t.hsva.a === e.hsva.a && t.rgb.r === e.rgb.r && t.rgb.g === e.rgb.g && t.rgb.b === e.rgb.b : !1;
+}
+const Ye = "-", Zt = (t) => {
+  const e = er(t), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: o
+  } = t;
+  return {
+    getClassGroupId: (a) => {
+      const l = a.split(Ye);
+      return l[0] === "" && l.length !== 1 && l.shift(), yt(l, e) || Qt(a);
+    },
+    getConflictingClassGroupIds: (a, l) => {
+      const u = r[a] || [];
+      return l && o[a] ? [...u, ...o[a]] : u;
+    }
+  };
+}, yt = (t, e) => {
+  if (t.length === 0)
+    return e.classGroupId;
+  const r = t[0], o = e.nextPart.get(r), s = o ? yt(t.slice(1), o) : void 0;
+  if (s)
+    return s;
+  if (e.validators.length === 0)
+    return;
+  const i = t.join(Ye);
+  return e.validators.find(({
+    validator: a
+  }) => a(i))?.classGroupId;
+}, at = /^\[(.+)\]$/, Qt = (t) => {
+  if (at.test(t)) {
+    const e = at.exec(t)[1], r = e?.substring(0, e.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
+  }
+}, er = (t) => {
+  const {
+    theme: e,
+    classGroups: r
+  } = t, o = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  for (const s in r)
+    Ge(r[s], o, s, e);
+  return o;
+}, Ge = (t, e, r, o) => {
+  t.forEach((s) => {
+    if (typeof s == "string") {
+      const i = s === "" ? e : nt(e, s);
+      i.classGroupId = r;
+      return;
+    }
+    if (typeof s == "function") {
+      if (tr(s)) {
+        Ge(s(o), e, r, o);
+        return;
+      }
+      e.validators.push({
+        validator: s,
+        classGroupId: r
+      });
+      return;
+    }
+    Object.entries(s).forEach(([i, a]) => {
+      Ge(a, nt(e, i), r, o);
+    });
+  });
+}, nt = (t, e) => {
+  let r = t;
+  return e.split(Ye).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), r = r.nextPart.get(o);
+  }), r;
+}, tr = (t) => t.isThemeGetter, rr = (t) => {
+  if (t < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let e = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const s = (i, a) => {
+    r.set(i, a), e++, e > t && (e = 0, o = r, r = /* @__PURE__ */ new Map());
+  };
+  return {
+    get(i) {
+      let a = r.get(i);
+      if (a !== void 0)
+        return a;
+      if ((a = o.get(i)) !== void 0)
+        return s(i, a), a;
+    },
+    set(i, a) {
+      r.has(i) ? r.set(i, a) : s(i, a);
+    }
+  };
+}, Le = "!", qe = ":", or = qe.length, ar = (t) => {
+  const {
+    prefix: e,
+    experimentalParseClassName: r
+  } = t;
+  let o = (s) => {
+    const i = [];
+    let a = 0, l = 0, u = 0, c;
+    for (let C = 0; C < s.length; C++) {
+      let h = s[C];
+      if (a === 0 && l === 0) {
+        if (h === qe) {
+          i.push(s.slice(u, C)), u = C + or;
+          continue;
+        }
+        if (h === "/") {
+          c = C;
+          continue;
+        }
+      }
+      h === "[" ? a++ : h === "]" ? a-- : h === "(" ? l++ : h === ")" && l--;
+    }
+    const p = i.length === 0 ? s : s.substring(u), f = nr(p), g = f !== p, S = c && c > u ? c - u : void 0;
+    return {
+      modifiers: i,
+      hasImportantModifier: g,
+      baseClassName: f,
+      maybePostfixModifierPosition: S
+    };
+  };
+  if (e) {
+    const s = e + qe, i = o;
+    o = (a) => a.startsWith(s) ? i(a.substring(s.length)) : {
+      isExternal: !0,
+      modifiers: [],
+      hasImportantModifier: !1,
+      baseClassName: a,
+      maybePostfixModifierPosition: void 0
+    };
+  }
+  if (r) {
+    const s = o;
+    o = (i) => r({
+      className: i,
+      parseClassName: s
+    });
+  }
+  return o;
+}, nr = (t) => t.endsWith(Le) ? t.substring(0, t.length - 1) : t.startsWith(Le) ? t.substring(1) : t, lr = (t) => {
+  const e = Object.fromEntries(t.orderSensitiveModifiers.map((o) => [o, !0]));
+  return (o) => {
+    if (o.length <= 1)
+      return o;
+    const s = [];
+    let i = [];
+    return o.forEach((a) => {
+      a[0] === "[" || e[a] ? (s.push(...i.sort(), a), i = []) : i.push(a);
+    }), s.push(...i.sort()), s;
+  };
+}, sr = (t) => ({
+  cache: rr(t.cacheSize),
+  parseClassName: ar(t),
+  sortModifiers: lr(t),
+  ...Zt(t)
+}), ir = /\s+/, ur = (t, e) => {
+  const {
+    parseClassName: r,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: s,
+    sortModifiers: i
+  } = e, a = [], l = t.trim().split(ir);
+  let u = "";
+  for (let c = l.length - 1; c >= 0; c -= 1) {
+    const p = l[c], {
+      isExternal: f,
+      modifiers: g,
+      hasImportantModifier: S,
+      baseClassName: C,
+      maybePostfixModifierPosition: h
+    } = r(p);
+    if (f) {
+      u = p + (u.length > 0 ? " " + u : u);
+      continue;
+    }
+    let I = !!h, V = o(I ? C.substring(0, h) : C);
+    if (!V) {
+      if (!I) {
+        u = p + (u.length > 0 ? " " + u : u);
+        continue;
+      }
+      if (V = o(C), !V) {
+        u = p + (u.length > 0 ? " " + u : u);
+        continue;
+      }
+      I = !1;
+    }
+    const _ = i(g).join(":"), d = S ? _ + Le : _, y = d + V;
+    if (a.includes(y))
+      continue;
+    a.push(y);
+    const $ = s(V, I);
+    for (let A = 0; A < $.length; ++A) {
+      const D = $[A];
+      a.push(d + D);
+    }
+    u = p + (u.length > 0 ? " " + u : u);
+  }
+  return u;
+};
+function dr() {
+  let t = 0, e, r, o = "";
+  for (; t < arguments.length; )
+    (e = arguments[t++]) && (r = xt(e)) && (o && (o += " "), o += r);
+  return o;
+}
+const xt = (t) => {
+  if (typeof t == "string")
+    return t;
+  let e, r = "";
+  for (let o = 0; o < t.length; o++)
+    t[o] && (e = xt(t[o])) && (r && (r += " "), r += e);
+  return r;
+};
+function cr(t, ...e) {
+  let r, o, s, i = a;
+  function a(u) {
+    const c = e.reduce((p, f) => f(p), t());
+    return r = sr(c), o = r.cache.get, s = r.cache.set, i = l, l(u);
+  }
+  function l(u) {
+    const c = o(u);
+    if (c)
+      return c;
+    const p = ur(u, r);
+    return s(u, p), p;
+  }
+  return function() {
+    return i(dr.apply(null, arguments));
+  };
+}
+const F = (t) => {
+  const e = (r) => r[t] || [];
+  return e.isThemeGetter = !0, e;
+}, wt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, kt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, pr = /^\d+\/\d+$/, mr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, fr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, vr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, br = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, gr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, me = (t) => pr.test(t), P = (t) => !!t && !Number.isNaN(Number(t)), re = (t) => !!t && Number.isInteger(Number(t)), De = (t) => t.endsWith("%") && P(t.slice(0, -1)), te = (t) => mr.test(t), hr = () => !0, yr = (t) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  fr.test(t) && !vr.test(t)
+), St = () => !1, xr = (t) => br.test(t), wr = (t) => gr.test(t), kr = (t) => !v(t) && !b(t), Sr = (t) => ve(t, _t, St), v = (t) => wt.test(t), ne = (t) => ve(t, Et, yr), Fe = (t) => ve(t, Pr, P), lt = (t) => ve(t, Ct, St), Cr = (t) => ve(t, $t, wr), Ee = (t) => ve(t, Pt, xr), b = (t) => kt.test(t), ye = (t) => be(t, Et), $r = (t) => be(t, Ir), st = (t) => be(t, Ct), _r = (t) => be(t, _t), Er = (t) => be(t, $t), Pe = (t) => be(t, Pt, !0), ve = (t, e, r) => {
+  const o = wt.exec(t);
+  return o ? o[1] ? e(o[1]) : r(o[2]) : !1;
+}, be = (t, e, r = !1) => {
+  const o = kt.exec(t);
+  return o ? o[1] ? e(o[1]) : r : !1;
+}, Ct = (t) => t === "position" || t === "percentage", $t = (t) => t === "image" || t === "url", _t = (t) => t === "length" || t === "size" || t === "bg-size", Et = (t) => t === "length", Pr = (t) => t === "number", Ir = (t) => t === "family-name", Pt = (t) => t === "shadow", Vr = () => {
+  const t = F("color"), e = F("font"), r = F("text"), o = F("font-weight"), s = F("tracking"), i = F("leading"), a = F("breakpoint"), l = F("container"), u = F("spacing"), c = F("radius"), p = F("shadow"), f = F("inset-shadow"), g = F("text-shadow"), S = F("drop-shadow"), C = F("blur"), h = F("perspective"), I = F("aspect"), V = F("ease"), _ = F("animate"), d = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], y = () => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-top",
+    "top-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-top",
+    "bottom-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-bottom",
+    "bottom-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-bottom"
+  ], $ = () => [...y(), b, v], A = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], w = () => [b, v, u], O = () => [me, "full", "auto", ...w()], z = () => [re, "none", "subgrid", b, v], B = () => ["auto", {
+    span: ["full", re, b, v]
+  }, re, b, v], T = () => [re, "auto", b, v], ce = () => ["auto", "min", "max", "fr", b, v], pe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], q = () => ["auto", ...w()], Y = () => [me, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], k = () => [t, b, v], ke = () => [...y(), st, lt, {
+    position: [b, v]
+  }], Ze = () => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }], Qe = () => ["auto", "cover", "contain", _r, Sr, {
+    size: [b, v]
+  }], Be = () => [De, ye, ne], K = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    c,
+    b,
+    v
+  ], X = () => ["", P, ye, ne], Se = () => ["solid", "dashed", "dotted", "double"], et = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], G = () => [P, De, st, lt], tt = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    C,
+    b,
+    v
+  ], Ce = () => ["none", P, b, v], $e = () => ["none", P, b, v], He = () => [P, b, v], _e = () => [me, "full", ...w()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [te],
+      breakpoint: [te],
+      color: [hr],
+      container: [te],
+      "drop-shadow": [te],
+      ease: ["in", "out", "in-out"],
+      font: [kr],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [te],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [te],
+      shadow: [te],
+      spacing: ["px", P],
+      text: [te],
+      "text-shadow": [te],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", me, v, b, I]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [P, v, b, l]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": d()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": d()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Screen Reader Only
+       * @see https://tailwindcss.com/docs/display#screen-reader-only
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: $()
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: A()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": A()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": A()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: D()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": D()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": D()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: O()
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": O()
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": O()
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: O()
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: O()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: O()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: O()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: O()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: O()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [re, "auto", b, v]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [me, "full", "auto", l, ...w()]
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: [P, me, "auto", "initial", "none", v]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", P, b, v]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", P, b, v]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [re, "first", "last", "none", b, v]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": z()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: B()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": T()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": T()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": z()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: B()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": T()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": T()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": ce()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": ce()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: w()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": w()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": w()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...pe(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...Q(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...Q()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...pe()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...Q(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...Q(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": pe()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...Q(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...Q()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: w()
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: w()
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: w()
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: w()
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: w()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: w()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: w()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: w()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: w()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: q()
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: q()
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: q()
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: q()
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: q()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: q()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: q()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: q()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: q()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": w()
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y": [{
+        "space-y": w()
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // --------------
+      // --- Sizing ---
+      // --------------
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+       */
+      size: [{
+        size: Y()
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [l, "screen", ...Y()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          l,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...Y()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          l,
+          "screen",
+          "none",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "prose",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          {
+            screen: [a]
+          },
+          ...Y()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", "lh", ...Y()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...Y()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", "lh", ...Y()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", r, ye, ne]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: [o, b, Fe]
+      }],
+      /**
+       * Font Stretch
+       * @see https://tailwindcss.com/docs/font-stretch
+       */
+      "font-stretch": [{
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", De, v]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [$r, v, e]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: [s, b, v]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [P, "none", b, Fe]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: [
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          i,
+          ...w()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", b, v]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", b, v]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://v3.tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: k()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: k()
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...Se(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [P, "from-font", "auto", b, ne]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: k()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [P, "auto", b, v]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: w()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", b, v]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Overflow Wrap
+       * @see https://tailwindcss.com/docs/overflow-wrap
+       */
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", b, v]
+      }],
+      // -------------------
+      // --- Backgrounds ---
+      // -------------------
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: ke()
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: Ze()
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: Qe()
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, re, b, v],
+          radial: ["", b, v],
+          conic: [re, b, v]
+        }, Er, Cr]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: k()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: Be()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: Be()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: Be()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: k()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: k()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: k()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: K()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": K()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": K()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": K()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": K()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": K()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": K()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": K()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": K()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": K()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": K()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": K()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": K()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": K()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": K()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: X()
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": X()
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": X()
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": X()
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": X()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": X()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": X()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": X()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": X()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": X()
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y": [{
+        "divide-y": X()
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...Se(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...Se(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: k()
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": k()
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": k()
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": k()
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": k()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": k()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": k()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": k()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": k()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: k()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...Se(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [P, b, v]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", P, ye, ne]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: k()
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          p,
+          Pe,
+          Ee
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: k()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", f, Pe, Ee]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": k()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: X()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+       */
+      "ring-color": [{
+        ring: k()
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://v3.tailwindcss.com/docs/ring-offset-width
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-w": [{
+        "ring-offset": [P, ne]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://v3.tailwindcss.com/docs/ring-offset-color
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-color": [{
+        "ring-offset": k()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": X()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": k()
+      }],
+      /**
+       * Text Shadow
+       * @see https://tailwindcss.com/docs/text-shadow
+       */
+      "text-shadow": [{
+        "text-shadow": ["none", g, Pe, Ee]
+      }],
+      /**
+       * Text Shadow Color
+       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+       */
+      "text-shadow-color": [{
+        "text-shadow": k()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [P, b, v]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...et(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": et()
+      }],
+      /**
+       * Mask Clip
+       * @see https://tailwindcss.com/docs/mask-clip
+       */
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      /**
+       * Mask Composite
+       * @see https://tailwindcss.com/docs/mask-composite
+       */
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image-linear-pos": [{
+        "mask-linear": [P]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": G()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": G()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": k()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": k()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": G()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": G()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": k()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": k()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": G()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": G()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": k()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": k()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": G()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": G()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": k()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": k()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": G()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": G()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": k()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": k()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": G()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": G()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": k()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": k()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": G()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": G()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": k()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": k()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [b, v]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": G()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": G()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": k()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": k()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": y()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [P]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": G()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": G()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": k()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": k()
+      }],
+      /**
+       * Mask Mode
+       * @see https://tailwindcss.com/docs/mask-mode
+       */
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      /**
+       * Mask Origin
+       * @see https://tailwindcss.com/docs/mask-origin
+       */
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      /**
+       * Mask Position
+       * @see https://tailwindcss.com/docs/mask-position
+       */
+      "mask-position": [{
+        mask: ke()
+      }],
+      /**
+       * Mask Repeat
+       * @see https://tailwindcss.com/docs/mask-repeat
+       */
+      "mask-repeat": [{
+        mask: Ze()
+      }],
+      /**
+       * Mask Size
+       * @see https://tailwindcss.com/docs/mask-size
+       */
+      "mask-size": [{
+        mask: Qe()
+      }],
+      /**
+       * Mask Type
+       * @see https://tailwindcss.com/docs/mask-type
+       */
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image": [{
+        mask: ["none", b, v]
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          b,
+          v
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: tt()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [P, b, v]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [P, b, v]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          S,
+          Pe,
+          Ee
+        ]
+      }],
+      /**
+       * Drop Shadow Color
+       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+       */
+      "drop-shadow-color": [{
+        "drop-shadow": k()
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", P, b, v]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [P, b, v]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", P, b, v]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [P, b, v]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", P, b, v]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          b,
+          v
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": tt()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [P, b, v]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [P, b, v]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", P, b, v]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [P, b, v]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", P, b, v]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [P, b, v]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [P, b, v]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", P, b, v]
+      }],
+      // --------------
+      // --- Tables ---
+      // --------------
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": w()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": w()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": w()
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // ---------------------------------
+      // --- Transitions and Animation ---
+      // ---------------------------------
+      /**
+       * Transition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", b, v]
+      }],
+      /**
+       * Transition Behavior
+       * @see https://tailwindcss.com/docs/transition-behavior
+       */
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: [P, "initial", b, v]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", V, b, v]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [P, b, v]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", _, b, v]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [h, b, v]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": $()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: Ce()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": Ce()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": Ce()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": Ce()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: $e()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": $e()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": $e()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": $e()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: He()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": He()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": He()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [b, v, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: $()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: _e()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": _e()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": _e()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": _e()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: k()
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: k()
+      }],
+      /**
+       * Color Scheme
+       * @see https://tailwindcss.com/docs/color-scheme
+       */
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", b, v]
+      }],
+      /**
+       * Field Sizing
+       * @see https://tailwindcss.com/docs/field-sizing
+       */
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "", "y", "x"]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": w()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": w()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": w()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": w()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": w()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": w()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": w()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": w()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": w()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": w()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": w()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": w()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": w()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": w()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": w()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": w()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": w()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": w()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", b, v]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...k()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [P, ye, ne, Fe]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...k()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    },
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+}, Ar = /* @__PURE__ */ cr(Vr);
+function Mr(t, e) {
+  return (...r) => {
+    const o = {};
+    for (const s of r) {
+      const i = t[s];
+      if (i)
+        for (const [a, l] of Object.entries(i))
+          o[a] = (...u) => {
+            const p = e?.[s]?.[a];
+            return Ar(
+              l,
+              p,
+              ...u.filter(Boolean)
+            );
+          };
+    }
+    return o;
+  };
+}
+function Ne(t) {
+  const e = t.trim(), r = e.match(/^#?(?<r>[A-Fa-f0-9]{2})(?<g>[A-Fa-f0-9]{2})(?<b>[A-Fa-f0-9]{2})$/);
+  if (r?.groups) {
+    const { r: a, g: l, b: u } = r.groups;
+    return {
+      r: parseInt(a, 16),
+      g: parseInt(l, 16),
+      b: parseInt(u, 16),
+      a: 1
+    };
+  }
+  const o = e.match(/^#?(?<r>[A-Fa-f0-9]{2})(?<g>[A-Fa-f0-9]{2})(?<b>[A-Fa-f0-9]{2})(?<a>[A-Fa-f0-9]{2})$/);
+  if (o?.groups) {
+    const { r: a, g: l, b: u, a: c } = o.groups;
+    return {
+      r: parseInt(a, 16),
+      g: parseInt(l, 16),
+      b: parseInt(u, 16),
+      a: parseInt(c, 16) / 255
+    };
+  }
+  const s = e.match(/^#?(?<r>[A-Fa-f0-9])(?<g>[A-Fa-f0-9])(?<b>[A-Fa-f0-9])$/);
+  if (s?.groups) {
+    const { r: a, g: l, b: u } = s.groups, c = a + a, p = l + l, f = u + u;
+    return {
+      r: parseInt(c, 16),
+      g: parseInt(p, 16),
+      b: parseInt(f, 16),
+      a: 1
+    };
+  }
+  const i = e.match(/^#?(?<r>[A-Fa-f0-9])(?<g>[A-Fa-f0-9])(?<b>[A-Fa-f0-9])(?<a>[A-Fa-f0-9])$/);
+  if (i?.groups) {
+    const { r: a, g: l, b: u, a: c } = i.groups, p = a + a, f = l + l, g = u + u, S = c + c;
+    return {
+      r: parseInt(p, 16),
+      g: parseInt(f, 16),
+      b: parseInt(g, 16),
+      a: parseInt(S, 16) / 255
+    };
+  }
+  return { r: 255, g: 0, b: 0, a: 1 };
+}
+function ge(t) {
+  const e = /^([a-zA-Z]{3,4})\(\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)%?)\s*,\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)%?)\s*,\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)%?)(?:\s*,\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)%?))?\s*\)$/i, r = t.match(e);
+  if (!r) return null;
+  const [, o, s, i, a, l] = r;
+  return {
+    type: o,
+    values: [s, i, a, l].filter(Boolean)
+  };
+}
+function ae(t) {
+  return t.endsWith("%") ? parseFloat(t) / 100 : parseFloat(t);
+}
+function Rr(t) {
+  const e = ge(t);
+  return e && e.type?.toLowerCase() === "rgb" ? {
+    r: parseInt(e.values[0], 10),
+    g: parseInt(e.values[1], 10),
+    b: parseInt(e.values[2], 10)
+  } : { r: 255, g: 0, b: 0 };
+}
+function zr(t) {
+  const e = ge(t);
+  return e && e.type?.toLowerCase() === "rgb" ? {
+    r: parseInt(e.values[0], 10),
+    g: parseInt(e.values[1], 10),
+    b: parseInt(e.values[2], 10),
+    a: e.values[3] ? parseFloat(e.values[3]) : 1
+  } : { r: 255, g: 0, b: 0, a: 1 };
+}
+function Br(t) {
+  const e = ge(t);
+  return e && e.type?.toLowerCase() === "hsl" ? {
+    h: parseFloat(e.values[0]),
+    s: ae(e.values[1]),
+    l: ae(e.values[2])
+  } : { h: 0, s: 0, l: 0 };
+}
+function Hr(t) {
+  const e = ge(t);
+  return e && e.type?.toLowerCase() === "hsla" ? {
+    h: parseFloat(e.values[0]),
+    s: ae(e.values[1]),
+    l: ae(e.values[2]),
+    a: e.values[3] ? parseFloat(e.values[3]) : 1
+  } : { h: 0, s: 0, l: 0, a: 1 };
+}
+function Dr(t) {
+  const e = ge(t);
+  return e && e.type?.toLowerCase() === "hsv" ? {
+    h: parseFloat(e.values[0]),
+    s: ae(e.values[1]),
+    v: ae(e.values[2])
+  } : { h: 0, s: 0, v: 0 };
+}
+function Fr(t) {
+  const e = ge(t);
+  return e && e.type?.toLowerCase() === "hsva" ? {
+    h: parseFloat(e.values[0]),
+    s: ae(e.values[1]),
+    v: ae(e.values[2]),
+    a: e.values[3] ? parseFloat(e.values[3]) : 1
+  } : { h: 0, s: 0, v: 0, a: 1 };
+}
+function Ie(t) {
+  const e = Yt(t), r = ht(e);
+  return { hsv: e, hsl: r, rgb: t };
+}
+function it(t) {
+  const e = gt(t), r = We(e);
+  return { hsv: e, hsl: t, rgb: r };
+}
+function ut(t) {
+  const e = ht(t), r = We(t);
+  return { hsv: t, hsl: e, rgb: r };
+}
+function Tr() {
+  const t = N({
+    hsv: { h: 0, s: 0, v: 0 },
+    hsl: { h: 0, s: 0, l: 0 },
+    rgb: { r: 0, g: 0, b: 0 }
+  }), e = N(100), r = x({
+    get: () => t.value.rgb,
+    set: (d) => t.value = Ie(d)
+  }), o = x({
+    get: () => ({ ...t.value.rgb, a: e.value / 100 }),
+    set: (d) => {
+      e.value = Math.round((d.a ?? 1) * 100), t.value = Ie({ r: d.r, g: d.g, b: d.b });
+    }
+  }), s = x({
+    get: () => t.value.hsl,
+    set: (d) => t.value = it(d)
+  }), i = x({
+    get: () => ({ ...t.value.hsl, a: e.value / 100 }),
+    set: (d) => {
+      e.value = Math.round((d.a ?? 1) * 100), t.value = it({ h: d.h, s: d.s, l: d.l });
+    }
+  }), a = x({
+    get: () => t.value.hsv,
+    set: (d) => t.value = ut(d)
+  }), l = x({
+    get: () => ({ ...t.value.hsv, a: e.value / 100 }),
+    set: (d) => {
+      e.value = Math.round((d.a ?? 1) * 100), t.value = ut({ h: d.h, s: d.s, v: d.v });
+    }
+  }), u = x({
+    get: () => rt(t.value.rgb),
+    set: (d) => {
+      const y = ot(d);
+      t.value = Ie(y);
+    }
+  }), c = x({
+    get: () => {
+      const d = rt(t.value.rgb), y = Ve(e.value / 100 * 255);
+      return d + y;
+    },
+    set: (d) => {
+      const y = ot(d.slice(0, 7)), $ = d.slice(7, 9), A = $ ? parseInt($, 16) / 255 : 1;
+      e.value = Math.round(A * 100), t.value = Ie(y);
+    }
+  });
+  function p() {
+    const { r: d, g: y, b: $ } = t.value.rgb;
+    return `rgb(${d}, ${y}, ${$})`;
+  }
+  function f() {
+    const { r: d, g: y, b: $ } = t.value.rgb, A = (e.value / 100).toFixed(2);
+    return `rgba(${d}, ${y}, ${$}, ${A})`;
+  }
+  function g() {
+    const { h: d, s: y, l: $ } = t.value.hsl, A = (y * 100).toFixed(1), D = ($ * 100).toFixed(1);
+    return `hsl(${d}, ${A}%, ${D}%)`;
+  }
+  function S() {
+    const { h: d, s: y, l: $ } = t.value.hsl, A = (y * 100).toFixed(1), D = ($ * 100).toFixed(1), w = (e.value / 100).toFixed(2);
+    return `hsla(${d}, ${A}%, ${D}%, ${w})`;
+  }
+  function C() {
+    const { h: d, s: y, v: $ } = t.value.hsv, A = (y * 100).toFixed(1), D = ($ * 100).toFixed(1);
+    return `hsv(${d}, ${A}%, ${D}%)`;
+  }
+  function h() {
+    const { h: d, s: y, v: $ } = t.value.hsv, A = (y * 100).toFixed(1), D = ($ * 100).toFixed(1), w = (e.value / 100).toFixed(2);
+    return `hsva(${d}, ${A}%, ${D}%, ${w})`;
+  }
+  function I() {
+    return {
+      rgb: le(r.value),
+      rgba: le(o.value),
+      hsl: le(s.value),
+      hsla: le(i.value),
+      hsv: le(a.value),
+      hsva: le(l.value),
+      hex: u.value,
+      hexa: c.value
+    };
+  }
+  function V(d) {
+    switch (d) {
+      case "hex":
+        return u.value;
+      case "hexa":
+        return c.value;
+      case "rgb":
+        return p();
+      case "rgba":
+        return f();
+      case "hsl":
+        return g();
+      case "hsla":
+        return S();
+      case "hsv":
+        return C();
+      case "hsva":
+        return h();
+      case "object":
+        return I();
+      default:
+        return u.value;
+    }
+  }
+  function _(d, y) {
+    switch (y) {
+      case "hex": {
+        o.value = Ne(d);
+        break;
+      }
+      case "hexa": {
+        o.value = Ne(d);
+        break;
+      }
+      case "rgb": {
+        r.value = Rr(d);
+        break;
+      }
+      case "rgba": {
+        o.value = zr(d);
+        break;
+      }
+      case "hsl": {
+        s.value = Br(d);
+        break;
+      }
+      case "hsla": {
+        i.value = Hr(d);
+        break;
+      }
+      case "hsv": {
+        a.value = Dr(d);
+        break;
+      }
+      case "hsva": {
+        l.value = Fr(d);
+        break;
+      }
+      case "object": {
+        t.value = {
+          hsv: d.hsv,
+          hsl: d.hsl,
+          rgb: d.rgb
+        }, e.value = (d.hsva?.a ?? 1) * 100;
+        break;
+      }
+    }
+  }
+  return {
+    state: t,
+    alpha: e,
+    rgb: r,
+    rgba: o,
+    hsl: s,
+    hsla: i,
+    hsv: a,
+    hsva: l,
+    hex: u,
+    hexa: c,
+    toRGBString: p,
+    toRGBAString: f,
+    toHSLString: g,
+    toHSLAString: S,
+    toHSVString: C,
+    toHSVAString: h,
+    toObject: I,
+    toFormat: V,
+    fromFormat: _
+  };
+}
+function It(t, e = Number.NEGATIVE_INFINITY, r = Number.POSITIVE_INFINITY) {
+  return Math.min(r, Math.max(e, t));
+}
+function Me(t, e) {
+  const r = typeof t == "string" && !e ? `${t}Context` : e, o = Symbol(r);
+  return [(a) => {
+    const l = pt(o, a);
+    if (l || l === null) return l;
+    throw new Error(`Injection \`${o.toString()}\` not found. Component must be used within ${Array.isArray(t) ? `one of the following components: ${t.join(", ")}` : `\`${t}\``}`);
+  }, (a) => (mt(o, a), a)];
+}
+function Vt(t) {
+  return t ? t.flatMap((e) => e.type === Te ? Vt(e.children) : [e]) : [];
+}
+const [Gr] = Me("ConfigProvider");
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Lr = (t) => typeof t < "u", qr = ft;
+function Re(t) {
+  var e;
+  const r = ft(t);
+  return (e = r?.$el) != null ? e : r;
+}
+function Nr() {
+  const t = Dt(!1), e = Ke();
+  return e && Ae(() => {
+    t.value = !0;
+  }, e), t;
+}
+function jr(t) {
+  return JSON.parse(JSON.stringify(t));
+}
+function Or(t, e, r, o = {}) {
+  var s, i, a;
+  const {
+    clone: l = !1,
+    passive: u = !1,
+    eventName: c,
+    deep: p = !1,
+    defaultValue: f,
+    shouldEmit: g
+  } = o, S = Ke(), C = r || S?.emit || ((s = S?.$emit) == null ? void 0 : s.bind(S)) || ((a = (i = S?.proxy) == null ? void 0 : i.$emit) == null ? void 0 : a.bind(S?.proxy));
+  let h = c;
+  h = h || `update:${e.toString()}`;
+  const I = (d) => l ? typeof l == "function" ? l(d) : jr(d) : d, V = () => Lr(t[e]) ? I(t[e]) : f, _ = (d) => {
+    g ? g(d) && C(h, d) : C(h, d);
+  };
+  if (u) {
+    const d = V(), y = N(d);
+    let $ = !1;
+    return fe(
+      () => t[e],
+      (A) => {
+        $ || ($ = !0, y.value = I(A), Ht(() => $ = !1));
+      }
+    ), fe(
+      y,
+      (A) => {
+        !$ && (A !== t[e] || p) && _(A);
+      },
+      { deep: p }
+    ), y;
+  } else
+    return x({
+      get() {
+        return V();
+      },
+      set(d) {
+        _(d);
+      }
+    });
+}
+function Kr(t) {
+  const e = Gr({ dir: N("ltr") });
+  return x(() => t?.value || e.dir?.value || "ltr");
+}
+function Ur(t) {
+  return x(() => qr(t) ? !!Re(t)?.closest("form") : !0);
+}
+function he() {
+  const t = Ke(), e = N(), r = x(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : Re(e)), o = Object.assign({}, t.exposed), s = {};
+  for (const a in t.props) Object.defineProperty(s, a, {
+    enumerable: !0,
+    configurable: !0,
+    get: () => t.props[a]
+  });
+  if (Object.keys(o).length > 0) for (const a in o) Object.defineProperty(s, a, {
+    enumerable: !0,
+    configurable: !0,
+    get: () => o[a]
+  });
+  Object.defineProperty(s, "$el", {
+    enumerable: !0,
+    configurable: !0,
+    get: () => t.vnode.el
+  }), t.exposed = s;
+  function i(a) {
+    e.value = a, a && (Object.defineProperty(s, "$el", {
+      enumerable: !0,
+      configurable: !0,
+      get: () => a instanceof Element ? a : a.$el
+    }), t.exposed = s);
+  }
+  return {
+    forwardRef: i,
+    currentRef: e,
+    currentElement: r
+  };
+}
+function Wr(t) {
+  const e = N(), r = x(() => e.value?.width ?? 0), o = x(() => e.value?.height ?? 0);
+  return Ae(() => {
+    const s = Re(t);
+    if (s) {
+      e.value = {
+        width: s.offsetWidth,
+        height: s.offsetHeight
+      };
+      const i = new ResizeObserver((a) => {
+        if (!Array.isArray(a) || !a.length) return;
+        const l = a[0];
+        let u, c;
+        if ("borderBoxSize" in l) {
+          const p = l.borderBoxSize, f = Array.isArray(p) ? p[0] : p;
+          u = f.inlineSize, c = f.blockSize;
+        } else
+          u = s.offsetWidth, c = s.offsetHeight;
+        e.value = {
+          width: u,
+          height: c
+        };
+      });
+      return i.observe(s, { box: "border-box" }), () => i.unobserve(s);
+    } else e.value = void 0;
+  }), {
+    width: r,
+    height: o
+  };
+}
+const je = R({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(t, { attrs: e, slots: r }) {
+    return () => {
+      if (!r.default) return null;
+      const o = Vt(r.default()), s = o.findIndex((u) => u.type !== Ft);
+      if (s === -1) return o;
+      const i = o[s];
+      delete i.props?.ref;
+      const a = i.props ? oe(e, i.props) : e, l = Tt({
+        ...i,
+        props: {}
+      }, a);
+      return o.length === 1 ? l : (o[s] = l, o);
+    };
+  }
+}), Yr = [
+  "area",
+  "img",
+  "input"
+], ze = R({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(t, { attrs: e, slots: r }) {
+    const o = t.asChild ? "template" : t.as;
+    return typeof o == "string" && Yr.includes(o) ? () => xe(o, e) : o !== "template" ? () => xe(t.as, e, { default: r.default }) : () => xe(je, e, { default: r.default });
+  }
+});
+function Oe() {
+  const t = N(), e = x(() => ["#text", "#comment"].includes(t.value?.$el.nodeName) ? t.value?.$el.nextElementSibling : Re(t));
+  return {
+    primitiveElement: t,
+    currentElement: e
+  };
+}
+const dt = "data-reka-collection-item";
+function Xe(t = {}) {
+  const { key: e = "", isProvider: r = !1 } = t, o = `${e}CollectionProvider`;
+  let s;
+  if (r) {
+    const p = N(/* @__PURE__ */ new Map());
+    s = {
+      collectionRef: N(),
+      itemMap: p
+    }, mt(o, s);
+  } else s = pt(o);
+  const i = (p = !1) => {
+    const f = s.collectionRef.value;
+    if (!f) return [];
+    const g = Array.from(f.querySelectorAll(`[${dt}]`)), C = Array.from(s.itemMap.value.values()).sort((h, I) => g.indexOf(h.ref) - g.indexOf(I.ref));
+    return p ? C : C.filter((h) => h.ref.dataset.disabled !== "");
+  }, a = R({
+    name: "CollectionSlot",
+    setup(p, { slots: f }) {
+      const { primitiveElement: g, currentElement: S } = Oe();
+      return fe(S, () => {
+        s.collectionRef.value = S.value;
+      }), () => xe(je, { ref: g }, f);
+    }
+  }), l = R({
+    name: "CollectionItem",
+    inheritAttrs: !1,
+    props: { value: { validator: () => !0 } },
+    setup(p, { slots: f, attrs: g }) {
+      const { primitiveElement: S, currentElement: C } = Oe();
+      return vt((h) => {
+        if (C.value) {
+          const I = Gt(C.value);
+          s.itemMap.value.set(I, {
+            ref: C.value,
+            value: p.value
+          }), h(() => s.itemMap.value.delete(I));
+        }
+      }), () => xe(je, {
+        ...g,
+        [dt]: "",
+        ref: S
+      }, f);
+    }
+  }), u = x(() => Array.from(s.itemMap.value.values())), c = x(() => s.itemMap.value.size);
+  return {
+    getItems: i,
+    reactiveItems: u,
+    itemMapSize: c,
+    CollectionSlot: a,
+    CollectionItem: l
+  };
+}
+var Xr = /* @__PURE__ */ R({
+  __name: "VisuallyHidden",
+  props: {
+    feature: {
+      type: String,
+      required: !1,
+      default: "focusable"
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    return (e, r) => (M(), H(n(ze), {
+      as: e.as,
+      "as-child": e.asChild,
+      "aria-hidden": e.feature === "focusable" ? "true" : void 0,
+      "data-hidden": e.feature === "fully-hidden" ? "" : void 0,
+      tabindex: e.feature === "fully-hidden" ? "-1" : void 0,
+      style: {
+        position: "absolute",
+        border: 0,
+        width: "1px",
+        height: "1px",
+        padding: 0,
+        margin: "-1px",
+        overflow: "hidden",
+        clip: "rect(0, 0, 0, 0)",
+        clipPath: "inset(50%)",
+        whiteSpace: "nowrap",
+        wordWrap: "normal",
+        top: "-1px",
+        left: "-1px"
+      }
+    }, {
+      default: j(() => [ee(e.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as",
+      "as-child",
+      "aria-hidden",
+      "data-hidden",
+      "tabindex"
+    ]));
+  }
+}), Jr = Xr, Zr = /* @__PURE__ */ R({
+  inheritAttrs: !1,
+  __name: "VisuallyHiddenInputBubble",
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    value: {
+      type: null,
+      required: !0
+    },
+    checked: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    feature: {
+      type: String,
+      required: !1,
+      default: "fully-hidden"
+    }
+  },
+  setup(t) {
+    const e = t, { primitiveElement: r, currentElement: o } = Oe(), s = x(() => e.checked ?? e.value);
+    return fe(s, (i, a) => {
+      if (!o.value) return;
+      const l = o.value, u = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(u, "value").set;
+      if (p && i !== a) {
+        const f = new Event("input", { bubbles: !0 }), g = new Event("change", { bubbles: !0 });
+        p.call(l, i), l.dispatchEvent(f), l.dispatchEvent(g);
+      }
+    }), (i, a) => (M(), H(Jr, oe({
+      ref_key: "primitiveElement",
+      ref: r
+    }, {
+      ...e,
+      ...i.$attrs
+    }, { as: "input" }), null, 16));
+  }
+}), ct = Zr, Qr = /* @__PURE__ */ R({
+  inheritAttrs: !1,
+  __name: "VisuallyHiddenInput",
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    value: {
+      type: null,
+      required: !0
+    },
+    checked: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1
+    },
+    feature: {
+      type: String,
+      required: !1,
+      default: "fully-hidden"
+    }
+  },
+  setup(t) {
+    const e = t, r = x(() => typeof e.value == "object" && Array.isArray(e.value) && e.value.length === 0 && e.required), o = x(() => typeof e.value == "string" || typeof e.value == "number" || typeof e.value == "boolean" || e.value === null || e.value === void 0 ? [{
+      name: e.name,
+      value: e.value
+    }] : typeof e.value == "object" && Array.isArray(e.value) ? e.value.flatMap((s, i) => typeof s == "object" ? Object.entries(s).map(([a, l]) => ({
+      name: `${e.name}[${i}][${a}]`,
+      value: l
+    })) : {
+      name: `${e.name}[${i}]`,
+      value: s
+    }) : e.value !== null && typeof e.value == "object" && !Array.isArray(e.value) ? Object.entries(e.value).map(([s, i]) => ({
+      name: `${e.name}[${s}]`,
+      value: i
+    })) : []);
+    return (s, i) => (M(), Z(Te, null, [se(" We render single input if it's required "), r.value ? (M(), H(ct, oe({ key: s.name }, {
+      ...e,
+      ...s.$attrs
+    }, {
+      name: s.name,
+      value: s.value
+    }), null, 16, ["name", "value"])) : (M(!0), Z(Te, { key: 1 }, Lt(o.value, (a) => (M(), H(ct, oe({ key: a.name }, { ref_for: !0 }, {
+      ...e,
+      ...s.$attrs
+    }, {
+      name: a.name,
+      value: a.value
+    }), null, 16, ["name", "value"]))), 128))], 2112));
+  }
+}), eo = Qr;
+function to(t = [], e, r) {
+  const o = [...t];
+  return o[r] = e, o.sort((s, i) => s - i);
+}
+function ro(t, e, r) {
+  const i = 100 / (r - e) * (t - e);
+  return It(i, 0, 100);
+}
+function oo(t, e) {
+  return e > 2 ? `Value ${t + 1} of ${e}` : e === 2 ? ["Minimum", "Maximum"][t] : void 0;
+}
+function ao(t, e) {
+  if (t.length === 1) return 0;
+  const r = t.map((s) => Math.abs(s - e)), o = Math.min(...r);
+  return r.indexOf(o);
+}
+function no(t, e, r) {
+  const o = t / 2, i = Je([0, 50], [0, o]);
+  return (o - i(e) * r) * r;
+}
+function lo(t) {
+  return t.slice(0, -1).map((e, r) => t[r + 1] - e);
+}
+function so(t, e) {
+  if (e > 0) {
+    const r = lo(t);
+    return Math.min(...r) >= e;
+  }
+  return !0;
+}
+function Je(t, e) {
+  return (r) => {
+    if (t[0] === t[1] || e[0] === e[1]) return e[0];
+    const o = (e[1] - e[0]) / (t[1] - t[0]);
+    return e[0] + o * (r - t[0]);
+  };
+}
+function io(t) {
+  return (String(t).split(".")[1] || "").length;
+}
+function uo(t, e) {
+  const r = 10 ** e;
+  return Math.round(t * r) / r;
+}
+const At = ["PageUp", "PageDown"], Mt = [
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight"
+], Rt = {
+  "from-left": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowLeft"
+  ],
+  "from-right": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowRight"
+  ],
+  "from-bottom": [
+    "Home",
+    "PageDown",
+    "ArrowDown",
+    "ArrowLeft"
+  ],
+  "from-top": [
+    "Home",
+    "PageUp",
+    "ArrowUp",
+    "ArrowLeft"
+  ]
+}, [co, zt] = Me(["SliderVertical", "SliderHorizontal"]);
+var po = /* @__PURE__ */ R({
+  __name: "SliderHorizontal",
+  props: {
+    dir: {
+      type: String,
+      required: !1
+    },
+    min: {
+      type: Number,
+      required: !0
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    inverted: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: [
+    "slideEnd",
+    "slideStart",
+    "slideMove",
+    "homeKeyDown",
+    "endKeyDown",
+    "stepKeyDown"
+  ],
+  setup(t, { emit: e }) {
+    const r = t, o = e, { max: s, min: i, dir: a, inverted: l } = Ue(r), { forwardRef: u, currentElement: c } = he(), p = we(), f = N(), g = N(), S = x(() => a?.value !== "rtl" && !l.value || a?.value !== "ltr" && l.value);
+    function C(_, d) {
+      const y = g.value || c.value.getBoundingClientRect(), $ = [...p.thumbElements.value][p.valueIndexToChangeRef.value], A = p.thumbAlignment.value === "contain" ? $.clientWidth : 0;
+      !f.value && !d && p.thumbAlignment.value === "contain" && (f.value = _.clientX - $.getBoundingClientRect().left);
+      const D = [0, y.width - A], w = S.value ? [i.value, s.value] : [s.value, i.value], O = Je(D, w);
+      g.value = y;
+      const z = d ? _.clientX - y.left - A / 2 : _.clientX - y.left - (f.value ?? 0);
+      return O(z);
+    }
+    const h = x(() => S.value ? "left" : "right"), I = x(() => S.value ? "right" : "left"), V = x(() => S.value ? 1 : -1);
+    return zt({
+      startEdge: h,
+      endEdge: I,
+      direction: V,
+      size: "width"
+    }), (_, d) => (M(), H(Bt, {
+      ref: n(u),
+      dir: n(a),
+      "data-orientation": "horizontal",
+      style: L({ "--reka-slider-thumb-transform": !S.value && n(p).thumbAlignment.value === "overflow" ? "translateX(50%)" : "translateX(-50%)" }),
+      onSlideStart: d[0] || (d[0] = (y) => {
+        const $ = C(y, !0);
+        o("slideStart", $);
+      }),
+      onSlideMove: d[1] || (d[1] = (y) => {
+        const $ = C(y);
+        o("slideMove", $);
+      }),
+      onSlideEnd: d[2] || (d[2] = () => {
+        g.value = void 0, f.value = void 0, o("slideEnd");
+      }),
+      onStepKeyDown: d[3] || (d[3] = (y) => {
+        const $ = S.value ? "from-left" : "from-right", A = n(Rt)[$].includes(y.key);
+        o("stepKeyDown", y, A ? -1 : 1);
+      }),
+      onEndKeyDown: d[4] || (d[4] = (y) => o("endKeyDown", y)),
+      onHomeKeyDown: d[5] || (d[5] = (y) => o("homeKeyDown", y))
+    }, {
+      default: j(() => [ee(_.$slots, "default")]),
+      _: 3
+    }, 8, ["dir", "style"]));
+  }
+}), mo = po, fo = /* @__PURE__ */ R({
+  __name: "SliderVertical",
+  props: {
+    min: {
+      type: Number,
+      required: !0
+    },
+    max: {
+      type: Number,
+      required: !0
+    },
+    inverted: {
+      type: Boolean,
+      required: !0
+    }
+  },
+  emits: [
+    "slideEnd",
+    "slideStart",
+    "slideMove",
+    "homeKeyDown",
+    "endKeyDown",
+    "stepKeyDown"
+  ],
+  setup(t, { emit: e }) {
+    const r = t, o = e, { max: s, min: i, inverted: a } = Ue(r), l = we(), { forwardRef: u, currentElement: c } = he(), p = N(), f = N(), g = x(() => !a.value);
+    function S(V, _) {
+      const d = f.value || c.value.getBoundingClientRect(), y = [...l.thumbElements.value][l.valueIndexToChangeRef.value], $ = l.thumbAlignment.value === "contain" ? y.clientHeight : 0;
+      !p.value && !_ && l.thumbAlignment.value === "contain" && (p.value = V.clientY - y.getBoundingClientRect().top);
+      const A = [0, d.height - $], D = g.value ? [s.value, i.value] : [i.value, s.value], w = Je(A, D), O = _ ? V.clientY - d.top - $ / 2 : V.clientY - d.top - (p.value ?? 0);
+      return f.value = d, w(O);
+    }
+    const C = x(() => g.value ? "bottom" : "top"), h = x(() => g.value ? "top" : "bottom"), I = x(() => g.value ? 1 : -1);
+    return zt({
+      startEdge: C,
+      endEdge: h,
+      direction: I,
+      size: "height"
+    }), (V, _) => (M(), H(Bt, {
+      ref: n(u),
+      "data-orientation": "vertical",
+      style: L({ "--reka-slider-thumb-transform": !g.value && n(l).thumbAlignment.value === "overflow" ? "translateY(-50%)" : "translateY(50%)" }),
+      onSlideStart: _[0] || (_[0] = (d) => {
+        const y = S(d, !0);
+        o("slideStart", y);
+      }),
+      onSlideMove: _[1] || (_[1] = (d) => {
+        const y = S(d);
+        o("slideMove", y);
+      }),
+      onSlideEnd: _[2] || (_[2] = () => {
+        f.value = void 0, p.value = void 0, o("slideEnd");
+      }),
+      onStepKeyDown: _[3] || (_[3] = (d) => {
+        const y = g.value ? "from-bottom" : "from-top", $ = n(Rt)[y].includes(d.key);
+        o("stepKeyDown", d, $ ? -1 : 1);
+      }),
+      onEndKeyDown: _[4] || (_[4] = (d) => o("endKeyDown", d)),
+      onHomeKeyDown: _[5] || (_[5] = (d) => o("homeKeyDown", d))
+    }, {
+      default: j(() => [ee(V.$slots, "default")]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), vo = fo;
+const [we, bo] = Me("SliderRoot");
+var go = /* @__PURE__ */ R({
+  inheritAttrs: !1,
+  __name: "SliderRoot",
+  props: {
+    defaultValue: {
+      type: Array,
+      required: !1,
+      default: () => [0]
+    },
+    modelValue: {
+      type: [Array, null],
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    orientation: {
+      type: String,
+      required: !1,
+      default: "horizontal"
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    inverted: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    min: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    max: {
+      type: Number,
+      required: !1,
+      default: 100
+    },
+    step: {
+      type: Number,
+      required: !1,
+      default: 1
+    },
+    minStepsBetweenThumbs: {
+      type: Number,
+      required: !1,
+      default: 0
+    },
+    thumbAlignment: {
+      type: String,
+      required: !1,
+      default: "contain"
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    },
+    name: {
+      type: String,
+      required: !1
+    },
+    required: {
+      type: Boolean,
+      required: !1
+    }
+  },
+  emits: ["update:modelValue", "valueCommit"],
+  setup(t, { emit: e }) {
+    const r = t, o = e, { min: s, max: i, step: a, minStepsBetweenThumbs: l, orientation: u, disabled: c, thumbAlignment: p, dir: f } = Ue(r), g = Kr(f), { forwardRef: S, currentElement: C } = he(), h = Ur(C), { CollectionSlot: I } = Xe({ isProvider: !0 }), V = Or(r, "modelValue", o, {
+      defaultValue: r.defaultValue,
+      passive: r.modelValue === void 0
+    }), _ = x(() => Array.isArray(V.value) ? [...V.value] : []), d = N(0), y = N(_.value);
+    function $(z) {
+      const B = ao(_.value, z);
+      w(z, B);
+    }
+    function A(z) {
+      w(z, d.value);
+    }
+    function D() {
+      const z = y.value[d.value];
+      _.value[d.value] !== z && o("valueCommit", le(_.value));
+    }
+    function w(z, B, { commit: T } = { commit: !1 }) {
+      const ce = io(a.value), pe = uo(Math.round((z - s.value) / a.value) * a.value + s.value, ce), Q = It(pe, s.value, i.value), q = to(_.value, Q, B);
+      if (so(q, l.value * a.value)) {
+        d.value = q.indexOf(Q);
+        const Y = String(q) !== String(V.value);
+        Y && T && o("valueCommit", q), Y && (O.value[d.value]?.focus(), V.value = q);
+      }
+    }
+    const O = N([]);
+    return bo({
+      modelValue: V,
+      currentModelValue: _,
+      valueIndexToChangeRef: d,
+      thumbElements: O,
+      orientation: u,
+      min: s,
+      max: i,
+      disabled: c,
+      thumbAlignment: p
+    }), (z, B) => (M(), H(n(I), null, {
+      default: j(() => [(M(), H(qt(n(u) === "horizontal" ? mo : vo), oe(z.$attrs, {
+        ref: n(S),
+        "as-child": z.asChild,
+        as: z.as,
+        min: n(s),
+        max: n(i),
+        dir: n(g),
+        inverted: z.inverted,
+        "aria-disabled": n(c),
+        "data-disabled": n(c) ? "" : void 0,
+        onPointerdown: B[0] || (B[0] = () => {
+          n(c) || (y.value = _.value);
+        }),
+        onSlideStart: B[1] || (B[1] = (T) => !n(c) && $(T)),
+        onSlideMove: B[2] || (B[2] = (T) => !n(c) && A(T)),
+        onSlideEnd: B[3] || (B[3] = (T) => !n(c) && D()),
+        onHomeKeyDown: B[4] || (B[4] = (T) => !n(c) && w(n(s), 0, { commit: !0 })),
+        onEndKeyDown: B[5] || (B[5] = (T) => !n(c) && w(n(i), _.value.length - 1, { commit: !0 })),
+        onStepKeyDown: B[6] || (B[6] = (T, ce) => {
+          if (!n(c)) {
+            const q = n(At).includes(T.key) || T.shiftKey && n(Mt).includes(T.key) ? 10 : 1, Y = d.value, k = _.value[Y], ke = n(a) * q * ce;
+            w(k + ke, Y, { commit: !0 });
+          }
+        })
+      }), {
+        default: j(() => [ee(z.$slots, "default", { modelValue: n(V) }), n(h) && z.name ? (M(), H(n(eo), {
+          key: 0,
+          type: "number",
+          value: n(V),
+          name: z.name,
+          required: z.required,
+          disabled: n(c),
+          step: n(a)
+        }, null, 8, [
+          "value",
+          "name",
+          "required",
+          "disabled",
+          "step"
+        ])) : se("v-if", !0)]),
+        _: 3
+      }, 16, [
+        "as-child",
+        "as",
+        "min",
+        "max",
+        "dir",
+        "inverted",
+        "aria-disabled",
+        "data-disabled"
+      ]))]),
+      _: 3
+    }));
+  }
+}), ie = go, ho = /* @__PURE__ */ R({
+  __name: "SliderImpl",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  emits: [
+    "slideStart",
+    "slideMove",
+    "slideEnd",
+    "homeKeyDown",
+    "endKeyDown",
+    "stepKeyDown"
+  ],
+  setup(t, { emit: e }) {
+    const r = t, o = e, s = we();
+    return (i, a) => (M(), H(n(ze), oe({ "data-slider-impl": "" }, r, {
+      onKeydown: a[0] || (a[0] = (l) => {
+        l.key === "Home" ? (o("homeKeyDown", l), l.preventDefault()) : l.key === "End" ? (o("endKeyDown", l), l.preventDefault()) : n(At).concat(n(Mt)).includes(l.key) && (o("stepKeyDown", l), l.preventDefault());
+      }),
+      onPointerdown: a[1] || (a[1] = (l) => {
+        const u = l.target;
+        u.setPointerCapture(l.pointerId), l.preventDefault(), n(s).thumbElements.value.includes(u) ? u.focus() : o("slideStart", l);
+      }),
+      onPointermove: a[2] || (a[2] = (l) => {
+        l.target.hasPointerCapture(l.pointerId) && o("slideMove", l);
+      }),
+      onPointerup: a[3] || (a[3] = (l) => {
+        const u = l.target;
+        u.hasPointerCapture(l.pointerId) && (u.releasePointerCapture(l.pointerId), o("slideEnd", l));
+      })
+    }), {
+      default: j(() => [ee(i.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), Bt = ho, yo = /* @__PURE__ */ R({
+  inheritAttrs: !1,
+  __name: "SliderThumbImpl",
+  props: {
+    index: {
+      type: Number,
+      required: !0
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(t) {
+    const e = t, r = we(), o = co(), { forwardRef: s, currentElement: i } = he(), { CollectionItem: a } = Xe(), l = x(() => r.modelValue?.value?.[e.index]), u = x(() => l.value === void 0 ? 0 : ro(l.value, r.min.value ?? 0, r.max.value ?? 100)), c = x(() => oo(e.index, r.modelValue?.value?.length ?? 0)), p = Wr(i), f = x(() => p[o.size].value), g = x(() => r.thumbAlignment.value === "overflow" || !f.value ? 0 : no(f.value, u.value, o.direction.value)), S = Nr();
+    return Ae(() => {
+      r.thumbElements.value.push(i.value);
+    }), bt(() => {
+      const C = r.thumbElements.value.findIndex((h) => h === i.value) ?? -1;
+      r.thumbElements.value.splice(C, 1);
+    }), (C, h) => (M(), H(n(a), null, {
+      default: j(() => [U(n(ze), oe(C.$attrs, {
+        ref: n(s),
+        role: "slider",
+        tabindex: n(r).disabled.value ? void 0 : 0,
+        "aria-label": C.$attrs["aria-label"] || c.value,
+        "data-disabled": n(r).disabled.value ? "" : void 0,
+        "data-orientation": n(r).orientation.value,
+        "aria-valuenow": l.value,
+        "aria-valuemin": n(r).min.value,
+        "aria-valuemax": n(r).max.value,
+        "aria-orientation": n(r).orientation.value,
+        "as-child": C.asChild,
+        as: C.as,
+        style: {
+          transform: "var(--reka-slider-thumb-transform)",
+          position: "absolute",
+          [n(o).startEdge.value]: `calc(${u.value}% + ${g.value}px)`,
+          display: !n(S) && l.value === void 0 ? "none" : void 0
+        },
+        onFocus: h[0] || (h[0] = () => {
+          n(r).valueIndexToChangeRef.value = C.index;
+        })
+      }), {
+        default: j(() => [ee(C.$slots, "default")]),
+        _: 3
+      }, 16, [
+        "tabindex",
+        "aria-label",
+        "data-disabled",
+        "data-orientation",
+        "aria-valuenow",
+        "aria-valuemin",
+        "aria-valuemax",
+        "aria-orientation",
+        "as-child",
+        "as",
+        "style"
+      ])]),
+      _: 3
+    }));
+  }
+}), xo = yo, wo = /* @__PURE__ */ R({
+  __name: "SliderThumb",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const e = t, { getItems: r } = Xe(), { forwardRef: o, currentElement: s } = he(), i = x(() => s.value ? r(!0).findIndex((a) => a.ref === s.value) : -1);
+    return (a, l) => (M(), H(xo, oe({ ref: n(o) }, e, { index: i.value }), {
+      default: j(() => [ee(a.$slots, "default")]),
+      _: 3
+    }, 16, ["index"]));
+  }
+}), ue = wo, ko = /* @__PURE__ */ R({
+  __name: "SliderTrack",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "span"
+    }
+  },
+  setup(t) {
+    const e = we();
+    return he(), (r, o) => (M(), H(n(ze), {
+      "as-child": r.asChild,
+      as: r.as,
+      "data-disabled": n(e).disabled.value ? "" : void 0,
+      "data-orientation": n(e).orientation.value
+    }, {
+      default: j(() => [ee(r.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "data-disabled",
+      "data-orientation"
+    ]));
+  }
+}), de = ko;
+const [W, So] = Me("ColorPickerRoot"), No = /* @__PURE__ */ R({
+  __name: "ColorPickerRoot",
+  props: {
+    ui: {},
+    class: {},
+    styling: { default: "tailwindcss" },
+    disabled: { type: Boolean, default: !1 },
+    defaultValue: { default: "#B63DDAFF" },
+    modelValue: {},
+    format: { default: "hexa" }
+  },
+  emits: ["update:end", "update:modelValue"],
+  setup(t, { expose: e, emit: r }) {
+    const o = t, s = r, i = Tr();
+    fe(
+      () => [i.hexa.value, i.hsv.value],
+      () => s("update:modelValue", i.toFormat(o.format))
+    ), fe(
+      () => o.modelValue,
+      (p, f) => {
+        p === null || o.format === "object" && typeof p != "object" || o.format !== "object" && typeof p == "object" ? i.hexa.value = o.defaultValue : Jt(p, f) || i.fromFormat(p, o.format);
+      },
+      { immediate: !0 }
+    );
+    const a = x(() => o.disabled ?? !1), l = x(() => ["hexa", "rgba", "hsva", "object"].includes(o.format)), u = Mr(Ut[o.styling], o.ui);
+    So({
+      ...i,
+      uiSlots: u,
+      disabled: a,
+      isAlphaEnabled: l,
+      emitUpdateEnd: () => {
+        o.disabled || s("update:end", i.toFormat(o.format));
+      }
+    }), e({
+      color: i
+    });
+    const c = u("picker");
+    return (p, f) => (M(), Z("div", {
+      class: m(n(c).root(o.class))
+    }, [
+      ee(p.$slots, "default")
+    ], 2));
+  }
+});
+function Co(t, e) {
+  const r = t.canvas.width, o = t.canvas.height, s = `hsl(${e},100%,50%)`;
+  t.rect(0, 0, r, o), t.fillStyle = s, t.fillRect(0, 0, r, o);
+  const i = t.createLinearGradient(0, 0, r, 0);
+  i.addColorStop(0, "rgba(255,255,255,1)"), i.addColorStop(1, "rgba(255,255,255,0)"), t.fillStyle = i, t.fillRect(0, 0, r, o);
+  const a = t.createLinearGradient(0, 0, 0, o);
+  a.addColorStop(0, "rgba(0,0,0,0)"), a.addColorStop(1, "rgba(0,0,0,1)"), t.fillStyle = a, t.fillRect(0, 0, r, o);
+}
+function $o(t, e) {
+  const r = t.canvas.width, o = t.canvas.height;
+  t.clearRect(0, 0, r, o);
+  const s = t.createLinearGradient(0, 0, r, 0), i = 12;
+  for (let u = 0; u <= i; u++) {
+    const c = u / i, { r: p, g: f, b: g } = We(gt({ h: e, s: c, l: 0.5 }));
+    s.addColorStop(c, `rgb(${p} ${f} ${g})`);
+  }
+  t.fillStyle = s, t.fillRect(0, 0, r, o), t.globalCompositeOperation = "screen";
+  let a = t.createLinearGradient(0, 0, 0, o);
+  a.addColorStop(0, "white"), a.addColorStop(0.5, "rgba(255,255,255,0)"), t.fillStyle = a, t.fillRect(0, 0, r, o), t.globalCompositeOperation = "multiply";
+  let l = t.createLinearGradient(0, 0, 0, o);
+  l.addColorStop(0.5, "rgba(0,0,0,0)"), l.addColorStop(1, "black"), t.fillStyle = l, t.fillRect(0, 0, r, o), t.globalCompositeOperation = "source-over";
+}
+function _o(t, e) {
+  const r = W(), o = N({
+    top: 1,
+    left: 1,
+    width: 1,
+    height: 1
+  }), { hsl: s, hsv: i } = r, a = x({
+    get: () => e.value === "HSV" ? 1 - i.value.v : 1 - s.value.l,
+    set: (h) => {
+      e.value === "HSV" ? i.value = { ...i.value, v: J(1 - h, 0, 1) } : s.value = { ...s.value, l: J(1 - h, 0, 1) };
+    }
+  }), l = x({
+    get: () => e.value === "HSV" ? i.value.s : s.value.s,
+    set: (h) => {
+      e.value === "HSV" ? i.value = { ...i.value, s: J(h, 0, 1) } : s.value = { ...s.value, s: J(h, 0, 1) };
+    }
+  }), u = x(() => {
+    const h = l.value * o.value.width, I = a.value * o.value.height;
+    return {
+      top: 0,
+      left: 0,
+      position: "absolute",
+      backgroundColor: Xt({ ...r.rgba.value, a: 1 }),
+      transform: `translate3d(calc(-50% + ${h}px), calc(-50% + ${I}px), 0px)`
+    };
+  });
+  Ae(() => {
+    c(), window.addEventListener("resize", c);
+  }), bt(() => {
+    window.removeEventListener("resize", c);
+  });
+  function c() {
+    const h = t.value;
+    h && (o.value = h.getBoundingClientRect());
+  }
+  function p(h) {
+    document.addEventListener("pointermove", f), document.addEventListener("pointerup", g), c(), f(h);
+  }
+  function f(h) {
+    h.preventDefault();
+    const I = h.clientY - o.value.top, V = h.clientX - o.value.left;
+    l.value = J(V, 0, o.value.width) / o.value.width, a.value = J(I, 0, o.value.height) / o.value.height;
+  }
+  function g() {
+    document.removeEventListener("pointermove", f), document.removeEventListener("pointerup", g), r.emitUpdateEnd();
+  }
+  function S(h) {
+    const I = h.shiftKey ? 0.1 : 0.01;
+    switch (h.key) {
+      case "ArrowUp":
+        h.preventDefault(), a.value -= I, r.emitUpdateEnd();
+        break;
+      case "ArrowDown":
+        h.preventDefault(), a.value += I, r.emitUpdateEnd();
+        break;
+      case "ArrowLeft":
+        h.preventDefault(), l.value -= I, r.emitUpdateEnd();
+        break;
+      case "ArrowRight":
+        h.preventDefault(), l.value += I, r.emitUpdateEnd();
+        break;
+    }
+  }
+  function C(h) {
+    const I = h.deltaY * 0.1, V = (r.hsv.value.h + I) % 360;
+    h.preventDefault(), r.hsv.value = {
+      ...r.hsv.value,
+      h: V < 0 ? 360 : V
+    };
+  }
+  return {
+    thumbStyles: u,
+    handleWheel: C,
+    handleKeyDown: S,
+    handlePointerDown: p
+  };
+}
+const Eo = ["height", "width"], jo = /* @__PURE__ */ R({
+  __name: "ColorPickerCanvas",
+  props: {
+    type: { default: "HSV" },
+    height: { default: 208 },
+    width: { default: 208 },
+    class: {},
+    ui: {}
+  },
+  setup(t) {
+    const e = W(), r = Nt("canvasRef"), o = t, s = x(() => ({
+      position: "relative",
+      height: `${o.height}px`,
+      width: `${o.width}px`
+    }));
+    vt(() => {
+      const f = r.value?.getContext("2d");
+      if (f)
+        switch (o.type) {
+          case "HSL":
+            $o(f, e.hsv.value.h);
+            break;
+          case "HSV":
+            Co(f, e.hsv.value.h);
+            break;
+        }
+    });
+    const i = x(() => o.type), {
+      thumbStyles: a,
+      handleWheel: l,
+      handleKeyDown: u,
+      handlePointerDown: c
+    } = _o(r, i), p = e.uiSlots("canvas", "shared");
+    return (f, g) => (M(), Z("div", {
+      style: L(s.value),
+      class: m(n(p).root(o.ui?.root, o.class)),
+      onContextmenu: g[0] || (g[0] = jt(() => {
+      }, ["prevent"])),
+      onWheel: g[1] || (g[1] = //@ts-ignore
+      (...S) => n(l) && n(l)(...S)),
+      onKeydown: g[2] || (g[2] = //@ts-ignore
+      (...S) => n(u) && n(u)(...S)),
+      onPointerdown: g[3] || (g[3] = //@ts-ignore
+      (...S) => n(c) && n(c)(...S))
+    }, [
+      E("canvas", {
+        ref_key: "canvasRef",
+        ref: r,
+        height: o.height,
+        width: o.width,
+        class: m(n(p).area(o.ui?.area))
+      }, null, 10, Eo),
+      E("span", {
+        tabindex: "0",
+        style: L(n(a)),
+        class: m(n(p).thumb(o.ui?.thumb))
+      }, null, 6)
+    ], 38));
+  }
+}), Oo = /* @__PURE__ */ R({
+  __name: "ColorPickerEyeDropper",
+  props: {
+    class: {}
+  },
+  setup(t) {
+    const e = t, r = W(), o = x(() => typeof window < "u" && !!window.EyeDropper);
+    function s() {
+      if (!o.value) {
+        console.warn("EyeDropper API is not available in this environment.");
+        return;
+      }
+      const a = window.EyeDropper;
+      new a().open().then((u) => {
+        r.hexa.value = u.sRGBHex;
+      }).catch((u) => {
+        console.error(u);
+      });
+    }
+    const i = r.uiSlots("dropper");
+    return (a, l) => o.value ? (M(), Z("button", {
+      key: 0,
+      class: m(n(i).base(e.class)),
+      onClick: s
+    }, [
+      ee(a.$slots, "default")
+    ], 2)) : se("", !0);
+  }
+}), Po = ["value", "disabled"], Io = ["value", "disabled"], Ko = /* @__PURE__ */ R({
+  __name: "ColorPickerInputHex",
+  props: {
+    class: {},
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W();
+    function o(a) {
+      const l = a.target, u = Ne(l.value);
+      u ? (r.rgba.value = u, r.emitUpdateEnd()) : l.value = r.hex.value;
+    }
+    function s(a) {
+      const l = a.target, u = parseInt(l.value, 10), c = isNaN(u) ? r.alpha.value : J(u, 0, 100);
+      r.alpha.value !== c ? (r.alpha.value = c, r.emitUpdateEnd()) : l.value = c.toString();
+    }
+    const i = r.uiSlots("input");
+    return (a, l) => (M(), Z("div", {
+      class: m(n(i).group(e.ui?.group, e.class))
+    }, [
+      E("div", {
+        class: m(n(i).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(i).label(e.ui?.label))
+        }, "#", 2),
+        E("input", {
+          type: "text",
+          name: "hex",
+          "aria-label": "Hex",
+          value: n(r).hex.value.replace("#", ""),
+          disabled: n(r).disabled.value,
+          class: m(n(i).field(e.ui?.field)),
+          onBlur: o
+        }, null, 42, Po)
+      ], 2),
+      n(r).isAlphaEnabled.value ? (M(), Z("div", {
+        key: 0,
+        "data-alpha-input": "",
+        class: m(n(i).item(e.ui?.item))
+      }, [
+        E("input", {
+          type: "text",
+          name: "opacity",
+          "aria-label": "Opacity",
+          value: n(r).alpha.value,
+          disabled: n(r).disabled.value,
+          class: m(n(i).field(e.ui?.field)),
+          onBlur: s
+        }, null, 42, Io),
+        E("span", {
+          class: m(n(i).label(e.ui?.label))
+        }, "%", 2)
+      ], 2)) : se("", !0)
+    ], 2));
+  }
+}), Vo = ["disabled", "value"], Ao = ["disabled", "value"], Mo = ["disabled", "value"], Ro = ["value", "disabled"], Uo = /* @__PURE__ */ R({
+  __name: "ColorPickerInputRGB",
+  props: {
+    class: {},
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W();
+    function o(l, u) {
+      const c = l.target, p = parseInt(c.value, 10), f = isNaN(p) ? r.rgb.value[u] : J(p, 0, 255);
+      r.rgb.value[u] !== f ? (r.rgb.value = {
+        ...r.rgb.value,
+        [u]: f
+      }, r.emitUpdateEnd()) : c.value = f.toString();
+    }
+    function s(l) {
+      const u = l.target, c = parseInt(u.value, 10), p = isNaN(c) ? r.alpha.value : J(c, 0, 100);
+      r.alpha.value !== p ? (r.alpha.value = p, r.emitUpdateEnd()) : u.value = p.toString();
+    }
+    const i = (l) => Math.round(l), a = r.uiSlots("input");
+    return (l, u) => (M(), Z("div", {
+      class: m(n(a).group(e.ui?.group, e.class))
+    }, [
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "R", 2),
+        E("input", {
+          type: "text",
+          name: "red",
+          "aria-label": "Red",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: i(n(r).rgb.value.r),
+          onBlur: u[0] || (u[0] = (c) => o(c, "r"))
+        }, null, 42, Vo)
+      ], 2),
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "G", 2),
+        E("input", {
+          type: "text",
+          name: "green",
+          "aria-label": "Green",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: i(n(r).rgb.value.g),
+          onBlur: u[1] || (u[1] = (c) => o(c, "g"))
+        }, null, 42, Ao)
+      ], 2),
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "B", 2),
+        E("input", {
+          type: "text",
+          name: "blue",
+          "aria-label": "Blue",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: i(n(r).rgb.value.b),
+          onBlur: u[2] || (u[2] = (c) => o(c, "b"))
+        }, null, 42, Mo)
+      ], 2),
+      n(r).isAlphaEnabled.value ? (M(), Z("div", {
+        key: 0,
+        "data-alpha-input": "",
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("input", {
+          type: "text",
+          name: "opacity",
+          "aria-label": "Opacity",
+          value: n(r).alpha.value,
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          onBlur: s
+        }, null, 42, Ro),
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "%", 2)
+      ], 2)) : se("", !0)
+    ], 2));
+  }
+}), zo = ["disabled", "value"], Bo = ["disabled", "value"], Ho = ["disabled", "value"], Do = ["value", "disabled"], Wo = /* @__PURE__ */ R({
+  __name: "ColorPickerInputHSL",
+  props: {
+    class: {},
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W();
+    function o(l, u, c) {
+      const p = l.target, f = parseInt(p.value, 10), g = isNaN(f) ? r.hsl.value[u] : J(f, 0, c);
+      r.hsl.value[u] !== g ? (r.hsl.value = {
+        ...r.hsl.value,
+        [u]: u === "h" ? g : g / 100
+      }, r.emitUpdateEnd()) : p.value = u !== "h" ? Math.round(g * 100).toString() : g.toString();
+    }
+    function s(l) {
+      const u = l.target, c = parseInt(u.value, 10), p = isNaN(c) ? r.alpha.value : J(c, 0, 100);
+      r.alpha.value !== p ? (r.alpha.value = p, r.emitUpdateEnd()) : u.value = p.toString();
+    }
+    const i = (l) => Math.round(l * 100), a = r.uiSlots("input");
+    return (l, u) => (M(), Z("div", {
+      class: m(n(a).group(e.ui?.group, e.class))
+    }, [
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "H", 2),
+        E("input", {
+          type: "text",
+          name: "hue",
+          "aria-label": "Hue",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: Math.round(n(r).hsl.value.h),
+          onBlur: u[0] || (u[0] = (c) => o(c, "h", 360))
+        }, null, 42, zo)
+      ], 2),
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "S", 2),
+        E("input", {
+          type: "text",
+          name: "saturation",
+          "aria-label": "Saturation",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: i(n(r).hsl.value.s),
+          onBlur: u[1] || (u[1] = (c) => o(c, "s", 100))
+        }, null, 42, Bo)
+      ], 2),
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "L", 2),
+        E("input", {
+          type: "text",
+          name: "lightness",
+          "aria-label": "Lightness",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: i(n(r).hsl.value.l),
+          onBlur: u[2] || (u[2] = (c) => o(c, "l", 100))
+        }, null, 42, Ho)
+      ], 2),
+      n(r).isAlphaEnabled.value ? (M(), Z("div", {
+        key: 0,
+        "data-alpha-input": "",
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("input", {
+          type: "text",
+          name: "opacity",
+          "aria-label": "Opacity",
+          value: n(r).alpha.value,
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          onBlur: s
+        }, null, 42, Do),
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "%", 2)
+      ], 2)) : se("", !0)
+    ], 2));
+  }
+}), Fo = ["disabled", "value"], To = ["disabled", "value"], Go = ["disabled", "value"], Lo = ["value", "disabled"], Yo = /* @__PURE__ */ R({
+  __name: "ColorPickerInputHSB",
+  props: {
+    class: {},
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W();
+    function o(l, u, c) {
+      const p = l.target, f = parseInt(p.value, 10), g = isNaN(f) ? r.hsv.value[u] : J(f, 0, c);
+      r.hsv.value[u] !== g ? (r.hsv.value = {
+        ...r.hsv.value,
+        [u]: u === "h" ? g : g / 100
+      }, r.emitUpdateEnd()) : p.value = u !== "h" ? Math.round(g * 100).toString() : g.toString();
+    }
+    function s(l) {
+      const u = l.target, c = parseInt(u.value, 10), p = isNaN(c) ? r.alpha.value : J(c, 0, 100);
+      r.alpha.value !== p ? (r.alpha.value = p, r.emitUpdateEnd()) : u.value = p.toString();
+    }
+    const i = (l) => Math.round(l * 100), a = r.uiSlots("input");
+    return (l, u) => (M(), Z("div", {
+      class: m(n(a).group(e.ui?.group, e.class))
+    }, [
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "H", 2),
+        E("input", {
+          type: "text",
+          name: "hue",
+          "aria-label": "Hue",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: Math.round(n(r).hsv.value.h),
+          onBlur: u[0] || (u[0] = (c) => o(c, "h", 360))
+        }, null, 42, Fo)
+      ], 2),
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "S", 2),
+        E("input", {
+          type: "text",
+          name: "saturation",
+          "aria-label": "Saturation",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: i(n(r).hsv.value.s),
+          onBlur: u[1] || (u[1] = (c) => o(c, "s", 100))
+        }, null, 42, To)
+      ], 2),
+      E("div", {
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "B", 2),
+        E("input", {
+          type: "text",
+          name: "brightness",
+          "aria-label": "Brightness",
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          value: i(n(r).hsv.value.v),
+          onBlur: u[2] || (u[2] = (c) => o(c, "v", 100))
+        }, null, 42, Go)
+      ], 2),
+      n(r).isAlphaEnabled.value ? (M(), Z("div", {
+        key: 0,
+        "data-alpha-input": "",
+        class: m(n(a).item(e.ui?.item))
+      }, [
+        E("input", {
+          type: "text",
+          name: "opacity",
+          "aria-label": "Opacity",
+          value: n(r).alpha.value,
+          disabled: n(r).disabled.value,
+          class: m(n(a).field(e.ui?.field)),
+          onBlur: s
+        }, null, 42, Lo),
+        E("span", {
+          class: m(n(a).label(e.ui?.label))
+        }, "%", 2)
+      ], 2)) : se("", !0)
+    ], 2));
+  }
+}), Xo = /* @__PURE__ */ R({
+  __name: "ColorPickerSliderAlpha",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" },
+    ui: {}
+  },
+  setup(t) {
+    const e = W(), r = x({
+      get: () => [e.alpha.value],
+      set: ([a]) => {
+        e.alpha.value = a;
+      }
+    }), o = t, s = x(() => ({
+      background: [
+        `linear-gradient(${o.orientation === "horizontal" ? "to right" : "to top"}, rgba(0, 0, 0, 0) 0%, ${e.hex.value} 100%)`,
+        "repeating-conic-gradient(#ddd 0% 25%, transparent 0% 50%) 50% / 8px 8px"
+      ].join(",")
+    })), i = e.uiSlots("slider", "shared");
+    return (a, l) => (M(), H(n(ie), {
+      modelValue: r.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => r.value = u),
+      disabled: n(e).disabled.value,
+      orientation: o.orientation,
+      class: m(n(i).root(o.ui?.root, o.class)),
+      onPointerup: l[1] || (l[1] = (u) => n(e).emitUpdateEnd())
+    }, {
+      default: j(() => [
+        U(n(de), {
+          style: L(s.value),
+          class: m(n(i).track(o.ui?.track))
+        }, null, 8, ["style", "class"]),
+        U(n(ue), {
+          style: L({ backgroundColor: n(e).hexa.value }),
+          class: m(n(i).thumb(o.ui?.thumb)),
+          "aria-label": "Opacity"
+        }, null, 8, ["style", "class"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled", "orientation", "class"]));
+  }
+}), Jo = /* @__PURE__ */ R({
+  __name: "ColorPickerSliderHue",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" },
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W(), o = x({
+      get: () => [r.hsv.value.h],
+      set: ([a]) => {
+        r.hsv.value = {
+          ...r.hsv.value,
+          h: a
+        };
+      }
+    }), s = x(() => `linear-gradient(${e.orientation === "vertical" ? "to bottom" : "to right"}, red, yellow, lime, cyan, blue, magenta, red)`), i = r.uiSlots("slider", "shared");
+    return (a, l) => (M(), H(n(ie), {
+      modelValue: o.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u),
+      disabled: n(r).disabled.value,
+      max: 360,
+      inverted: e.orientation === "vertical",
+      orientation: e.orientation,
+      class: m(n(i).root(e.ui?.root, e.class)),
+      onPointerup: l[1] || (l[1] = (u) => n(r).emitUpdateEnd())
+    }, {
+      default: j(() => [
+        U(n(de), {
+          style: L({ background: s.value }),
+          class: m(n(i).track(e.ui?.track))
+        }, null, 8, ["style", "class"]),
+        U(n(ue), {
+          "aria-label": "Hue",
+          style: L({ background: `hsl(${n(r).hsv.value.h},100%,50%)` }),
+          class: m(n(i).thumb(e.ui?.thumb))
+        }, null, 8, ["style", "class"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled", "inverted", "orientation", "class"]));
+  }
+}), Zo = /* @__PURE__ */ R({
+  __name: "ColorPickerSliderSaturation",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" },
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W(), o = x({
+      get: () => [r.hsl.value.s],
+      set: ([a]) => {
+        r.hsl.value = {
+          ...r.hsl.value,
+          s: a
+        };
+      }
+    }), s = x(() => {
+      const a = e.orientation === "vertical" ? "to top" : "to right", l = `hsl(${r.hsl.value.h} 0 ${r.hsl.value.l * 100}%)`, u = `hsl(${r.hsl.value.h} 100% ${r.hsl.value.l * 100}%)`;
+      return `linear-gradient(${a}, ${l}, ${u})`;
+    }), i = r.uiSlots("slider", "shared");
+    return (a, l) => (M(), H(n(ie), {
+      modelValue: o.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u),
+      max: 1,
+      step: 0.01,
+      disabled: n(r).disabled.value,
+      orientation: e.orientation,
+      class: m(n(i).root(e.ui?.root, e.class)),
+      onPointerup: l[1] || (l[1] = (u) => n(r).emitUpdateEnd())
+    }, {
+      default: j(() => [
+        U(n(de), {
+          style: L({ background: s.value }),
+          class: m(n(i).track(e.ui?.track))
+        }, null, 8, ["style", "class"]),
+        U(n(ue), {
+          "aria-label": "Saturation",
+          style: L({ background: n(r).hex.value }),
+          class: m(n(i).thumb(e.ui?.thumb))
+        }, null, 8, ["style", "class"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled", "orientation", "class"]));
+  }
+}), Qo = /* @__PURE__ */ R({
+  __name: "ColorPickerSliderLightness",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" },
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W(), o = x({
+      get: () => [r.hsl.value.l],
+      set: ([a]) => {
+        r.hsl.value = {
+          ...r.hsl.value,
+          l: a
+        };
+      }
+    }), s = x(() => {
+      const a = e.orientation === "vertical" ? "to top" : "to right", l = `hsl(${r.hsl.value.h}, ${r.hsl.value.s * 100}%, 50%)`;
+      return `linear-gradient(${a}, hsl(0, 0%, 0%), ${l}, hsl(0, 0%, 100%))`;
+    }), i = r.uiSlots("slider", "shared");
+    return (a, l) => (M(), H(n(ie), {
+      modelValue: o.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u),
+      max: 1,
+      step: 0.01,
+      disabled: n(r).disabled.value,
+      orientation: e.orientation,
+      class: m(n(i).root(e.ui?.root, e.class)),
+      onPointerup: l[1] || (l[1] = (u) => n(r).emitUpdateEnd())
+    }, {
+      default: j(() => [
+        U(n(de), {
+          style: L({ background: s.value }),
+          class: m(n(i).track(e.ui?.track))
+        }, null, 8, ["style", "class"]),
+        U(n(ue), {
+          "aria-label": "Lightness",
+          style: L({ background: n(r).hex.value }),
+          class: m(n(i).thumb(e.ui?.thumb))
+        }, null, 8, ["style", "class"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled", "orientation", "class"]));
+  }
+}), ea = /* @__PURE__ */ R({
+  __name: "ColorPickerSliderRed",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" },
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W(), o = x({
+      get: () => [r.rgb.value.r],
+      set: ([a]) => {
+        r.rgb.value = {
+          ...r.rgb.value,
+          r: a
+        };
+      }
+    }), s = x(() => {
+      const a = e.orientation === "vertical" ? "to top" : "to right", l = `rgb(0, ${r.rgb.value.g}, ${r.rgb.value.b})`, u = `rgb(255, ${r.rgb.value.g}, ${r.rgb.value.b})`;
+      return `linear-gradient(${a}, ${l}, ${u})`;
+    }), i = r.uiSlots("slider", "shared");
+    return (a, l) => (M(), H(n(ie), {
+      modelValue: o.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u),
+      disabled: n(r).disabled.value,
+      max: 255,
+      orientation: e.orientation,
+      class: m(n(i).root(e.ui?.root, e.class)),
+      onPointerup: l[1] || (l[1] = (u) => n(r).emitUpdateEnd())
+    }, {
+      default: j(() => [
+        U(n(de), {
+          style: L({ background: s.value }),
+          class: m(n(i).track(e.ui?.track))
+        }, null, 8, ["style", "class"]),
+        U(n(ue), {
+          "aria-label": "Red",
+          style: L({ background: n(r).hex.value }),
+          class: m(n(i).thumb(e.ui?.thumb))
+        }, null, 8, ["style", "class"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled", "orientation", "class"]));
+  }
+}), ta = /* @__PURE__ */ R({
+  __name: "ColorPickerSliderGreen",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" },
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W(), o = x({
+      get: () => [r.rgb.value.g],
+      set: ([a]) => {
+        r.rgb.value = {
+          ...r.rgb.value,
+          g: a
+        };
+      }
+    }), s = x(() => {
+      const a = e.orientation === "vertical" ? "to top" : "to right", l = `rgb(${r.rgb.value.r}, 0, ${r.rgb.value.b})`, u = `rgb(${r.rgb.value.r}, 255, ${r.rgb.value.b})`;
+      return `linear-gradient(${a}, ${l}, ${u})`;
+    }), i = r.uiSlots("slider", "shared");
+    return (a, l) => (M(), H(n(ie), {
+      modelValue: o.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u),
+      disabled: n(r).disabled.value,
+      max: 255,
+      orientation: e.orientation,
+      class: m(n(i).root(e.ui?.root, e.class)),
+      onPointerup: l[1] || (l[1] = (u) => n(r).emitUpdateEnd())
+    }, {
+      default: j(() => [
+        U(n(de), {
+          style: L({ background: s.value }),
+          class: m(n(i).track(e.ui?.track))
+        }, null, 8, ["style", "class"]),
+        U(n(ue), {
+          "aria-label": "Green",
+          style: L({ background: n(r).hex.value }),
+          class: m(n(i).thumb(e.ui?.thumb))
+        }, null, 8, ["style", "class"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled", "orientation", "class"]));
+  }
+}), ra = /* @__PURE__ */ R({
+  __name: "ColorPickerSliderBlue",
+  props: {
+    class: {},
+    orientation: { default: "horizontal" },
+    ui: {}
+  },
+  setup(t) {
+    const e = t, r = W(), o = x({
+      get: () => [r.rgb.value.b],
+      set: ([a]) => {
+        r.rgb.value = {
+          ...r.rgb.value,
+          b: a
+        };
+      }
+    }), s = x(() => {
+      const a = e.orientation === "vertical" ? "to top" : "to right", l = `rgb(${r.rgb.value.r}, ${r.rgb.value.g}, 0)`, u = `rgb(${r.rgb.value.r}, ${r.rgb.value.g}, 255)`;
+      return `linear-gradient(${a}, ${l}, ${u})`;
+    }), i = r.uiSlots("slider", "shared");
+    return (a, l) => (M(), H(n(ie), {
+      modelValue: o.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (u) => o.value = u),
+      disabled: n(r).disabled.value,
+      max: 255,
+      orientation: e.orientation,
+      class: m(n(i).root(e.ui?.root, e.class)),
+      onPointerup: l[1] || (l[1] = (u) => n(r).emitUpdateEnd())
+    }, {
+      default: j(() => [
+        U(n(de), {
+          style: L({ background: s.value }),
+          class: m(n(i).track(e.ui?.track))
+        }, null, 8, ["style", "class"]),
+        U(n(ue), {
+          "aria-label": "Blue",
+          style: L({ background: n(r).hex.value }),
+          class: m(n(i).thumb(e.ui?.thumb))
+        }, null, 8, ["style", "class"])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "disabled", "orientation", "class"]));
+  }
+});
+export {
+  jo as ColorPickerCanvas,
+  Oo as ColorPickerEyeDropper,
+  Yo as ColorPickerInputHSB,
+  Wo as ColorPickerInputHSL,
+  Ko as ColorPickerInputHex,
+  Uo as ColorPickerInputRGB,
+  No as ColorPickerRoot,
+  Xo as ColorPickerSliderAlpha,
+  ra as ColorPickerSliderBlue,
+  ta as ColorPickerSliderGreen,
+  Jo as ColorPickerSliderHue,
+  Qo as ColorPickerSliderLightness,
+  ea as ColorPickerSliderRed,
+  Zo as ColorPickerSliderSaturation
+};
+//# sourceMappingURL=index.es.js.map