docthub-core-components 3.3.17 → 3.3.19

package/dist/components/ui/tooltip.js

@@ -1,91 +1,151 @@
 "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,
+import { jsxs as N, jsx as p } from "react/jsx-runtime";
+import { c as L } from "react-compiler-runtime";
+import { Tooltip as c } from "@base-ui/react/tooltip";
+import * as O from "react";
+import { cn as m } from "../../lib/utils.js";
+const I = (o) => {
+  const e = L(9);
+  let r, d, n, t;
+  e[0] !== o ? ({
+    delayDuration: n,
+    delay: d,
     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;
+  } = o, e[0] = o, e[1] = r, e[2] = d, e[3] = n, e[4] = t) : (r = e[1], d = e[2], n = e[3], t = e[4]);
+  const i = d ?? n;
+  let a;
+  return e[5] !== r || e[6] !== t || e[7] !== i ? (a = /* @__PURE__ */ p(c.Provider, { delay: i, closeDelay: r, ...t }), e[5] = r, e[6] = t, e[7] = i, e[8] = a) : a = e[8], a;
 };
-S.displayName = "TooltipProvider";
-const V = b.Root, E = N.forwardRef((i, e) => {
-  const r = O(12);
-  let l, o, t;
-  if (r[0] !== i) {
+I.displayName = "TooltipProvider";
+const Z = c.Root, E = O.forwardRef((o, e) => {
+  const r = L(12);
+  let d, n, t;
+  if (r[0] !== o) {
     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;
+      children: l,
+      render: b,
+      ...x
+    } = o;
+    d = s, n = l, t = x, r[0] = o, r[1] = d, r[2] = n, 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;
+    d = r[1], n = r[2], t = r[3];
+  if (d && O.isValidElement(n)) {
+    const s = e, l = n;
+    let b;
+    return r[4] !== t || r[5] !== s || r[6] !== l ? (b = /* @__PURE__ */ p(c.Trigger, { ...t, ref: s, render: l }), r[4] = t, r[5] = s, r[6] = l, r[7] = b) : b = r[7], b;
   }
-  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;
+  const i = e;
+  let a;
+  return r[8] !== n || r[9] !== t || r[10] !== i ? (a = /* @__PURE__ */ p(c.Trigger, { ref: i, ...t, children: n }), r[8] = n, r[9] = t, r[10] = i, r[11] = a) : a = r[11], a;
 });
 E.displayName = "TooltipTrigger";
-const I = "bg-black/80", L = "z-[100000]", _ = {
+const z = "bg-black/80", D = "z-[100000]", G = "relative rounded-xl border-0 outline-none px-3 py-1.5 text-sm shadow-xl transition-all max-w-72 break-words 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", $ = "relative border-0 bg-transparent p-0 shadow-none outline-none transition-all max-w-72 break-words drop-shadow-[0px_4px_2px_rgba(0,0,0,0.06)] 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", H = "rounded-[6px] border border-black/12 bg-white p-2 overflow-clip text-xs font-normal leading-4 text-black opacity-68 break-words", y = {
   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,
+}, A = {
+  top: {
+    offset: "-bottom-1.5",
+    outerSides: "border-l-[7px] border-l-transparent border-r-[7px] border-r-transparent",
+    outerColor: "border-t-[7px] border-t-black/12",
+    innerSides: "border-l-[6px] border-l-transparent border-r-[6px] border-r-transparent",
+    innerColor: "border-t-[6px] border-t-white",
+    innerPosition: "left-1/2 bottom-px -translate-x-1/2"
+  },
+  bottom: {
+    offset: "-top-1.5",
+    outerSides: "border-l-[7px] border-l-transparent border-r-[7px] border-r-transparent",
+    outerColor: "border-b-[7px] border-b-black/12",
+    innerSides: "border-l-[6px] border-l-transparent border-r-[6px] border-r-transparent",
+    innerColor: "border-b-[6px] border-b-white",
+    innerPosition: "left-1/2 top-px -translate-x-1/2"
+  },
+  left: {
+    offset: "-right-1.5",
+    outerSides: "border-t-[7px] border-t-transparent border-b-[7px] border-b-transparent",
+    outerColor: "border-l-[7px] border-l-black/12",
+    innerSides: "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent",
+    innerColor: "border-l-[6px] border-l-white",
+    innerPosition: "top-1/2 left-px -translate-y-1/2"
+  },
+  right: {
+    offset: "-left-1.5",
+    outerSides: "border-t-[7px] border-t-transparent border-b-[7px] border-b-transparent",
+    outerColor: "border-r-[7px] border-r-black/12",
+    innerSides: "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent",
+    innerColor: "border-r-[6px] border-r-white",
+    innerPosition: "top-1/2 right-px -translate-y-1/2"
+  },
+  "inline-start": {
+    offset: "-right-1.5",
+    outerSides: "border-t-[7px] border-t-transparent border-b-[7px] border-b-transparent",
+    outerColor: "border-l-[7px] border-l-black/12",
+    innerSides: "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent",
+    innerColor: "border-l-[6px] border-l-white",
+    innerPosition: "top-1/2 left-px -translate-y-1/2"
+  },
+  "inline-end": {
+    offset: "-left-1.5",
+    outerSides: "border-t-[7px] border-t-transparent border-b-[7px] border-b-transparent",
+    outerColor: "border-r-[7px] border-r-black/12",
+    innerSides: "border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent",
+    innerColor: "border-r-[6px] border-r-white",
+    innerPosition: "top-1/2 right-px -translate-y-1/2"
+  }
+};
+function W(o) {
+  return /* @__PURE__ */ N("div", { className: "relative", children: [
+    /* @__PURE__ */ p("div", { className: m("h-0 w-0", o.outerSides, o.outerColor) }),
+    /* @__PURE__ */ p("div", { className: m("absolute h-0 w-0", o.innerPosition, o.innerSides, o.innerColor) })
+  ] });
+}
+const j = O.forwardRef((o, e) => {
+  const r = L(27);
+  let d, n, t, i, a, s, l, b, x, u, h;
+  r[0] !== o ? ({
+    className: n,
+    variant: i,
+    sideOffset: a,
+    side: s,
+    align: l,
+    collisionPadding: b,
+    showArrow: x,
+    backgroundColor: u,
     textColor: h,
-    children: l,
+    children: d,
     ...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;
+  } = o, r[0] = o, r[1] = d, r[2] = n, r[3] = t, r[4] = i, r[5] = a, r[6] = s, r[7] = l, r[8] = b, r[9] = x, r[10] = u, r[11] = h) : (d = r[1], n = r[2], t = r[3], i = r[4], a = r[5], s = r[6], l = r[7], b = r[8], x = r[9], u = r[10], h = r[11]);
+  const R = i === void 0 ? "default" : i, w = a === void 0 ? 8 : a, C = s === void 0 ? "top" : s, S = l === void 0 ? "center" : l, _ = b === void 0 ? 8 : b, g = x === void 0 ? !0 : x, v = u === void 0 ? z : u, P = h === void 0 ? "text-white" : h, k = R === "light";
   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;
+  r[12] !== v || r[13] !== d || r[14] !== n || r[15] !== k || r[16] !== t || r[17] !== e || r[18] !== g || r[19] !== P ? (f = k ? /* @__PURE__ */ N(c.Popup, { ref: e, className: m($, n), ...t, children: [
+    /* @__PURE__ */ p("div", { className: H, children: d }),
+    g && /* @__PURE__ */ p(c.Arrow, { render: B })
+  ] }) : /* @__PURE__ */ N(c.Popup, { ref: e, className: m(G, v, P, n), ...t, children: [
+    d,
+    g && /* @__PURE__ */ p(c.Arrow, { className: F })
+  ] }), r[12] = v, r[13] = d, r[14] = n, r[15] = k, r[16] = t, r[17] = e, r[18] = g, r[19] = P, r[20] = f) : f = r[20];
+  let T;
+  return r[21] !== S || r[22] !== _ || r[23] !== C || r[24] !== w || r[25] !== f ? (T = /* @__PURE__ */ p(c.Portal, { children: /* @__PURE__ */ p(c.Positioner, { className: D, sideOffset: w, side: C, align: S, collisionPadding: _, children: f }) }), r[21] = S, r[22] = _, r[23] = C, r[24] = w, r[25] = f, r[26] = T) : T = r[26], T;
 });
-$.displayName = "TooltipContent";
-function z(i) {
+j.displayName = "TooltipContent";
+function B(o, e) {
+  const r = A[e.side] ?? A.bottom;
+  return /* @__PURE__ */ p("div", { ...o, className: m("absolute", r.offset, o.className), children: W(r) });
+}
+function F(o) {
   const {
     side: e
-  } = i, r = _[e] || _.top;
-  return R("absolute w-0 h-0", r);
+  } = o, r = y[e] || y.top;
+  return m("absolute w-0 h-0", r);
 }
 export {
-  V as Tooltip,
-  $ as TooltipContent,
-  S as TooltipProvider,
+  Z as Tooltip,
+  j as TooltipContent,
+  I as TooltipProvider,
   E as TooltipTrigger
 };

package/dist/src/components/ui/tooltip.d.ts

@@ -19,7 +19,9 @@ interface TooltipTriggerProps extends React.ComponentPropsWithoutRef<"button"> {
     render?: React.ReactElement;
 }
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export type TooltipVariant = "default" | "light";
 export interface TooltipContentProps extends React.ComponentPropsWithoutRef<"div"> {
+    variant?: TooltipVariant;
     showArrow?: boolean;
     backgroundColor?: string;
     textColor?: string;

package/dist/src/index.d.ts

@@ -50,6 +50,7 @@ export { Textarea as DoctTextareaField } from './components/ui/textarea';
 export { Timeline as DoctTimeline, type TimelineItem, } from './components/ui/timeline';
 export type { ToastOptions, ToastPosition, ToastVariant } from './components/ui/toast';
 export { Toaster as DoctToaster, toast as DoctToast } from './components/ui/toast';
+export type { TooltipContentProps, TooltipVariant } from './components/ui/tooltip';
 export { Tooltip as DoctTooltip, TooltipContent as DoctTooltipContent, TooltipProvider as DoctTooltipProvider, TooltipTrigger as DoctTooltipTrigger, } from './components/ui/tooltip';
 export { DoctTypography } from './components/ui/typography';
 export { useAutocompleteCheckbox } from './hooks/useAutocompleteCheckbox';