@noxickon/onyx 2.0.0 → 2.0.1

package/dist/layouts/layouts.es.js

@@ -1,8 +1,8 @@
-import { a0 as p, e as M, a2 as B, i as I, m as L, a3 as Q, c as U, w as X, v as Z, a4 as ee } from "../chunks/ui-CbFPvWIc.js";
+import { a0 as p, e as M, a4 as Q, a5 as B, i as I, a6 as U, m as L, a7 as X, c as Z, a8 as ee, w as te, v as le, a9 as se } from "../chunks/ui-ULvcrJjV.js";
 import { jsx as b, jsxs as C } from "react/jsx-runtime";
 import { d as g } from "../chunks/hooks-CUNBk2tZ.js";
 import { createContext as z, useState as E, useEffect as j, useContext as T } from "react";
-const Fe = (n) => {
+const qe = (n) => {
   const e = g.c(28);
   let t, l, s, o, a, i, r;
   e[0] !== n ? ({
@@ -20,7 +20,7 @@ const Fe = (n) => {
   let f;
   e[10] !== a ? (f = p("mx-auto flex max-w-10xl items-center justify-between px-4 py-2.5", a), e[10] = a, e[11] = f) : f = e[11];
   let u;
-  e[12] !== c || e[13] !== r ? (u = c ? /* @__PURE__ */ b(M, { "aria-label": "Open menu", "data-ox-slot": "header-toggle", size: "md", variant: "ghost", onClick: r, children: /* @__PURE__ */ b(M.Icon, { path: "mdiMenu" }) }) : null, e[12] = c, e[13] = r, e[14] = u) : u = e[14];
+  e[12] !== c || e[13] !== r ? (u = c ? /* @__PURE__ */ b(M, { "aria-label": "Open menu", "data-ox-slot": "header-toggle", size: "md", variant: "ghost", onClick: r, children: /* @__PURE__ */ b(M.Icon, { path: Q }) }) : null, e[12] = c, e[13] = r, e[14] = u) : u = e[14];
   let m;
   e[15] !== t ? (m = t ? /* @__PURE__ */ b("div", { children: t }) : null, e[15] = t, e[16] = m) : m = e[16];
   let x;
@@ -35,7 +35,7 @@ const Fe = (n) => {
   ] }), e[20] = l, e[21] = f, e[22] = x, e[23] = h) : h = e[23];
   let v;
   return e[24] !== o || e[25] !== d || e[26] !== h ? (v = /* @__PURE__ */ b("header", { className: d, "data-ox-slot": "header", ...o, children: h }), e[24] = o, e[25] = d, e[26] = h, e[27] = v) : v = e[27], v;
-}, G = "group ox-gray-inset-focus items-center rounded-lg text-sm transition-colors text-left col-span-2 grid grid-cols-subgrid", R = "size-10 justify-center", W = "h-10 w-full px-2", Y = "bg-gray-300 text-gray-1200", te = "h-15", F = z(void 0), le = (n) => {
+}, G = "group ox-gray-inset-focus items-center rounded-lg text-sm transition-colors text-left col-span-2 grid grid-cols-subgrid", R = "size-10 justify-center", W = "h-10 w-full px-2", Y = "bg-gray-300 text-gray-1200", oe = "h-15", F = z(void 0), ae = (n) => {
   const e = g.c(24);
   let t, l, s, o, a, i, r;
   e[0] !== n ? ({
@@ -65,7 +65,7 @@ const Fe = (n) => {
   }, y = [], e[11] = S, e[12] = y) : (S = e[11], y = e[12]), j(S, y);
   let N;
   e[13] !== t || e[14] !== l || e[15] !== s || e[16] !== x || e[17] !== d || e[18] !== u || e[19] !== o ? (N = u ? /* @__PURE__ */ b(I, { open: !x, onOpenChange: ($) => !$ && o?.(), children: /* @__PURE__ */ b(I.Content, { closeOnOutsideClick: o !== void 0, side: "left", children: /* @__PURE__ */ C("nav", { "aria-label": "Mobile navigation", className: p("flex h-screen w-full flex-col bg-gray-100", l), "data-ox-slot": "sidebar", role: "navigation", ...s, children: [
-    o ? /* @__PURE__ */ b("div", { className: p("flex h-15 items-center gap-[17px] px-4", te), children: /* @__PURE__ */ b(M, { "aria-label": "Close sidebar", size: "md", variant: "ghost", onClick: o, children: /* @__PURE__ */ b(M.Icon, { path: "mdiClose" }) }) }) : null,
+    o ? /* @__PURE__ */ b("div", { className: p("flex h-15 items-center gap-[17px] px-4", oe), children: /* @__PURE__ */ b(M, { "aria-label": "Close sidebar", size: "md", variant: "ghost", onClick: o, children: /* @__PURE__ */ b(M.Icon, { path: U }) }) }) : null,
     t
   ] }) }) }) : /* @__PURE__ */ b("nav", { "aria-label": "Desktop navigation", className: p("sticky box-content flex flex-col overflow-y-auto bg-gray-100", {
     "top-0 h-screen": !d,
@@ -80,7 +80,7 @@ const Fe = (n) => {
   if (!n)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return n;
-}, se = (n) => {
+}, ne = (n) => {
   const e = g.c(12);
   let t, l, s;
   e[0] !== n ? ({
@@ -99,7 +99,7 @@ const Fe = (n) => {
   }, '[&_[data-ox-slot="sidebar-link"]]:col-span-2 [&_[data-ox-slot="sidebar-link"]]:grid [&_[data-ox-slot="sidebar-link"]]:grid-cols-subgrid', '[&_[data-ox-slot="sidebar-button"]]:col-span-2 [&_[data-ox-slot="sidebar-button"]]:grid [&_[data-ox-slot="sidebar-button"]]:grid-cols-subgrid', '[&_[data-ox-slot="sidebar-icon"]]:[grid-column-start:var(--ox-menu-icon-col)] [&_[data-ox-slot="sidebar-icon"]]:justify-self-center', '[&_[data-ox-slot="sidebar-label"]]:[grid-column-start:var(--ox-menu-label-col)]', l), e[4] = l, e[5] = i, e[6] = r, e[7] = c) : c = e[7];
   let d;
   return e[8] !== t || e[9] !== s || e[10] !== c ? (d = /* @__PURE__ */ b("div", { className: c, "data-ox-slot": "sidebar-body", ...s, children: t }), e[8] = t, e[9] = s, e[10] = c, e[11] = d) : d = e[11], d;
-}, oe = (n) => {
+}, re = (n) => {
   const e = g.c(18);
   let t, l, s, o, a;
   e[0] !== n ? ({
@@ -122,7 +122,7 @@ const Fe = (n) => {
   const m = i ? "active" : "inactive";
   let x;
   return e[12] !== t || e[13] !== r || e[14] !== s || e[15] !== u || e[16] !== m ? (x = /* @__PURE__ */ b("button", { className: u, "data-ox-slot": "sidebar-button", disabled: r, type: "button", ...s, "data-ox-state": m, children: t }), e[12] = t, e[13] = r, e[14] = s, e[15] = u, e[16] = m, e[17] = x) : x = e[17], x;
-}, ae = (n) => {
+}, ie = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -134,7 +134,7 @@ const Fe = (n) => {
   e[4] !== l ? (o = p("p-4", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-footer", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, ne = (n) => {
+}, ce = (n) => {
   const e = g.c(17);
   let t, l, s, o;
   e[0] !== n ? ({
@@ -161,7 +161,7 @@ const Fe = (n) => {
     f,
     t
   ] }), e[12] = t, e[13] = s, e[14] = r, e[15] = f, e[16] = u) : u = e[16], u;
-}, re = (n) => {
+}, de = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -173,7 +173,7 @@ const Fe = (n) => {
   e[4] !== l ? (o = p("flex h-15 items-center px-4", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-header", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, ie = (n) => {
+}, fe = (n) => {
   const e = g.c(11);
   let t, l, s;
   e[0] !== n ? ({
@@ -190,7 +190,7 @@ const Fe = (n) => {
   }, t), e[4] = t, e[5] = i, e[6] = r) : r = e[6];
   let c;
   return e[7] !== l || e[8] !== o || e[9] !== r ? (c = /* @__PURE__ */ b(L, { className: r, "data-ox-slot": "sidebar-icon", size: o, ...l }), e[7] = l, e[8] = o, e[9] = r, e[10] = c) : c = e[10], c;
-}, ce = (n) => {
+}, ue = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -202,7 +202,7 @@ const Fe = (n) => {
   e[4] !== l ? (o = p("overflow-hidden text-ellipsis", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("span", { className: o, "data-ox-slot": "sidebar-label", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, de = (n) => {
+}, be = (n) => {
   const e = g.c(22);
   let t, l, s, o, a, i;
   e[0] !== n ? ({
@@ -224,23 +224,23 @@ const Fe = (n) => {
     "cursor-pointer text-gray-1000 hover:bg-gray-300 hover:text-gray-1200": x,
     "ox-default-disabled": c
   }, l), e[7] = l, e[8] = d, e[9] = c, e[10] = u, e[11] = m, e[12] = x, e[13] = h) : h = e[13];
-  const v = c ? void 0 : o, S = c ? fe : void 0, y = r ? "active" : "inactive";
+  const v = c ? void 0 : o, S = c ? me : void 0, y = r ? "active" : "inactive";
   let N;
   return e[14] !== t || e[15] !== s || e[16] !== y || e[17] !== f || e[18] !== h || e[19] !== v || e[20] !== S ? (N = /* @__PURE__ */ b("a", { "aria-current": f, className: h, "data-ox-slot": "sidebar-link", href: v, role: "link", onClick: S, ...s, "data-ox-state": y, children: t }), e[14] = t, e[15] = s, e[16] = y, e[17] = f, e[18] = h, e[19] = v, e[20] = S, e[21] = N) : N = e[21], N;
 };
-function fe(n) {
+function me(n) {
   return n.preventDefault();
 }
-const w = le;
-w.Body = se;
-w.Button = oe;
-w.Footer = ae;
-w.Group = ne;
-w.Header = re;
-w.Icon = ie;
-w.Label = ce;
-w.Link = de;
-const Ve = (n) => {
+const w = ae;
+w.Body = ne;
+w.Button = re;
+w.Footer = ie;
+w.Group = ce;
+w.Header = de;
+w.Icon = fe;
+w.Label = ue;
+w.Link = be;
+const Je = (n) => {
   const e = g.c(22);
   let t, l, s, o, a, i, r;
   e[0] !== n ? ({
@@ -252,7 +252,7 @@ const Ve = (n) => {
     title: r,
     ...s
   } = n, e[0] = n, e[1] = t, e[2] = l, e[3] = s, e[4] = o, e[5] = a, e[6] = i, e[7] = r) : (t = e[1], l = e[2], s = e[3], o = e[4], a = e[5], i = e[6], r = e[7]);
-  const c = i === void 0 ? "purple" : i, d = r || a || o, f = Q[c], u = d ? "main-headline" : void 0;
+  const c = i === void 0 ? "purple" : i, d = r || a || o, f = X[c], u = d ? "main-headline" : void 0;
   let m;
   e[8] !== l ? (m = p("w-full p-6", l), e[8] = l, e[9] = m) : m = e[9];
   let x;
@@ -268,7 +268,7 @@ const Ve = (n) => {
     x,
     t
   ] }), e[16] = t, e[17] = s, e[18] = u, e[19] = m, e[20] = x, e[21] = h) : h = e[21], h;
-}, Ke = (n) => {
+}, Qe = (n) => {
   const e = g.c(11);
   let t, l, s;
   e[0] !== n ? ({
@@ -283,7 +283,7 @@ const Ve = (n) => {
   e[4] !== l || e[5] !== a ? (i = p("mx-auto grid min-h-screen max-w-16xl bg-transparent", a, l), e[4] = l, e[5] = a, e[6] = i) : i = e[6];
   let r;
   return e[7] !== t || e[8] !== s || e[9] !== i ? (r = /* @__PURE__ */ b("div", { className: i, "data-ox-slot": "app-layout", ...s, children: t }), e[7] = t, e[8] = s, e[9] = i, e[10] = r) : r = e[10], r;
-}, ue = (n) => {
+}, xe = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -295,7 +295,7 @@ const Ve = (n) => {
   e[4] !== l ? (o = p("flex flex-col overflow-y-auto", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("main", { className: o, "data-ox-slot": "main-content", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, be = (n) => {
+}, pe = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -307,7 +307,7 @@ const Ve = (n) => {
   e[4] !== l ? (o = p("flex-1 overflow-y-auto px-6 py-6", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "main-content-body", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, me = (n) => {
+}, he = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -319,9 +319,9 @@ const Ve = (n) => {
   e[4] !== l ? (o = p("flex-shrink-0 border-b border-gray-400 bg-gray-100 px-6 py-4", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "main-content-header", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, qe = Object.assign(ue, {
-  Header: me,
-  Body: be
+}, Ue = Object.assign(xe, {
+  Header: he,
+  Body: pe
 }), V = z(void 0);
 function H() {
   const n = T(V);
@@ -329,7 +329,7 @@ function H() {
     throw new Error("useOxSidebar must be used within a SidebarProvider");
   return n;
 }
-const xe = 256, pe = (n) => {
+const ge = 256, ve = (n) => {
   const e = g.c(21);
   let t, l, s;
   e[0] !== n ? ({
@@ -354,11 +354,11 @@ const xe = 256, pe = (n) => {
   e[14] !== l ? (r = p("sticky top-0 flex h-screen flex-col overflow-y-auto bg-gray-150", l), e[14] = l, e[15] = r) : r = e[15];
   let c;
   e[16] === Symbol.for("react.memo_cache_sentinel") ? (c = {
-    width: xe
+    width: ge
   }, e[16] = c) : c = e[16];
   let d;
   return e[17] !== t || e[18] !== s || e[19] !== r ? (d = /* @__PURE__ */ b("aside", { className: r, "data-ox-slot": "sidebar", style: c, ...s, children: t }), e[17] = t, e[18] = s, e[19] = r, e[20] = d) : d = e[20], d;
-}, he = (n) => {
+}, Se = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -370,7 +370,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("flex-1 overflow-y-auto p-2", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-content", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, ge = (n) => {
+}, ye = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -382,7 +382,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("flex shrink-0 flex-col p-2", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-footer", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, ve = (n) => {
+}, Ne = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -394,7 +394,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("flex flex-wrap items-center gap-2", '[&_[data-ox-slot="sidebar-group-content"]]:w-full', l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-group", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, Se = (n) => {
+}, Oe = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -406,7 +406,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("mr-1.5 inline-flex size-6 shrink-0 items-center justify-center rounded-md", "enabled:cursor-pointer enabled:text-gray-900 enabled:hover:bg-gray-300 enabled:hover:text-gray-1200", "ox-gray-outset-focus disabled:ox-default-disabled", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("button", { className: o, "data-ox-slot": "sidebar-group-action", type: "button", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, ye = (n) => {
+}, Ce = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -418,7 +418,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p(l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-group-content", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, Ne = (n) => {
+}, we = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -430,7 +430,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("flex flex-1 items-center pl-2 text-xs font-medium text-gray-900", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-group-label", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, Oe = (n) => {
+}, $e = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -442,7 +442,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("flex shrink-0 flex-col p-2", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("div", { className: o, "data-ox-slot": "sidebar-header", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, Ce = (n) => {
+}, ke = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -454,7 +454,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("flex flex-col items-stretch gap-1", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("ul", { className: o, "data-ox-slot": "sidebar-menu", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, we = (n) => {
+}, _e = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -466,7 +466,7 @@ const xe = 256, pe = (n) => {
   e[4] !== l ? (o = p("inline-flex size-9 shrink-0 items-center justify-center rounded-lg border border-transparent", "enabled:cursor-pointer enabled:bg-transparent enabled:text-gray-1200 enabled:hover:bg-gray-300", "ox-gray-outset-focus disabled:ox-default-disabled", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("button", { className: o, "data-ox-slot": "sidebar-menu-action", type: "button", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, $e = (n) => {
+}, Pe = (n) => {
   const e = g.c(5), {
     children: t,
     className: l
@@ -474,7 +474,7 @@ const xe = 256, pe = (n) => {
   let s;
   e[0] !== l ? (s = p("ml-auto", l), e[0] = l, e[1] = s) : s = e[1];
   let o;
-  return e[2] !== t || e[3] !== s ? (o = /* @__PURE__ */ b(U, { className: s, "data-ox-slot": "sidebar-menu-badge", size: "sm", children: t }), e[2] = t, e[3] = s, e[4] = o) : o = e[4], o;
+  return e[2] !== t || e[3] !== s ? (o = /* @__PURE__ */ b(Z, { className: s, "data-ox-slot": "sidebar-menu-badge", size: "sm", children: t }), e[2] = t, e[3] = s, e[4] = o) : o = e[4], o;
 }, K = z(void 0), A = () => {
   const n = T(K);
   if (!n)
@@ -490,7 +490,7 @@ const xe = 256, pe = (n) => {
   e[0] !== t ? (o = p("shrink-0", t), e[0] = t, e[1] = o) : o = e[1];
   let a;
   return e[2] !== l || e[3] !== s || e[4] !== o ? (a = /* @__PURE__ */ b(L, { className: o, "data-ox-slot": "sidebar-menu-icon", path: l, placeholder: s, size: 0.8 }), e[2] = l, e[3] = s, e[4] = o, e[5] = a) : a = e[5], a;
-}, ke = (n) => "href" in n, J = "flex h-9 flex-1 items-center gap-2 rounded-lg border border-transparent bg-transparent px-2 text-left text-sm ox-gray-outset-focus", _e = (n) => {
+}, Me = (n) => "href" in n, J = "flex h-9 flex-1 items-center gap-2 rounded-lg border border-transparent bg-transparent px-2 text-left text-sm ox-gray-outset-focus", Ie = (n) => {
   const e = g.c(23);
   let t, l, s, o, a, i;
   e[0] !== n ? ({
@@ -526,7 +526,7 @@ const xe = 256, pe = (n) => {
   const h = x, v = r ? "true" : void 0, S = r ? void 0 : s;
   let y;
   return e[16] !== t || e[17] !== h || e[18] !== m || e[19] !== a || e[20] !== v || e[21] !== S ? (y = /* @__PURE__ */ b("a", { "aria-disabled": v, className: m, "data-ox-slot": "sidebar-menu-button", href: S, onClick: h, ...a, children: t }), e[16] = t, e[17] = h, e[18] = m, e[19] = a, e[20] = v, e[21] = S, e[22] = y) : y = e[22], y;
-}, Pe = (n) => {
+}, Ee = (n) => {
   const e = g.c(24);
   let t, l, s, o, a, i;
   e[0] !== n ? ({
@@ -557,25 +557,25 @@ const xe = 256, pe = (n) => {
   let S;
   e[13] !== d || e[14] !== f ? (S = d ? /* @__PURE__ */ b(q, { className: p("ml-auto transition-transform duration-200", {
     "rotate-180": f
-  }), path: "mdiChevronDown" }) : null, e[13] = d, e[14] = f, e[15] = S) : S = e[15];
+  }), path: ee }) : null, e[13] = d, e[14] = f, e[15] = S) : S = e[15];
   let y;
   return e[16] !== x || e[17] !== t || e[18] !== r || e[19] !== v || e[20] !== o || e[21] !== S || e[22] !== c ? (y = /* @__PURE__ */ C("button", { className: x, "data-ox-slot": "sidebar-menu-button", disabled: r, type: c, onClick: v, ...o, children: [
     t,
     S
   ] }), e[16] = x, e[17] = t, e[18] = r, e[19] = v, e[20] = o, e[21] = S, e[22] = c, e[23] = y) : y = e[23], y;
-}, Me = (n) => {
+}, Le = (n) => {
   const e = g.c(2);
   let t;
-  return e[0] !== n ? (t = ke(n) ? /* @__PURE__ */ b(_e, { ...n }) : /* @__PURE__ */ b(Pe, { ...n }), e[0] = n, e[1] = t) : t = e[1], t;
+  return e[0] !== n ? (t = Me(n) ? /* @__PURE__ */ b(Ie, { ...n }) : /* @__PURE__ */ b(Ee, { ...n }), e[0] = n, e[1] = t) : t = e[1], t;
 };
-function Ie(n) {
+function Be(n) {
   const e = g.c(7), {
     children: t,
     defaultOpen: l,
     hasSub: s
   } = n, o = l === void 0 ? !1 : l, a = s === void 0 ? !1 : s, [i, r] = E(o);
   let c;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = () => r(Ee), e[0] = c) : c = e[0];
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = () => r(ze), e[0] = c) : c = e[0];
   const d = c;
   let f;
   e[1] !== a || e[2] !== i ? (f = {
@@ -587,10 +587,10 @@ function Ie(n) {
   let u;
   return e[4] !== t || e[5] !== f ? (u = /* @__PURE__ */ b(K.Provider, { value: f, children: t }), e[4] = t, e[5] = f, e[6] = u) : u = e[6], u;
 }
-function Ee(n) {
+function ze(n) {
   return !n;
 }
-const Le = (n) => {
+const Te = (n) => {
   const e = g.c(16);
   let t, l, s, o, a;
   e[0] !== n ? ({
@@ -606,14 +606,14 @@ const Le = (n) => {
   let d;
   e[8] !== t || e[9] !== s || e[10] !== c ? (d = /* @__PURE__ */ b("li", { className: c, "data-ox-slot": "sidebar-menu-item", ...s, children: t }), e[8] = t, e[9] = s, e[10] = c, e[11] = d) : d = e[11];
   let f;
-  return e[12] !== i || e[13] !== r || e[14] !== d ? (f = /* @__PURE__ */ b(Ie, { defaultOpen: i, hasSub: r, children: d }), e[12] = i, e[13] = r, e[14] = d, e[15] = f) : f = e[15], f;
-}, Be = (n) => {
+  return e[12] !== i || e[13] !== r || e[14] !== d ? (f = /* @__PURE__ */ b(Be, { defaultOpen: i, hasSub: r, children: d }), e[12] = i, e[13] = r, e[14] = d, e[15] = f) : f = e[15], f;
+}, He = (n) => {
   const e = g.c(2), {
     className: t
   } = n;
   let l;
-  return e[0] !== t ? (l = /* @__PURE__ */ b(X, { className: t, "data-ox-slot": "sidebar-menu-skeleton", fullWidth: !0, height: 36 }), e[0] = t, e[1] = l) : l = e[1], l;
-}, ze = (n) => {
+  return e[0] !== t ? (l = /* @__PURE__ */ b(te, { className: t, "data-ox-slot": "sidebar-menu-skeleton", fullWidth: !0, height: 36 }), e[0] = t, e[1] = l) : l = e[1], l;
+}, Ae = (n) => {
   const e = g.c(13);
   let t, l, s;
   e[0] !== n ? ({
@@ -630,7 +630,7 @@ const Le = (n) => {
   e[6] !== t || e[7] !== s || e[8] !== i ? (r = /* @__PURE__ */ b("ul", { className: i, "data-ox-slot": "sidebar-menu-sub", ...s, children: t }), e[6] = t, e[7] = s, e[8] = i, e[9] = r) : r = e[9];
   let c;
   return e[10] !== a || e[11] !== r ? (c = /* @__PURE__ */ b("div", { className: "ox-sidebar-submenu w-content grid w-full", "data-ox-slot": "sidebar-menu-sub-wrapper", "data-ox-state": a, children: r }), e[10] = a, e[11] = r, e[12] = c) : c = e[12], c;
-}, Te = (n) => {
+}, De = (n) => {
   const e = g.c(16);
   let t, l, s, o;
   e[0] !== n ? ({
@@ -649,7 +649,7 @@ const Le = (n) => {
   }
   let r;
   return e[12] !== i || e[13] !== t || e[14] !== s ? (r = /* @__PURE__ */ b("button", { className: i, "data-ox-slot": "sidebar-menu-sub-button", type: "button", ...s, children: t }), e[12] = i, e[13] = t, e[14] = s, e[15] = r) : r = e[15], r;
-}, He = (n) => {
+}, je = (n) => {
   const e = g.c(10);
   let t, l, s;
   e[0] !== n ? ({
@@ -661,7 +661,7 @@ const Le = (n) => {
   e[4] !== l ? (o = p("flex items-center gap-2", l), e[4] = l, e[5] = o) : o = e[5];
   let a;
   return e[6] !== t || e[7] !== s || e[8] !== o ? (a = /* @__PURE__ */ b("li", { className: o, "data-ox-slot": "sidebar-menu-sub-item", ...s, children: t }), e[6] = t, e[7] = s, e[8] = o, e[9] = a) : a = e[9], a;
-}, Ae = (n) => {
+}, Ge = (n) => {
   const e = g.c(6);
   let t, l;
   e[0] !== n ? ({
@@ -669,8 +669,8 @@ const Le = (n) => {
     ...l
   } = n, e[0] = n, e[1] = t, e[2] = l) : (t = e[1], l = e[2]);
   let s;
-  return e[3] !== t || e[4] !== l ? (s = /* @__PURE__ */ b(Z, { className: t, "data-ox-slot": "sidebar-separator", ...l }), e[3] = t, e[4] = l, e[5] = s) : s = e[5], s;
-}, De = (n) => {
+  return e[3] !== t || e[4] !== l ? (s = /* @__PURE__ */ b(le, { className: t, "data-ox-slot": "sidebar-separator", ...l }), e[3] = t, e[4] = l, e[5] = s) : s = e[5], s;
+}, Re = (n) => {
   const e = g.c(12), {
     className: t,
     onClick: l
@@ -689,11 +689,11 @@ const Le = (n) => {
   }, t), e[4] = t, e[5] = r, e[6] = c) : c = e[6];
   const d = !r;
   let f;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ b(L, { path: ee, size: 0.8 }), e[7] = f) : f = e[7];
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ b(L, { path: se, size: 0.8 }), e[7] = f) : f = e[7];
   let u;
   return e[8] !== i || e[9] !== c || e[10] !== d ? (u = /* @__PURE__ */ b("button", { "aria-label": "Toggle sidebar", className: c, "data-ox-slot": "sidebar-trigger", disabled: d, type: "button", onClick: i, children: f }), e[8] = i, e[9] = c, e[10] = d, e[11] = u) : u = e[11], u;
 };
-function Je(n) {
+function Xe(n) {
   const e = g.c(11), {
     children: t
   } = n, [l, s] = E(!1), [o, a] = E(!1);
@@ -716,7 +716,7 @@ function Je(n) {
   const u = f;
   let m;
   e[4] === Symbol.for("react.memo_cache_sentinel") ? (m = () => {
-    s(je);
+    s(We);
   }, e[4] = m) : m = e[4];
   const x = m;
   let h;
@@ -730,36 +730,36 @@ function Je(n) {
   let v;
   return e[8] !== t || e[9] !== h ? (v = /* @__PURE__ */ b(V.Provider, { value: h, children: t }), e[8] = t, e[9] = h, e[10] = v) : v = e[10], v;
 }
-function je(n) {
+function We(n) {
   return !n;
 }
-const _ = pe, O = Ce, D = ve;
-_.Header = Oe;
-_.Content = he;
-_.Footer = ge;
-_.Separator = Ae;
-_.Trigger = De;
-O.Item = Le;
-O.Button = Me;
+const _ = ve, O = ke, D = Ne;
+_.Header = $e;
+_.Content = Se;
+_.Footer = ye;
+_.Separator = Ge;
+_.Trigger = Re;
+O.Item = Te;
+O.Button = Le;
 O.Icon = q;
-O.Badge = $e;
-O.Action = we;
-O.Skeleton = Be;
-O.Sub = ze;
-O.SubItem = He;
-O.SubButton = Te;
-D.Label = Ne;
-D.Action = Se;
-D.Content = ye;
+O.Badge = Pe;
+O.Action = _e;
+O.Skeleton = He;
+O.Sub = Ae;
+O.SubItem = je;
+O.SubButton = De;
+D.Label = we;
+D.Action = Oe;
+D.Content = Ce;
 export {
-  Ke as OxAppLayout,
-  Fe as OxLegacyHeader,
-  Ve as OxLegacyMainContent,
+  Qe as OxAppLayout,
+  qe as OxLegacyHeader,
+  Je as OxLegacyMainContent,
   w as OxLegacySidebar,
-  qe as OxMainContent,
+  Ue as OxMainContent,
   _ as OxSidebar,
   D as OxSidebarGroup,
   O as OxSidebarMenu,
-  Je as OxSidebarProvider,
+  Xe as OxSidebarProvider,
   H as useOxSidebar
 };

package/dist/onyx.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./chunks/ui-9efLp51u.js");exports.OxAccordion=x.OxAccordion;exports.OxAlert=x.OxAlert;exports.OxAvatar=x.OxAvatar;exports.OxBadge=x.OxBadge;exports.OxBreadcrumb=x.OxBreadcrumb;exports.OxButton=x.OxButton;exports.OxCalendar=x.OxCalendar;exports.OxCard=x.OxCard;exports.OxCheckbox=x.OxCheckbox;exports.OxDateInput=x.OxDateInput;exports.OxDescription=x.OxDescription;exports.OxDescriptionList=x.OxDescriptionList;exports.OxDialog=x.OxDialog;exports.OxDrawer=x.OxDrawer;exports.OxDropdown=x.OxDropdown;exports.OxError=x.OxError;exports.OxFileUpload=x.OxFileUpload;exports.OxFloating=x.OxFloating;exports.OxFloatingContext=x.OxFloatingContext;exports.OxForm=x.OxForm;exports.OxHeading=x.OxHeading;exports.OxIcon=x.OxIcon;exports.OxJsonField=x.OxJsonField;exports.OxLabel=x.OxLabel;exports.OxLegend=x.OxLegend;exports.OxLink=x.OxLink;exports.OxNotifications=x.OxNotifications;exports.OxNumberInput=x.OxNumberInput;exports.OxOtpInput=x.OxOtpInput;exports.OxPagination=x.OxPagination;exports.OxPopover=x.OxPopover;exports.OxProgress=x.OxProgress;exports.OxRadio=x.OxRadio;exports.OxSelect=x.OxSelect;exports.OxSeparator=x.OxSeparator;exports.OxSkeleton=x.OxSkeleton;exports.OxSkeletonText=x.OxSkeletonText;exports.OxSlider=x.OxSlider;exports.OxSpinner=x.OxSpinner;exports.OxStatusDisplay=x.OxStatusDisplay;exports.OxStepper=x.OxStepper;exports.OxSwitch=x.OxSwitch;exports.OxTable=x.OxTable;exports.OxTabs=x.OxTabs;exports.OxTextInput=x.OxTextInput;exports.OxTextarea=x.OxTextarea;exports.OxTimeInput=x.OxTimeInput;exports.OxTimeline=x.OxTimeline;exports.OxToast=x.OxToast;exports.OxToastProvider=x.OxToastProvider;exports.OxToggle=x.OxToggle;exports.OxTooltip=x.OxTooltip;exports.useOxFloatingContext=x.useOxFloatingContext;exports.useOxToast=x.useOxToast;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./chunks/ui-DmUf2PZA.js");exports.OxAccordion=x.OxAccordion;exports.OxAlert=x.OxAlert;exports.OxAvatar=x.OxAvatar;exports.OxBadge=x.OxBadge;exports.OxBreadcrumb=x.OxBreadcrumb;exports.OxButton=x.OxButton;exports.OxCalendar=x.OxCalendar;exports.OxCard=x.OxCard;exports.OxCheckbox=x.OxCheckbox;exports.OxDateInput=x.OxDateInput;exports.OxDescription=x.OxDescription;exports.OxDescriptionList=x.OxDescriptionList;exports.OxDialog=x.OxDialog;exports.OxDrawer=x.OxDrawer;exports.OxDropdown=x.OxDropdown;exports.OxError=x.OxError;exports.OxFileUpload=x.OxFileUpload;exports.OxFloating=x.OxFloating;exports.OxFloatingContext=x.OxFloatingContext;exports.OxForm=x.OxForm;exports.OxHeading=x.OxHeading;exports.OxIcon=x.OxIcon;exports.OxJsonField=x.OxJsonField;exports.OxLabel=x.OxLabel;exports.OxLegend=x.OxLegend;exports.OxLink=x.OxLink;exports.OxNotifications=x.OxNotifications;exports.OxNumberInput=x.OxNumberInput;exports.OxOtpInput=x.OxOtpInput;exports.OxPagination=x.OxPagination;exports.OxPopover=x.OxPopover;exports.OxProgress=x.OxProgress;exports.OxRadio=x.OxRadio;exports.OxSelect=x.OxSelect;exports.OxSeparator=x.OxSeparator;exports.OxSkeleton=x.OxSkeleton;exports.OxSkeletonText=x.OxSkeletonText;exports.OxSlider=x.OxSlider;exports.OxSpinner=x.OxSpinner;exports.OxStatusDisplay=x.OxStatusDisplay;exports.OxStepper=x.OxStepper;exports.OxSwitch=x.OxSwitch;exports.OxTable=x.OxTable;exports.OxTabs=x.OxTabs;exports.OxTextInput=x.OxTextInput;exports.OxTextarea=x.OxTextarea;exports.OxTimeInput=x.OxTimeInput;exports.OxTimeline=x.OxTimeline;exports.OxToast=x.OxToast;exports.OxToastProvider=x.OxToastProvider;exports.OxToggle=x.OxToggle;exports.OxTooltip=x.OxTooltip;exports.useOxFloatingContext=x.useOxFloatingContext;exports.useOxToast=x.useOxToast;

package/dist/onyx.es.js

@@ -1,4 +1,4 @@
-import { O as x, a as O, b as e, c as t, d as o, e as r, f as i, g as n, K as l, N as p, X as d, h as T, p as g, i as u, j as c, Y as S, L as D, k as b, l as m, M as F, Z as I, m as C, n as k, _ as L, $ as P, o as v, q as w, P as A, Q as B, r as f, s as h, t as N, T as y, U as E, v as H, w as J, x as R, y as U, z as j, A as q, B as z, V as G, C as K, D as M, R as Q, W as V, S as W, E as X, H as Y, F as Z, I as _, J as $, u as aa, G as sa } from "./chunks/ui-CbFPvWIc.js";
+import { O as x, a as O, b as e, c as t, d as o, e as r, f as i, g as n, K as l, N as p, X as d, h as T, p as g, i as u, j as c, Y as S, L as D, k as b, l as m, M as F, Z as I, m as C, n as k, _ as L, $ as P, o as v, q as w, P as A, Q as B, r as f, s as h, t as N, T as y, U as E, v as H, w as J, x as R, y as U, z as j, A as q, B as z, V as G, C as K, D as M, R as Q, W as V, S as W, E as X, H as Y, F as Z, I as _, J as $, u as aa, G as sa } from "./chunks/ui-ULvcrJjV.js";
 export {
   x as OxAccordion,
   O as OxAlert,

package/dist/pages/pages.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../chunks/ui-9efLp51u.js"),s=require("react/jsx-runtime"),H=require("../chunks/hooks-UiKjBucd.js"),X=require("@apollo/client");require("react");const Y=require("../chunks/query-CIsrxNi-.js"),Z=X.gql`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../chunks/ui-DmUf2PZA.js"),s=require("react/jsx-runtime"),H=require("../chunks/hooks-UiKjBucd.js"),X=require("@apollo/client");require("react");const Y=require("../chunks/query-CIsrxNi-.js"),Z=X.gql`
   mutation Login($input: LoginInput!) {
     login(input: $input) {
       success
@@ -10,4 +10,4 @@
       }
     }
   }
-`,ee=$=>{const e=H.compilerRuntimeExports.c(70);let l,o,a,E,v,I,S;e[0]!==$?({cacheQuery:E,className:l,mutation:v,onSubmit:o,subtitle:I,title:S,...a}=$,e[0]=$,e[1]=l,e[2]=o,e[3]=a,e[4]=E,e[5]=v,e[6]=I,e[7]=S):(l=e[1],o=e[2],a=e[3],E=e[4],v=e[5],I=e[6],S=e[7]);const B=E===void 0?Y.DEFAULT_GET_CURRENT_USER:E,M=v===void 0?Z:v,_=I===void 0?"":I,z=S===void 0?"noxickon":S;let q,T;e[8]===Symbol.for("react.memo_cache_sentinel")?(q={username:"",password:""},T={username:["required"],password:["required"]},e[8]=q,e[9]=T):(q=e[8],T=e[9]);let c;e[10]!==B?(c={update:(r,n)=>{const{data:W}=n;W?.login.success&&r.writeQuery({query:B,data:{me:W.login.me}})}},e[10]=B,e[11]=c):c=e[11];let N;e[12]!==M||e[13]!==c?(N={initialData:q,validationRules:T,operation:M,options:c},e[12]=M,e[13]=c,e[14]=N):N=e[14];const t=H.useForm(N);let C;e[15]!==t||e[16]!==o?(C=async r=>{r.preventDefault(),t.submit({onError:n=>{i.handleGraphQLFormErrors(n,t)},onSuccess:n=>{n.data&&n.data.login.success?o?.(n):console.error("Login failed: Invalid credentials")}})},e[15]=t,e[16]=o,e[17]=C):C=e[17];const P=C;let d;e[18]!==l?(d=i.cn("w-80",l),e[18]=l,e[19]=d):d=e[19];let u;e[20]!==z?(u=s.jsx("h1",{className:"px-2 font-mono text-2xl text-gray-1200",children:z}),e[20]=z,e[21]=u):u=e[21];let m;e[22]!==_?(m=_?s.jsx("p",{className:"px-2 py-1 font-mono text-xs",children:_}):null,e[22]=_,e[23]=m):m=e[23];let x;e[24]!==u||e[25]!==m?(x=s.jsxs("div",{className:"mb-4 text-center",children:[u,m]}),e[24]=u,e[25]=m,e[26]=x):x=e[26];let F;e[27]===Symbol.for("react.memo_cache_sentinel")?(F=s.jsx(i.OxLabel,{children:"username"}),e[27]=F):F=e[27];const J=t.isLoading;let p;e[28]!==t?(p=t.hasError("username"),e[28]=t,e[29]=p):p=e[29];let f;e[30]!==t?(f=r=>t.setData("username",r),e[30]=t,e[31]=f):f=e[31];let R,D;e[32]===Symbol.for("react.memo_cache_sentinel")?(R=s.jsx(i.OxTextInput.Icon,{path:"mdiAccount"}),D=s.jsx(i.OxTextInput,{autoComplete:"off",name:"username",placeholder:"Enter your username"}),e[32]=R,e[33]=D):(R=e[32],D=e[33]);let h;e[34]!==t.data.username||e[35]!==t.isLoading||e[36]!==p||e[37]!==f?(h=s.jsxs(i.OxForm.Field,{children:[F,s.jsxs(i.OxTextInput.Container,{disabled:J,error:p,required:!0,value:t.data.username,onChange:f,children:[R,D]})]}),e[34]=t.data.username,e[35]=t.isLoading,e[36]=p,e[37]=f,e[38]=h):h=e[38];let A;e[39]===Symbol.for("react.memo_cache_sentinel")?(A=s.jsx(i.OxLabel,{children:"password"}),e[39]=A):A=e[39];const K=t.isLoading;let g;e[40]!==t?(g=t.hasError("password"),e[40]=t,e[41]=g):g=e[41];let y;e[42]!==t?(y=r=>t.setData("password",r),e[42]=t,e[43]=y):y=e[43];let Q,U,k;e[44]===Symbol.for("react.memo_cache_sentinel")?(Q=s.jsx(i.OxTextInput.Icon,{path:"mdiLockOutline"}),U=s.jsx(i.OxTextInput,{autoComplete:"off",name:"password",placeholder:"Enter your password"}),k=s.jsx(i.OxTextInput.VisibilityButton,{}),e[44]=Q,e[45]=U,e[46]=k):(Q=e[44],U=e[45],k=e[46]);let b;e[47]!==t.data.password||e[48]!==t.isLoading||e[49]!==g||e[50]!==y?(b=s.jsxs(i.OxForm.Field,{children:[A,s.jsxs(i.OxTextInput.Container,{disabled:K,error:g,required:!0,type:"password",value:t.data.password,onChange:y,children:[Q,U,k]})]}),e[47]=t.data.password,e[48]=t.isLoading,e[49]=g,e[50]=y,e[51]=b):b=e[51];let L;e[52]!==t.hasErrors?(L=t.hasErrors?s.jsx(i.OxError,{icon:"mdiAlertCircleOutline",children:"username or password is wrong"}):null,e[52]=t.hasErrors,e[53]=L):L=e[53];const V=t.isLoading?"Signing in...":"Sign In";let j;e[54]!==t.isLoading||e[55]!==V?(j=s.jsx(i.OxButton,{disabled:t.isLoading,fullWidth:!0,isLoading:t.isLoading,size:"sm",type:"submit",variant:"primary",children:V}),e[54]=t.isLoading,e[55]=V,e[56]=j):j=e[56];let O;e[57]!==P||e[58]!==h||e[59]!==b||e[60]!==L||e[61]!==j?(O=s.jsxs(i.OxForm,{className:"space-y-6",onSubmit:P,children:[h,b,L,j]}),e[57]=P,e[58]=h,e[59]=b,e[60]=L,e[61]=j,e[62]=O):O=e[62];let w;e[63]!==x||e[64]!==O?(w=s.jsxs("div",{className:"ox-gray-border rounded-lg bg-gray-50 p-6",children:[x,O]}),e[63]=x,e[64]=O,e[65]=w):w=e[65];let G;return e[66]!==a||e[67]!==d||e[68]!==w?(G=s.jsx("div",{className:d,...a,children:w}),e[66]=a,e[67]=d,e[68]=w,e[69]=G):G=e[69],G};exports.OxLogin=ee;
+`,ee=$=>{const e=H.compilerRuntimeExports.c(70);let o,l,a,E,v,I,S;e[0]!==$?({cacheQuery:E,className:o,mutation:v,onSubmit:l,subtitle:I,title:S,...a}=$,e[0]=$,e[1]=o,e[2]=l,e[3]=a,e[4]=E,e[5]=v,e[6]=I,e[7]=S):(o=e[1],l=e[2],a=e[3],E=e[4],v=e[5],I=e[6],S=e[7]);const B=E===void 0?Y.DEFAULT_GET_CURRENT_USER:E,M=v===void 0?Z:v,_=I===void 0?"":I,z=S===void 0?"noxickon":S;let q,T;e[8]===Symbol.for("react.memo_cache_sentinel")?(q={username:"",password:""},T={username:["required"],password:["required"]},e[8]=q,e[9]=T):(q=e[8],T=e[9]);let c;e[10]!==B?(c={update:(r,n)=>{const{data:W}=n;W?.login.success&&r.writeQuery({query:B,data:{me:W.login.me}})}},e[10]=B,e[11]=c):c=e[11];let N;e[12]!==M||e[13]!==c?(N={initialData:q,validationRules:T,operation:M,options:c},e[12]=M,e[13]=c,e[14]=N):N=e[14];const t=H.useForm(N);let F;e[15]!==t||e[16]!==l?(F=async r=>{r.preventDefault(),t.submit({onError:n=>{i.handleGraphQLFormErrors(n,t)},onSuccess:n=>{n.data&&n.data.login.success?l?.(n):console.error("Login failed: Invalid credentials")}})},e[15]=t,e[16]=l,e[17]=F):F=e[17];const P=F;let d;e[18]!==o?(d=i.cn("w-80",o),e[18]=o,e[19]=d):d=e[19];let u;e[20]!==z?(u=s.jsx("h1",{className:"px-2 font-mono text-2xl text-gray-1200",children:z}),e[20]=z,e[21]=u):u=e[21];let m;e[22]!==_?(m=_?s.jsx("p",{className:"px-2 py-1 font-mono text-xs",children:_}):null,e[22]=_,e[23]=m):m=e[23];let x;e[24]!==u||e[25]!==m?(x=s.jsxs("div",{className:"mb-4 text-center",children:[u,m]}),e[24]=u,e[25]=m,e[26]=x):x=e[26];let C;e[27]===Symbol.for("react.memo_cache_sentinel")?(C=s.jsx(i.OxLabel,{children:"username"}),e[27]=C):C=e[27];const J=t.isLoading;let p;e[28]!==t?(p=t.hasError("username"),e[28]=t,e[29]=p):p=e[29];let f;e[30]!==t?(f=r=>t.setData("username",r),e[30]=t,e[31]=f):f=e[31];let R,D;e[32]===Symbol.for("react.memo_cache_sentinel")?(R=s.jsx(i.OxTextInput.Icon,{path:i.mdiAccount}),D=s.jsx(i.OxTextInput,{autoComplete:"off",name:"username",placeholder:"Enter your username"}),e[32]=R,e[33]=D):(R=e[32],D=e[33]);let h;e[34]!==t.data.username||e[35]!==t.isLoading||e[36]!==p||e[37]!==f?(h=s.jsxs(i.OxForm.Field,{children:[C,s.jsxs(i.OxTextInput.Container,{disabled:J,error:p,required:!0,value:t.data.username,onChange:f,children:[R,D]})]}),e[34]=t.data.username,e[35]=t.isLoading,e[36]=p,e[37]=f,e[38]=h):h=e[38];let Q;e[39]===Symbol.for("react.memo_cache_sentinel")?(Q=s.jsx(i.OxLabel,{children:"password"}),e[39]=Q):Q=e[39];const K=t.isLoading;let g;e[40]!==t?(g=t.hasError("password"),e[40]=t,e[41]=g):g=e[41];let y;e[42]!==t?(y=r=>t.setData("password",r),e[42]=t,e[43]=y):y=e[43];let U,k,A;e[44]===Symbol.for("react.memo_cache_sentinel")?(U=s.jsx(i.OxTextInput.Icon,{path:i.mdiLockOutline}),k=s.jsx(i.OxTextInput,{autoComplete:"off",name:"password",placeholder:"Enter your password"}),A=s.jsx(i.OxTextInput.VisibilityButton,{}),e[44]=U,e[45]=k,e[46]=A):(U=e[44],k=e[45],A=e[46]);let b;e[47]!==t.data.password||e[48]!==t.isLoading||e[49]!==g||e[50]!==y?(b=s.jsxs(i.OxForm.Field,{children:[Q,s.jsxs(i.OxTextInput.Container,{disabled:K,error:g,required:!0,type:"password",value:t.data.password,onChange:y,children:[U,k,A]})]}),e[47]=t.data.password,e[48]=t.isLoading,e[49]=g,e[50]=y,e[51]=b):b=e[51];let L;e[52]!==t.hasErrors?(L=t.hasErrors?s.jsx(i.OxError,{children:"username or password is wrong"}):null,e[52]=t.hasErrors,e[53]=L):L=e[53];const V=t.isLoading?"Signing in...":"Sign In";let j;e[54]!==t.isLoading||e[55]!==V?(j=s.jsx(i.OxButton,{disabled:t.isLoading,fullWidth:!0,isLoading:t.isLoading,size:"sm",type:"submit",variant:"primary",children:V}),e[54]=t.isLoading,e[55]=V,e[56]=j):j=e[56];let O;e[57]!==P||e[58]!==h||e[59]!==b||e[60]!==L||e[61]!==j?(O=s.jsxs(i.OxForm,{className:"space-y-6",onSubmit:P,children:[h,b,L,j]}),e[57]=P,e[58]=h,e[59]=b,e[60]=L,e[61]=j,e[62]=O):O=e[62];let w;e[63]!==x||e[64]!==O?(w=s.jsxs("div",{className:"ox-gray-border rounded-lg bg-gray-50 p-6",children:[x,O]}),e[63]=x,e[64]=O,e[65]=w):w=e[65];let G;return e[66]!==a||e[67]!==d||e[68]!==w?(G=s.jsx("div",{className:d,...a,children:w}),e[66]=a,e[67]=d,e[68]=w,e[69]=G):G=e[69],G};exports.OxLogin=ee;