docthub-core-components 3.2.9 → 3.3.1

package/dist/components/overrides/ui/account-conflict-prompt/account-conflict-prompt.js

@@ -0,0 +1,265 @@
+"use client";
+import { jsx as s, jsxs as v, Fragment as te } from "react/jsx-runtime";
+import { c as b } from "react-compiler-runtime";
+import { Smartphone as le, X as ie } from "lucide-react";
+import * as se from "react";
+import { DoctButton as H } from "../../../ui/button.js";
+import { DialogHeader as oe, DialogTitle as ne, DialogContent as re, Dialog as ae } from "../../../ui/dialog.js";
+import { DrawerHeader as ce, DrawerTitle as de, DrawerContent as fe, Drawer as me } from "../../../ui/drawer.js";
+import { Input as ue } from "../../../ui/input.js";
+import { DoctTypography as E } from "../../../ui/typography.js";
+import { useIsMobile as he } from "../../../../hooks/use-mobile.js";
+import { cn as Z } from "../../../../lib/utils.js";
+import { buildPhoneDisplay as pe, ACCOUNT_CONFLICT_PROMPT_DEFAULT_COUNTRY_CODE as be, ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_PLACEHOLDER as Ce, ACCOUNT_CONFLICT_PROMPT_BODY_TITLE as ge, ACCOUNT_CONFLICT_PROMPT_HEADER_TITLE as xe, ACCOUNT_CONFLICT_PROMPT_DEFAULT_INFO_MESSAGE as ee, ACCOUNT_CONFLICT_PROMPT_PRIMARY_LABEL as Ne, buildLoginWithPhoneLabel as _e, ACCOUNT_CONFLICT_PROMPT_LOGIN_UNIFY_HINT as ve, isPrimaryDisabled as Te, ACCOUNT_CONFLICT_PROMPT_SECONDARY_LABEL as we } from "./presets.js";
+import { ACCOUNT_CONFLICT_PROMPT_DRAWER_BACKDROP_CLASS as J } from "./types.js";
+const ye = "[&>div:first-child]:pointer-events-none [&>div:first-child]:sr-only [&>div:first-child]:m-0 [&>div:first-child]:h-0 [&>div:first-child]:w-0 [&>div:first-child]:overflow-hidden", Ae = "flex w-full flex-col overflow-hidden border border-black/[0.12] bg-white";
+function Pe(r) {
+  const e = b(3), {
+    onClose: i
+  } = r;
+  let t;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s(ie, { className: "size-6", "aria-hidden": !0 }), e[0] = t) : t = e[0];
+  let l;
+  return e[1] !== i ? (l = /* @__PURE__ */ s(H, { type: "button", variant: "ghost", onClick: i, className: "flex size-12 shrink-0 items-center justify-center rounded-full p-0 text-black/70", "aria-label": "Close", icon: t }), e[1] = i, e[2] = l) : l = e[2], l;
+}
+function Oe(r) {
+  const e = b(7), {
+    title: i,
+    onClose: t
+  } = r;
+  let l;
+  e[0] !== i ? (l = /* @__PURE__ */ s("div", { className: "flex min-h-12 min-w-0 flex-1 items-center py-[18px]", children: /* @__PURE__ */ s(E, { as: "p", variant: "textLabel1", weight: "semiBold", align: "left", className: "min-w-0 !text-black/80", children: i }) }), e[0] = i, e[1] = l) : l = e[1];
+  let n;
+  e[2] !== t ? (n = /* @__PURE__ */ s(Pe, { onClose: t }), e[2] = t, e[3] = n) : n = e[3];
+  let o;
+  return e[4] !== l || e[5] !== n ? (o = /* @__PURE__ */ v("div", { className: "flex w-full shrink-0 items-start justify-between overflow-hidden pl-4", children: [
+    l,
+    n
+  ] }), e[4] = l, e[5] = n, e[6] = o) : o = e[6], o;
+}
+function Le(r) {
+  const e = b(4), {
+    icon: i
+  } = r;
+  let t;
+  e[0] !== i ? (t = i ?? /* @__PURE__ */ s(le, { className: "size-6 text-white", strokeWidth: 1.75, "aria-hidden": !0 }), e[0] = i, e[1] = t) : t = e[1];
+  let l;
+  return e[2] !== t ? (l = /* @__PURE__ */ s("div", { className: "flex size-12 shrink-0 items-center justify-center rounded-xl bg-[#00A0C0] px-3", children: t }), e[2] = t, e[3] = l) : l = e[3], l;
+}
+function De() {
+  const r = b(1);
+  let e;
+  return r[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ s(E, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: ee }), r[0] = e) : e = r[0], e;
+}
+function Me(r) {
+  const e = b(3), {
+    message: i,
+    isDefaultMessage: t
+  } = r;
+  let l;
+  return e[0] !== t || e[1] !== i ? (l = /* @__PURE__ */ s("div", { className: "w-full self-stretch rounded-xl bg-[rgba(67,137,255,0.12)] p-[14px]", children: t ? /* @__PURE__ */ s(De, {}) : /* @__PURE__ */ s(E, { as: "p", variant: "textLabel3", weight: "medium", align: "left", className: "w-full !text-[#4389FF]", children: i }) }), e[0] = t, e[1] = i, e[2] = l) : l = e[2], l;
+}
+function Q(r) {
+  const e = b(12), {
+    countryCode: i,
+    placeholder: t,
+    value: l,
+    onChange: n
+  } = r;
+  let o;
+  e[0] !== i ? (o = /* @__PURE__ */ s(E, { as: "span", variant: "body2", weight: "regular", className: "w-[42px] shrink-0 !text-center !text-black", children: i }), e[0] = i, e[1] = o) : o = e[1];
+  let m;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ s("div", { "aria-hidden": !0, className: "h-[42px] w-px shrink-0 bg-black/10" }), e[2] = m) : m = e[2];
+  let c;
+  e[3] !== n ? (c = (u) => n == null ? void 0 : n(u.target.value), e[3] = n, e[4] = c) : c = e[4];
+  let a;
+  e[5] !== t || e[6] !== c || e[7] !== l ? (a = /* @__PURE__ */ s(ue, { type: "tel", inputMode: "numeric", placeholder: t, value: l, onChange: c, className: "h-[42px] min-h-[42px] flex-1 rounded-none border-0 bg-transparent px-0 text-left text-sm leading-5 text-black shadow-none placeholder:text-black/40 focus-visible:ring-0 md:text-sm", "aria-label": "Mobile number" }), e[5] = t, e[6] = c, e[7] = l, e[8] = a) : a = e[8];
+  let d;
+  return e[9] !== o || e[10] !== a ? (d = /* @__PURE__ */ v("div", { className: "flex w-full items-center gap-3 overflow-hidden rounded-lg border border-black/10 bg-white px-3", children: [
+    o,
+    m,
+    a
+  ] }), e[9] = o, e[10] = a, e[11] = d) : d = e[11], d;
+}
+function Ee(r) {
+  const e = b(2), {
+    message: i
+  } = r;
+  let t;
+  return e[0] !== i ? (t = /* @__PURE__ */ s(E, { as: "p", variant: "textLabel4", weight: "medium", align: "left", className: "w-full !text-[#EA4335]", children: i }), e[0] = i, e[1] = t) : t = e[1], t;
+}
+function Fe(r) {
+  const e = b(7), {
+    phoneDisplay: i
+  } = r;
+  let t;
+  e[0] !== i ? (t = _e(i), e[0] = i, e[1] = t) : t = e[1];
+  let l;
+  e[2] !== t ? (l = /* @__PURE__ */ s(H, { type: "button", variant: "outline", size: "medium", fullWidth: !0, children: t }), e[2] = t, e[3] = l) : l = e[3];
+  let n;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ s(E, { as: "p", variant: "body5", weight: "regular", className: "w-full !text-center !text-black/44", children: ve }), e[4] = n) : n = e[4];
+  let o;
+  return e[5] !== l ? (o = /* @__PURE__ */ v("div", { className: "flex w-full flex-col items-center gap-1.5 rounded-xl bg-black/[0.04] p-3", children: [
+    l,
+    n
+  ] }), e[5] = l, e[6] = o) : o = e[6], o;
+}
+function Ie(r) {
+  const e = b(11), {
+    trigger: i,
+    state: t
+  } = r, l = Ne[i][t];
+  let n;
+  e[0] !== t ? (n = Te(t), e[0] = t, e[1] = n) : n = e[1];
+  const o = n;
+  if (i === "system") {
+    const d = o ? "disabled" : "primary";
+    let u;
+    return e[2] !== o || e[3] !== l || e[4] !== d ? (u = /* @__PURE__ */ s(H, { type: "button", size: "medium", fullWidth: !0, variant: d, disabled: o, children: l }), e[2] = o, e[3] = l, e[4] = d, e[5] = u) : u = e[5], u;
+  }
+  let m;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ s(H, { type: "button", size: "medium", variant: "secondary", className: "shrink-0", children: we }), e[6] = m) : m = e[6];
+  const c = o ? "disabled" : "primary";
+  let a;
+  return e[7] !== o || e[8] !== l || e[9] !== c ? (a = /* @__PURE__ */ v("div", { className: "flex w-full items-start gap-2.5", children: [
+    m,
+    /* @__PURE__ */ s(H, { type: "button", size: "medium", fullWidth: !0, variant: c, disabled: o, className: "min-w-0 flex-1", children: l })
+  ] }), e[7] = o, e[8] = l, e[9] = c, e[10] = a) : a = e[10], a;
+}
+function V(r) {
+  const e = b(34), {
+    trigger: i,
+    state: t,
+    headerTitle: l,
+    bodyTitle: n,
+    infoMessage: o,
+    isDefaultInfoMessage: m,
+    phoneNumber: c,
+    onPhoneNumberChange: a,
+    existingAccountErrorMessage: d,
+    phoneDisplay: u,
+    phonePlaceholder: A,
+    countryCode: P,
+    icon: O,
+    onClose: $,
+    className: L,
+    surface: D
+  } = r, M = t === "existingAccount", C = D === "drawer" ? "h-auto max-w-none rounded-t-[16px]" : "max-w-[320px] rounded-[16px] shadow-[0_8px_24px_rgba(0,0,0,0.12)]";
+  let T;
+  e[0] !== L || e[1] !== C ? (T = Z(Ae, C, L), e[0] = L, e[1] = C, e[2] = T) : T = e[2];
+  const g = T;
+  let w;
+  e[3] !== l || e[4] !== $ ? (w = /* @__PURE__ */ s(Oe, { title: l, onClose: $ }), e[3] = l, e[4] = $, e[5] = w) : w = e[5];
+  let h;
+  e[6] !== O ? (h = /* @__PURE__ */ s(Le, { icon: O }), e[6] = O, e[7] = h) : h = e[7];
+  let f;
+  e[8] !== n ? (f = /* @__PURE__ */ s(E, { as: "h2", variant: "textLabel1", weight: "semiBold", align: "center", className: "shrink-0 whitespace-nowrap !text-black/80", children: n }), e[8] = n, e[9] = f) : f = e[9];
+  let x;
+  e[10] !== o || e[11] !== m ? (x = /* @__PURE__ */ s(Me, { message: o, isDefaultMessage: m }), e[10] = o, e[11] = m, e[12] = x) : x = e[12];
+  let N;
+  e[13] !== P || e[14] !== d || e[15] !== M || e[16] !== a || e[17] !== u || e[18] !== c || e[19] !== A ? (N = /* @__PURE__ */ s("div", { className: "flex w-full flex-col items-start gap-4", children: M ? /* @__PURE__ */ v(te, { children: [
+    /* @__PURE__ */ v("div", { className: "flex w-full flex-col items-start gap-1.5", children: [
+      /* @__PURE__ */ s(Q, { countryCode: P, placeholder: A, value: c, onChange: a }),
+      d ? /* @__PURE__ */ s(Ee, { message: d }) : null
+    ] }),
+    /* @__PURE__ */ s(Fe, { phoneDisplay: u })
+  ] }) : /* @__PURE__ */ s(Q, { countryCode: P, placeholder: A, value: c, onChange: a }) }), e[13] = P, e[14] = d, e[15] = M, e[16] = a, e[17] = u, e[18] = c, e[19] = A, e[20] = N) : N = e[20];
+  let _;
+  e[21] !== h || e[22] !== f || e[23] !== x || e[24] !== N ? (_ = /* @__PURE__ */ v("div", { className: "flex w-full flex-col items-center gap-4 px-4 pb-5 pt-4", children: [
+    h,
+    f,
+    x,
+    N
+  ] }), e[21] = h, e[22] = f, e[23] = x, e[24] = N, e[25] = _) : _ = e[25];
+  let p;
+  e[26] !== t || e[27] !== i ? (p = /* @__PURE__ */ s("div", { className: "flex w-full flex-col items-start border-t border-black/10 bg-[#FAFAFA] p-4", children: /* @__PURE__ */ s(Ie, { trigger: i, state: t }) }), e[26] = t, e[27] = i, e[28] = p) : p = e[28];
+  let y;
+  return e[29] !== g || e[30] !== w || e[31] !== _ || e[32] !== p ? (y = /* @__PURE__ */ v("div", { className: g, children: [
+    w,
+    _,
+    p
+  ] }), e[29] = g, e[30] = w, e[31] = _, e[32] = p, e[33] = y) : y = e[33], y;
+}
+function Xe(r) {
+  const e = b(48), {
+    open: i,
+    onOpenChange: t,
+    trigger: l,
+    state: n,
+    headerTitle: o,
+    bodyTitle: m,
+    infoMessage: c,
+    phoneNumber: a,
+    onPhoneNumberChange: d,
+    existingAccountErrorMessage: u,
+    phonePlaceholder: A,
+    countryCode: P,
+    icon: O,
+    isMobileOverride: $,
+    className: L
+  } = r, D = l === void 0 ? "system" : l, M = n === void 0 ? "addNumber" : n, C = a === void 0 ? "" : a, T = A === void 0 ? Ce : A, g = P === void 0 ? be : P, w = he(), h = $ ?? w, f = o ?? xe[D], x = m ?? ge[D], N = c ?? ee, _ = c == null;
+  let p;
+  e[0] !== g || e[1] !== C ? (p = pe(g, C), e[0] = g, e[1] = C, e[2] = p) : p = e[2];
+  const y = p;
+  let z;
+  e[3] !== t ? (z = () => {
+    t(!1);
+  }, e[3] = t, e[4] = z) : z = e[4];
+  const q = z;
+  let W, j;
+  e[5] !== h || e[6] !== i ? (W = () => {
+    if (h)
+      return i ? document.body.classList.add(J) : document.body.classList.remove(J), ke;
+  }, j = [h, i], e[5] = h, e[6] = i, e[7] = W, e[8] = j) : (W = e[7], j = e[8]), se.useEffect(W, j);
+  let Y;
+  e[9] !== L || e[10] !== g || e[11] !== u || e[12] !== q || e[13] !== O || e[14] !== _ || e[15] !== d || e[16] !== C || e[17] !== T || e[18] !== x || e[19] !== f || e[20] !== N || e[21] !== y || e[22] !== M || e[23] !== D ? (Y = {
+    trigger: D,
+    state: M,
+    headerTitle: f,
+    bodyTitle: x,
+    infoMessage: N,
+    isDefaultInfoMessage: _,
+    phoneNumber: C,
+    onPhoneNumberChange: d,
+    existingAccountErrorMessage: u,
+    phoneDisplay: y,
+    phonePlaceholder: T,
+    countryCode: g,
+    icon: O,
+    onClose: q,
+    className: L
+  }, e[9] = L, e[10] = g, e[11] = u, e[12] = q, e[13] = O, e[14] = _, e[15] = d, e[16] = C, e[17] = T, e[18] = x, e[19] = f, e[20] = N, e[21] = y, e[22] = M, e[23] = D, e[24] = Y) : Y = e[24];
+  const F = Y;
+  if (h) {
+    let K;
+    e[25] === Symbol.for("react.memo_cache_sentinel") ? (K = Z(ye, "flex h-auto max-h-[90vh] w-full flex-col overflow-hidden rounded-t-[16px] border-0 p-0"), e[25] = K) : K = e[25];
+    let S;
+    e[26] !== f ? (S = /* @__PURE__ */ s(ce, { className: "sr-only", children: /* @__PURE__ */ s(de, { children: f }) }), e[26] = f, e[27] = S) : S = e[27];
+    let U;
+    e[28] !== F ? (U = /* @__PURE__ */ s(V, { ...F, surface: "drawer" }), e[28] = F, e[29] = U) : U = e[29];
+    let B;
+    e[30] !== S || e[31] !== U ? (B = /* @__PURE__ */ v(fe, { "aria-describedby": void 0, className: K, "data-account-conflict-prompt-drawer-content": !0, children: [
+      S,
+      U
+    ] }), e[30] = S, e[31] = U, e[32] = B) : B = e[32];
+    let X;
+    return e[33] !== t || e[34] !== i || e[35] !== B ? (X = /* @__PURE__ */ s(me, { dismissible: !0, open: i, onOpenChange: t, children: B }), e[33] = t, e[34] = i, e[35] = B, e[36] = X) : X = e[36], X;
+  }
+  let I;
+  e[37] !== f ? (I = /* @__PURE__ */ s(oe, { className: "sr-only", children: /* @__PURE__ */ s(ne, { children: f }) }), e[37] = f, e[38] = I) : I = e[38];
+  let k;
+  e[39] !== F ? (k = /* @__PURE__ */ s(V, { ...F, surface: "dialog" }), e[39] = F, e[40] = k) : k = e[40];
+  let R;
+  e[41] !== I || e[42] !== k ? (R = /* @__PURE__ */ v(re, { "aria-describedby": void 0, className: "max-w-[320px] overflow-visible rounded-[16px] border-0 bg-transparent p-0 shadow-none", closeOnOutsideClick: !0, showCloseButton: !1, size: "sm", children: [
+    I,
+    k
+  ] }), e[41] = I, e[42] = k, e[43] = R) : R = e[43];
+  let G;
+  return e[44] !== t || e[45] !== i || e[46] !== R ? (G = /* @__PURE__ */ s(ae, { open: i, onOpenChange: t, modal: !0, children: R }), e[44] = t, e[45] = i, e[46] = R, e[47] = G) : G = e[47], G;
+}
+function ke() {
+  return document.body.classList.remove(J);
+}
+export {
+  Xe as DoctAccountConflictPrompt
+};

package/dist/components/overrides/ui/account-conflict-prompt/presets.js

@@ -0,0 +1,50 @@
+"use client";
+const o = "+91", C = "Enter number", T = "9825910X0X", O = "+91 9825910X0X", i = "user******@gmail.com", r = "Your mobile number required to complete certain actions as well as it's associated with security of your Docthub account.", s = {
+  system: "To continue..",
+  action: "Add mobile number"
+}, c = {
+  system: "Add your mobile number",
+  action: "Keep your account secure"
+}, u = "your accounts will be unified on login";
+function _(n) {
+  return `This phone is already registered with “${n}”. Please use different phone number or login with this mobile number`;
+}
+const N = _(i);
+function A(n) {
+  return n ? `Login with ‘${n}’` : "Login";
+}
+function L(n, e) {
+  const t = e.trim();
+  return t ? t.startsWith(n) ? t : `${n} ${t}` : n;
+}
+const P = {
+  system: {
+    addNumber: "Continue",
+    existingAccount: "Continue"
+  },
+  action: {
+    addNumber: "Save",
+    existingAccount: "Save"
+  }
+}, E = "Add later";
+function a(n) {
+  return n === "existingAccount";
+}
+export {
+  c as ACCOUNT_CONFLICT_PROMPT_BODY_TITLE,
+  o as ACCOUNT_CONFLICT_PROMPT_DEFAULT_COUNTRY_CODE,
+  N as ACCOUNT_CONFLICT_PROMPT_DEFAULT_EXISTING_ACCOUNT_ERROR,
+  r as ACCOUNT_CONFLICT_PROMPT_DEFAULT_INFO_MESSAGE,
+  i as ACCOUNT_CONFLICT_PROMPT_DEFAULT_MASKED_EMAIL,
+  O as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_DISPLAY,
+  T as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_NUMBER,
+  C as ACCOUNT_CONFLICT_PROMPT_DEFAULT_PHONE_PLACEHOLDER,
+  s as ACCOUNT_CONFLICT_PROMPT_HEADER_TITLE,
+  u as ACCOUNT_CONFLICT_PROMPT_LOGIN_UNIFY_HINT,
+  P as ACCOUNT_CONFLICT_PROMPT_PRIMARY_LABEL,
+  E as ACCOUNT_CONFLICT_PROMPT_SECONDARY_LABEL,
+  _ as buildExistingAccountError,
+  A as buildLoginWithPhoneLabel,
+  L as buildPhoneDisplay,
+  a as isPrimaryDisabled
+};

package/dist/components/overrides/ui/account-conflict-prompt/types.js

@@ -0,0 +1,5 @@
+"use client";
+const C = "login-drawer-backdrop";
+export {
+  C as ACCOUNT_CONFLICT_PROMPT_DRAWER_BACKDROP_CLASS
+};

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
 };