@soft-stech/bootsman-ui-shadcn 0.0.3 → 0.1.0-beta.1

package/dist/bootsman-ui-shadcn.js

@@ -1,8 +1,8 @@
-import { defineComponent as M, mergeProps as ke, cloneVNode as Se, h as j, toRefs as Ae, ref as C, getCurrentInstance as ue, reactive as ze, watch as U, watchEffect as Me, markRaw as ie, effectScope as Ne, Fragment as Ee, computed as pe, nextTick as Ie, onUnmounted as Te, inject as Pe, provide as je, unref as V, openBlock as Oe, createBlock as Re, normalizeClass as Ge, withCtx as $e, renderSlot as Le } from "vue";
-function Ue(e, t) {
+import { computed as $, defineComponent as A, mergeProps as W, cloneVNode as Ge, h as U, toRefs as Ce, ref as S, getCurrentInstance as q, reactive as Ve, watch as P, watchEffect as Le, markRaw as he, openBlock as O, createBlock as F, unref as h, withCtx as j, renderSlot as K, createElementBlock as ve, Fragment as Se, createVNode as Ae, withKeys as Ue, withModifiers as We, normalizeStyle as qe, createCommentVNode as Fe, effectScope as Ke, nextTick as ze, toHandlerKey as Je, camelize as Me, onUnmounted as Xe, inject as He, provide as Ye, customRef as Ze, normalizeClass as Ee } from "vue";
+function Ne(e, t) {
   const r = typeof e == "string" && !t ? `${e}Context` : t, o = Symbol(r);
-  return [(i) => {
-    const n = Pe(o, i);
+  return [(a) => {
+    const n = He(o, a);
     if (n || n === null)
       return n;
     throw new Error(
@@ -10,62 +10,155 @@ function Ue(e, t) {
         ", "
       )}` : `\`${e}\``}`
     );
-  }, (i) => (je(o, i), i)];
+  }, (a) => (Ye(o, a), a)];
 }
-function W(e) {
+function De(e, t) {
+  let r, o, a;
+  const n = S(!0), s = () => {
+    n.value = !0, a();
+  };
+  P(e, s, { flush: "sync" });
+  const l = typeof t == "function" ? t : t.get, c = typeof t == "function" ? void 0 : t.set, d = Ze((u, i) => (o = u, a = i, {
+    get() {
+      return n.value && (r = l(), n.value = !1), o(), r;
+    },
+    set(f) {
+      c == null || c(f);
+    }
+  }));
+  return Object.isExtensible(d) && (d.trigger = s), d;
+}
+function Q(e) {
   let t = !1, r;
-  const o = Ne(!0);
-  return (...i) => (t || (r = o.run(() => e(...i)), t = !0), r);
+  const o = Ke(!0);
+  return (...a) => (t || (r = o.run(() => e(...a)), t = !0), r);
 }
-function Ve(e) {
-  return typeof e == "function" ? e() : V(e);
+function _e(e) {
+  return typeof e == "function" ? e() : h(e);
 }
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-function fe(e) {
+const Qe = (e) => typeof e < "u";
+function se(e) {
   var t;
-  const r = Ve(e);
+  const r = _e(e);
   return (t = r == null ? void 0 : r.$el) != null ? t : r;
 }
-function X(e) {
-  return e ? e.flatMap((t) => t.type === Ee ? X(t.children) : [t]) : [];
+function et(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+function tt(e, t, r, o = {}) {
+  var a, n, s;
+  const {
+    clone: l = !1,
+    passive: c = !1,
+    eventName: d,
+    deep: u = !1,
+    defaultValue: i,
+    shouldEmit: f
+  } = o, m = q(), w = r || (m == null ? void 0 : m.emit) || ((a = m == null ? void 0 : m.$emit) == null ? void 0 : a.bind(m)) || ((s = (n = m == null ? void 0 : m.proxy) == null ? void 0 : n.$emit) == null ? void 0 : s.bind(m == null ? void 0 : m.proxy));
+  let b = d;
+  t || (t = "modelValue"), b = b || `update:${t.toString()}`;
+  const v = (x) => l ? typeof l == "function" ? l(x) : et(x) : x, C = () => Qe(e[t]) ? v(e[t]) : i, k = (x) => {
+    f ? f(x) && w(b, x) : w(b, x);
+  };
+  if (c) {
+    const x = C(), N = S(x);
+    let _ = !1;
+    return P(
+      () => e[t],
+      (I) => {
+        _ || (_ = !0, N.value = v(I), ze(() => _ = !1));
+      }
+    ), P(
+      N,
+      (I) => {
+        !_ && (I !== e[t] || u) && k(I);
+      },
+      { deep: u }
+    ), N;
+  } else
+    return $({
+      get() {
+        return C();
+      },
+      set(x) {
+        k(x);
+      }
+    });
+}
+function ie(e) {
+  return e ? e.flatMap((t) => t.type === Se ? ie(t.children) : [t]) : [];
+}
+Q(() => S());
+Q(() => S(0));
+function rt(e) {
+  const t = q(), r = t == null ? void 0 : t.type.emits, o = {};
+  return r != null && r.length || console.warn(
+    `No emitted event found. Please check component: ${t == null ? void 0 : t.type.__name}`
+  ), r == null || r.forEach((a) => {
+    o[Je(Me(a))] = (...n) => e(a, ...n);
+  }), o;
 }
-W(() => C());
-W(() => C(0));
-W(() => ({ count: C(0) }));
-function We(e, t) {
-  const r = C(e);
-  function o(i) {
-    return t[r.value][i] ?? r.value;
+function ot(e) {
+  return $(() => {
+    var t;
+    return _e(e) ? !!((t = se(e)) != null && t.closest("form")) : !0;
+  });
+}
+function nt(e) {
+  const t = q(), r = Object.keys((t == null ? void 0 : t.type.props) ?? {}).reduce((o, a) => {
+    const n = (t == null ? void 0 : t.type.props[a]).default;
+    return n !== void 0 && (o[a] = n), o;
+  }, {});
+  return De(() => ({ ...e }), () => {
+    const o = {}, a = (t == null ? void 0 : t.vnode.props) ?? {};
+    return Object.keys(a).forEach((n) => {
+      o[Me(n)] = a[n];
+    }), Object.keys({ ...r, ...o }).reduce((n, s) => (e[s] !== void 0 && (n[s] = e[s]), n), {});
+  });
+}
+function at(e, t) {
+  const r = nt(e), o = t ? rt(t) : {};
+  return $(() => ({
+    ...r.value,
+    ...o
+  }));
+}
+Q(() => ({ count: S(0) }));
+function st(e, t) {
+  const r = S(e);
+  function o(a) {
+    return t[r.value][a] ?? r.value;
   }
   return {
     state: r,
-    dispatch: (i) => {
-      r.value = o(i);
+    dispatch: (a) => {
+      r.value = o(a);
     }
   };
 }
-const Y = M({
+const le = A({
   name: "PrimitiveSlot",
   inheritAttrs: !1,
   setup(e, { attrs: t, slots: r }) {
     return () => {
-      var o, i;
+      var o, a;
       if (!r.default)
         return null;
-      const n = X(r.default()), [s, ...l] = n;
+      const n = ie(r.default()), [s, ...l] = n;
       if (Object.keys(t).length > 0) {
         (o = s.props) == null || delete o.ref;
-        const u = ke(t, s.props ?? {});
-        t.class && (i = s.props) != null && i.class && delete s.props.class;
-        const c = Se(s, u);
-        for (const p in u)
-          p.startsWith("on") && (c.props || (c.props = {}), c.props[p] = u[p]);
-        return n.length === 1 ? c : [c, ...l];
+        const c = W(t, s.props ?? {});
+        t.class && (a = s.props) != null && a.class && delete s.props.class;
+        const d = Ge(s, c);
+        for (const u in c)
+          u.startsWith("on") && (d.props || (d.props = {}), d.props[u] = c[u]);
+        return n.length === 1 ? d : [d, ...l];
       }
       return n;
     };
   }
-}), _e = M({
+}), ee = A({
   name: "Primitive",
   inheritAttrs: !1,
   props: {
@@ -79,21 +172,21 @@ const Y = M({
     }
   },
   setup(e, { attrs: t, slots: r }) {
-    return (e.asChild ? "template" : e.as) !== "template" ? () => j(e.as, t, { default: r.default }) : () => j(Y, t, { default: r.default });
+    return (e.asChild ? "template" : e.as) !== "template" ? () => U(e.as, t, { default: r.default }) : () => U(le, t, { default: r.default });
   }
 });
-function be() {
-  const e = C(), t = pe(() => {
+function de() {
+  const e = S(), t = $(() => {
     var r, o;
-    return ["#text", "#comment"].includes((r = e.value) == null ? void 0 : r.$el.nodeName) ? (o = e.value) == null ? void 0 : o.$el.nextElementSibling : fe(e);
+    return ["#text", "#comment"].includes((r = e.value) == null ? void 0 : r.$el.nodeName) ? (o = e.value) == null ? void 0 : o.$el.nextElementSibling : se(e);
   });
   return {
     primitiveElement: e,
     currentElement: t
   };
 }
-function Be(e, t) {
-  const r = C({}), o = C("none"), i = e.value ? "mounted" : "unmounted", { state: n, dispatch: s } = We(i, {
+function it(e, t) {
+  const r = S({}), o = S("none"), a = e.value ? "mounted" : "unmounted", { state: n, dispatch: s } = st(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -106,47 +199,47 @@ function Be(e, t) {
       MOUNT: "mounted"
     }
   });
-  U(
+  P(
     e,
-    async (a, f) => {
-      var v;
-      const y = f !== a;
-      if (await Ie(), y) {
-        const g = o.value, h = $(t.value);
-        a ? s("MOUNT") : h === "none" || ((v = r.value) == null ? void 0 : v.display) === "none" ? s("UNMOUNT") : s(f && g !== h ? "ANIMATION_OUT" : "UNMOUNT");
+    async (i, f) => {
+      var m;
+      const w = f !== i;
+      if (await ze(), w) {
+        const b = o.value, v = Y(t.value);
+        i ? s("MOUNT") : v === "none" || ((m = r.value) == null ? void 0 : m.display) === "none" ? s("UNMOUNT") : s(f && b !== v ? "ANIMATION_OUT" : "UNMOUNT");
       }
     },
     { immediate: !0 }
   );
-  const l = (a) => {
-    const f = $(t.value), v = f.includes(
-      a.animationName
+  const l = (i) => {
+    const f = Y(t.value), m = f.includes(
+      i.animationName
     );
-    a.target === t.value && v && s("ANIMATION_END"), a.target === t.value && f === "none" && s("ANIMATION_END");
-  }, u = (a) => {
-    a.target === t.value && (o.value = $(t.value));
-  }, c = U(
+    i.target === t.value && m && s("ANIMATION_END"), i.target === t.value && f === "none" && s("ANIMATION_END");
+  }, c = (i) => {
+    i.target === t.value && (o.value = Y(t.value));
+  }, d = P(
     t,
-    (a, f) => {
-      a ? (r.value = getComputedStyle(a), a.addEventListener("animationstart", u), a.addEventListener("animationcancel", l), a.addEventListener("animationend", l)) : (s("ANIMATION_END"), f == null || f.removeEventListener("animationstart", u), f == null || f.removeEventListener("animationcancel", l), f == null || f.removeEventListener("animationend", l));
+    (i, f) => {
+      i ? (r.value = getComputedStyle(i), i.addEventListener("animationstart", c), i.addEventListener("animationcancel", l), i.addEventListener("animationend", l)) : (s("ANIMATION_END"), f == null || f.removeEventListener("animationstart", c), f == null || f.removeEventListener("animationcancel", l), f == null || f.removeEventListener("animationend", l));
     },
     { immediate: !0 }
-  ), p = U(n, () => {
-    const a = $(t.value);
-    o.value = n.value === "mounted" ? a : "none";
+  ), u = P(n, () => {
+    const i = Y(t.value);
+    o.value = n.value === "mounted" ? i : "none";
   });
-  return Te(() => {
-    c(), p();
+  return Xe(() => {
+    d(), u();
   }), {
-    isPresent: pe(
+    isPresent: $(
       () => ["mounted", "unmountSuspended"].includes(n.value)
     )
   };
 }
-function $(e) {
+function Y(e) {
   return e && getComputedStyle(e).animationName || "none";
 }
-M({
+A({
   name: "Presence",
   props: {
     present: {
@@ -160,130 +253,250 @@ M({
   slots: {},
   setup(e, { slots: t, expose: r }) {
     var o;
-    const { present: i, forceMount: n } = Ae(e), s = C(), { isPresent: l } = Be(i, s);
+    const { present: a, forceMount: n } = Ce(e), s = S(), { isPresent: l } = it(a, s);
     r({ present: l });
-    let u = t.default({ present: l });
-    u = X(u || []);
-    const c = ue();
-    if (u && (u == null ? void 0 : u.length) > 1) {
-      const p = (o = c == null ? void 0 : c.parent) != null && o.type.name ? `<${c.parent.type.name} />` : "component";
+    let c = t.default({ present: l });
+    c = ie(c || []);
+    const d = q();
+    if (c && (c == null ? void 0 : c.length) > 1) {
+      const u = (o = d == null ? void 0 : d.parent) != null && o.type.name ? `<${d.parent.type.name} />` : "component";
       throw new Error(
         [
-          `Detected an invalid children for \`${p}\` for  \`Presence\` component.`,
+          `Detected an invalid children for \`${u}\` for  \`Presence\` component.`,
           "",
           "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
           "You can apply a few solutions:",
           [
             "Provide a single child element so that `presence` directive attach correctly.",
             "Ensure the first child is an actual element instead of a raw text node or comment node."
-          ].map((a) => `  - ${a}`).join(`
+          ].map((i) => `  - ${i}`).join(`
 `)
         ].join(`
 `)
       );
     }
-    return () => n.value || i.value || l.value ? j(t.default({ present: l })[0], {
-      ref: (p) => {
-        const a = fe(p);
-        return typeof (a == null ? void 0 : a.hasAttribute) > "u" || (a != null && a.hasAttribute("data-radix-popper-content-wrapper") ? s.value = a.firstElementChild : s.value = a), a;
+    return () => n.value || a.value || l.value ? U(t.default({ present: l })[0], {
+      ref: (u) => {
+        const i = se(u);
+        return typeof (i == null ? void 0 : i.hasAttribute) > "u" || (i != null && i.hasAttribute("data-radix-popper-content-wrapper") ? s.value = i.firstElementChild : s.value = i), i;
       }
     }) : null;
   }
 });
-ze({
+Ve({
   layersRoot: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-W(() => C([]));
-const [me, Mt] = Ue("CollectionProvider");
-M({
+Q(() => S([]));
+const [Ie, Yt] = Ne("CollectionProvider");
+A({
   name: "CollectionSlot",
   setup(e, { slots: t }) {
-    const r = me(), { primitiveElement: o, currentElement: i } = be();
-    return U(i, () => {
-      r.collectionRef.value = i.value;
-    }), () => j(Y, { ref: o }, t);
+    const r = Ie(), { primitiveElement: o, currentElement: a } = de();
+    return P(a, () => {
+      r.collectionRef.value = a.value;
+    }), () => U(le, { ref: o }, t);
   }
 });
-M({
+A({
   name: "CollectionItem",
   setup(e, { slots: t, attrs: r }) {
-    const o = me(), { primitiveElement: i, currentElement: n } = be(), s = ue();
-    return Me((l) => {
-      var u;
+    const o = Ie(), { primitiveElement: a, currentElement: n } = de(), s = q();
+    return Le((l) => {
+      var c;
       if (n.value) {
-        const c = ie(n.value);
-        o.itemMap.value.set(c, { ref: n.value, ...ie(((u = s == null ? void 0 : s.parent) == null ? void 0 : u.props) ?? {}) }), l(() => o.itemMap.value.delete(c));
+        const d = he(n.value);
+        o.itemMap.value.set(d, { ref: n.value, ...he(((c = s == null ? void 0 : s.parent) == null ? void 0 : c.props) ?? {}) }), l(() => o.itemMap.value.delete(d));
       }
-    }), () => j(Y, { ...r, [o.attrName]: "", ref: i }, t);
+    }), () => U(le, { ...r, [o.attrName]: "", ref: a }, t);
+  }
+});
+const lt = /* @__PURE__ */ A({
+  __name: "Label",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: { default: "label" }
+  },
+  setup(e) {
+    const t = e;
+    return (r, o) => (O(), F(h(ee), W(t, {
+      onMousedown: o[0] || (o[0] = (a) => {
+        !a.defaultPrevented && a.detail > 1 && a.preventDefault();
+      })
+    }), {
+      default: j(() => [
+        K(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), dt = ["name", "disabled", "required", "value", "checked", "data-state", "data-disabled"], [ct, ut] = Ne("SwitchRoot"), pt = /* @__PURE__ */ A({
+  __name: "SwitchRoot",
+  props: {
+    defaultChecked: { type: Boolean },
+    checked: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    name: {},
+    id: {},
+    value: { default: "on" },
+    asChild: { type: Boolean },
+    as: { default: "button" }
+  },
+  emits: ["update:checked"],
+  setup(e, { emit: t }) {
+    const r = e, o = t, { disabled: a } = Ce(r), n = tt(r, "checked", o, {
+      defaultValue: r.defaultChecked,
+      passive: r.checked === void 0
+    });
+    function s() {
+      a.value || (n.value = !n.value);
+    }
+    const { primitiveElement: l, currentElement: c } = de(), d = ot(c), u = $(() => {
+      var i;
+      return r.id && c.value ? (i = document.querySelector(`[for="${r.id}"]`)) == null ? void 0 : i.innerText : void 0;
+    });
+    return ut({
+      checked: n,
+      toggleCheck: s,
+      disabled: a
+    }), (i, f) => (O(), ve(Se, null, [
+      Ae(h(ee), W(i.$attrs, {
+        id: i.id,
+        ref_key: "primitiveElement",
+        ref: l,
+        role: "switch",
+        type: i.as === "button" ? "button" : void 0,
+        value: i.value,
+        "aria-label": i.$attrs["aria-label"] || u.value,
+        "aria-checked": h(n),
+        "aria-required": i.required,
+        "data-state": h(n) ? "checked" : "unchecked",
+        "data-disabled": h(a) ? "" : void 0,
+        "as-child": i.asChild,
+        as: i.as,
+        disabled: h(a),
+        onClick: s,
+        onKeydown: Ue(We(s, ["prevent"]), ["enter"])
+      }), {
+        default: j(() => [
+          K(i.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["id", "type", "value", "aria-label", "aria-checked", "aria-required", "data-state", "data-disabled", "as-child", "as", "disabled", "onKeydown"]),
+      h(d) ? (O(), ve("input", {
+        key: 0,
+        type: "checkbox",
+        name: i.name,
+        tabindex: "-1",
+        "aria-hidden": "",
+        disabled: h(a),
+        required: i.required,
+        value: i.value,
+        checked: !!h(n),
+        "data-state": h(n) ? "checked" : "unchecked",
+        "data-disabled": h(a) ? "" : void 0,
+        style: qe({
+          transform: "translateX(-100%)",
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        })
+      }, null, 12, dt)) : Fe("", !0)
+    ], 64));
+  }
+}), ft = /* @__PURE__ */ A({
+  __name: "SwitchThumb",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "span" }
+  },
+  setup(e) {
+    const t = ct();
+    return (r, o) => {
+      var a;
+      return O(), F(h(ee), {
+        "data-state": (a = h(t).checked) != null && a.value ? "checked" : "unchecked",
+        "data-disabled": h(t).disabled.value ? "" : void 0,
+        "as-child": r.asChild,
+        as: r.as
+      }, {
+        default: j(() => [
+          K(r.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["data-state", "data-disabled", "as-child", "as"]);
+    };
   }
 });
-function ge(e) {
+function Te(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number")
     o += e;
   else if (typeof e == "object")
     if (Array.isArray(e))
       for (t = 0; t < e.length; t++)
-        e[t] && (r = ge(e[t])) && (o && (o += " "), o += r);
+        e[t] && (r = Te(e[t])) && (o && (o += " "), o += r);
     else
       for (t in e)
         e[t] && (o && (o += " "), o += t);
   return o;
 }
-function Fe() {
+function bt() {
   for (var e, t, r = 0, o = ""; r < arguments.length; )
-    (e = arguments[r++]) && (t = ge(e)) && (o && (o += " "), o += t);
+    (e = arguments[r++]) && (t = Te(e)) && (o && (o += " "), o += t);
   return o;
 }
-const le = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, ae = Fe, qe = (e, t) => (r) => {
+const ye = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, xe = bt, mt = (e, t) => (r) => {
   var o;
   if ((t == null ? void 0 : t.variants) == null)
-    return ae(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-  const { variants: i, defaultVariants: n } = t, s = Object.keys(i).map((c) => {
-    const p = r == null ? void 0 : r[c], a = n == null ? void 0 : n[c];
-    if (p === null)
+    return xe(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+  const { variants: a, defaultVariants: n } = t, s = Object.keys(a).map((d) => {
+    const u = r == null ? void 0 : r[d], i = n == null ? void 0 : n[d];
+    if (u === null)
       return null;
-    const f = le(p) || le(a);
-    return i[c][f];
-  }), l = r && Object.entries(r).reduce((c, p) => {
-    let [a, f] = p;
-    return f === void 0 || (c[a] = f), c;
-  }, {}), u = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((c, p) => {
-    let { class: a, className: f, ...v } = p;
-    return Object.entries(v).every((y) => {
-      let [g, h] = y;
-      return Array.isArray(h) ? h.includes({
+    const f = ye(u) || ye(i);
+    return a[d][f];
+  }), l = r && Object.entries(r).reduce((d, u) => {
+    let [i, f] = u;
+    return f === void 0 || (d[i] = f), d;
+  }, {}), c = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, u) => {
+    let { class: i, className: f, ...m } = u;
+    return Object.entries(m).every((w) => {
+      let [b, v] = w;
+      return Array.isArray(v) ? v.includes({
         ...n,
         ...l
-      }[g]) : {
+      }[b]) : {
         ...n,
         ...l
-      }[g] === h;
+      }[b] === v;
     }) ? [
-      ...c,
-      a,
+      ...d,
+      i,
       f
-    ] : c;
+    ] : d;
   }, []);
-  return ae(e, s, u, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-}, Je = qe(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  return xe(e, s, c, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+}, gt = mt(
+  "inline-flex items-center justify-center rounded text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-30 dark:disabled:opacity-55",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        default: "bg-primary text-primary-foreground hover:bg-primary-hover active:bg-primary-active",
         destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        outline: "border border-input text-accent-foreground bg-accent-background hover:bg-accent/[0.08] active:bg-accent/[0.16]",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        ghost: "text-accent-foreground bg-accent-background hover:bg-accent/[0.08] active:bg-accent/[0.16]",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
+        default: "h-8 px-4 py-1",
+        sm: "h-7 px-4 py-0.5",
+        lg: "h-10 px-5 py-2",
         icon: "h-10 w-10"
       }
     },
@@ -293,67 +506,67 @@ const le = (e) => typeof e == "boolean" ? "".concat(e) : e === 0 ? "0" : e, ae =
     }
   }
 );
-function he(e) {
+function Pe(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number")
     o += e;
   else if (typeof e == "object")
     if (Array.isArray(e)) {
-      var i = e.length;
-      for (t = 0; t < i; t++)
-        e[t] && (r = he(e[t])) && (o && (o += " "), o += r);
+      var a = e.length;
+      for (t = 0; t < a; t++)
+        e[t] && (r = Pe(e[t])) && (o && (o += " "), o += r);
     } else
       for (r in e)
         e[r] && (o && (o += " "), o += r);
   return o;
 }
-function Ke() {
-  for (var e, t, r = 0, o = "", i = arguments.length; r < i; r++)
-    (e = arguments[r]) && (t = he(e)) && (o && (o += " "), o += t);
+function ht() {
+  for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++)
+    (e = arguments[r]) && (t = Pe(e)) && (o && (o += " "), o += t);
   return o;
 }
-const Z = "-";
-function Xe(e) {
-  const t = Ze(e), {
+const ce = "-";
+function vt(e) {
+  const t = xt(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
-  function i(s) {
-    const l = s.split(Z);
-    return l[0] === "" && l.length !== 1 && l.shift(), ve(l, t) || Ye(s);
+  function a(s) {
+    const l = s.split(ce);
+    return l[0] === "" && l.length !== 1 && l.shift(), Oe(l, t) || yt(s);
   }
   function n(s, l) {
-    const u = r[s] || [];
-    return l && o[s] ? [...u, ...o[s]] : u;
+    const c = r[s] || [];
+    return l && o[s] ? [...c, ...o[s]] : c;
   }
   return {
-    getClassGroupId: i,
+    getClassGroupId: a,
     getConflictingClassGroupIds: n
   };
 }
-function ve(e, t) {
+function Oe(e, t) {
   var s;
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), i = o ? ve(e.slice(1), o) : void 0;
-  if (i)
-    return i;
+  const r = e[0], o = t.nextPart.get(r), a = o ? Oe(e.slice(1), o) : void 0;
+  if (a)
+    return a;
   if (t.validators.length === 0)
     return;
-  const n = e.join(Z);
+  const n = e.join(ce);
   return (s = t.validators.find(({
     validator: l
   }) => l(n))) == null ? void 0 : s.classGroupId;
 }
-const ce = /^\[(.+)\]$/;
-function Ye(e) {
-  if (ce.test(e)) {
-    const t = ce.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+const we = /^\[(.+)\]$/;
+function yt(e) {
+  if (we.test(e)) {
+    const t = we.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
 }
-function Ze(e) {
+function xt(e) {
   const {
     theme: t,
     prefix: r
@@ -361,52 +574,52 @@ function Ze(e) {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Qe(Object.entries(e.classGroups), r).forEach(([n, s]) => {
-    K(s, o, n, t);
+  return kt(Object.entries(e.classGroups), r).forEach(([n, s]) => {
+    ae(s, o, n, t);
   }), o;
 }
-function K(e, t, r, o) {
-  e.forEach((i) => {
-    if (typeof i == "string") {
-      const n = i === "" ? t : de(t, i);
+function ae(e, t, r, o) {
+  e.forEach((a) => {
+    if (typeof a == "string") {
+      const n = a === "" ? t : ke(t, a);
       n.classGroupId = r;
       return;
     }
-    if (typeof i == "function") {
-      if (He(i)) {
-        K(i(o), t, r, o);
+    if (typeof a == "function") {
+      if (wt(a)) {
+        ae(a(o), t, r, o);
         return;
       }
       t.validators.push({
-        validator: i,
+        validator: a,
         classGroupId: r
       });
       return;
     }
-    Object.entries(i).forEach(([n, s]) => {
-      K(s, de(t, n), r, o);
+    Object.entries(a).forEach(([n, s]) => {
+      ae(s, ke(t, n), r, o);
     });
   });
 }
-function de(e, t) {
+function ke(e, t) {
   let r = e;
-  return t.split(Z).forEach((o) => {
+  return t.split(ce).forEach((o) => {
     r.nextPart.has(o) || r.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), r = r.nextPart.get(o);
   }), r;
 }
-function He(e) {
+function wt(e) {
   return e.isThemeGetter;
 }
-function Qe(e, t) {
+function kt(e, t) {
   return t ? e.map(([r, o]) => {
-    const i = o.map((n) => typeof n == "string" ? t + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([s, l]) => [t + s, l])) : n);
-    return [r, i];
+    const a = o.map((n) => typeof n == "string" ? t + n : typeof n == "object" ? Object.fromEntries(Object.entries(n).map(([s, l]) => [t + s, l])) : n);
+    return [r, a];
   }) : e;
 }
-function De(e) {
+function Ct(e) {
   if (e < 1)
     return {
       get: () => {
@@ -415,7 +628,7 @@ function De(e) {
       }
     };
   let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  function i(n, s) {
+  function a(n, s) {
     r.set(n, s), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
   }
   return {
@@ -424,43 +637,43 @@ function De(e) {
       if (s !== void 0)
         return s;
       if ((s = o.get(n)) !== void 0)
-        return i(n, s), s;
+        return a(n, s), s;
     },
     set(n, s) {
-      r.has(n) ? r.set(n, s) : i(n, s);
+      r.has(n) ? r.set(n, s) : a(n, s);
     }
   };
 }
-const ye = "!";
-function et(e) {
-  const t = e.separator, r = t.length === 1, o = t[0], i = t.length;
+const $e = "!";
+function St(e) {
+  const t = e.separator, r = t.length === 1, o = t[0], a = t.length;
   return function(s) {
     const l = [];
-    let u = 0, c = 0, p;
-    for (let g = 0; g < s.length; g++) {
-      let h = s[g];
-      if (u === 0) {
-        if (h === o && (r || s.slice(g, g + i) === t)) {
-          l.push(s.slice(c, g)), c = g + i;
+    let c = 0, d = 0, u;
+    for (let b = 0; b < s.length; b++) {
+      let v = s[b];
+      if (c === 0) {
+        if (v === o && (r || s.slice(b, b + a) === t)) {
+          l.push(s.slice(d, b)), d = b + a;
           continue;
         }
-        if (h === "/") {
-          p = g;
+        if (v === "/") {
+          u = b;
           continue;
         }
       }
-      h === "[" ? u++ : h === "]" && u--;
+      v === "[" ? c++ : v === "]" && c--;
     }
-    const a = l.length === 0 ? s : s.substring(c), f = a.startsWith(ye), v = f ? a.substring(1) : a, y = p && p > c ? p - c : void 0;
+    const i = l.length === 0 ? s : s.substring(d), f = i.startsWith($e), m = f ? i.substring(1) : i, w = u && u > d ? u - d : void 0;
     return {
       modifiers: l,
       hasImportantModifier: f,
-      baseClassName: v,
-      maybePostfixModifierPosition: y
+      baseClassName: m,
+      maybePostfixModifierPosition: w
     };
   };
 }
-function tt(e) {
+function At(e) {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -469,46 +682,46 @@ function tt(e) {
     o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
   }), t.push(...r.sort()), t;
 }
-function rt(e) {
+function zt(e) {
   return {
-    cache: De(e.cacheSize),
-    splitModifiers: et(e),
-    ...Xe(e)
+    cache: Ct(e.cacheSize),
+    splitModifiers: St(e),
+    ...vt(e)
   };
 }
-const ot = /\s+/;
-function nt(e, t) {
+const Mt = /\s+/;
+function Et(e, t) {
   const {
     splitModifiers: r,
     getClassGroupId: o,
-    getConflictingClassGroupIds: i
+    getConflictingClassGroupIds: a
   } = t, n = /* @__PURE__ */ new Set();
-  return e.trim().split(ot).map((s) => {
+  return e.trim().split(Mt).map((s) => {
     const {
       modifiers: l,
-      hasImportantModifier: u,
-      baseClassName: c,
-      maybePostfixModifierPosition: p
+      hasImportantModifier: c,
+      baseClassName: d,
+      maybePostfixModifierPosition: u
     } = r(s);
-    let a = o(p ? c.substring(0, p) : c), f = !!p;
-    if (!a) {
-      if (!p)
+    let i = o(u ? d.substring(0, u) : d), f = !!u;
+    if (!i) {
+      if (!u)
         return {
           isTailwindClass: !1,
           originalClassName: s
         };
-      if (a = o(c), !a)
+      if (i = o(d), !i)
         return {
           isTailwindClass: !1,
           originalClassName: s
         };
       f = !1;
     }
-    const v = tt(l).join(":");
+    const m = At(l).join(":");
     return {
       isTailwindClass: !0,
-      modifierId: u ? v + ye : v,
-      classGroupId: a,
+      modifierId: c ? m + $e : m,
+      classGroupId: i,
       originalClassName: s,
       hasPostfixModifier: f
     };
@@ -517,136 +730,136 @@ function nt(e, t) {
       return !0;
     const {
       modifierId: l,
-      classGroupId: u,
-      hasPostfixModifier: c
-    } = s, p = l + u;
-    return n.has(p) ? !1 : (n.add(p), i(u, c).forEach((a) => n.add(l + a)), !0);
+      classGroupId: c,
+      hasPostfixModifier: d
+    } = s, u = l + c;
+    return n.has(u) ? !1 : (n.add(u), a(c, d).forEach((i) => n.add(l + i)), !0);
   }).reverse().map((s) => s.originalClassName).join(" ");
 }
-function st() {
+function Nt() {
   let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = xe(t)) && (o && (o += " "), o += r);
+    (t = arguments[e++]) && (r = je(t)) && (o && (o += " "), o += r);
   return o;
 }
-function xe(e) {
+function je(e) {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (t = xe(e[o])) && (r && (r += " "), r += t);
+    e[o] && (t = je(e[o])) && (r && (r += " "), r += t);
   return r;
 }
-function it(e, ...t) {
-  let r, o, i, n = s;
-  function s(u) {
-    const c = t.reduce((p, a) => a(p), e());
-    return r = rt(c), o = r.cache.get, i = r.cache.set, n = l, l(u);
+function _t(e, ...t) {
+  let r, o, a, n = s;
+  function s(c) {
+    const d = t.reduce((u, i) => i(u), e());
+    return r = zt(d), o = r.cache.get, a = r.cache.set, n = l, l(c);
   }
-  function l(u) {
-    const c = o(u);
-    if (c)
-      return c;
-    const p = nt(u, r);
-    return i(u, p), p;
+  function l(c) {
+    const d = o(c);
+    if (d)
+      return d;
+    const u = Et(c, r);
+    return a(c, u), u;
   }
   return function() {
-    return n(st.apply(null, arguments));
+    return n(Nt.apply(null, arguments));
   };
 }
-function b(e) {
+function g(e) {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
 }
-const we = /^\[(?:([a-z-]+):)?(.+)\]$/i, lt = /^\d+\/\d+$/, at = /* @__PURE__ */ new Set(["px", "full", "screen"]), ct = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, dt = /\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$/, ut = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, pt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
-function w(e) {
-  return z(e) || at.has(e) || lt.test(e);
+const Be = /^\[(?:([a-z-]+):)?(.+)\]$/i, It = /^\d+\/\d+$/, Tt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Pt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ot = /\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$/, $t = /^-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
+function z(e) {
+  return T(e) || Tt.has(e) || It.test(e);
 }
-function S(e) {
-  return N(e, "length", xt);
+function M(e) {
+  return B(e, "length", qt);
 }
-function z(e) {
+function T(e) {
   return !!e && !Number.isNaN(Number(e));
 }
-function L(e) {
-  return N(e, "number", z);
+function Z(e) {
+  return B(e, "number", T);
 }
-function T(e) {
+function V(e) {
   return !!e && Number.isInteger(Number(e));
 }
-function ft(e) {
-  return e.endsWith("%") && z(e.slice(0, -1));
+function Bt(e) {
+  return e.endsWith("%") && T(e.slice(0, -1));
 }
-function d(e) {
-  return we.test(e);
+function p(e) {
+  return Be.test(e);
 }
-function A(e) {
-  return ct.test(e);
+function E(e) {
+  return Pt.test(e);
 }
-const bt = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
-function mt(e) {
-  return N(e, bt, Ce);
+const Rt = /* @__PURE__ */ new Set(["length", "size", "percentage"]);
+function Gt(e) {
+  return B(e, Rt, Re);
 }
-function gt(e) {
-  return N(e, "position", Ce);
+function Vt(e) {
+  return B(e, "position", Re);
 }
-const ht = /* @__PURE__ */ new Set(["image", "url"]);
-function vt(e) {
-  return N(e, ht, Ct);
+const Lt = /* @__PURE__ */ new Set(["image", "url"]);
+function Ut(e) {
+  return B(e, Lt, Kt);
 }
-function yt(e) {
-  return N(e, "", wt);
+function Wt(e) {
+  return B(e, "", Ft);
 }
-function P() {
+function L() {
   return !0;
 }
-function N(e, t, r) {
-  const o = we.exec(e);
+function B(e, t, r) {
+  const o = Be.exec(e);
   return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
 }
-function xt(e) {
-  return dt.test(e);
+function qt(e) {
+  return Ot.test(e);
 }
-function Ce() {
+function Re() {
   return !1;
 }
-function wt(e) {
-  return ut.test(e);
+function Ft(e) {
+  return $t.test(e);
 }
-function Ct(e) {
-  return pt.test(e);
+function Kt(e) {
+  return jt.test(e);
 }
-function kt() {
-  const e = b("colors"), t = b("spacing"), r = b("blur"), o = b("brightness"), i = b("borderColor"), n = b("borderRadius"), s = b("borderSpacing"), l = b("borderWidth"), u = b("contrast"), c = b("grayscale"), p = b("hueRotate"), a = b("invert"), f = b("gap"), v = b("gradientColorStops"), y = b("gradientColorStopPositions"), g = b("inset"), h = b("margin"), k = b("opacity"), x = b("padding"), H = b("saturate"), _ = b("scale"), Q = b("sepia"), D = b("skew"), ee = b("space"), te = b("translate"), B = () => ["auto", "contain", "none"], F = () => ["auto", "hidden", "clip", "visible", "scroll"], q = () => ["auto", d, t], m = () => [d, t], re = () => ["", w, S], O = () => ["auto", z, d], oe = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], R = () => ["solid", "dashed", "dotted", "double", "none"], ne = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"], J = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], E = () => ["", "0", d], se = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [z, L], G = () => [z, d];
+function Jt() {
+  const e = g("colors"), t = g("spacing"), r = g("blur"), o = g("brightness"), a = g("borderColor"), n = g("borderRadius"), s = g("borderSpacing"), l = g("borderWidth"), c = g("contrast"), d = g("grayscale"), u = g("hueRotate"), i = g("invert"), f = g("gap"), m = g("gradientColorStops"), w = g("gradientColorStopPositions"), b = g("inset"), v = g("margin"), C = g("opacity"), k = g("padding"), x = g("saturate"), N = g("scale"), _ = g("sepia"), I = g("skew"), ue = g("space"), pe = g("translate"), te = () => ["auto", "contain", "none"], re = () => ["auto", "hidden", "clip", "visible", "scroll"], oe = () => ["auto", p, t], y = () => [p, t], fe = () => ["", z, M], J = () => ["auto", T, p], be = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], X = () => ["solid", "dashed", "dotted", "double", "none"], me = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity", "plus-lighter"], ne = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], R = () => ["", "0", p], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], G = () => [T, Z], H = () => [T, p];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [P],
-      spacing: [w, S],
-      blur: ["none", "", A, d],
-      brightness: I(),
+      colors: [L],
+      spacing: [z, M],
+      blur: ["none", "", E, p],
+      brightness: G(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", A, d],
-      borderSpacing: m(),
-      borderWidth: re(),
-      contrast: I(),
-      grayscale: E(),
-      hueRotate: G(),
-      invert: E(),
-      gap: m(),
+      borderRadius: ["none", "", "full", E, p],
+      borderSpacing: y(),
+      borderWidth: fe(),
+      contrast: G(),
+      grayscale: R(),
+      hueRotate: H(),
+      invert: R(),
+      gap: y(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [ft, S],
-      inset: q(),
-      margin: q(),
-      opacity: I(),
-      padding: m(),
-      saturate: I(),
-      scale: I(),
-      sepia: E(),
-      skew: G(),
-      space: m(),
-      translate: m()
+      gradientColorStopPositions: [Bt, M],
+      inset: oe(),
+      margin: oe(),
+      opacity: G(),
+      padding: y(),
+      saturate: G(),
+      scale: G(),
+      sepia: R(),
+      skew: H(),
+      space: y(),
+      translate: y()
     },
     classGroups: {
       // Layout
@@ -655,7 +868,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", d]
+        aspect: ["auto", "square", "video", p]
       }],
       /**
        * Container
@@ -667,21 +880,21 @@ function kt() {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [A]
+        columns: [E]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": se()
+        "break-after": ge()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": se()
+        "break-before": ge()
       }],
       /**
        * Break Inside
@@ -740,49 +953,49 @@ function kt() {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...oe(), d]
+        object: [...be(), p]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: F()
+        overflow: re()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": F()
+        "overflow-x": re()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": F()
+        "overflow-y": re()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: B()
+        overscroll: te()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": B()
+        "overscroll-x": te()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": B()
+        "overscroll-y": te()
       }],
       /**
        * Position
@@ -794,63 +1007,63 @@ function kt() {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [g]
+        inset: [b]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [g]
+        "inset-x": [b]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [g]
+        "inset-y": [b]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [g]
+        start: [b]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [g]
+        end: [b]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [g]
+        top: [b]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [g]
+        right: [b]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [g]
+        bottom: [b]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [g]
+        left: [b]
       }],
       /**
        * Visibility
@@ -862,7 +1075,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", T, d]
+        z: ["auto", V, p]
       }],
       // Flexbox and Grid
       /**
@@ -870,7 +1083,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: q()
+        basis: oe()
       }],
       /**
        * Flex Direction
@@ -891,35 +1104,35 @@ function kt() {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", d]
+        flex: ["1", "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: E()
+        grow: R()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: E()
+        shrink: R()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", T, d]
+        order: ["first", "last", "none", V, p]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [P]
+        "grid-cols": [L]
       }],
       /**
        * Grid Column Start / End
@@ -927,29 +1140,29 @@ function kt() {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", T, d]
-        }, d]
+          span: ["full", V, p]
+        }, p]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": O()
+        "col-start": J()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": O()
+        "col-end": J()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [P]
+        "grid-rows": [L]
       }],
       /**
        * Grid Row Start / End
@@ -957,22 +1170,22 @@ function kt() {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [T, d]
-        }, d]
+          span: [V, p]
+        }, p]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": O()
+        "row-start": J()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": O()
+        "row-end": J()
       }],
       /**
        * Grid Auto Flow
@@ -986,14 +1199,14 @@ function kt() {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", d]
+        "auto-cols": ["auto", "min", "max", "fr", p]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", d]
+        "auto-rows": ["auto", "min", "max", "fr", p]
       }],
       /**
        * Gap
@@ -1021,7 +1234,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...J()]
+        justify: ["normal", ...ne()]
       }],
       /**
        * Justify Items
@@ -1042,7 +1255,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...J(), "baseline"]
+        content: ["normal", ...ne(), "baseline"]
       }],
       /**
        * Align Items
@@ -1063,7 +1276,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...J(), "baseline"]
+        "place-content": [...ne(), "baseline"]
       }],
       /**
        * Place Items
@@ -1085,133 +1298,133 @@ function kt() {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [x]
+        p: [k]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [x]
+        px: [k]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [x]
+        py: [k]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [x]
+        ps: [k]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [x]
+        pe: [k]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [x]
+        pt: [k]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [x]
+        pr: [k]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [x]
+        pb: [k]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [x]
+        pl: [k]
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: [h]
+        m: [v]
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: [h]
+        mx: [v]
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: [h]
+        my: [v]
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: [h]
+        ms: [v]
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: [h]
+        me: [v]
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: [h]
+        mt: [v]
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: [h]
+        mr: [v]
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: [h]
+        mb: [v]
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: [h]
+        ml: [v]
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [ee]
+        "space-x": [ue]
       }],
       /**
        * Space Between X Reverse
@@ -1223,7 +1436,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [ee]
+        "space-y": [ue]
       }],
       /**
        * Space Between Y Reverse
@@ -1236,51 +1449,51 @@ function kt() {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", d, t]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", p, t]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [d, t, "min", "max", "fit"]
+        "min-w": [p, t, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [d, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [A]
-        }, A]
+        "max-w": [p, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [E]
+        }, E]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [d, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [p, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [d, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [p, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [d, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [p, t, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [d, t, "auto", "min", "max", "fit"]
+        size: [p, t, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -1288,7 +1501,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", A, S]
+        text: ["base", E, M]
       }],
       /**
        * Font Smoothing
@@ -1305,14 +1518,14 @@ function kt() {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", L]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", Z]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [P]
+        font: [L]
       }],
       /**
        * Font Variant Numeric
@@ -1349,35 +1562,35 @@ function kt() {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", d]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", p]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", z, L]
+        "line-clamp": ["none", T, Z]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", w, d]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", z, p]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", d]
+        "list-image": ["none", p]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", d]
+        list: ["none", "disc", "decimal", p]
       }],
       /**
        * List Style Position
@@ -1399,7 +1612,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [k]
+        "placeholder-opacity": [C]
       }],
       /**
        * Text Alignment
@@ -1420,7 +1633,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [k]
+        "text-opacity": [C]
       }],
       /**
        * Text Decoration
@@ -1432,21 +1645,21 @@ function kt() {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...R(), "wavy"]
+        decoration: [...X(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", w, S]
+        decoration: ["auto", "from-font", z, M]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", w, d]
+        "underline-offset": ["auto", z, p]
       }],
       /**
        * Text Decoration Color
@@ -1477,14 +1690,14 @@ function kt() {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: m()
+        indent: y()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", d]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", p]
       }],
       /**
        * Whitespace
@@ -1512,7 +1725,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", d]
+        content: ["none", p]
       }],
       // Backgrounds
       /**
@@ -1535,7 +1748,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [k]
+        "bg-opacity": [C]
       }],
       /**
        * Background Origin
@@ -1549,7 +1762,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...oe(), gt]
+        bg: [...be(), Vt]
       }],
       /**
        * Background Repeat
@@ -1565,7 +1778,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", mt]
+        bg: ["auto", "cover", "contain", Gt]
       }],
       /**
        * Background Image
@@ -1574,7 +1787,7 @@ function kt() {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, vt]
+        }, Ut]
       }],
       /**
        * Background Color
@@ -1588,42 +1801,42 @@ function kt() {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [y]
+        from: [w]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [y]
+        via: [w]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [y]
+        to: [w]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [v]
+        from: [m]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [v]
+        via: [m]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [v]
+        to: [m]
       }],
       // Borders
       /**
@@ -1799,14 +2012,14 @@ function kt() {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [k]
+        "border-opacity": [C]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...R(), "hidden"]
+        border: [...X(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1837,91 +2050,91 @@ function kt() {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [k]
+        "divide-opacity": [C]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: R()
+        divide: X()
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: [i]
+        border: [a]
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": [i]
+        "border-x": [a]
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": [i]
+        "border-y": [a]
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": [i]
+        "border-t": [a]
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": [i]
+        "border-r": [a]
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": [i]
+        "border-b": [a]
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": [i]
+        "border-l": [a]
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: [i]
+        divide: [a]
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...R()]
+        outline: ["", ...X()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [w, d]
+        "outline-offset": [z, p]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [w, S]
+        outline: [z, M]
       }],
       /**
        * Outline Color
@@ -1935,7 +2148,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: re()
+        ring: fe()
       }],
       /**
        * Ring Width Inset
@@ -1954,14 +2167,14 @@ function kt() {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [k]
+        "ring-opacity": [C]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [w, S]
+        "ring-offset": [z, M]
       }],
       /**
        * Ring Offset Color
@@ -1976,35 +2189,35 @@ function kt() {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", A, yt]
+        shadow: ["", "inner", "none", E, Wt]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [P]
+        shadow: [L]
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [k]
+        opacity: [C]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": ne()
+        "mix-blend": me()
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ne()
+        "bg-blend": me()
       }],
       // Filters
       /**
@@ -2034,49 +2247,49 @@ function kt() {
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [u]
+        contrast: [c]
       }],
       /**
        * Drop Shadow
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", A, d]
+        "drop-shadow": ["", "none", E, p]
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: [c]
+        grayscale: [d]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [p]
+        "hue-rotate": [u]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [a]
+        invert: [i]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [H]
+        saturate: [x]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [Q]
+        sepia: [_]
       }],
       /**
        * Backdrop Filter
@@ -2105,49 +2318,49 @@ function kt() {
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [u]
+        "backdrop-contrast": [c]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": [c]
+        "backdrop-grayscale": [d]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [p]
+        "backdrop-hue-rotate": [u]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [a]
+        "backdrop-invert": [i]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [k]
+        "backdrop-opacity": [C]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [H]
+        "backdrop-saturate": [x]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [Q]
+        "backdrop-sepia": [_]
       }],
       // Tables
       /**
@@ -2198,35 +2411,35 @@ function kt() {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", d]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", p]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: G()
+        duration: H()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", d]
+        ease: ["linear", "in", "out", "in-out", p]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: G()
+        delay: H()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", d]
+        animate: ["none", "spin", "ping", "pulse", "bounce", p]
       }],
       // Transforms
       /**
@@ -2241,63 +2454,63 @@ function kt() {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [_]
+        scale: [N]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [_]
+        "scale-x": [N]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [_]
+        "scale-y": [N]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [T, d]
+        rotate: [V, p]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [te]
+        "translate-x": [pe]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [te]
+        "translate-y": [pe]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [D]
+        "skew-x": [I]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [D]
+        "skew-y": [I]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", d]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", p]
       }],
       // Interactivity
       /**
@@ -2319,7 +2532,7 @@ function kt() {
        * @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", d]
+        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", p]
       }],
       /**
        * Caret Color
@@ -2354,126 +2567,126 @@ function kt() {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": m()
+        "scroll-m": y()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": m()
+        "scroll-mx": y()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": m()
+        "scroll-my": y()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": m()
+        "scroll-ms": y()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": m()
+        "scroll-me": y()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": m()
+        "scroll-mt": y()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": m()
+        "scroll-mr": y()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": m()
+        "scroll-mb": y()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": m()
+        "scroll-ml": y()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": m()
+        "scroll-p": y()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": m()
+        "scroll-px": y()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": m()
+        "scroll-py": y()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": m()
+        "scroll-ps": y()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": m()
+        "scroll-pe": y()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": m()
+        "scroll-pt": y()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": m()
+        "scroll-pr": y()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": m()
+        "scroll-pb": y()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": m()
+        "scroll-pl": y()
       }],
       /**
        * Scroll Snap Align
@@ -2541,7 +2754,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", d]
+        "will-change": ["auto", "scroll", "contents", "transform", p]
       }],
       // SVG
       /**
@@ -2556,7 +2769,7 @@ function kt() {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [w, S, L]
+        stroke: [z, M, Z]
       }],
       /**
        * Stroke
@@ -2632,12 +2845,12 @@ function kt() {
     }
   };
 }
-const St = /* @__PURE__ */ it(kt);
-function At(...e) {
-  return St(Ke(e));
+const Xt = /* @__PURE__ */ _t(Jt);
+function D(...e) {
+  return Xt(ht(e));
 }
-const Nt = /* @__PURE__ */ M({
-  __name: "Button",
+const Zt = /* @__PURE__ */ A({
+  __name: "BuiButton",
   props: {
     variant: {},
     size: {},
@@ -2645,18 +2858,80 @@ const Nt = /* @__PURE__ */ M({
     asChild: { type: Boolean }
   },
   setup(e) {
-    return (t, r) => (Oe(), Re(V(_e), {
+    return (t, r) => (O(), F(h(ee), {
       as: t.as,
       "as-child": t.asChild,
-      class: Ge(V(At)(V(Je)({ variant: t.variant, size: t.size }), t.$attrs.class ?? ""))
+      class: Ee(h(D)(h(gt)({ variant: t.variant, size: t.size }), t.$attrs.class ?? ""))
     }, {
-      default: $e(() => [
-        Le(t.$slots, "default")
+      default: j(() => [
+        K(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["as", "as-child", "class"]));
   }
+}), Dt = /* @__PURE__ */ A({
+  __name: "BuiSwitch",
+  props: {
+    defaultChecked: { type: Boolean },
+    checked: { type: Boolean },
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    name: {},
+    id: {},
+    value: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["update:checked"],
+  setup(e, { emit: t }) {
+    const r = e, a = at(r, t);
+    return (n, s) => (O(), F(h(pt), W(h(a), {
+      class: h(D)(
+        ` peer inline-flex h-[20px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border transition-colors
+        focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed
+        data-[state=checked]:border-border data-[state=unchecked]:border-gray-300 data-[state=checked]:bg-input data-[state=unchecked]:bg-background
+        data-[state=checked]:hover:bg-accent-foreground data-[state=unchecked]:hover:bg-gray-50 disabled:data-[state=checked]:border-accent/30 disabled:data-[state=checked]:bg-accent/30
+        disabled:data-[state=unchecked]:bg-slate-300/[.16] dark:data-[state=unchecked]:border-border dark:data-[state=unchecked]:bg-input/15
+        dark:data-[state=unchecked]:hover:bg-accent/30 dark:data-[state=checked]:hover:enabled:border-primary-hover dark:data-[state=checked]:hover:enabled:bg-primary-hover dark:data-[state=unchecked]:disabled:border-foreground/30 dark:data-[state=unchecked]:disabled:bg-foreground/30`,
+        r.class
+      )
+    }), {
+      default: j(() => [
+        Ae(h(ft), {
+          class: Ee(
+            h(D)(
+              `pointer-events-none block h-3 w-3 rounded-full bg-gray-400 shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[26px] data-[state=unchecked]:translate-x-1 data-[state=checked]:bg-background
+          dark:data-[disabled]:bg-foreground/30 dark:data-[state=checked]:bg-foreground dark:data-[state=unchecked]:bg-foreground`
+            )
+          )
+        }, null, 8, ["class"])
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), Qt = /* @__PURE__ */ A({
+  __name: "BuiLabel",
+  props: {
+    for: {},
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(e) {
+    const t = e;
+    return (r, o) => (O(), F(h(lt), W(t, {
+      class: h(D)("block text-left text-sm font-semibold leading-6 text-foreground", t.class)
+    }), {
+      default: j(() => [
+        K(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
 });
 export {
-  Nt as BuiButton
+  Zt as BuiButton,
+  Qt as BuiLabel,
+  Dt as BuiSwitch
 };