docthub-core-components 3.2.8 → 3.3.1

package/dist/components/ui/cookie-dialog.js

@@ -1,45 +1,51 @@
 "use client";
-import { jsx as t, jsxs as b } from "react/jsx-runtime";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
 import { c as D } from "react-compiler-runtime";
+import { X as N } from "lucide-react";
 import { DoctButton as k } from "./button.js";
-import { DialogHeader as w, DialogTitle as C, DialogDescription as A, DialogClose as N, DialogFooter as B, DialogContent as j, Dialog as v } from "./dialog.js";
-import { cn as O } from "../../lib/utils.js";
-const _ = (y) => {
-  const e = D(21), {
-    open: u,
-    defaultOpen: p,
-    onOpenChange: h,
-    cookiePolicyRoute: x,
-    onPolicyClick: r,
+import { DialogTitle as v, DialogHeader as F, DialogClose as y, DialogDescription as B, DialogFooter as _, DialogContent as O, Dialog as j } from "./dialog.js";
+import { cn as z } from "../../lib/utils.js";
+const A = (C) => {
+  const e = D(22), {
+    open: h,
+    defaultOpen: x,
+    onOpenChange: u,
+    cookiePolicyRoute: g,
+    onPolicyClick: l,
     onAccept: a,
-    className: g
-  } = y;
+    className: b
+  } = C;
   let o;
-  e[0] !== g ? (o = O("!max-w-[340px] !rounded-2xl bg-[#525252] text-white p-3", g), e[0] = g, e[1] = o) : o = e[1];
-  let c, m, f;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t(w, { children: /* @__PURE__ */ t(C, { children: "Cookies" }) }), m = /* @__PURE__ */ t(A, { className: "text-xs text-[#AAAAAA]", children: "We use cookies to enhance your browsing experience, analyse site traffic, and personalise content. By continuing to use our site, you consent to our use of cookies." }), f = /* @__PURE__ */ t("hr", { className: "border-[#ffffff1f]" }), e[2] = c, e[3] = m, e[4] = f) : (c = e[2], m = e[3], f = e[4]);
+  e[0] !== b ? (o = z("sm:!max-w-[384px] !max-w-[328px] gap-3 !rounded-2xl border-0 bg-[#525252] p-4 text-white shadow-none sm:!rounded-2xl", b), e[0] = b, e[1] = o) : o = e[1];
+  let c;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (c = /* @__PURE__ */ t(v, { className: "text-left text-[16px] !font-medium leading-[20px] tracking-normal text-white", children: "Cookies" }), e[2] = c) : c = e[2];
+  let m, d, p;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ w(F, { className: "flex-row items-center justify-between space-y-0 text-left", children: [
+    c,
+    /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(k, { type: "button", variant: "ghost", size: "medium", iconOnly: !0, "aria-label": "Close cookie dialog", className: "h-6 w-6 shrink-0 rounded-none bg-transparent p-0 text-white hover:bg-transparent active:bg-transparent focus-visible:ring-white/40 focus-visible:ring-offset-0", icon: /* @__PURE__ */ t(N, { className: "!h-5 !w-5 !text-white", strokeWidth: 2 }) }) })
+  ] }), d = /* @__PURE__ */ t(B, { className: "text-[12px] font-normal leading-[18px] text-[#DCDCDC] pr-0 sm:pr-4", children: "We use cookies to enhance your browsing experience, analyse site traffic, and personalise content. By continuing to use our site, you consent to our use of cookies." }), p = /* @__PURE__ */ t("hr", { className: "m-0 border-0 border-t border-[#FFFFFF1F]" }), e[3] = m, e[4] = d, e[5] = p) : (m = e[3], d = e[4], p = e[5]);
   let i;
-  e[5] !== x || e[6] !== r ? (i = /* @__PURE__ */ t(k, { type: "button", variant: "secondary", size: "medium", className: "shrink-0 !bg-[#6B6B6B] !text-white hover:!bg-[#7A7A7A] text-md h-[36px] font-medium", onClick: () => {
-    r == null || r(), window.open(x, "_blank", "noopener,noreferrer");
-  }, children: "Cookies Policy" }), e[5] = x, e[6] = r, e[7] = i) : i = e[7];
+  e[6] !== g || e[7] !== l ? (i = /* @__PURE__ */ t(k, { type: "button", variant: "secondary", size: "medium", className: "h-[36px] min-w-0 flex-1 basis-0 shrink !bg-[#6B6B6B] text-[14px] font-medium !text-white hover:!bg-[#7A7A7A]", onClick: () => {
+    l == null || l(), window.open(g, "_blank", "noopener,noreferrer");
+  }, children: "Cookies Policy" }), e[6] = g, e[7] = l, e[8] = i) : i = e[8];
   let n;
-  e[8] !== a ? (n = /* @__PURE__ */ t(N, { asChild: !0, children: /* @__PURE__ */ t(k, { type: "button", variant: "brandBlue", size: "medium", className: "shrink-0 text-md h-[36px] font-medium", onClick: () => a == null ? void 0 : a(), children: "Ok, Got it" }) }), e[8] = a, e[9] = n) : n = e[9];
-  let l;
-  e[10] !== i || e[11] !== n ? (l = /* @__PURE__ */ b(B, { className: "!flex !flex-row !flex-nowrap items-center !justify-between gap-3 sm:!justify-between", children: [
+  e[9] !== a ? (n = /* @__PURE__ */ t(y, { asChild: !0, children: /* @__PURE__ */ t(k, { type: "button", variant: "brandBlue", size: "medium", className: "h-[36px] min-w-0 flex-1 basis-0 shrink text-[14px] font-medium", onClick: () => a == null ? void 0 : a(), children: "Ok, Got it" }) }), e[9] = a, e[10] = n) : n = e[10];
+  let s;
+  e[11] !== i || e[12] !== n ? (s = /* @__PURE__ */ w(_, { className: "!flex !flex-row !flex-nowrap items-center gap-3 pt-1", children: [
     i,
     n
-  ] }), e[10] = i, e[11] = n, e[12] = l) : l = e[12];
-  let s;
-  e[13] !== o || e[14] !== l ? (s = /* @__PURE__ */ b(j, { className: o, children: [
-    c,
+  ] }), e[11] = i, e[12] = n, e[13] = s) : s = e[13];
+  let r;
+  e[14] !== o || e[15] !== s ? (r = /* @__PURE__ */ w(O, { showCloseButton: !1, className: o, children: [
     m,
-    f,
-    l
-  ] }), e[13] = o, e[14] = l, e[15] = s) : s = e[15];
-  let d;
-  return e[16] !== p || e[17] !== h || e[18] !== u || e[19] !== s ? (d = /* @__PURE__ */ t(v, { open: u, defaultOpen: p, onOpenChange: h, modal: !0, children: s }), e[16] = p, e[17] = h, e[18] = u, e[19] = s, e[20] = d) : d = e[20], d;
+    d,
+    p,
+    s
+  ] }), e[14] = o, e[15] = s, e[16] = r) : r = e[16];
+  let f;
+  return e[17] !== x || e[18] !== u || e[19] !== h || e[20] !== r ? (f = /* @__PURE__ */ t(j, { open: h, defaultOpen: x, onOpenChange: u, modal: !0, children: r }), e[17] = x, e[18] = u, e[19] = h, e[20] = r, e[21] = f) : f = e[21], f;
 };
-_.displayName = "CookieDialog";
+A.displayName = "CookieDialog";
 export {
-  _ as CookieDialog
+  A as CookieDialog
 };

package/dist/components/ui/dialog.js

@@ -1,73 +1,73 @@
 "use client";
-import { jsxs as b, jsx as m } from "react/jsx-runtime";
+import { jsxs as w, jsx as m } from "react/jsx-runtime";
 import { c as g } from "react-compiler-runtime";
-import { Dialog as f } from "@base-ui/react/dialog";
-import { X as H } from "lucide-react";
-import * as u from "react";
-import { cn as p } from "../../lib/utils.js";
-const I = (i) => {
-  const l = g(10);
-  let e, o, t;
-  l[0] !== i ? ({
+import { Dialog as p } from "@base-ui/react/dialog";
+import { X as A } from "lucide-react";
+import * as f from "react";
+import { cn as u } from "../../lib/utils.js";
+const L = f.createContext(null), G = (i) => {
+  const t = g(11);
+  let e, o, l;
+  t[0] !== i ? ({
     onOpenChange: e,
-    modal: t,
+    modal: l,
     ...o
-  } = i, l[0] = i, l[1] = e, l[2] = o, l[3] = t) : (e = l[1], o = l[2], t = l[3]);
-  const s = t === void 0 ? !0 : t;
-  let a;
-  l[4] !== e ? (a = e ? (n) => e(n) : void 0, l[4] = e, l[5] = a) : a = l[5];
+  } = i, t[0] = i, t[1] = e, t[2] = o, t[3] = l) : (e = t[1], o = t[2], l = t[3]);
+  const s = l === void 0 ? !0 : l, [a, c] = f.useState(!1);
   let r;
-  return l[6] !== s || l[7] !== o || l[8] !== a ? (r = /* @__PURE__ */ m(f.Root, { onOpenChange: a, modal: s, ...o }), l[6] = s, l[7] = o, l[8] = a, l[9] = r) : r = l[9], r;
+  t[4] !== e ? (r = e ? (d) => e(d) : void 0, t[4] = e, t[5] = r) : r = t[5];
+  let n;
+  return t[6] !== a || t[7] !== s || t[8] !== o || t[9] !== r ? (n = /* @__PURE__ */ m(L.Provider, { value: c, children: /* @__PURE__ */ m(p.Root, { onOpenChange: r, modal: s, disablePointerDismissal: a, ...o }) }), t[6] = a, t[7] = s, t[8] = o, t[9] = r, t[10] = n) : n = t[10], n;
 };
-I.displayName = "Dialog";
-const X = u.forwardRef((i, l) => {
+G.displayName = "Dialog";
+const J = f.forwardRef((i, t) => {
   const e = g(12);
-  let o, t, s;
+  let o, l, s;
   if (e[0] !== i ? ({
     asChild: o,
-    children: t,
+    children: l,
     ...s
-  } = i, e[0] = i, e[1] = o, e[2] = t, e[3] = s) : (o = e[1], t = e[2], s = e[3]), o && u.isValidElement(t)) {
-    const n = l, c = t;
+  } = i, e[0] = i, e[1] = o, e[2] = l, e[3] = s) : (o = e[1], l = e[2], s = e[3]), o && f.isValidElement(l)) {
+    const r = t, n = l;
     let d;
-    return e[4] !== s || e[5] !== n || e[6] !== c ? (d = /* @__PURE__ */ m(f.Trigger, { ref: n, render: c, ...s }), e[4] = s, e[5] = n, e[6] = c, e[7] = d) : d = e[7], d;
+    return e[4] !== s || e[5] !== r || e[6] !== n ? (d = /* @__PURE__ */ m(p.Trigger, { ref: r, render: n, ...s }), e[4] = s, e[5] = r, e[6] = n, e[7] = d) : d = e[7], d;
   }
-  const a = l;
-  let r;
-  return e[8] !== t || e[9] !== s || e[10] !== a ? (r = /* @__PURE__ */ m(f.Trigger, { ref: a, ...s, children: t }), e[8] = t, e[9] = s, e[10] = a, e[11] = r) : r = e[11], r;
+  const a = t;
+  let c;
+  return e[8] !== l || e[9] !== s || e[10] !== a ? (c = /* @__PURE__ */ m(p.Trigger, { ref: a, ...s, children: l }), e[8] = l, e[9] = s, e[10] = a, e[11] = c) : c = e[11], c;
 });
-X.displayName = "DialogTrigger";
-const q = f.Portal, A = u.forwardRef((i, l) => {
+J.displayName = "DialogTrigger";
+const K = p.Portal, M = f.forwardRef((i, t) => {
   const e = g(12);
-  let o, t, s;
+  let o, l, s;
   if (e[0] !== i ? ({
     asChild: o,
-    children: t,
+    children: l,
     ...s
-  } = i, e[0] = i, e[1] = o, e[2] = t, e[3] = s) : (o = e[1], t = e[2], s = e[3]), o && u.isValidElement(t)) {
-    const n = l, c = t;
+  } = i, e[0] = i, e[1] = o, e[2] = l, e[3] = s) : (o = e[1], l = e[2], s = e[3]), o && f.isValidElement(l)) {
+    const r = t, n = l;
     let d;
-    return e[4] !== s || e[5] !== n || e[6] !== c ? (d = /* @__PURE__ */ m(f.Close, { ref: n, render: c, ...s }), e[4] = s, e[5] = n, e[6] = c, e[7] = d) : d = e[7], d;
+    return e[4] !== s || e[5] !== r || e[6] !== n ? (d = /* @__PURE__ */ m(p.Close, { ref: r, render: n, ...s }), e[4] = s, e[5] = r, e[6] = n, e[7] = d) : d = e[7], d;
   }
-  const a = l;
-  let r;
-  return e[8] !== t || e[9] !== s || e[10] !== a ? (r = /* @__PURE__ */ m(f.Close, { ref: a, ...s, children: t }), e[8] = t, e[9] = s, e[10] = a, e[11] = r) : r = e[11], r;
+  const a = t;
+  let c;
+  return e[8] !== l || e[9] !== s || e[10] !== a ? (c = /* @__PURE__ */ m(p.Close, { ref: a, ...s, children: l }), e[8] = l, e[9] = s, e[10] = a, e[11] = c) : c = e[11], c;
 });
-A.displayName = "DialogClose";
-const F = u.forwardRef((i, l) => {
+M.displayName = "DialogClose";
+const X = f.forwardRef((i, t) => {
   const e = g(9);
-  let o, t;
+  let o, l;
   e[0] !== i ? ({
     className: o,
-    ...t
-  } = i, e[0] = i, e[1] = o, e[2] = t) : (o = e[1], t = e[2]);
+    ...l
+  } = i, e[0] = i, e[1] = o, e[2] = l) : (o = e[1], l = e[2]);
   let s;
-  e[3] !== o ? (s = p("fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0", o), e[3] = o, e[4] = s) : s = e[4];
+  e[3] !== o ? (s = u("fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0", o), e[3] = o, e[4] = s) : s = e[4];
   let a;
-  return e[5] !== t || e[6] !== l || e[7] !== s ? (a = /* @__PURE__ */ m(f.Backdrop, { ref: l, className: s, ...t }), e[5] = t, e[6] = l, e[7] = s, e[8] = a) : a = e[8], a;
+  return e[5] !== l || e[6] !== t || e[7] !== s ? (a = /* @__PURE__ */ m(p.Backdrop, { ref: t, className: s, ...l }), e[5] = l, e[6] = t, e[7] = s, e[8] = a) : a = e[8], a;
 });
-F.displayName = "DialogOverlay";
-const G = {
+X.displayName = "DialogOverlay";
+const Q = {
   xs: "max-w-xs",
   sm: "max-w-sm",
   md: "max-w-md",
@@ -75,7 +75,7 @@ const G = {
   xl: "max-w-xl",
   "2xl": "max-w-2xl",
   full: "max-w-[calc(100vw-2rem)]"
-}, P = p(
+}, H = u(
   "[scrollbar-width:thin]",
   // "[scrollbar-color:hsl(var(--muted-foreground)/0.35)_transparent]",
   "[&::-webkit-scrollbar]:w-1",
@@ -83,148 +83,151 @@ const G = {
   "[&::-webkit-scrollbar-thumb]:rounded-full",
   "[&::-webkit-scrollbar-thumb]:bg-border/55",
   "[&::-webkit-scrollbar-thumb:hover]:bg-border/85"
-), J = u.forwardRef((i, l) => {
-  const e = g(31);
-  let o, t, s, a, r, n, c, d;
+), U = f.forwardRef((i, t) => {
+  const e = g(35);
+  let o, l, s, a, c, r, n, d;
   e[0] !== i ? ({
-    className: t,
+    className: l,
     children: o,
     closeOnOutsideClick: a,
-    size: r,
-    showCloseButton: n,
-    closeOnEscape: c,
+    size: c,
+    showCloseButton: r,
+    closeOnEscape: n,
     layout: d,
     ...s
-  } = i, e[0] = i, e[1] = o, e[2] = t, e[3] = s, e[4] = a, e[5] = r, e[6] = n, e[7] = c, e[8] = d) : (o = e[1], t = e[2], s = e[3], a = e[4], r = e[5], n = e[6], c = e[7], d = e[8]);
-  const V = r === void 0 ? "lg" : r, R = n === void 0 ? !0 : n, x = d === void 0 ? "default" : d, E = u.useRef(null);
-  let w;
-  e[9] !== l ? (w = (j) => {
-    E.current = j, typeof l == "function" ? l(j) : l && (l.current = j);
-  }, e[9] = l, e[10] = w) : w = e[10];
-  const z = w, S = x === "outsideScroll" ? "relative left-auto top-auto z-50 mx-auto w-full translate-x-0 translate-y-0 border bg-background shadow-lg duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 sm:rounded-lg pointer-events-auto" : "fixed left-[50%] top-[50%] z-50 w-full translate-x-[-50%] translate-y-[-50%] border bg-background shadow-lg duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-[48%] data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-[48%] sm:rounded-lg", $ = x === "insideScroll" ? "flex max-h-[min(90dvh,36rem)] flex-col overflow-hidden gap-0 p-0" : "grid gap-4 p-6", T = G[V];
-  let N;
-  e[11] !== t || e[12] !== S || e[13] !== $ || e[14] !== T ? (N = p(S, $, T, t), e[11] = t, e[12] = S, e[13] = $, e[14] = T, e[15] = N) : N = e[15];
-  const B = N, O = x === "insideScroll" ? "right-6 top-6" : "right-4 top-4";
-  let v;
-  e[16] !== O ? (v = p("absolute rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-accent data-[open]:text-muted-foreground", O), e[16] = O, e[17] = v) : v = e[17];
-  const _ = v;
-  let h;
-  e[18] !== _ || e[19] !== R ? (h = R && /* @__PURE__ */ b(f.Close, { className: _, children: [
-    /* @__PURE__ */ m(H, { className: "h-4 w-4" }),
-    /* @__PURE__ */ m("span", { className: "sr-only", children: "Close" })
-  ] }), e[18] = _, e[19] = R, e[20] = h) : h = e[20];
-  let y;
-  e[21] !== o || e[22] !== B || e[23] !== s || e[24] !== z || e[25] !== h ? (y = /* @__PURE__ */ b(f.Popup, { ref: z, className: B, tabIndex: -1, initialFocus: E, ...s, children: [
-    o,
-    h
-  ] }), e[21] = o, e[22] = B, e[23] = s, e[24] = z, e[25] = h, e[26] = y) : y = e[26];
-  const D = y;
+  } = i, e[0] = i, e[1] = o, e[2] = l, e[3] = s, e[4] = a, e[5] = c, e[6] = r, e[7] = n, e[8] = d) : (o = e[1], l = e[2], s = e[3], a = e[4], c = e[5], r = e[6], n = e[7], d = e[8]);
+  const N = a === void 0 ? !0 : a, q = c === void 0 ? "lg" : c, O = r === void 0 ? !0 : r, h = d === void 0 ? "default" : d, x = f.useContext(L);
+  let v, y;
+  e[9] !== N || e[10] !== x ? (v = () => (x == null || x(!N), () => x == null ? void 0 : x(!1)), y = [N, x], e[9] = N, e[10] = x, e[11] = v, e[12] = y) : (v = e[11], y = e[12]), f.useLayoutEffect(v, y);
+  const I = f.useRef(null);
+  let D;
+  e[13] !== t ? (D = (V) => {
+    I.current = V, typeof t == "function" ? t(V) : t && (t.current = V);
+  }, e[13] = t, e[14] = D) : D = e[14];
+  const T = D, B = h === "outsideScroll" ? "relative left-auto top-auto z-50 mx-auto w-full translate-x-0 translate-y-0 border bg-background shadow-lg duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 sm:rounded-lg pointer-events-auto" : "fixed left-[50%] top-[50%] z-50 w-full translate-x-[-50%] translate-y-[-50%] border bg-background shadow-lg duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-[48%] data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-[48%] sm:rounded-lg", _ = h === "insideScroll" ? "flex max-h-[min(90dvh,36rem)] flex-col overflow-hidden gap-0 p-0" : "grid gap-4 p-6", j = Q[q];
   let C;
-  e[27] === Symbol.for("react.memo_cache_sentinel") ? (C = /* @__PURE__ */ m(F, {}), e[27] = C) : C = e[27];
+  e[15] !== l || e[16] !== _ || e[17] !== j || e[18] !== B ? (C = u(B, _, j, l), e[15] = l, e[16] = _, e[17] = j, e[18] = B, e[19] = C) : C = e[19];
+  const E = C, P = h === "insideScroll" ? "right-6 top-6" : "right-4 top-4";
   let k;
-  return e[28] !== x || e[29] !== D ? (k = /* @__PURE__ */ b(q, { children: [
-    C,
-    x === "outsideScroll" ? /* @__PURE__ */ m(f.Viewport, { className: p("fixed inset-0 z-50 overflow-y-auto overscroll-contain", P), children: /* @__PURE__ */ m("div", { className: "pointer-events-none flex min-h-full items-center justify-center p-4 sm:p-6", children: D }) }) : D
-  ] }), e[28] = x, e[29] = D, e[30] = k) : k = e[30], k;
+  e[20] !== P ? (k = u("absolute rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[open]:bg-accent data-[open]:text-muted-foreground", P), e[20] = P, e[21] = k) : k = e[21];
+  const F = k;
+  let b;
+  e[22] !== F || e[23] !== O ? (b = O && /* @__PURE__ */ w(p.Close, { className: F, children: [
+    /* @__PURE__ */ m(A, { className: "h-4 w-4" }),
+    /* @__PURE__ */ m("span", { className: "sr-only", children: "Close" })
+  ] }), e[22] = F, e[23] = O, e[24] = b) : b = e[24];
+  let R;
+  e[25] !== o || e[26] !== E || e[27] !== s || e[28] !== T || e[29] !== b ? (R = /* @__PURE__ */ w(p.Popup, { ref: T, className: E, tabIndex: -1, initialFocus: I, ...s, children: [
+    o,
+    b
+  ] }), e[25] = o, e[26] = E, e[27] = s, e[28] = T, e[29] = b, e[30] = R) : R = e[30];
+  const S = R;
+  let z;
+  e[31] === Symbol.for("react.memo_cache_sentinel") ? (z = /* @__PURE__ */ m(X, {}), e[31] = z) : z = e[31];
+  let $;
+  return e[32] !== h || e[33] !== S ? ($ = /* @__PURE__ */ w(K, { children: [
+    z,
+    h === "outsideScroll" ? /* @__PURE__ */ m(p.Viewport, { className: u("fixed inset-0 z-50 overflow-y-auto overscroll-contain", H), children: /* @__PURE__ */ m("div", { className: "pointer-events-none flex min-h-full items-center justify-center p-4 sm:p-6", children: S }) }) : S
+  ] }), e[32] = h, e[33] = S, e[34] = $) : $ = e[34], $;
 });
-J.displayName = "DialogContent";
-const K = (i) => {
-  const l = g(8);
+U.displayName = "DialogContent";
+const W = (i) => {
+  const t = g(8);
   let e, o;
-  l[0] !== i ? ({
+  t[0] !== i ? ({
     className: e,
     ...o
-  } = i, l[0] = i, l[1] = e, l[2] = o) : (e = l[1], o = l[2]);
-  let t;
-  l[3] !== e ? (t = p("flex flex-col space-y-1.5 text-center sm:text-left", e), l[3] = e, l[4] = t) : t = l[4];
+  } = i, t[0] = i, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
+  let l;
+  t[3] !== e ? (l = u("flex flex-col space-y-1.5 text-center sm:text-left", e), t[3] = e, t[4] = l) : l = t[4];
   let s;
-  return l[5] !== o || l[6] !== t ? (s = /* @__PURE__ */ m("div", { className: t, ...o }), l[5] = o, l[6] = t, l[7] = s) : s = l[7], s;
+  return t[5] !== o || t[6] !== l ? (s = /* @__PURE__ */ m("div", { className: l, ...o }), t[5] = o, t[6] = l, t[7] = s) : s = t[7], s;
 };
-K.displayName = "DialogHeader";
-const L = u.forwardRef((i, l) => {
+W.displayName = "DialogHeader";
+const Y = f.forwardRef((i, t) => {
   const e = g(17);
-  let o, t, s;
+  let o, l, s;
   if (e[0] !== i ? ({
     className: o,
     withTopBorder: s,
-    ...t
-  } = i, e[0] = i, e[1] = o, e[2] = t, e[3] = s) : (o = e[1], t = e[2], s = e[3]), s) {
+    ...l
+  } = i, e[0] = i, e[1] = o, e[2] = l, e[3] = s) : (o = e[1], l = e[2], s = e[3]), s) {
+    let r;
+    e[4] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ m("div", { className: "mx-6 shrink-0 border-t border-border", "aria-hidden": "true" }), e[4] = r) : r = e[4];
     let n;
-    e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m("div", { className: "mx-6 shrink-0 border-t border-border", "aria-hidden": "true" }), e[4] = n) : n = e[4];
-    let c;
-    e[5] !== o ? (c = p("flex flex-col-reverse items-stretch gap-2 px-6 pt-4 pb-5 sm:flex-row sm:items-center sm:justify-end", o), e[5] = o, e[6] = c) : c = e[6];
+    e[5] !== o ? (n = u("flex flex-col-reverse items-stretch gap-2 px-6 pt-4 pb-5 sm:flex-row sm:items-center sm:justify-end", o), e[5] = o, e[6] = n) : n = e[6];
     let d;
-    return e[7] !== t || e[8] !== l || e[9] !== c ? (d = /* @__PURE__ */ b("div", { className: "shrink-0", children: [
-      n,
-      /* @__PURE__ */ m("div", { ref: l, className: c, ...t })
-    ] }), e[7] = t, e[8] = l, e[9] = c, e[10] = d) : d = e[10], d;
+    return e[7] !== l || e[8] !== t || e[9] !== n ? (d = /* @__PURE__ */ w("div", { className: "shrink-0", children: [
+      r,
+      /* @__PURE__ */ m("div", { ref: t, className: n, ...l })
+    ] }), e[7] = l, e[8] = t, e[9] = n, e[10] = d) : d = e[10], d;
   }
   let a;
-  e[11] !== o ? (a = p("flex flex-col-reverse items-stretch gap-2 sm:flex-row sm:items-center sm:justify-end", o), e[11] = o, e[12] = a) : a = e[12];
-  let r;
-  return e[13] !== t || e[14] !== l || e[15] !== a ? (r = /* @__PURE__ */ m("div", { ref: l, className: a, ...t }), e[13] = t, e[14] = l, e[15] = a, e[16] = r) : r = e[16], r;
+  e[11] !== o ? (a = u("flex flex-col-reverse items-stretch gap-2 sm:flex-row sm:items-center sm:justify-end", o), e[11] = o, e[12] = a) : a = e[12];
+  let c;
+  return e[13] !== l || e[14] !== t || e[15] !== a ? (c = /* @__PURE__ */ m("div", { ref: t, className: a, ...l }), e[13] = l, e[14] = t, e[15] = a, e[16] = c) : c = e[16], c;
 });
-L.displayName = "DialogFooter";
-const M = u.forwardRef((i, l) => {
+Y.displayName = "DialogFooter";
+const Z = f.forwardRef((i, t) => {
   const e = g(17);
-  let o, t, s;
+  let o, l, s;
   if (e[0] !== i ? ({
     className: o,
     withTopBorder: s,
-    ...t
-  } = i, e[0] = i, e[1] = o, e[2] = t, e[3] = s) : (o = e[1], t = e[2], s = e[3]), s) {
+    ...l
+  } = i, e[0] = i, e[1] = o, e[2] = l, e[3] = s) : (o = e[1], l = e[2], s = e[3]), s) {
+    let r;
+    e[4] === Symbol.for("react.memo_cache_sentinel") ? (r = /* @__PURE__ */ m("div", { className: "mx-6 shrink-0 border-t border-border", "aria-hidden": "true" }), e[4] = r) : r = e[4];
     let n;
-    e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ m("div", { className: "mx-6 shrink-0 border-t border-border", "aria-hidden": "true" }), e[4] = n) : n = e[4];
-    let c;
-    e[5] !== o ? (c = p("min-h-0 flex-1 overflow-y-auto overscroll-contain px-6 pt-5 pb-5", P, o), e[5] = o, e[6] = c) : c = e[6];
+    e[5] !== o ? (n = u("min-h-0 flex-1 overflow-y-auto overscroll-contain px-6 pt-5 pb-5", H, o), e[5] = o, e[6] = n) : n = e[6];
     let d;
-    return e[7] !== t || e[8] !== l || e[9] !== c ? (d = /* @__PURE__ */ b("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-      n,
-      /* @__PURE__ */ m("div", { ref: l, className: c, ...t })
-    ] }), e[7] = t, e[8] = l, e[9] = c, e[10] = d) : d = e[10], d;
+    return e[7] !== l || e[8] !== t || e[9] !== n ? (d = /* @__PURE__ */ w("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      r,
+      /* @__PURE__ */ m("div", { ref: t, className: n, ...l })
+    ] }), e[7] = l, e[8] = t, e[9] = n, e[10] = d) : d = e[10], d;
   }
   let a;
-  e[11] !== o ? (a = p("min-h-0 flex-1 overflow-y-auto overscroll-contain px-6 py-4", P, o), e[11] = o, e[12] = a) : a = e[12];
-  let r;
-  return e[13] !== t || e[14] !== l || e[15] !== a ? (r = /* @__PURE__ */ m("div", { ref: l, className: a, ...t }), e[13] = t, e[14] = l, e[15] = a, e[16] = r) : r = e[16], r;
+  e[11] !== o ? (a = u("min-h-0 flex-1 overflow-y-auto overscroll-contain px-6 py-4", H, o), e[11] = o, e[12] = a) : a = e[12];
+  let c;
+  return e[13] !== l || e[14] !== t || e[15] !== a ? (c = /* @__PURE__ */ m("div", { ref: t, className: a, ...l }), e[13] = l, e[14] = t, e[15] = a, e[16] = c) : c = e[16], c;
 });
-M.displayName = "DialogScrollableBody";
-const Q = u.forwardRef((i, l) => {
+Z.displayName = "DialogScrollableBody";
+const ee = f.forwardRef((i, t) => {
   const e = g(9);
-  let o, t;
+  let o, l;
   e[0] !== i ? ({
     className: o,
-    ...t
-  } = i, e[0] = i, e[1] = o, e[2] = t) : (o = e[1], t = e[2]);
+    ...l
+  } = i, e[0] = i, e[1] = o, e[2] = l) : (o = e[1], l = e[2]);
   let s;
-  e[3] !== o ? (s = p("text-lg font-semibold leading-none tracking-tight", o), e[3] = o, e[4] = s) : s = e[4];
+  e[3] !== o ? (s = u("text-lg font-semibold leading-none tracking-tight", o), e[3] = o, e[4] = s) : s = e[4];
   let a;
-  return e[5] !== t || e[6] !== l || e[7] !== s ? (a = /* @__PURE__ */ m(f.Title, { ref: l, className: s, ...t }), e[5] = t, e[6] = l, e[7] = s, e[8] = a) : a = e[8], a;
+  return e[5] !== l || e[6] !== t || e[7] !== s ? (a = /* @__PURE__ */ m(p.Title, { ref: t, className: s, ...l }), e[5] = l, e[6] = t, e[7] = s, e[8] = a) : a = e[8], a;
 });
-Q.displayName = "DialogTitle";
-const U = u.forwardRef((i, l) => {
+ee.displayName = "DialogTitle";
+const te = f.forwardRef((i, t) => {
   const e = g(9);
-  let o, t;
+  let o, l;
   e[0] !== i ? ({
     className: o,
-    ...t
-  } = i, e[0] = i, e[1] = o, e[2] = t) : (o = e[1], t = e[2]);
+    ...l
+  } = i, e[0] = i, e[1] = o, e[2] = l) : (o = e[1], l = e[2]);
   let s;
-  e[3] !== o ? (s = p("text-sm text-muted-foreground", o), e[3] = o, e[4] = s) : s = e[4];
+  e[3] !== o ? (s = u("text-sm text-muted-foreground", o), e[3] = o, e[4] = s) : s = e[4];
   let a;
-  return e[5] !== t || e[6] !== l || e[7] !== s ? (a = /* @__PURE__ */ m(f.Description, { ref: l, className: s, ...t }), e[5] = t, e[6] = l, e[7] = s, e[8] = a) : a = e[8], a;
+  return e[5] !== l || e[6] !== t || e[7] !== s ? (a = /* @__PURE__ */ m(p.Description, { ref: t, className: s, ...l }), e[5] = l, e[6] = t, e[7] = s, e[8] = a) : a = e[8], a;
 });
-U.displayName = "DialogDescription";
+te.displayName = "DialogDescription";
 export {
-  I as Dialog,
-  A as DialogClose,
-  J as DialogContent,
-  U as DialogDescription,
-  L as DialogFooter,
-  K as DialogHeader,
-  F as DialogOverlay,
-  q as DialogPortal,
-  M as DialogScrollableBody,
-  Q as DialogTitle,
-  X as DialogTrigger
+  G as Dialog,
+  M as DialogClose,
+  U as DialogContent,
+  te as DialogDescription,
+  Y as DialogFooter,
+  W as DialogHeader,
+  X as DialogOverlay,
+  K as DialogPortal,
+  Z as DialogScrollableBody,
+  ee as DialogTitle,
+  J as DialogTrigger
 };