scrubbed-tailwind-components-v2 2.4.2 → 2.5.0

package/dist/index-BF-I-8pN.js

@@ -0,0 +1,1107 @@
+import { useSlots as W, provide as P, createElementBlock as s, openBlock as a, normalizeClass as f, createElementVNode as i, createBlock as x, resolveDynamicComponent as $, cloneVNode as A, unref as c, renderSlot as l, inject as y, withCtx as V, ref as _, createVNode as j, Fragment as S, createCommentVNode as T, Teleport as K, normalizeStyle as U, watch as Z, resolveComponent as J, mergeProps as k, useModel as B, withDirectives as I, withModifiers as O, vModelCheckbox as Y, computed as L, vModelText as E, mergeModels as N, onMounted as X, renderList as R, createTextVNode as q, toDisplayString as D, vModelRadio as Q, vModelSelect as ee, defineAsyncComponent as C } from "vue";
+import { RouterLink as z, useRoute as H } from "vue-router";
+const re = {
+  __name: "Alert",
+  props: {
+    variant: {
+      type: String,
+      default: "info",
+      validator: (e) => ["info", "success", "warning", "destructive"].includes(e)
+    }
+  },
+  setup(e) {
+    const r = W(), t = e, n = {
+      info: {
+        root: "bg-brand-primary-100 border-brand-primary-300 text-brand-primary-900 ",
+        icon: "bg-brand-primary-300 text-brand-primary-700"
+      },
+      success: {
+        root: "bg-success-100 border-success-300 text-success-800",
+        icon: "bg-success-300 text-green-700"
+      },
+      warning: {
+        root: "bg-warning-100 border-warning-300 text-warning-800",
+        icon: "bg-warning-400 text-yellow-700"
+      },
+      destructive: {
+        root: "bg-danger-100 border-danger-300 text-danger-700",
+        icon: "bg-danger-300 text-red-700"
+      }
+    }, o = {
+      info: {
+        icon: "stroke-brand-primary-900"
+      },
+      success: {
+        icon: "stroke-success-800"
+      },
+      warning: {
+        icon: "stroke-warning-800"
+      },
+      destructive: {
+        icon: "stroke-danger-700"
+      }
+    };
+    return P("ALERT", { VARIANT_MAP: n }), (d, u) => {
+      var m, p, b, g, v, M;
+      return a(), s("div", {
+        class: f(["flex w-full gap-4 rounded-2xl border p-4", n[t.variant].root])
+      }, [
+        i("div", {
+          class: f(["grid size-10 place-items-center rounded-full", n[t.variant].icon])
+        }, [
+          (a(), x($(A((p = (m = c(r)).default) == null ? void 0 : p.call(m)[0])), {
+            class: f(["size-4", o[t.variant].icon])
+          }, null, 8, ["class"]))
+        ], 2),
+        i("div", null, [
+          (a(), x($(A((g = (b = c(r)).default) == null ? void 0 : g.call(b)[1])))),
+          (a(), x($(A((M = (v = c(r)).default) == null ? void 0 : M.call(v)[2]))))
+        ])
+      ], 2);
+    };
+  }
+}, h = (e, r) => {
+  const t = e.__vccOpts || e;
+  for (const [n, o] of r)
+    t[n] = o;
+  return t;
+}, te = {}, oe = { class: "text-sm text-neutral-600" };
+function ne(e, r) {
+  return a(), s("span", oe, [
+    l(e.$slots, "default")
+  ]);
+}
+const ae = /* @__PURE__ */ h(te, [["render", ne]]), se = {}, le = { class: "font-medium" };
+function ie(e, r) {
+  return a(), s("p", le, [
+    l(e.$slots, "default")
+  ]);
+}
+const de = /* @__PURE__ */ h(se, [["render", ie]]), ce = { class: "flex w-full items-center justify-between" }, ue = { class: "flex items-center gap-2" }, ge = { class: "lg:w-60" }, pe = { class: "hidden xl:block" }, me = { class: "flex items-center gap-10" }, be = { class: "hidden gap-6 sm:flex" }, it = {
+  __name: "AppHeader",
+  setup(e) {
+    const r = y("APP_DATA"), { isSidebarToggled: t, toggleSidebar: n } = r;
+    return (o, d) => (a(), s("header", {
+      class: f(["fixed top-0 flex h-16 w-dvw items-center justify-center bg-white px-3 backdrop-blur sm:px-6", { "rounded-t-2xl": c(t) }])
+    }, [
+      i("nav", ce, [
+        i("div", ue, [
+          i("button", {
+            onClick: d[0] || (d[0] = (u) => c(n)()),
+            class: "block cursor-pointer rounded-full p-2 hover:bg-neutral-100 lg:hidden"
+          }, d[1] || (d[1] = [
+            i("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "24",
+              height: "24",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              class: "lucide lucide-menu-icon lucide-menu size-5 stroke-neutral-600"
+            }, [
+              i("path", { d: "M4 12h16" }),
+              i("path", { d: "M4 18h16" }),
+              i("path", { d: "M4 6h16" })
+            ], -1)
+          ])),
+          i("div", ge, [
+            l(o.$slots, "header-img")
+          ]),
+          i("div", pe, [
+            l(o.$slots, "header-banner")
+          ])
+        ]),
+        i("div", me, [
+          i("ul", be, [
+            l(o.$slots, "header-links")
+          ]),
+          l(o.$slots, "header-actions")
+        ])
+      ])
+    ], 2));
+  }
+}, fe = ["href"], he = {
+  __name: "AppHeaderLink",
+  props: {
+    to: { type: String, required: !0 }
+  },
+  setup(e) {
+    const r = e;
+    return (t, n) => (a(), s("li", null, [
+      r.to.startsWith("/") ? (a(), x(c(z), {
+        key: 0,
+        class: "hover:text-primary-950 [&.router-link-active]:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all [&.router-link-active]:font-semibold",
+        to: r.to
+      }, {
+        default: V(() => [
+          l(t.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["to"])) : (a(), s("a", {
+        key: 1,
+        class: "hover:text-primary-950 text-xs uppercase text-neutral-600 hover:transition-all",
+        href: r.to
+      }, [
+        l(t.$slots, "default")
+      ], 8, fe))
+    ]));
+  }
+}, ve = { class: "relative" }, xe = { class: "flex" }, _e = {
+  __name: "AppLayout",
+  setup(e) {
+    const r = _(!1);
+    function t() {
+      window.innerWidth <= 1024 ? (r.value = !r.value, n()) : r.value && (r.value = !1, n());
+    }
+    function n() {
+      const o = document.querySelector("body");
+      o.classList.contains("bg-black") ? o.classList.remove("bg-black") : o.classList.add("bg-black");
+    }
+    return P("APP_DATA", { isSidebarToggled: r, toggleSidebar: t }), (o, d) => {
+      var u, m, p, b, g, v;
+      return a(), s("div", {
+        class: f(["bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)]", {
+          "origin-[center_top] translate-y-4 scale-93": r.value
+        }])
+      }, [
+        i("div", ve, [
+          (a(), x($(A((m = (u = o.$slots).default) == null ? void 0 : m.call(u)[0])))),
+          i("div", xe, [
+            (a(), x($(A((b = (p = o.$slots).default) == null ? void 0 : b.call(p)[1])))),
+            (a(), x($(A((v = (g = o.$slots).default) == null ? void 0 : v.call(g)[2]))))
+          ])
+        ])
+      ], 2);
+    };
+  }
+}, ye = {
+  __name: "AppMain",
+  setup(e) {
+    const r = y("APP_DATA"), { isSidebarToggled: t } = r;
+    return (n, o) => (a(), s("main", {
+      class: f([
+        "bg-background-main fixed z-[-1] h-svh w-full overflow-auto px-6 pt-24 pb-9 sm:top-16 sm:pt-9 md:h-[calc(100dvh-4rem)] lg:ms-64 lg:w-[calc(100dvw-256px)]",
+        c(t) ? "overflow-hidden rounded-t-xl sm:rounded-none" : "sm:rounded-tl-2xl"
+      ])
+    }, [
+      l(n.$slots, "default")
+    ], 2));
+  }
+}, ke = {}, Ce = { class: "flex w-full overflow-x-auto border-b-[1px] border-neutral-200 [&::-webkit-scrollbar]:hidden" };
+function we(e, r) {
+  return a(), s("div", Ce, [
+    l(e.$slots, "default")
+  ]);
+}
+const $e = /* @__PURE__ */ h(ke, [["render", we]]), Ae = { class: "shrink-0" }, Se = {
+  __name: "AppNavTab",
+  props: {
+    to: { type: String, required: !0 }
+  },
+  setup(e) {
+    const r = e;
+    return _(null), (t, n) => (a(), s("div", Ae, [
+      j(c(z), {
+        class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:border-brand-primary-700 hover:text-brand-primary-700 group relative flex h-12 shrink-0 items-center justify-between gap-2 border-b-2 border-transparent px-3 text-sm text-neutral-600 transition-all [&.router-link-exact-active]:font-medium",
+        to: r.to
+      }, {
+        default: V(() => [
+          l(t.$slots, "default"),
+          n[0] || (n[0] = i("div", { class: "bg-primary-100 absolute inset-x-0 z-[-1] h-8 w-full rounded-lg opacity-0 transition-all contain-strict group-hover:transform-none group-hover:opacity-100 group-hover:[transform-origin:50%_50%_0px]" }, null, -1))
+        ]),
+        _: 3,
+        __: [0]
+      }, 8, ["to"])
+    ]));
+  }
+}, Te = { class: "sidebar-wrapper fixed top-0 left-0 hidden max-h-[calc(100vh-64px)] w-64 overflow-y-auto bg-white sm:top-16 lg:block" }, Be = {
+  key: 0,
+  class: "sticky top-0 z-50 bg-white"
+}, Ie = {
+  key: 1,
+  class: "sticky bottom-0 z-50 bg-white"
+}, Re = {
+  __name: "AppSidebar",
+  setup(e) {
+    const r = y("APP_DATA"), { isSidebarToggled: t, toggleSidebar: n } = r;
+    return W(), (o, d) => (a(), s(S, null, [
+      i("aside", Te, [
+        o.$slots.header ? (a(), s("div", Be, [
+          l(o.$slots, "header")
+        ])) : T("", !0),
+        l(o.$slots, "default"),
+        o.$slots.footer ? (a(), s("div", Ie, [
+          l(o.$slots, "footer")
+        ])) : T("", !0)
+      ]),
+      (a(), x(K, { to: "body" }, [
+        i("div", {
+          class: "shadow-t-2xl fixed bottom-0 z-50 h-[60svh] w-full overflow-y-scroll rounded-t-2xl bg-white transition-all duration-500 ease-[cubic-bezier(.32,.72,0,1)] [&::-webkit-scrollbar]:hidden",
+          style: U(
+            c(t) ? "transform: translateZ(0)" : "transform: translate3d(0,60svh,0)"
+          )
+        }, [
+          l(o.$slots, "default")
+        ], 4),
+        i("div", {
+          onClick: d[0] || (d[0] = (u) => c(n)()),
+          class: f([
+            "backdrop transition-all [transition-behavior:allow-discrete] duration-300",
+            c(t) ? "fixed inset-0 z-40 block bg-black/80 opacity-100" : "hidden"
+          ])
+        }, null, 2)
+      ]))
+    ], 64));
+  }
+}, Ve = { class: "flex flex-col" }, De = {
+  __name: "AppSidebarItem",
+  setup(e) {
+    H();
+    const r = _(!1);
+    function t() {
+      r.value = !r.value;
+    }
+    return P("SIDEBAR_TOGGLE", { toggled: r, toggleSidebarItem: t }), (n, o) => (a(), s("div", Ve, [
+      l(n.$slots, "default")
+    ]));
+  }
+}, Pe = ["href"], ze = {
+  __name: "AppSidebarItemChild",
+  props: {
+    to: { type: [String, Object], required: !0 }
+  },
+  setup(e) {
+    const r = e;
+    return (t, n) => typeof r.to == "object" || r.to.startsWith("/") ? (a(), x(c(z), {
+      key: 0,
+      class: "[&.router-link-exact-active]:text-primary-950 [&.router-link-exact-active]:bg-background-main text-primary-950 hover:bg-background-main block h-10 items-center gap-3 overflow-hidden rounded-lg px-3 text-xs leading-[40px] text-ellipsis whitespace-nowrap transition-all [&.router-link-exact-active]:font-medium",
+      to: r.to
+    }, {
+      default: V(() => [
+        l(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["to"])) : (a(), s("a", {
+      key: 1,
+      class: "text-primary-950 hover:bg-background-main block h-10 items-center gap-3 overflow-hidden rounded-lg px-3 text-xs leading-[40px] text-ellipsis whitespace-nowrap transition-all",
+      href: r.to
+    }, [
+      l(t.$slots, "default")
+    ], 8, Pe));
+  }
+}, Me = {
+  __name: "AppSidebarItemChildren",
+  setup(e) {
+    const r = y("SIDEBAR_TOGGLE"), { toggled: t } = r;
+    return (n, o) => (a(), s("div", {
+      class: f(["max-h-0 overflow-y-hidden rounded-b-lg opacity-0 transition-all", { "mt-2 max-h-max overflow-y-auto px-2 opacity-100": c(t) }])
+    }, [
+      l(n.$slots, "default")
+    ], 2));
+  }
+}, je = { class: "link group/sidebar-item hover:bg-background-main peer has-[&.router-link-active]:from-brand-primary-50 has-[&.router-link-active]:to-brand-primary-100 flex h-10 items-center justify-between rounded-lg px-3 transition-all has-[&.router-link-active]:bg-gradient-to-br" }, Le = ["href"], Ee = {
+  __name: "AppSidebarItemParent",
+  props: {
+    to: { type: [String, Object], required: !0 },
+    name: { type: String },
+    hasChildren: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const r = H(), t = e, n = y("SIDEBAR_TOGGLE"), o = y("APP_DATA"), { toggled: d, toggleSidebarItem: u } = n, { toggleSidebar: m } = o;
+    function p() {
+      r.matched.some(
+        (g) => t.name === g.name
+      ) ? d.value = !0 : d.value = !1;
+    }
+    return Z(r, () => p(), { immediate: !0 }), (b, g) => (a(), s("div", je, [
+      typeof t.to == "object" || t.to.startsWith("/") ? (a(), x(c(z), {
+        key: 0,
+        onClick: g[0] || (g[0] = (v) => c(m)()),
+        class: "[&.router-link-active]:text-primary-700 text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium",
+        to: t.to
+      }, {
+        default: V(() => [
+          l(b.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["to"])) : (a(), s("a", {
+        key: 1,
+        class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs",
+        href: t.to
+      }, [
+        l(b.$slots, "default")
+      ], 8, Le)),
+      t.hasChildren ? (a(), s("button", {
+        key: 2,
+        onClick: g[1] || (g[1] = (v) => c(u)()),
+        class: "hover:bg-brand-primary-200 cursor-pointer rounded-full p-1 transition-all",
+        type: "button"
+      }, [
+        (a(), s("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          class: f(["lucide lucide-chevron-down-icon lucide-chevron-down stroke-brand-primary-800 transition-all duration-300", { "rotate-180": c(d) }])
+        }, g[2] || (g[2] = [
+          i("path", { d: "m6 9 6 6 6-6" }, null, -1)
+        ]), 2))
+      ])) : T("", !0)
+    ]));
+  }
+}, Ne = { class: "hover:bg-background-main has-[&.router-link-active]:active has-[&.router-link-active]:bg-primary-700 peer flex h-10 items-center justify-between rounded-lg px-3 transition-all" }, Ge = {
+  __name: "AppSidebarToggle",
+  setup(e) {
+    const r = y("SIDEBAR_TOGGLE");
+    return (t, n) => {
+      const o = J("RouterLink");
+      return a(), s("div", Ne, [
+        j(o, {
+          class: "text-primary-950 peer flex h-full w-full items-center gap-3 text-xs [&.router-link-active]:font-medium [&.router-link-active]:text-white",
+          to: "/"
+        }, {
+          default: V(() => [
+            l(t.$slots, "default")
+          ]),
+          _: 3
+        }),
+        i("button", {
+          onClick: n[0] || (n[0] = (d) => c(r).toggleSidebarItem()),
+          class: "cursor-pointer",
+          type: "button"
+        }, n[1] || (n[1] = [
+          i("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            class: "lucide lucide-chevron-down-icon lucide-chevron-down stroke-white"
+          }, [
+            i("path", { d: "m6 9 6 6 6-6" })
+          ], -1)
+        ]))
+      ]);
+    };
+  }
+}, We = {}, Oe = { class: "px-4 pb-4 first-of-type:pt-4" }, qe = {
+  key: 0,
+  class: "text-primary-950 px-1 text-sm font-medium"
+}, He = { class: "mt-2" };
+function Fe(e, r) {
+  return a(), s("nav", Oe, [
+    e.$slots.title ? (a(), s("b", qe, [
+      l(e.$slots, "title")
+    ])) : T("", !0),
+    i("div", He, [
+      l(e.$slots, "items")
+    ])
+  ]);
+}
+const Ke = /* @__PURE__ */ h(We, [["render", Fe]]), G = {
+  /* ---------------- Solid Buttons ---------------- */
+  primary: {
+    backgroundColor: "bg-brand-primary-700",
+    textColor: "text-white"
+  },
+  secondary: {
+    backgroundColor: "bg-neutral-100",
+    textColor: "text-neutral-700"
+  },
+  success: {
+    backgroundColor: "bg-success-400",
+    textColor: "text-white"
+  },
+  danger: {
+    backgroundColor: "bg-danger-600",
+    textColor: "text-white"
+  },
+  warning: {
+    backgroundColor: "bg-warning-500",
+    textColor: "text-neutral-950"
+  },
+  secondaryPrimary: {
+    backgroundColor: "bg-brand-primary-100",
+    textColor: "text-brand-primary-700"
+  },
+  secondaryAltPrimary: {
+    backgroundColor: "bg-primary-100",
+    textColor: "text-primary-700"
+  },
+  secondarySuccess: {
+    backgroundColor: "bg-success-100",
+    textColor: "text-success-700"
+  },
+  secondaryDanger: {
+    backgroundColor: "bg-danger-100",
+    textColor: "text-danger-700"
+  },
+  secondaryWarning: {
+    backgroundColor: "bg-warning-100",
+    textColor: "text-warning-700"
+  },
+  /* ---------------- Outlined Buttons ---------------- */
+  outlined: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-neutral-700",
+    borderColor: "border border-neutral-200"
+  },
+  outlinedPrimary: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-brand-primary-700",
+    borderColor: "border border-brand-primary-300"
+  },
+  outlinedSuccess: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-success-600",
+    borderColor: "border border-success-300"
+  },
+  outlinedDanger: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-danger-600",
+    borderColor: "border border-danger-300"
+  },
+  outlinedWarning: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-warning-600",
+    borderColor: "border border-warning-300"
+  },
+  /* ---------------- Ghost Buttons ---------------- */
+  ghost: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-neutral-700"
+  },
+  ghostPrimary: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-brand-primary-700"
+  },
+  ghostSuccess: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-success-600"
+  },
+  ghostDanger: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-danger-600"
+  },
+  ghostWarning: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-warning-600"
+  }
+}, w = {
+  /* ---------------- Solid Buttons ---------------- */
+  primary: {
+    backgroundColor: "bg-gradient-to-br from-brand-primary-500 to-brand-primary-700",
+    textColor: "text-white",
+    hoverBackgroundColor: "hover:from-brand-primary-700 hover:to-brand-primary-800",
+    focusRing: "focus:ring-brand-primary-300"
+  },
+  secondary: {
+    backgroundColor: "bg-neutral-100",
+    textColor: "text-neutral-700",
+    hoverBackgroundColor: "hover:bg-neutral-200",
+    focusRing: "focus:ring-neutral-300"
+  },
+  success: {
+    backgroundColor: "bg-success-400",
+    textColor: "text-white",
+    hoverBackgroundColor: "hover:bg-success-500",
+    focusRing: "focus:ring-success-300"
+  },
+  danger: {
+    backgroundColor: "bg-danger-600",
+    textColor: "text-white",
+    hoverBackgroundColor: "hover:bg-danger-700",
+    focusRing: "focus:ring-danger-300"
+  },
+  warning: {
+    backgroundColor: "bg-warning-500",
+    textColor: "text-neutral-950",
+    hoverBackgroundColor: "hover:bg-warning-600",
+    focusRing: "focus:ring-warning-300"
+  },
+  secondaryPrimary: {
+    backgroundColor: "bg-brand-primary-100",
+    textColor: "text-brand-primary-700",
+    hoverBackgroundColor: "hover:bg-brand-primary-200",
+    focusRing: "focus:ring-brand-primary-200"
+  },
+  secondaryAltPrimary: {
+    backgroundColor: "bg-primary-100",
+    textColor: "text-primary-700",
+    hoverBackgroundColor: "hover:bg-primary-200",
+    focusRing: "focus:ring-primary-200"
+  },
+  secondarySuccess: {
+    backgroundColor: "bg-success-100",
+    textColor: "text-success-700",
+    hoverBackgroundColor: "hover:bg-success-200",
+    focusRing: "focus:ring-success-200"
+  },
+  secondaryDanger: {
+    backgroundColor: "bg-danger-100",
+    textColor: "text-danger-700",
+    hoverBackgroundColor: "hover:bg-danger-200",
+    focusRing: "focus:ring-danger-200"
+  },
+  secondaryWarning: {
+    backgroundColor: "bg-warning-100",
+    textColor: "text-warning-700",
+    hoverBackgroundColor: "hover:bg-warning-200",
+    focusRing: "focus:ring-warning-200"
+  },
+  /* ---------------- Outlined Buttons ---------------- */
+  outlined: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-neutral-700",
+    borderColor: "border border-neutral-200",
+    hoverBackgroundColor: "hover:bg-neutral-100",
+    hoverTextColor: "hover:text-neutral-900",
+    focusRing: "focus:ring-neutral-200"
+  },
+  outlinedPrimary: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-brand-primary-700",
+    borderColor: "border border-brand-primary-300",
+    hoverBackgroundColor: "hover:bg-brand-primary-100",
+    hoverTextColor: "hover:text-brand-primary-800",
+    focusRing: "focus:ring-brand-primary-200"
+  },
+  outlinedSuccess: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-success-600",
+    borderColor: "border border-success-300",
+    hoverBackgroundColor: "hover:bg-success-100",
+    hoverTextColor: "hover:text-success-700",
+    focusRing: "focus:ring-success-200"
+  },
+  outlinedDanger: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-danger-600",
+    borderColor: "border border-danger-300",
+    hoverBackgroundColor: "hover:bg-danger-100",
+    hoverTextColor: "hover:text-danger-700",
+    focusRing: "focus:ring-danger-200"
+  },
+  outlinedWarning: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-warning-600",
+    borderColor: "border border-warning-300",
+    hoverBackgroundColor: "hover:bg-warning-100",
+    hoverTextColor: "hover:text-warning-700",
+    focusRing: "focus:ring-warning-200"
+  },
+  /* ---------------- Ghost Buttons ---------------- */
+  ghost: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-neutral-700",
+    hoverBackgroundColor: "hover:bg-neutral-100",
+    hoverTextColor: "hover:text-neutral-900",
+    focusRing: "focus:ring-neutral-200"
+  },
+  ghostPrimary: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-brand-primary-700",
+    hoverBackgroundColor: "hover:bg-brand-primary-100",
+    hoverTextColor: "hover:text-brand-primary-800",
+    focusRing: "focus:ring-brand-primary-200"
+  },
+  ghostSuccess: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-success-600",
+    hoverBackgroundColor: "hover:bg-success-100",
+    hoverTextColor: "hover:text-success-700",
+    focusRing: "focus:ring-success-200"
+  },
+  ghostDanger: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-danger-600",
+    hoverBackgroundColor: "hover:bg-danger-100",
+    hoverTextColor: "hover:text-danger-700",
+    focusRing: "focus:ring-danger-200"
+  },
+  ghostWarning: {
+    backgroundColor: "bg-transparent",
+    textColor: "text-warning-600",
+    hoverBackgroundColor: "hover:bg-warning-100",
+    hoverTextColor: "hover:text-warning-700",
+    focusRing: "focus:ring-warning-200"
+  }
+}, Ue = {
+  __name: "Badge",
+  props: {
+    variant: { type: String, default: "primary" }
+  },
+  setup(e) {
+    const r = e;
+    return (t, n) => (a(), s("div", {
+      class: f(["rounded-full px-3 py-1 text-xs font-medium", [
+        c(G)[r.variant].backgroundColor,
+        c(G)[r.variant].textColor
+      ]])
+    }, [
+      l(t.$slots, "default")
+    ], 2));
+  }
+}, Ze = {
+  __name: "Button",
+  props: {
+    variant: { type: String, default: "primary" }
+  },
+  setup(e, { expose: r }) {
+    const t = e, n = _(null);
+    return r({ buttonRef: n }), (o, d) => (a(), s("button", k(o.$attrs, {
+      class: ["cursor-pointer rounded-lg px-4 py-2 text-xs transition-all active:scale-[0.97] disabled:cursor-not-allowed disabled:opacity-50 disabled:active:scale-100", [
+        c(w)[t.variant].backgroundColor,
+        c(w)[t.variant].borderColor,
+        c(w)[t.variant].textColor,
+        c(w)[t.variant].hoverBackgroundColor,
+        c(w)[t.variant].hoverTextColor,
+        c(w)[t.variant].focusRing
+      ]],
+      ref_key: "buttonRef",
+      ref: n
+    }), [
+      l(o.$slots, "default")
+    ], 16));
+  }
+}, Je = {}, Ye = { class: "rounded-2xl bg-white p-6" };
+function Xe(e, r) {
+  return a(), s("div", Ye, [
+    l(e.$slots, "default")
+  ]);
+}
+const F = /* @__PURE__ */ h(Je, [["render", Xe]]), dt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: F
+}, Symbol.toStringTag, { value: "Module" })), Qe = {
+  __name: "Checkbox",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = B(e, "modelValue"), t = _(null);
+    return (n, o) => (a(), s("button", {
+      onClick: o[2] || (o[2] = (d) => t.value.click()),
+      class: "group/checkbox has-checked:bg-brand-primary-700 flex size-4 cursor-pointer items-center justify-center rounded-sm bg-neutral-200 transition-all duration-300 active:scale-[0.50] has-disabled:cursor-not-allowed has-disabled:opacity-50"
+    }, [
+      o[3] || (o[3] = i("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "14",
+        height: "14",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        class: "lucide lucide-check-icon lucide-check scale-0 stroke-white opacity-0 group-has-[:checked]/checkbox:scale-100 group-has-[:checked]/checkbox:opacity-100"
+      }, [
+        i("path", { d: "M20 6 9 17l-5-5" })
+      ], -1)),
+      I(i("input", k(n.$attrs, {
+        "onUpdate:modelValue": o[0] || (o[0] = (d) => r.value = d),
+        onChange: o[1] || (o[1] = O(() => {
+        }, ["stop"])),
+        type: "checkbox",
+        ref_key: "checkboxRef",
+        ref: t,
+        hidden: ""
+      }), null, 16), [
+        [Y, r.value]
+      ])
+    ]));
+  }
+}, er = {}, rr = { class: "flex flex-col items-center justify-center gap-8" }, tr = { class: "flex max-w-xs flex-col items-center gap-2 text-center" }, or = { class: "bg-brand-primary-100 mb-2 grid size-12 place-items-center rounded-full" };
+function nr(e, r) {
+  return a(), s("div", rr, [
+    i("div", tr, [
+      i("div", or, [
+        l(e.$slots, "icon")
+      ]),
+      l(e.$slots, "default")
+    ])
+  ]);
+}
+const ar = /* @__PURE__ */ h(er, [["render", nr]]), sr = {}, lr = { class: "text-sm text-neutral-600" };
+function ir(e, r) {
+  return a(), s("p", lr, [
+    l(e.$slots, "default")
+  ]);
+}
+const ct = /* @__PURE__ */ h(sr, [["render", ir]]), dr = {}, cr = { class: "text-lg font-medium" };
+function ur(e, r) {
+  return a(), s("b", cr, [
+    l(e.$slots, "default")
+  ]);
+}
+const ut = /* @__PURE__ */ h(dr, [["render", ur]]), gr = {
+  __name: "FormField",
+  props: {
+    invalid: { type: [Boolean, String] },
+    validate: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const r = e, t = L(() => r.invalid === !0 || typeof r.invalid == "string" && r.invalid.trim() !== "");
+    return (n, o) => (a(), s("div", {
+      class: f(["group flex flex-col gap-2", { "invalid-form": t.value }])
+    }, [
+      l(n.$slots, "default")
+    ], 2));
+  }
+}, pr = {}, mr = { class: "text-danger-700 hidden h-0 text-xs opacity-0 transition-all group-has-user-invalid:mt-1 group-has-user-invalid:block group-has-user-invalid:h-4 group-has-user-invalid:opacity-100 group-[&.invalid-form]:mt-1 group-[&.invalid-form]:block group-[&.invalid-form]:h-4 group-[&.invalid-form]:opacity-100" };
+function br(e, r) {
+  return a(), s("p", mr, [
+    l(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const fr = /* @__PURE__ */ h(pr, [["render", br], ["__scopeId", "data-v-a299dc33"]]), hr = {
+  __name: "Input",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = B(e, "modelValue");
+    return (t, n) => I((a(), s("input", {
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => r.value = o),
+      class: "group-[&.invalid-form]:focus:ring-danger-700 group-[&.invalid-form]:ring-danger-700 text-primary-950 focus:ring-brand-primary-700 focus:user-invalid:ring-danger-700 user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 bg-white px-3 py-2 text-xs ring-offset-2 transition-all duration-300 outline-none group-[&.invalid-form]:ring-2 placeholder:text-neutral-400 user-invalid:ring-2 focus:ring-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50"
+    }, null, 512)), [
+      [E, r.value]
+    ]);
+  }
+}, vr = {};
+function xr(e, r) {
+  return a(), s("label", k(e.$attrs, { class: "text-primary-950 text-xs font-medium transition-all" }), [
+    l(e.$slots, "default")
+  ], 16);
+}
+const _r = /* @__PURE__ */ h(vr, [["render", xr]]), yr = {}, kr = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  class: "lucide lucide-x-icon lucide-x"
+};
+function Cr(e, r) {
+  return a(), s("svg", kr, r[0] || (r[0] = [
+    i("path", { d: "M18 6 6 18" }, null, -1),
+    i("path", { d: "m6 6 12 12" }, null, -1)
+  ]));
+}
+const wr = /* @__PURE__ */ h(yr, [["render", Cr]]), $r = { class: "max-w-72 space-y-2 rounded-xl border border-neutral-200 bg-white p-2" }, Ar = { class: "flex flex-wrap gap-2" }, Sr = { class: "group/item hover:border-brand-primary-500 inline-flex cursor-pointer items-center justify-center gap-2 rounded-full border border-neutral-200 bg-white px-3 py-2 text-xs transition-all" }, Tr = ["onClick"], Br = { class: "max-h-72 overflow-y-auto" }, Ir = ["onClick"], Rr = {
+  __name: "MultiSelect",
+  props: /* @__PURE__ */ N({
+    data: { type: Array, required: !0 },
+    labelKey: { type: String, required: !0 },
+    valueKey: { type: String, required: !0 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = B(e, "modelValue"), t = e, n = _([]), o = _(null), d = L(() => {
+      let p = t.data;
+      return n.value.length && (p = p.filter(
+        (b) => !n.value.some(
+          (g) => g[t.valueKey] === b[t.valueKey]
+        )
+      )), o.value ? p.filter((b) => b[t.labelKey].toLowerCase().includes(o.value.toLowerCase())) : p;
+    });
+    function u(p) {
+      n.value.push(p), r.value = n.value;
+    }
+    function m(p) {
+      n.value.splice(p, 1), r.value = n.value;
+    }
+    return X(() => {
+      n.value = r.value;
+    }), (p, b) => (a(), s("div", $r, [
+      i("ul", Ar, [
+        (a(!0), s(S, null, R(n.value, (g, v) => (a(), s("li", Sr, [
+          q(D(g[t.labelKey]) + " ", 1),
+          i("button", {
+            onClick: (M) => m(v),
+            class: "hidden shrink-0 cursor-pointer rounded-full group-hover/item:block"
+          }, [
+            j(wr, { class: "size-3.5 stroke-neutral-600" })
+          ], 8, Tr)
+        ]))), 256))
+      ]),
+      I(i("input", {
+        "onUpdate:modelValue": b[0] || (b[0] = (g) => o.value = g),
+        class: "w-full px-2 py-3 text-xs outline-none",
+        placeholder: "Search",
+        type: "text"
+      }, null, 512), [
+        [E, o.value]
+      ]),
+      i("ul", Br, [
+        (a(!0), s(S, null, R(d.value, (g) => (a(), s("li", {
+          onClick: (v) => u(g),
+          class: "hover:bg-background-main cursor-pointer rounded-lg px-2 py-3 text-xs transition-colors",
+          key: g[t.valueKey]
+        }, D(g[t.labelKey]), 9, Ir))), 128))
+      ])
+    ]));
+  }
+}, Vr = {
+  __name: "Radio",
+  props: /* @__PURE__ */ N({
+    variant: { type: String, default: "small" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = B(e, "modelValue"), t = e, n = _(null), o = {
+      small: { outerCircleSize: "size-4", innerCircleSize: "size-2.5" },
+      large: { outerCircleSize: "size-5", innerCircleSize: "size-3" }
+    };
+    return (d, u) => (a(), s("button", {
+      onClick: u[2] || (u[2] = (m) => n.value.click()),
+      class: f(["group/radio has-checked:border-brand-primary-700 flex cursor-pointer items-center justify-center rounded-full border-[1px] border-transparent bg-neutral-100 duration-300 active:scale-[0.80] has-checked:bg-white", o[t.variant].outerCircleSize]),
+      role: "radio",
+      type: "button"
+    }, [
+      i("div", {
+        class: f(["group-has-checked/radio:bg-brand-primary-700 grid place-items-center rounded-full opacity-0 transition-all group-has-checked/radio:opacity-100", o[t.variant].innerCircleSize])
+      }, [
+        l(d.$slots, "default")
+      ], 2),
+      I(i("input", k({
+        onChange: u[0] || (u[0] = O(() => {
+        }, ["stop"]))
+      }, d.$attrs, {
+        "onUpdate:modelValue": u[1] || (u[1] = (m) => r.value = m),
+        type: "radio",
+        ref_key: "radioRef",
+        ref: n,
+        hidden: ""
+      }), null, 16), [
+        [Q, r.value]
+      ])
+    ], 2));
+  }
+}, Dr = "bg-[url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1YjYxNmUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGV2cm9uLWRvd24iPjxwYXRoIGQ9Im02IDkgNiA2IDYtNiIvPjwvc3ZnPg==')]", Pr = {
+  __name: "Select",
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = B(e, "modelValue");
+    return (t, n) => I((a(), s("select", k(t.$attrs, {
+      "onUpdate:modelValue": n[0] || (n[0] = (o) => r.value = o),
+      class: ["group-[&.invalid-form]:ring-danger-700 group-[&.invalid-form]:focus:ring-danger-700 text-primary-950 user-invalid:ring-danger-700 focus:user-invalid:ring-danger-700 focus:ring-brand-primary-700 appearance-none rounded-lg border-[1px] border-neutral-200 bg-white bg-[length:16px] bg-[right_12px_center] bg-no-repeat px-3 py-2 text-xs ring-offset-2 transition-all outline-none group-[&.invalid-form]:ring-2 user-invalid:ring-2 focus:ring-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50", Dr]
+    }), [
+      l(t.$slots, "default")
+    ], 16)), [
+      [ee, r.value]
+    ]);
+  }
+}, zr = {}, Mr = { class: "bg-primary-100 animate-pulse rounded-lg" };
+function jr(e, r) {
+  return a(), s("div", Mr);
+}
+const Lr = /* @__PURE__ */ h(zr, [["render", jr]]), Er = {}, Nr = { class: "mt-4 flex items-center gap-2" };
+function Gr(e, r) {
+  return a(), s("div", Nr, [
+    l(e.$slots, "default")
+  ]);
+}
+const gt = /* @__PURE__ */ h(Er, [["render", Gr]]), Wr = {
+  __name: "Switch",
+  props: ["modelValue"],
+  emits: ["update:modelValue"],
+  setup(e, { emit: r }) {
+    const t = r, n = e;
+    function o() {
+      t("update:modelValue", !n.modelValue);
+    }
+    return (d, u) => (a(), s("button", k(d.$attrs, {
+      onClick: u[0] || (u[0] = (m) => o()),
+      class: [
+        "group/switch h-5 w-9 cursor-pointer rounded-full p-0.5 transition-all duration-300 disabled:cursor-not-allowed disabled:opacity-50",
+        n.modelValue ? "from-brand-primary-600 to-brand-primary-700 bg-gradient-to-br" : "bg-neutral-200"
+      ],
+      role: "switch",
+      type: "button"
+    }), [
+      i("span", {
+        class: f(["pointer-events-none flex size-4 items-center justify-center rounded-full bg-white shadow-md transition-all duration-300", { "translate-x-full": n.modelValue }])
+      }, [
+        l(d.$slots, "icon")
+      ], 2)
+    ], 16));
+  }
+}, Or = { class: "w-full" }, qr = { class: "h-16" }, Hr = { key: 0 }, Fr = {
+  key: 0,
+  class: "pe-4"
+}, Kr = {
+  __name: "Table",
+  props: {
+    columns: { type: Array, required: !0 },
+    data: { type: Array, required: !0 }
+  },
+  setup(e) {
+    const r = e;
+    return (t, n) => (a(), s("table", Or, [
+      i("thead", null, [
+        i("tr", qr, [
+          (a(!0), s(S, null, R(r.columns, (o) => (a(), s("th", {
+            key: o.key,
+            class: "text-xs font-medium text-neutral-600 first-of-type:ps-4"
+          }, D(o.label), 1))), 128)),
+          t.$slots.actions ? (a(), s("th", Hr)) : T("", !0)
+        ])
+      ]),
+      i("tbody", null, [
+        (a(!0), s(S, null, R(r.data, (o, d) => (a(), s("tr", {
+          key: d,
+          class: "odd:bg-background-main/50 hover:bg-background-main min-h-16 rounded-md transition-all"
+        }, [
+          (a(!0), s(S, null, R(r.columns, (u) => (a(), s("td", {
+            key: u.key,
+            class: "text-primary-950 py-4 text-xs first-of-type:rounded-s-md first-of-type:ps-4 last-of-type:rounded-e-md last-of-type:pe-4"
+          }, [
+            l(t.$slots, u.key, { row: o }, () => [
+              q(D(o[u.key]), 1)
+            ])
+          ]))), 128)),
+          t.$slots.actions ? (a(), s("td", Fr, [
+            l(t.$slots, "actions", { row: o })
+          ])) : T("", !0)
+        ]))), 128))
+      ])
+    ]));
+  }
+}, Ur = { class: "overflow-x-scroll rounded-xl bg-neutral-100/50 p-1 [&::-webkit-scrollbar]:hidden" }, Zr = {
+  __name: "Tabs",
+  props: {
+    default: { default: null }
+  },
+  setup(e) {
+    const t = _(e.default);
+    function n(o) {
+      t.value = o;
+    }
+    return P("TAB_DATA", { currentValue: t, setCurrentValue: n }), (o, d) => (a(), s("div", Ur, [
+      l(o.$slots, "default")
+    ]));
+  }
+}, Jr = {
+  __name: "TabItem",
+  props: {
+    value: { required: !0 }
+  },
+  setup(e) {
+    const r = e, t = y("TAB_DATA"), { currentValue: n, setCurrentValue: o } = t, d = L(() => n.value === r.value ? [
+      "bg-white",
+      "font-medium",
+      "text-primary-700",
+      "shadow-xl",
+      "tab-active"
+    ] : "text-neutral-600");
+    return (u, m) => (a(), s("button", {
+      onClick: m[0] || (m[0] = (p) => c(o)(r.value)),
+      class: f(["tab h-8 cursor-pointer rounded-lg px-3 text-xs transition-all disabled:cursor-not-allowed disabled:opacity-50", d.value])
+    }, [
+      l(u.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+}, Yr = /* @__PURE__ */ h(Jr, [["__scopeId", "data-v-9e06f71f"]]), Xr = {
+  __name: "TextArea",
+  props: /* @__PURE__ */ N(["modelValue"], {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const r = B(e, "modelValue");
+    return (t, n) => I((a(), s("textarea", k({
+      onInput: n[0] || (n[0] = (o) => t.$emit("update:modelValue", o.target.value))
+    }, t.$attrs, {
+      "onUpdate:modelValue": n[1] || (n[1] = (o) => r.value = o),
+      class: "text-primary-950 neutral-400:text-neutral-400 focus:ring-brand-primary-700 group-[&.invalid-form]:focus:ring-danger-700 group-[&.invalid-form]:ring-danger-700 focus:user-invalid:ring-danger-700 user-invalid:ring-danger-700 rounded-lg border-[1px] border-neutral-200 px-3 py-2 text-xs ring-offset-2 transition-all outline-none group-[&.invalid-form]:ring-2 user-invalid:ring-2 focus:ring-2 focus:ring-offset-2 group-[&.invalid-form]:focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50"
+    }), null, 16)), [
+      [E, r.value]
+    ]);
+  }
+}, Qr = C(() => import("./Dialog-BHLcOviq.js")), et = C(() => import("./DialogContent-BrXhtNDl.js")), rt = C(() => import("./DialogToggle-BBhhbRSr.js")), tt = C(
+  () => import("./DialogBackground-WvtbjhWD.js")
+), ot = C(() => import("./Sheet-BSbgTrds.js")), nt = C(() => import("./SheetContent-CwM7Ef5X.js")), at = C(() => import("./SheetToggle-CE4cgr3o.js")), pt = {
+  install(e) {
+    e.component("Alert", re), e.component("AlertContent", ae), e.component("AlertTitle", de), e.component("AppHeaderLink", he), e.component("AppLayout", _e), e.component("AppMain", ye), e.component("AppNavTabs", $e), e.component("AppNavTab", Se), e.component("AppSidebar", Re), e.component("AppSidebarItem", De), e.component("AppSidebarItemChild", ze), e.component("AppSidebarItemChildren", Me), e.component("AppSidebarItemParent", Ee), e.component("AppSidebarToggle", Ge), e.component("AppSidebarNavSection", Ke), e.component("Badge", Ue), e.component("Button", Ze), e.component("Checkbox", Qe), e.component("Card", F), e.component("Dialog", Qr), e.component("DialogContent", et), e.component("DialogToggle", rt), e.component("DialogBackground", tt), e.component("Empty", ar), e.component("FormField", gr), e.component("FormFieldError", fr), e.component("Input", hr), e.component("Label", _r), e.component("MultiSelect", Rr), e.component("Radio", Vr), e.component("Select", Pr), e.component("Sheet", ot), e.component("SheetContent", nt), e.component("SheetToggle", at), e.component("SkeletonLoader", Lr), e.component("Switch", Wr), e.component("Table", Kr), e.component("Tabs", Zr), e.component("TabItem", Yr), e.component("TextArea", Xr);
+  }
+};
+export {
+  ae as A,
+  Pr as B,
+  F as C,
+  Qr as D,
+  ar as E,
+  fr as F,
+  nt as G,
+  at as H,
+  Lr as I,
+  gt as J,
+  Wr as K,
+  _r as L,
+  Kr as M,
+  Zr as N,
+  Xr as O,
+  pt as P,
+  dt as Q,
+  ot as S,
+  Yr as T,
+  re as _,
+  de as a,
+  it as b,
+  he as c,
+  _e as d,
+  ye as e,
+  $e as f,
+  Se as g,
+  Re as h,
+  De as i,
+  ze as j,
+  Me as k,
+  Ee as l,
+  Ge as m,
+  Ke as n,
+  Ue as o,
+  Ze as p,
+  Qe as q,
+  et as r,
+  rt as s,
+  tt as t,
+  ct as u,
+  ut as v,
+  gr as w,
+  hr as x,
+  Rr as y,
+  Vr as z
+};