@mintlify/components 1.0.0 → 1.0.2

package/dist/components/tabs/tabs.js

@@ -1,164 +1,170 @@
-import { jsxs as g, jsx as p, Fragment as N } from "react/jsx-runtime";
-import { useRef as R, useId as $, Children as C, isValidElement as B, useState as H, useEffect as j, useCallback as T } from "react";
+import { jsxs as y, jsx as p, Fragment as R } from "react/jsx-runtime";
+import { useRef as $, useId as C, useMemo as I, Children as B, isValidElement as H, useState as j, useEffect as M, useCallback as h } from "react";
 import { CHILD_TAB_IDS_ATTRIBUTE as S, CHILD_HEADING_IDS_ATTRIBUTE as U } from "../../constants/index.js";
-import { Classes as h } from "../../constants/selectors.js";
-import { cn as f } from "../../utils/cn.js";
+import { Classes as v } from "../../constants/selectors.js";
+import { cn as u } from "../../utils/cn.js";
 import { slugify as F } from "../../utils/slugify.js";
 import { Icon as K } from "../icon/icon.js";
-const x = "Tab Title", M = ({ children: u }) => /* @__PURE__ */ p(N, { children: u }), q = ({
-  children: u,
-  defaultTabIndex: I = 0,
-  onTabChange: b,
-  className: v,
-  borderBottom: k,
-  ariaLabel: A,
-  panelsRef: D
+const k = "Tab Title", q = ({ children: b }) => /* @__PURE__ */ p(R, { children: b }), z = ({
+  children: b,
+  defaultTabIndex: g = 0,
+  onTabChange: m,
+  className: A,
+  borderBottom: D,
+  ariaLabel: w,
+  panelsRef: E
 }) => {
-  const m = R([]), w = $(), a = C.toArray(u).filter(
-    (t) => B(t)
-  ), s = a.map((t, r) => {
-    if (t.props.id)
-      return t.props.id;
-    const e = t.props.title ?? x;
-    return `${w}-${F(e)}-${r}`;
-  }), E = a.length > 0 ? Math.max(0, Math.min(I, a.length - 1)) : 0, [i, y] = H(E);
-  j(() => {
-    a.length > 0 && i >= a.length && y(a.length - 1);
-  }, [a.length, i]);
-  const l = T(
+  const f = $([]), T = C(), o = I(
+    () => B.toArray(b).filter(
+      (t) => H(t)
+    ),
+    [b]
+  ), s = I(
+    () => o.map((t, e) => {
+      if (t.props.id)
+        return t.props.id;
+      const r = t.props.title ?? k;
+      return `${T}-${F(r)}-${e}`;
+    }),
+    [o, T]
+  ), L = o.length > 0 ? Math.max(0, Math.min(g, o.length - 1)) : 0, [i, x] = j(L);
+  M(() => {
+    o.length > 0 && i >= o.length && x(o.length - 1);
+  }, [o.length, i]);
+  const l = h(
     (t) => {
-      t !== i && (y(t), b == null || b(t));
+      t !== i && (x(t), m == null || m(t));
     },
-    [i, b]
-  ), L = T(
-    (t, r) => {
-      const e = a.length;
-      if (e !== 0) {
+    [i, m]
+  ), _ = h(
+    (t, e) => {
+      const r = o.length;
+      if (r !== 0) {
         if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
           t.preventDefault();
-          const o = t.key === "ArrowLeft" ? (r - 1 + e) % e : (r + 1) % e;
-          l(o), setTimeout(() => {
+          const a = t.key === "ArrowLeft" ? (e - 1 + r) % r : (e + 1) % r;
+          l(a), setTimeout(() => {
             var n;
-            (n = m.current[o]) == null || n.focus();
+            (n = f.current[a]) == null || n.focus();
           }, 0);
         } else if (t.key === "Enter" || t.key === " ")
-          t.preventDefault(), l(r);
+          t.preventDefault(), l(e);
         else if (t.key === "Home")
           t.preventDefault(), l(0), setTimeout(() => {
-            var o;
-            (o = m.current[0]) == null || o.focus();
+            var a;
+            (a = f.current[0]) == null || a.focus();
           }, 0);
         else if (t.key === "End") {
           t.preventDefault();
-          const o = e - 1;
-          l(o), setTimeout(() => {
+          const a = r - 1;
+          l(a), setTimeout(() => {
             var n;
-            (n = m.current[o]) == null || n.focus();
+            (n = f.current[a]) == null || n.focus();
           }, 0);
         }
       }
     },
-    [a.length, l]
+    [o.length, l]
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ y(
     "div",
     {
-      className: f(
-        h.Tabs,
+      className: u(
+        v.Tabs,
         "tabs tab-container",
-        k && "border-gray-200 border-b pb-6 dark:border-gray-700",
-        v
+        D && "border-stone-200 border-b pb-6 dark:border-stone-700",
+        A
       ),
       children: [
         /* @__PURE__ */ p(
           "ul",
           {
-            "aria-label": A ?? "Tabs",
-            className: "not-prose mb-6 flex min-w-full flex-none gap-x-6 overflow-auto border-gray-200 border-b pb-px dark:border-gray-700",
+            "aria-label": w ?? "Tabs",
+            className: "not-prose mb-6 flex min-w-full flex-none gap-x-6 overflow-auto border-stone-200 border-b pb-px dark:border-stone-700",
             "data-component-part": "tabs-list",
             role: "tablist",
-            children: a.map((t, r) => {
-              const e = t.props.title ?? x, o = t.props.icon, n = t.props.iconType, _ = t.props.iconLibrary, c = r === i;
+            children: o.map((t, e) => {
+              const r = t.props.title ?? k, a = t.props.icon, n = t.props.iconType, N = t.props.iconLibrary, c = e === i;
               return /* @__PURE__ */ p(
                 "li",
                 {
-                  "aria-controls": `panel-${s[r]}`,
+                  "aria-controls": `panel-${s[e]}`,
                   "aria-selected": c,
                   className: "cursor-pointer",
                   "data-child-heading-ids": t.props[U],
                   "data-child-tab-ids": t.props[S],
                   "data-component-part": "tab",
-                  id: s[r],
+                  id: s[e],
                   onClick: (d) => {
-                    d.stopPropagation(), l(r);
+                    d.stopPropagation(), l(e);
                   },
-                  onKeyDown: (d) => L(d, r),
+                  onKeyDown: (d) => _(d, e),
                   ref: (d) => {
-                    m.current[r] = d;
+                    f.current[e] = d;
                   },
                   role: "tab",
                   tabIndex: c ? 0 : -1,
-                  children: /* @__PURE__ */ g(
+                  children: /* @__PURE__ */ y(
                     "div",
                     {
-                      className: f(
+                      className: u(
                         "-mb-px flex max-w-max items-center gap-1.5 whitespace-nowrap border-b pt-3 pb-2.5 font-semibold text-sm leading-6",
-                        c ? "border-current text-primary dark:text-primary-light" : "border-transparent text-gray-900 hover:border-gray-300 dark:text-gray-200 dark:hover:border-gray-700"
+                        c ? "border-current text-primary dark:text-primary-light" : "border-transparent text-stone-900 hover:border-stone-300 dark:text-stone-200 dark:hover:border-stone-700"
                       ),
                       "data-active": c,
                       "data-component-part": "tab-button",
-                      "data-testid": `tab-${e}`,
+                      "data-testid": `tab-${r}`,
                       children: [
-                        o && /* @__PURE__ */ p(
+                        a && /* @__PURE__ */ p(
                           K,
                           {
-                            className: f(
+                            className: u(
                               "size-4 shrink-0",
-                              c ? "bg-primary dark:bg-primary-light" : "bg-gray-900 dark:bg-gray-200",
-                              h.TabIcon
+                              c ? "bg-primary dark:bg-primary-light" : "bg-stone-900 dark:bg-stone-200",
+                              v.TabIcon
                             ),
-                            icon: o,
-                            iconLibrary: _,
+                            icon: a,
+                            iconLibrary: N,
                             iconType: n,
                             overrideColor: !0
                           }
                         ),
-                        e
+                        r
                       ]
                     }
                   )
                 },
-                s[r]
+                s[e]
               );
             })
           }
         ),
-        /* @__PURE__ */ p("div", { "data-component-part": "tabs-panels", ref: D, children: a.map((t, r) => {
-          const e = r === i;
+        /* @__PURE__ */ p("div", { "data-component-part": "tabs-panels", ref: E, children: o.map((t, e) => {
+          const r = e === i;
           return /* @__PURE__ */ p(
             "div",
             {
-              "aria-hidden": !e,
-              "aria-labelledby": s[r],
-              className: f(
+              "aria-hidden": !r,
+              "aria-labelledby": s[e],
+              className: u(
                 "prose dark:prose-invert overflow-x-auto",
-                !e && "hidden"
+                !r && "hidden"
               ),
               "data-component-part": "tab-content",
-              id: `panel-${s[r]}`,
+              id: `panel-${s[e]}`,
               role: "tabpanel",
-              tabIndex: e ? 0 : -1,
+              tabIndex: r ? 0 : -1,
               children: t.props.children
             },
-            s[r]
+            s[e]
           );
         }) })
       ]
     }
   );
-}, W = Object.assign(q, {
-  Item: M
+}, X = Object.assign(z, {
+  Item: q
 });
 export {
-  W as Tabs
+  X as Tabs
 };

package/dist/components/tile/index.d.ts

@@ -0,0 +1,3 @@
+export type { TileProps } from './tile';
+export { Tile } from './tile';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tile/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tile/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/tile/tile.d.ts

@@ -0,0 +1,11 @@
+type TileProps = {
+    href: string;
+    children: React.ReactNode;
+    title?: string;
+    description?: string;
+    className?: string;
+};
+declare const Tile: ({ href, children, title, description, className }: TileProps) => import("react/jsx-runtime").JSX.Element;
+export { Tile };
+export type { TileProps };
+//# sourceMappingURL=tile.d.ts.map

package/dist/components/tile/tile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/tile.tsx"],"names":[],"mappings":"AAgCA,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,mDAAmD,SAAS,4CAyEzE,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/tile/tile.js

@@ -1,10 +1,10 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { Classes as f } from "../../constants/selectors.js";
-import { cn as o } from "../../utils/cn.js";
-import { isRemoteUrl as g } from "../../utils/is-remote-url.js";
-const a = 24, s = 10, e = a / 2, m = (t) => {
+import { Classes as g } from "../../constants/selectors.js";
+import { cn as l } from "../../utils/cn.js";
+import { isRemoteUrl as u } from "../../utils/is-remote-url.js";
+const n = 24, s = 10, e = n / 2, p = (t) => {
   const i = `
-    <svg width="${a}" height="${a}" xmlns="http://www.w3.org/2000/svg">
+    <svg width="${n}" height="${n}" xmlns="http://www.w3.org/2000/svg">
       <g opacity="0.5">
         <line x1="${e}" y1="${e - s / 2}" x2="${e}" y2="${e + s / 2}" 
               stroke="${t}" stroke-width="1" stroke-linecap="round"/>
@@ -14,38 +14,38 @@ const a = 24, s = 10, e = a / 2, m = (t) => {
     </svg>
   `;
   return `data:image/svg+xml,${encodeURIComponent(i)}`;
-}, x = m("#F0F0F0"), b = m("#232323"), u = `${a}px ${a}px`, $ = ({ href: t, children: i, title: n, description: l, className: p }) => {
-  const d = o(
+}, x = p("#F0F0F0"), b = p("#232323"), m = `${n}px ${n}px`, $ = ({ href: t, children: i, title: a, description: o, className: f }) => {
+  const d = l(
     "pointer-events-none size-full select-none bg-center bg-repeat-round [grid-area:1/1]",
-    "after:absolute after:left-0 after:h-full after:w-[7px] after:bg-neutral-50 after:content-[''] dark:after:bg-neutral-900",
-    "before:absolute before:right-0 before:h-full before:w-[7px] before:bg-neutral-50 before:content-[''] dark:before:bg-neutral-900"
+    "after:absolute after:left-0 after:h-full after:w-[7px] after:bg-stone-50 after:content-[''] dark:after:bg-stone-900",
+    "before:absolute before:right-0 before:h-full before:w-[7px] before:bg-stone-50 before:content-[''] dark:before:bg-stone-900"
   );
   return /* @__PURE__ */ c(
     "a",
     {
       href: t,
-      ...g(t) ? { target: "_blank", rel: "noreferrer" } : {},
-      className: o(
-        f.Tile,
+      ...u(t) ? { target: "_blank", rel: "noreferrer" } : {},
+      className: l(
+        g.Tile,
         "group not-prose flex w-full min-w-0 cursor-pointer flex-col items-center justify-center gap-1",
-        p
+        f
       ),
       children: [
         /* @__PURE__ */ c(
           "div",
           {
-            className: "relative grid h-[170px] w-full place-items-center overflow-hidden rounded-2xl bg-neutral-50 py-1 dark:bg-neutral-900",
+            className: "relative grid h-[170px] w-full place-items-center overflow-hidden rounded-2xl bg-stone-50 py-1 dark:bg-stone-900",
             "data-component-part": "tile-children-container",
             children: [
               /* @__PURE__ */ r(
                 "div",
                 {
                   "aria-hidden": "true",
-                  className: o(d, "block dark:hidden"),
+                  className: l(d, "block dark:hidden"),
                   "data-component-part": "tile-background-light",
                   style: {
                     backgroundImage: `url("${x}")`,
-                    backgroundSize: u
+                    backgroundSize: m
                   }
                 }
               ),
@@ -53,11 +53,11 @@ const a = 24, s = 10, e = a / 2, m = (t) => {
                 "div",
                 {
                   "aria-hidden": "true",
-                  className: o(d, "hidden dark:block"),
+                  className: l(d, "hidden dark:block"),
                   "data-component-part": "tile-background-dark",
                   style: {
                     backgroundImage: `url("${b}")`,
-                    backgroundSize: u
+                    backgroundSize: m
                   }
                 }
               ),
@@ -72,28 +72,28 @@ const a = 24, s = 10, e = a / 2, m = (t) => {
             ]
           }
         ),
-        (!!n || !!l) && /* @__PURE__ */ c(
+        (!!a || !!o) && /* @__PURE__ */ c(
           "div",
           {
             className: "flex w-full min-w-0 flex-col items-center justify-center gap-1 p-2",
             "data-component-part": "tile-text-container",
             children: [
-              !!n && /* @__PURE__ */ r(
+              !!a && /* @__PURE__ */ r(
                 "p",
                 {
-                  className: "m-0 max-w-full truncate font-medium text-base text-neutral-900 tracking-[-0.2px] dark:text-neutral-200",
+                  className: "m-0 max-w-full truncate font-medium text-base text-stone-900 tracking-[-0.2px] dark:text-stone-200",
                   "data-component-part": "tile-title",
-                  title: n,
-                  children: n
+                  title: a,
+                  children: a
                 }
               ),
-              !!l && /* @__PURE__ */ r(
+              !!o && /* @__PURE__ */ r(
                 "p",
                 {
-                  className: "m-0 max-w-full truncate font-normal text-neutral-600 text-sm tracking-[-0.1px] dark:text-neutral-400",
+                  className: "m-0 max-w-full truncate font-normal text-sm text-stone-600 tracking-[-0.1px] dark:text-stone-400",
                   "data-component-part": "tile-description",
-                  title: l,
-                  children: l
+                  title: o,
+                  children: o
                 }
               )
             ]

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export type { TooltipProps } from './tooltip';
+export { Tooltip } from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,14 @@
+import { TooltipPositionerProps } from '@base-ui/react/tooltip';
+import { ReactNode } from 'react';
+type TooltipProps = {
+    description?: string;
+    children: ReactNode;
+    title?: string;
+    cta?: string;
+    href?: string;
+    className?: string;
+} & Pick<TooltipPositionerProps, "side" | "align">;
+declare const Tooltip: ({ description, children, title, cta, href, className, side, align, }: TooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Tooltip };
+export type { TooltipProps };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAkB,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAC;AAO1E,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;AAEnD,QAAA,MAAM,OAAO,GAAI,sEASd,YAAY,mDA+Gd,CAAC;AAyCF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/tooltip/tooltip.js

@@ -1,110 +1,121 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useState as h, useMemo as _, isValidElement as d } from "react";
-import { Classes as k } from "../../constants/selectors.js";
-import { useHasHover as T } from "../../hooks/use-has-hover.js";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { useState as k, useMemo as T, isValidElement as d } from "react";
+import { Classes as C } from "../../constants/selectors.js";
+import { useHasHover as N } from "../../hooks/use-has-hover.js";
 import { cn as u } from "../../utils/cn.js";
-import { isRemoteUrl as C } from "../../utils/is-remote-url.js";
-import { renderAsChild as N } from "../../utils/render-as-child.js";
-import P from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import { TooltipProvider as w } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/provider/TooltipProvider.js";
-import { TooltipRoot as O } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/root/TooltipRoot.js";
-import { TooltipTrigger as j } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/trigger/TooltipTrigger.js";
-import { TooltipPortal as H } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/portal/TooltipPortal.js";
-import { TooltipPositioner as R } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/positioner/TooltipPositioner.js";
-import { TooltipPopup as z } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/popup/TooltipPopup.js";
-const K = ({
+import { isRemoteUrl as P } from "../../utils/is-remote-url.js";
+import { renderAsChild as w } from "../../utils/render-as-child.js";
+import O from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { TooltipProvider as j } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/provider/TooltipProvider.js";
+import { TooltipRoot as H } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/root/TooltipRoot.js";
+import { TooltipTrigger as R } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/trigger/TooltipTrigger.js";
+import { TooltipPortal as z } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/portal/TooltipPortal.js";
+import { TooltipPositioner as E } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/positioner/TooltipPositioner.js";
+import { TooltipPopup as I } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/tooltip/popup/TooltipPopup.js";
+const X = ({
   description: e,
-  children: i,
-  title: t,
+  children: n,
+  title: o,
   cta: p,
-  href: s,
-  className: c
+  href: a,
+  className: c,
+  side: x = "top",
+  align: g = "center"
 }) => {
-  const [g, a] = h(!1), m = T(), o = E(i), x = m ? void 0 : () => {
-    a((n) => !n);
-  }, y = (n, v) => {
-    const { reason: f } = v;
+  const [b, i] = k(!1), m = N(), r = L(n), v = m ? void 0 : () => {
+    i((s) => !s);
+  }, y = (s, _) => {
+    const { reason: f } = _;
     if (m) {
-      a(n);
+      i(s);
       return;
     }
-    n ? a(!0) : (f === "escape-key" || f === "outside-press") && a(!1);
-  }, b = _(() => {
-    if (!o)
-      return t && e ? `${t}: ${e}` : t || e;
-  }, [t, e, o]);
-  return i == null ? null : /* @__PURE__ */ r(w, { delay: 0, children: /* @__PURE__ */ l(O, { onOpenChange: y, open: g, children: [
-    /* @__PURE__ */ r(
-      j,
+    s ? i(!0) : (f === "escape-key" || f === "outside-press") && i(!1);
+  }, h = T(() => {
+    if (!r)
+      return o && e ? `${o}: ${e}` : o || e;
+  }, [o, e, r]);
+  return n == null ? null : /* @__PURE__ */ t(j, { delay: 0, children: /* @__PURE__ */ l(H, { onOpenChange: y, open: b, children: [
+    /* @__PURE__ */ t(
+      R,
       {
-        "aria-label": b,
+        "aria-label": h,
         className: u(
           c,
-          !o && "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
+          !r && "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
         ),
-        onClick: x,
-        render: o ? N(i) : void 0,
-        children: o ? null : I(i)
+        onClick: v,
+        render: r ? w(n) : void 0,
+        children: r ? null : W(n)
       }
     ),
-    /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(R, { collisionPadding: 8, sideOffset: 4, children: /* @__PURE__ */ l(
-      z,
+    /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
+      E,
       {
-        className: "z-50 flex max-w-[16rem] flex-col gap-1 rounded-xl border border-gray-200 bg-white px-4 py-3 shadow-[0_10px_16px_-3px_rgb(10_10_10/0.05),0_3px_10px_-2px_rgb(10_10_10/0.02)] dark:border-gray-900 dark:bg-gray-950",
-        "data-component-part": "tooltip-content",
-        children: [
-          !!t && /* @__PURE__ */ r(
-            "p",
-            {
-              className: "font-medium text-gray-900 text-xs leading-4 dark:text-gray-200",
-              "data-component-part": "tooltip-title",
-              children: t
-            }
-          ),
-          !!e && /* @__PURE__ */ r(
-            "p",
-            {
-              className: "text-gray-600 text-xs leading-4 dark:text-gray-400",
-              "data-component-part": "tooltip-description",
-              children: e
-            }
-          ),
-          p && s && /* @__PURE__ */ l(
-            "a",
-            {
-              href: s,
-              ...C(s) ? { target: "_blank", rel: "noreferrer" } : {},
-              className: "mt-2! flex items-center gap-0.5 rounded-sm font-medium text-gray-600 text-xs leading-4 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 dark:text-gray-400 dark:hover:text-primary-light",
-              "data-component-part": "tooltip-cta",
-              children: [
-                p,
-                /* @__PURE__ */ r(
-                  P,
-                  {
-                    "aria-hidden": "true",
-                    className: "size-3",
-                    strokeWidth: 2.5
-                  }
-                )
-              ]
-            }
-          )
-        ]
+        align: g,
+        collisionPadding: 8,
+        side: x,
+        sideOffset: 4,
+        children: /* @__PURE__ */ l(
+          I,
+          {
+            className: "z-50 flex max-w-[16rem] flex-col gap-1 rounded-xl border border-stone-200 bg-white px-4 py-3 shadow-[0_10px_16px_-3px_rgb(10_10_10/0.05),0_3px_10px_-2px_rgb(10_10_10/0.02)] dark:border-stone-900 dark:bg-stone-950",
+            "data-component-part": "tooltip-content",
+            children: [
+              !!o && /* @__PURE__ */ t(
+                "p",
+                {
+                  className: "font-medium text-stone-900 text-xs leading-4 dark:text-stone-200",
+                  "data-component-part": "tooltip-title",
+                  children: o
+                }
+              ),
+              !!e && /* @__PURE__ */ t(
+                "p",
+                {
+                  className: "text-stone-600 text-xs leading-4 dark:text-stone-400",
+                  "data-component-part": "tooltip-description",
+                  children: e
+                }
+              ),
+              p && a && /* @__PURE__ */ l(
+                "a",
+                {
+                  href: a,
+                  ...P(a) ? { target: "_blank", rel: "noreferrer" } : {},
+                  className: "mt-2! flex items-center gap-0.5 rounded-sm font-medium text-stone-600 text-xs leading-4 hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 dark:text-stone-400 dark:hover:text-primary-light",
+                  "data-component-part": "tooltip-cta",
+                  children: [
+                    p,
+                    /* @__PURE__ */ t(
+                      O,
+                      {
+                        "aria-hidden": "true",
+                        className: "size-3",
+                        strokeWidth: 2.5
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
       }
-    ) }) })
+    ) })
   ] }) });
-}, E = (e) => d(e) ? typeof e.type == "function" || typeof e.type == "object" ? !0 : typeof e.type == "string" ? ["button", "a", "input", "select", "textarea"].includes(
+}, L = (e) => d(e) ? typeof e.type == "function" || typeof e.type == "object" ? !0 : typeof e.type == "string" ? ["button", "a", "input", "select", "textarea"].includes(
   e.type.toLowerCase()
-) : !1 : !1, I = (e) => d(e) ? e : /* @__PURE__ */ r(
+) : !1 : !1, W = (e) => d(e) ? e : /* @__PURE__ */ t(
   "span",
   {
     className: u(
-      k.Tooltip,
-      "underline decoration-2 decoration-gray-400 decoration-dotted underline-offset-4 dark:decoration-gray-500"
+      C.Tooltip,
+      "underline decoration-2 decoration-stone-400 decoration-dotted underline-offset-4 dark:decoration-stone-500"
     ),
     children: e
   }
 );
 export {
-  K as Tooltip
+  X as Tooltip
 };