docthub-core-components 2.99.2 → 3.1.0

package/dist/components/ui/textarea.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx as Q, jsxs as F } from "react/jsx-runtime";
+import { c as Y } from "react-compiler-runtime";
+import * as C from "react";
+import { cn as U } from "../../lib/utils.js";
+const Z = C.forwardRef((M, S) => {
+  const e = Y(62);
+  let I, d, L, T, r, E, a, j, s, o, n, l, c, N, y, t;
+  e[0] !== M ? ({
+    label: a,
+    helperText: r,
+    errorText: T,
+    error: L,
+    required: l,
+    className: d,
+    placeholder: N,
+    rows: y,
+    showCharCount: c,
+    maxLength: j,
+    characterLimit: I,
+    onChange: s,
+    onValueChange: o,
+    value: t,
+    id: E,
+    ...n
+  } = M, e[0] = M, e[1] = I, e[2] = d, e[3] = L, e[4] = T, e[5] = r, e[6] = E, e[7] = a, e[8] = j, e[9] = s, e[10] = o, e[11] = n, e[12] = l, e[13] = c, e[14] = N, e[15] = y, e[16] = t) : (I = e[1], d = e[2], L = e[3], T = e[4], r = e[5], E = e[6], a = e[7], j = e[8], s = e[9], o = e[10], n = e[11], l = e[12], c = e[13], N = e[14], y = e[15], t = e[16]);
+  const W = N === void 0 ? "Write here..." : N, $ = y === void 0 ? 4 : y, [A, D] = C.useState(typeof t == "string" ? t.length : 0), X = C.useId(), f = E ?? X, m = T || L, w = !!m, i = I || j, k = C.useId();
+  let q, R;
+  e[17] !== t ? (q = () => {
+    typeof t == "string" ? D(t.length) : t == null && D(0);
+  }, R = [t], e[17] = t, e[18] = q, e[19] = R) : (q = e[18], R = e[19]), C.useEffect(q, R);
+  let z;
+  e[20] !== s || e[21] !== o ? (z = (P) => {
+    D(P.target.value.length), s == null || s(P), o == null || o(P.target.value);
+  }, e[20] = s, e[21] = o, e[22] = z) : z = e[22];
+  const G = z;
+  let u;
+  e[23] !== d ? (u = U("space-y-1", d), e[23] = d, e[24] = u) : u = e[24];
+  let h;
+  e[25] !== f || e[26] !== a || e[27] !== l ? (h = a && /* @__PURE__ */ F("label", { htmlFor: f, className: "block text-sm font-medium text-foreground", children: [
+    a,
+    l && /* @__PURE__ */ Q("span", { className: "text-destructive ml-1", children: "*" })
+  ] }), e[25] = f, e[26] = a, e[27] = l, e[28] = h) : h = e[28];
+  const H = w ? "border-destructive" : "border-input";
+  let x;
+  e[29] !== H ? (x = U("flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-base", "placeholder:text-muted-foreground", "focus-visible:outline-none", "disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", H, "resize-none"), e[29] = H, e[30] = x) : x = e[30];
+  const J = w || void 0, K = l || void 0, O = r || m ? k : void 0;
+  let p;
+  e[31] !== f || e[32] !== i || e[33] !== G || e[34] !== W || e[35] !== n || e[36] !== S || e[37] !== l || e[38] !== $ || e[39] !== J || e[40] !== K || e[41] !== O || e[42] !== x || e[43] !== t ? (p = /* @__PURE__ */ Q("textarea", { ref: S, id: f, placeholder: W, rows: $, maxLength: i, value: t, onChange: G, required: l, className: x, "aria-invalid": J, "aria-required": K, "aria-describedby": O, ...n }), e[31] = f, e[32] = i, e[33] = G, e[34] = W, e[35] = n, e[36] = S, e[37] = l, e[38] = $, e[39] = J, e[40] = K, e[41] = O, e[42] = x, e[43] = t, e[44] = p) : p = e[44];
+  let v;
+  e[45] !== A || e[46] !== i || e[47] !== c ? (v = c && i && /* @__PURE__ */ F("div", { className: "absolute bottom-2 right-2 text-xs text-muted-foreground", children: [
+    A,
+    " / ",
+    i
+  ] }), e[45] = A, e[46] = i, e[47] = c, e[48] = v) : v = e[48];
+  let g;
+  e[49] !== p || e[50] !== v ? (g = /* @__PURE__ */ F("div", { className: "relative", children: [
+    p,
+    v
+  ] }), e[49] = p, e[50] = v, e[51] = g) : g = e[51];
+  let b;
+  e[52] !== m || e[53] !== w || e[54] !== k || e[55] !== r ? (b = (r || m) && /* @__PURE__ */ Q("p", { id: k, className: U("text-xs", w ? "text-destructive" : "text-muted-foreground"), children: m || r }), e[52] = m, e[53] = w, e[54] = k, e[55] = r, e[56] = b) : b = e[56];
+  let B;
+  return e[57] !== g || e[58] !== b || e[59] !== u || e[60] !== h ? (B = /* @__PURE__ */ F("div", { className: u, children: [
+    h,
+    g,
+    b
+  ] }), e[57] = g, e[58] = b, e[59] = u, e[60] = h, e[61] = B) : B = e[61], B;
+});
+Z.displayName = "Textarea";
+export {
+  Z as Textarea
+};

package/dist/components/ui/timeline.js

@@ -0,0 +1,177 @@
+"use client";
+import { jsx as a, jsxs as N, Fragment as J } from "react/jsx-runtime";
+import { c as O } from "react-compiler-runtime";
+import { cva as K } from "class-variance-authority";
+import * as P from "react";
+import { cn as i } from "../../lib/utils.js";
+const Q = K("absolute bg-current", {
+  variants: {
+    thickness: {
+      thin: "w-px",
+      normal: "w-[2px]",
+      thick: "w-[3px]"
+    },
+    inset: {
+      none: "top-0 bottom-0",
+      sm: "top-2 bottom-2",
+      md: "top-3 bottom-3",
+      lg: "top-4 bottom-4"
+    },
+    offset: {
+      sm: "left-2.5",
+      md: "left-3",
+      lg: "left-3.5"
+    },
+    color: {
+      teal: "text-[#CDECF1]",
+      gray: "text-gray-200",
+      primary: "text-primary/30"
+    }
+  },
+  defaultVariants: {
+    thickness: "normal",
+    inset: "md",
+    offset: "sm",
+    color: "teal"
+  }
+}), U = K("absolute -translate-x-1/2 transform z-10 rounded-full bg-current", {
+  variants: {
+    size: {
+      sm: "h-2 w-2",
+      md: "h-2.5 w-2.5",
+      lg: "h-3 w-3"
+    },
+    offset: {
+      sm: "left-2.5",
+      md: "left-3",
+      lg: "left-3.5"
+    },
+    color: {
+      teal: "text-[#32B3C9]",
+      gray: "text-gray-400",
+      primary: "text-primary"
+    },
+    y: {
+      base: "top-1"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    offset: "sm",
+    color: "teal",
+    y: "base"
+  }
+}), X = K("", {
+  variants: {
+    density: {
+      compact: "space-y-4",
+      comfortable: "space-y-6",
+      card: "space-y-8"
+    }
+  },
+  defaultVariants: {
+    density: "comfortable"
+  }
+}), Y = K("", {
+  variants: {
+    indent: {
+      sm: "ml-7",
+      md: "ml-8",
+      lg: "ml-9"
+    }
+  },
+  defaultVariants: {
+    indent: "md"
+  }
+}), Z = P.forwardRef((M, m) => {
+  const t = O(66);
+  let r, f, o, C, k, z, j, V, L, S, B, F, c;
+  t[0] !== M ? ({
+    items: f,
+    title: c,
+    className: r,
+    showStatus: C,
+    variant: k,
+    color: z,
+    thickness: j,
+    inset: V,
+    offset: L,
+    size: S,
+    density: B,
+    indent: F,
+    ...o
+  } = M, t[0] = M, t[1] = r, t[2] = f, t[3] = o, t[4] = C, t[5] = k, t[6] = z, t[7] = j, t[8] = V, t[9] = L, t[10] = S, t[11] = B, t[12] = F, t[13] = c) : (r = t[1], f = t[2], o = t[3], C = t[4], k = t[5], z = t[6], j = t[7], V = t[8], L = t[9], S = t[10], B = t[11], F = t[12], c = t[13]);
+  const W = C === void 0 ? !0 : C, s = k === void 0 ? "default" : k, n = z === void 0 ? "teal" : z, $ = j === void 0 ? "normal" : j, q = V === void 0 ? "md" : V, d = L === void 0 ? "sm" : L, R = S === void 0 ? "md" : S, H = B === void 0 ? "comfortable" : B, T = F === void 0 ? "md" : F, A = s === "card" ? "card" : H;
+  let E;
+  t[14] !== W ? (E = (l) => !W || l !== "completed" ? null : /* @__PURE__ */ a("div", { className: "flex h-3 w-3 items-center justify-center rounded-full bg-green-500", children: /* @__PURE__ */ N("svg", { className: "h-2 w-2 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-label": "Completed", children: [
+    /* @__PURE__ */ a("title", { children: "Completed" }),
+    /* @__PURE__ */ a("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })
+  ] }) }), t[14] = W, t[15] = E) : E = t[15];
+  const D = E;
+  let p;
+  t[16] !== c || t[17] !== s ? (p = c && /* @__PURE__ */ a("h3", { className: i("font-bold text-gray-900", s === "card" ? "text-xl mb-8" : "text-lg mb-6"), children: c }), t[16] = c, t[17] = s, t[18] = p) : p = t[18];
+  let x;
+  t[19] !== n || t[20] !== q || t[21] !== d || t[22] !== $ ? (x = i(Q({
+    thickness: $,
+    inset: q,
+    offset: d,
+    color: n
+  })), t[19] = n, t[20] = q, t[21] = d, t[22] = $, t[23] = x) : x = t[23];
+  let h;
+  t[24] !== x ? (h = /* @__PURE__ */ a("div", { className: x }), t[24] = x, t[25] = h) : h = t[25];
+  let u;
+  t[26] !== A ? (u = i(X({
+    density: A
+  })), t[26] = A, t[27] = u) : u = t[27];
+  let v;
+  if (t[28] !== n || t[29] !== D || t[30] !== T || t[31] !== f || t[32] !== d || t[33] !== R || t[34] !== s) {
+    let l;
+    t[36] !== n || t[37] !== D || t[38] !== T || t[39] !== d || t[40] !== R || t[41] !== s ? (l = (e) => /* @__PURE__ */ N("div", { className: "relative flex items-start", children: [
+      /* @__PURE__ */ a("div", { className: i(U({
+        size: R,
+        offset: d,
+        color: n,
+        y: "base"
+      })) }),
+      /* @__PURE__ */ N("div", { className: i("min-w-0 flex-1", Y({
+        indent: T
+      })), children: [
+        /* @__PURE__ */ N("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ a("h4", { className: i("font-bold text-gray-900", s === "card" ? "text-base" : "text-sm"), children: e.title }),
+          D(e.status)
+        ] }),
+        e.subtitle && /* @__PURE__ */ a("p", { className: i("text-gray-600 mt-1", "text-sm"), children: e.subtitle }),
+        e.date && /* @__PURE__ */ a("p", { className: i("text-gray-600", s === "card" ? "mt-1 text-sm" : "text-sm"), children: e.date }),
+        e.description && /* @__PURE__ */ a("p", { className: i("text-gray-600 leading-relaxed", "mt-2 text-sm"), children: e.description })
+      ] })
+    ] }, e.id), t[36] = n, t[37] = D, t[38] = T, t[39] = d, t[40] = R, t[41] = s, t[42] = l) : l = t[42], v = f.map(l), t[28] = n, t[29] = D, t[30] = T, t[31] = f, t[32] = d, t[33] = R, t[34] = s, t[35] = v;
+  } else
+    v = t[35];
+  let y;
+  t[43] !== u || t[44] !== v ? (y = /* @__PURE__ */ a("div", { className: u, children: v }), t[43] = u, t[44] = v, t[45] = y) : y = t[45];
+  let b;
+  t[46] !== h || t[47] !== y ? (b = /* @__PURE__ */ N("div", { className: "relative", children: [
+    h,
+    y
+  ] }), t[46] = h, t[47] = y, t[48] = b) : b = t[48];
+  let G;
+  t[49] !== p || t[50] !== b ? (G = /* @__PURE__ */ N(J, { children: [
+    p,
+    b
+  ] }), t[49] = p, t[50] = b, t[51] = G) : G = t[51];
+  const g = G;
+  if (s === "card") {
+    let l;
+    t[52] !== r ? (l = i("w-full bg-white rounded-lg border border-gray-200 shadow-sm p-6", r), t[52] = r, t[53] = l) : l = t[53];
+    let e;
+    return t[54] !== g || t[55] !== o || t[56] !== m || t[57] !== l ? (e = /* @__PURE__ */ a("div", { ref: m, className: l, ...o, children: g }), t[54] = g, t[55] = o, t[56] = m, t[57] = l, t[58] = e) : e = t[58], e;
+  }
+  let w;
+  t[59] !== r ? (w = i("w-full", r), t[59] = r, t[60] = w) : w = t[60];
+  let I;
+  return t[61] !== g || t[62] !== o || t[63] !== m || t[64] !== w ? (I = /* @__PURE__ */ a("div", { ref: m, className: w, ...o, children: g }), t[61] = g, t[62] = o, t[63] = m, t[64] = w, t[65] = I) : I = t[65], I;
+});
+Z.displayName = "Timeline";
+export {
+  Z as Timeline
+};

package/dist/components/ui/toast.js

@@ -0,0 +1,82 @@
+"use client";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { c as w } from "react-compiler-runtime";
+import { X as g, CheckCircle2 as o, AlertTriangle as x, Info as v, XCircle as b, Circle as N } from "lucide-react";
+import { toast as f, Toaster as C } from "sonner";
+import { DoctButton as u } from "./button.js";
+const k = {
+  default: "bg-zinc-700 text-white",
+  error: "bg-red-500 text-white",
+  info: "bg-blue-500 text-white",
+  warning: "bg-amber-500 text-white",
+  success: "bg-green-500 text-white"
+}, y = {
+  default: 4e3,
+  error: 5e3,
+  info: 4e3,
+  warning: 5e3,
+  success: 4e3
+}, T = {
+  default: /* @__PURE__ */ a(N, { className: "h-4 w-4 text-white" }),
+  error: /* @__PURE__ */ a(b, { className: "h-4 w-4 text-white" }),
+  info: /* @__PURE__ */ a(v, { className: "h-4 w-4 text-white" }),
+  warning: /* @__PURE__ */ a(x, { className: "h-4 w-4 text-white" }),
+  success: /* @__PURE__ */ a(o, { className: "h-4 w-4 text-white" })
+};
+function j(r, t, e) {
+  const c = (e == null ? void 0 : e.variant) ?? "info", n = k[c], i = (e == null ? void 0 : e.icon) ?? T[c], d = (e == null ? void 0 : e.iconPosition) ?? "left", h = c === "error" || c === "warning" ? "alert" : "status";
+  return /* @__PURE__ */ s("div", { role: h, "aria-live": h === "alert" ? "assertive" : "polite", "aria-atomic": "true", className: `flex w-full items-center justify-between rounded-md p-3 shadow-md ${n}`, children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+      i && d === "left" && /* @__PURE__ */ a("div", { className: "mr-3", children: i }),
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ a("p", { className: "text-sm font-semibold", children: t }),
+        (e == null ? void 0 : e.description) && /* @__PURE__ */ a("p", { className: "text-sm text-white/90", children: e.description })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "flex items-center", children: [
+      i && d === "right" && /* @__PURE__ */ a("div", { className: "ml-3", children: i }),
+      (e == null ? void 0 : e.action) && /* @__PURE__ */ a(u, { variant: "ghost", size: "small", className: "ml-3 text-white hover:bg-transparent", onClick: e.action.onClick, type: "button", children: e.action.label }),
+      /* @__PURE__ */ a(u, { variant: "ghost", size: "icon.large", className: "ml-3 text-white hover:bg-transparent", onClick: () => f.dismiss(r), type: "button", "aria-label": "Close notification", children: /* @__PURE__ */ a(g, { className: "h-4 w-4 !text-white", strokeWidth: 2.5 }) })
+    ] })
+  ] });
+}
+const $ = {
+  padding: 0,
+  margin: 0,
+  border: "none",
+  background: "none"
+}, m = (r, t) => {
+  const e = (t == null ? void 0 : t.variant) ?? "info", c = (t == null ? void 0 : t.duration) ?? y[e], n = (i) => j(i, r, {
+    ...t,
+    variant: e
+  });
+  return f.custom(n, {
+    unstyled: !0,
+    duration: c,
+    ...(t == null ? void 0 : t.position) && {
+      position: t.position
+    },
+    style: $
+  });
+}, l = (r) => (t, e) => m(t, {
+  ...e,
+  variant: r
+}), W = Object.assign(m, {
+  default: (r, t) => m(r, {
+    ...t,
+    variant: "default"
+  }),
+  success: l("success"),
+  info: l("info"),
+  warning: l("warning"),
+  error: l("error")
+});
+function X(r) {
+  const t = w(2);
+  let e;
+  return t[0] !== r ? (e = /* @__PURE__ */ a(C, { ...r }), t[0] = r, t[1] = e) : e = t[1], e;
+}
+export {
+  X as Toaster,
+  W as toast
+};

package/dist/components/ui/tooltip.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as g, jsxs as A } from "react/jsx-runtime";
+import { c as O } from "react-compiler-runtime";
+import { Tooltip as b } from "@base-ui/react/tooltip";
+import * as N from "react";
+import { cn as R } from "../../lib/utils.js";
+const S = (i) => {
+  const e = O(9);
+  let r, l, o, t;
+  e[0] !== i ? ({
+    delayDuration: o,
+    delay: l,
+    closeDelay: r,
+    ...t
+  } = i, e[0] = i, e[1] = r, e[2] = l, e[3] = o, e[4] = t) : (r = e[1], l = e[2], o = e[3], t = e[4]);
+  const n = l ?? o;
+  let d;
+  return e[5] !== r || e[6] !== t || e[7] !== n ? (d = /* @__PURE__ */ g(b.Provider, { delay: n, closeDelay: r, ...t }), e[5] = r, e[6] = t, e[7] = n, e[8] = d) : d = e[8], d;
+};
+S.displayName = "TooltipProvider";
+const V = b.Root, E = N.forwardRef((i, e) => {
+  const r = O(12);
+  let l, o, t;
+  if (r[0] !== i) {
+    const {
+      asChild: s,
+      children: a,
+      render: p,
+      ...c
+    } = i;
+    l = s, o = a, t = c, r[0] = i, r[1] = l, r[2] = o, r[3] = t;
+  } else
+    l = r[1], o = r[2], t = r[3];
+  if (l && N.isValidElement(o)) {
+    const s = e, a = o;
+    let p;
+    return r[4] !== t || r[5] !== s || r[6] !== a ? (p = /* @__PURE__ */ g(b.Trigger, { ...t, ref: s, render: a }), r[4] = t, r[5] = s, r[6] = a, r[7] = p) : p = r[7], p;
+  }
+  const n = e;
+  let d;
+  return r[8] !== o || r[9] !== t || r[10] !== n ? (d = /* @__PURE__ */ g(b.Trigger, { ref: n, ...t, children: o }), r[8] = o, r[9] = t, r[10] = n, r[11] = d) : d = r[11], d;
+});
+E.displayName = "TooltipTrigger";
+const I = "bg-black/80", L = "z-[100000]", _ = {
+  top: ["-bottom-1.5", "border-l-[6px] border-l-transparent border-r-[6px] border-r-transparent", "border-t-[6px] border-t-black/80"],
+  bottom: ["-top-1.5", "border-l-[6px] border-l-transparent border-r-[6px] border-r-transparent", "border-b-[6px] border-b-black/80"],
+  left: ["-right-1.5", "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent", "border-l-[6px] border-l-black/80"],
+  right: ["-left-1.5", "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent", "border-r-[6px] border-r-black/80"],
+  "inline-start": ["-right-1.5", "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent", "border-l-[6px] border-l-black/80"],
+  "inline-end": ["-left-1.5", "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent", "border-r-[6px] border-r-black/80"]
+}, $ = N.forwardRef((i, e) => {
+  const r = O(29);
+  let l, o, t, n, d, s, a, p, c, h;
+  r[0] !== i ? ({
+    className: o,
+    sideOffset: n,
+    side: d,
+    align: s,
+    collisionPadding: a,
+    showArrow: p,
+    backgroundColor: c,
+    textColor: h,
+    children: l,
+    ...t
+  } = i, r[0] = i, r[1] = l, r[2] = o, r[3] = t, r[4] = n, r[5] = d, r[6] = s, r[7] = a, r[8] = p, r[9] = c, r[10] = h) : (l = r[1], o = r[2], t = r[3], n = r[4], d = r[5], s = r[6], a = r[7], p = r[8], c = r[9], h = r[10]);
+  const T = n === void 0 ? 8 : n, w = d === void 0 ? "top" : d, v = s === void 0 ? "center" : s, k = a === void 0 ? 8 : a, C = p === void 0 ? !0 : p, P = c === void 0 ? I : c, y = h === void 0 ? "text-white" : h;
+  let f;
+  r[11] !== P || r[12] !== o || r[13] !== y ? (f = R("relative rounded-xl border-0 outline-none px-3 py-1.5 text-sm shadow-xl transition-all max-w-72 break-words", P, y, "animate-in fade-in zoom-in-95", "data-[closed]:animate-out data-[closed]:fade-out data-[closed]:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", o), r[11] = P, r[12] = o, r[13] = y, r[14] = f) : f = r[14];
+  let m;
+  r[15] !== C ? (m = C && /* @__PURE__ */ g(b.Arrow, { className: z }), r[15] = C, r[16] = m) : m = r[16];
+  let x;
+  r[17] !== l || r[18] !== t || r[19] !== e || r[20] !== f || r[21] !== m ? (x = /* @__PURE__ */ A(b.Popup, { ref: e, className: f, ...t, children: [
+    l,
+    m
+  ] }), r[17] = l, r[18] = t, r[19] = e, r[20] = f, r[21] = m, r[22] = x) : x = r[22];
+  let u;
+  return r[23] !== v || r[24] !== k || r[25] !== w || r[26] !== T || r[27] !== x ? (u = /* @__PURE__ */ g(b.Portal, { children: /* @__PURE__ */ g(b.Positioner, { className: L, sideOffset: T, side: w, align: v, collisionPadding: k, children: x }) }), r[23] = v, r[24] = k, r[25] = w, r[26] = T, r[27] = x, r[28] = u) : u = r[28], u;
+});
+$.displayName = "TooltipContent";
+function z(i) {
+  const {
+    side: e
+  } = i, r = _[e] || _.top;
+  return R("absolute w-0 h-0", r);
+}
+export {
+  V as Tooltip,
+  $ as TooltipContent,
+  S as TooltipProvider,
+  E as TooltipTrigger
+};

package/dist/components/ui/typography.js

@@ -0,0 +1,213 @@
+"use client";
+import { jsx as _ } from "react/jsx-runtime";
+import { c as j } from "react-compiler-runtime";
+import { cn as k } from "../../lib/utils.js";
+const $ = ["background", "foreground", "card", "card-foreground", "popover", "popover-foreground", "secondary", "secondary-foreground", "muted", "muted-foreground", "accent", "accent-foreground", "destructive", "destructive-foreground", "border", "input", "ring", "primary", "primary-foreground", "primary-17", "primary-36", "primary-55", "primary-70", "primary-80", "primary-90", "primary-95", "primary-98", "brand-blue", "brand-blue-foreground", "brand-tropical", "brand-secondary", "product-events", "product-contacts", "product-jobs", "product-blogs", "product-landing", "product-academy", "product-resume", "product-media", "neutral-white", "neutral-black", "neutral-80", "neutral-68", "neutral-56", "neutral-44", "neutral-32", "neutral-24", "neutral-20", "neutral-16", "neutral-12", "neutral-10", "neutral-8", "neutral-6", "semantic-negative", "semantic-positive", "semantic-warning", "semantic-informative", "chart-1", "chart-2", "chart-3", "chart-4", "chart-5", "sidebar-background", "sidebar-foreground", "sidebar-primary", "sidebar-primary-foreground", "sidebar-accent", "sidebar-accent-foreground", "sidebar-border", "sidebar-ring"], B = (t) => t.replace(/-([a-z0-9])/g, (e, r) => r.toUpperCase()), E = $.reduce((t, e) => (t[e] = `hsl(var(--${e}))`, t), {}), N = $.reduce((t, e) => {
+  const r = E[e];
+  t[e] = r, t[`--${e}`] = r;
+  const i = B(e);
+  t[i] || (t[i] = r);
+  const n = i.charAt(0).toUpperCase() + i.slice(1);
+  return t[n] || (t[n] = r), t;
+}, {}), U = (t) => {
+  if (!t)
+    return;
+  const e = t.trim();
+  if (!e)
+    return;
+  const r = N[e];
+  if (r)
+    return r;
+  const i = N[e.toLowerCase()];
+  return i || (e.startsWith("--") ? `hsl(var(${e}))` : (e.startsWith("#") || e.startsWith("rgb") || e.startsWith("hsl") || e.startsWith("var("), e));
+}, D = {
+  h1: {
+    fontSize: "3.5rem",
+    lineHeight: "4rem",
+    tag: "h1"
+  },
+  // 56px / 64px
+  h2: {
+    fontSize: "2.875rem",
+    lineHeight: "3.25rem",
+    tag: "h2"
+  },
+  // 46px / 52px
+  h3: {
+    fontSize: "2.25rem",
+    lineHeight: "2.75rem",
+    tag: "h3"
+  },
+  // 36px / 44px
+  h4: {
+    fontSize: "2rem",
+    lineHeight: "2.5rem",
+    tag: "h4"
+  },
+  // 32px / 40px
+  h5: {
+    fontSize: "1.75rem",
+    lineHeight: "2.25rem",
+    tag: "h5"
+  },
+  // 28px / 36px
+  h6: {
+    fontSize: "1.5rem",
+    lineHeight: "2rem",
+    tag: "h6"
+  },
+  // 24px / 32px
+  h7: {
+    fontSize: "1.25rem",
+    lineHeight: "1.625rem",
+    tag: "p"
+  },
+  // 20px / 26px
+  h8: {
+    fontSize: "1.125rem",
+    lineHeight: "1.5rem",
+    tag: "p"
+  },
+  // 18px / 24px
+  title1: {
+    fontSize: "1.25rem",
+    lineHeight: "1.625rem",
+    tag: "p"
+  },
+  // 20px / 26px
+  title2: {
+    fontSize: "1rem",
+    lineHeight: "1.5rem",
+    tag: "p"
+  },
+  // 16px / 24px
+  title3: {
+    fontSize: "0.875rem",
+    lineHeight: "1.3125rem",
+    tag: "p"
+  },
+  // 14px / 21px
+  title4: {
+    fontSize: "0.75rem",
+    lineHeight: "1.125rem",
+    tag: "p"
+  },
+  // 12px / 18px
+  body1: {
+    fontSize: "1rem",
+    lineHeight: "1.5rem",
+    tag: "p"
+  },
+  // 16px / 24px
+  body2: {
+    fontSize: "0.875rem",
+    lineHeight: "1.25rem",
+    tag: "p"
+  },
+  // 14px / 20px
+  body3: {
+    fontSize: "0.75rem",
+    lineHeight: "1rem",
+    tag: "p"
+  },
+  // 12px / 16px
+  body4: {
+    fontSize: "0.625rem",
+    lineHeight: "0.875rem",
+    tag: "p"
+  },
+  // 10px / 14px
+  body5: {
+    fontSize: "0.5rem",
+    lineHeight: "0.6875rem",
+    tag: "p"
+  },
+  // 8px / 11px
+  textLabel1: {
+    fontSize: "1rem",
+    lineHeight: "1.375rem",
+    tag: "span"
+  },
+  // 16px / 22px
+  textLabel2: {
+    fontSize: "0.875rem",
+    lineHeight: "1.25rem",
+    tag: "span"
+  },
+  // 14px / 20px
+  textLabel3: {
+    fontSize: "0.75rem",
+    lineHeight: "1rem",
+    tag: "span"
+  },
+  // 12px / 16px
+  textLabel4: {
+    fontSize: "0.6875rem",
+    lineHeight: "1rem",
+    tag: "span"
+  }
+  // 11px / 16px
+}, A = {
+  light: 300,
+  regular: 400,
+  medium: 500,
+  semiBold: 600,
+  bold: 700,
+  extraBold: 800
+}, R = (t) => {
+  const e = j(34);
+  let r, i, n, o, d, g, m, c, a;
+  e[0] !== t ? ({
+    variant: a,
+    weight: g,
+    children: i,
+    color: n,
+    align: m,
+    className: c,
+    as: r,
+    style: d,
+    ...o
+  } = t, e[0] = t, e[1] = r, e[2] = i, e[3] = n, e[4] = o, e[5] = d, e[6] = g, e[7] = m, e[8] = c, e[9] = a) : (r = e[1], i = e[2], n = e[3], o = e[4], d = e[5], g = e[6], m = e[7], c = e[8], a = e[9]);
+  const K = g === void 0 ? "regular" : g, S = m === void 0 ? "inherit" : m, z = c === void 0 ? "" : c;
+  let h;
+  e[10] !== a ? (h = D[a] ?? {
+    fontSize: "1rem",
+    lineHeight: "1.5rem",
+    tag: "p"
+  }, e[10] = a, e[11] = h) : h = e[11];
+  const M = h, {
+    fontSize: H,
+    lineHeight: v,
+    tag: O
+  } = M, C = r || O, x = !n && "text-foreground";
+  let p;
+  e[12] !== z || e[13] !== x ? (p = k(x, z), e[12] = z, e[13] = x, e[14] = p) : p = e[14];
+  const L = p;
+  let u;
+  e[15] !== n ? (u = U(n), e[15] = n, e[16] = u) : u = e[16];
+  const f = u, T = A[K] ?? A.regular;
+  let l;
+  e[17] !== f ? (l = f && {
+    color: f
+  }, e[17] = f, e[18] = l) : l = e[18];
+  let y;
+  e[19] !== S || e[20] !== H || e[21] !== v || e[22] !== T || e[23] !== l ? (y = {
+    fontFamily: "Inter, 'Helvetica Neue', Arial, sans-serif",
+    fontSize: H,
+    lineHeight: v,
+    fontWeight: T,
+    textAlign: S,
+    ...l
+  }, e[19] = S, e[20] = H, e[21] = v, e[22] = T, e[23] = l, e[24] = y) : y = e[24];
+  const W = y, w = d;
+  let s;
+  e[25] !== W || e[26] !== w ? (s = {
+    ...W,
+    ...w
+  }, e[25] = W, e[26] = w, e[27] = s) : s = e[27];
+  let b;
+  return e[28] !== C || e[29] !== L || e[30] !== i || e[31] !== o || e[32] !== s ? (b = /* @__PURE__ */ _(C, { className: L, style: s, ...o, children: i }), e[28] = C, e[29] = L, e[30] = i, e[31] = o, e[32] = s, e[33] = b) : b = e[33], b;
+};
+export {
+  R as DoctTypography
+};