@mintlify/components 1.0.1 → 1.0.2

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

@@ -1,3 +1,4 @@
+import { TooltipPositionerProps } from '@base-ui/react/tooltip';
 import { ReactNode } from 'react';
 type TooltipProps = {
     description?: string;
@@ -6,8 +7,8 @@ type TooltipProps = {
     cta?: string;
     href?: string;
     className?: string;
-};
-declare const Tooltip: ({ description, children, title, cta, href, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element | null;
+} & 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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,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,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,yDAOd,YAAY,mDA0Gd,CAAC;AAyCF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"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 t, 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 { 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: n,
   title: o,
   cta: p,
   href: a,
-  className: c
+  className: c,
+  side: x = "top",
+  align: g = "center"
 }) => {
-  const [x, i] = h(!1), m = T(), r = E(n), g = m ? void 0 : () => {
+  const [b, i] = k(!1), m = N(), r = L(n), v = m ? void 0 : () => {
     i((s) => !s);
-  }, b = (s, y) => {
-    const { reason: f } = y;
+  }, y = (s, _) => {
+    const { reason: f } = _;
     if (m) {
       i(s);
       return;
     }
     s ? i(!0) : (f === "escape-key" || f === "outside-press") && i(!1);
-  }, v = _(() => {
+  }, h = T(() => {
     if (!r)
       return o && e ? `${o}: ${e}` : o || e;
   }, [o, e, r]);
-  return n == null ? null : /* @__PURE__ */ t(w, { delay: 0, children: /* @__PURE__ */ l(O, { onOpenChange: b, open: x, children: [
+  return n == null ? null : /* @__PURE__ */ t(j, { delay: 0, children: /* @__PURE__ */ l(H, { onOpenChange: y, open: b, children: [
     /* @__PURE__ */ t(
-      j,
+      R,
       {
-        "aria-label": v,
+        "aria-label": h,
         className: u(
           c,
           !r && "rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
         ),
-        onClick: g,
-        render: r ? N(n) : void 0,
-        children: r ? null : I(n)
+        onClick: v,
+        render: r ? w(n) : void 0,
+        children: r ? null : W(n)
       }
     ),
-    /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(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-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,
-              ...C(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(
-                  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__ */ t(
+) : !1 : !1, W = (e) => d(e) ? e : /* @__PURE__ */ t(
   "span",
   {
     className: u(
-      k.Tooltip,
+      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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/components/view/view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAuB,MAAM,OAAO,CAAC;AAI3E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,SAAS,GAAG,aAAa,GAC5B,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC;AAE7D,QAAA,MAAM,IAAI,sPAwBT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../src/components/view/view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAwB,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,KAAK,EAAE,iBAAiB,EAAE,CAAC;CAC5B,CAAC;AAEF,KAAK,SAAS,GAAG,aAAa,GAC5B,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC,CAAC;AAE7D,QAAA,MAAM,IAAI,sPA4BT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/view/view.js

@@ -1,26 +1,32 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as f, useMemo as l } from "react";
-import { Classes as p } from "../../constants/selectors.js";
-import { cn as u } from "../../utils/cn.js";
-const c = f(
-  ({ children: o, title: r, items: e, className: s, ...t }, m) => l(() => {
-    var i;
-    return (i = e.find((n) => n.title === r)) == null ? void 0 : i.active;
-  }, [e, r]) ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: u(
-        p.MultiViewItem,
-        "prose dark:prose-invert",
-        s
-      ),
-      ref: m,
-      ...t,
-      children: o
-    }
-  ) : null
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as l, useState as c } from "react";
+import { Classes as d } from "../../constants/selectors.js";
+import { useIsomorphicLayoutEffect as w } from "../../hooks/use-isomorphic-layout-effect.js";
+import { cn as V } from "../../utils/cn.js";
+const v = l(
+  ({ children: t, title: r, items: o, className: i, ...s }, m) => {
+    var e;
+    const [f, a] = c(!1);
+    w(() => {
+      a(!0);
+    }, []);
+    const n = (e = o.find((p) => p.title === r)) == null ? void 0 : e.active;
+    return f && n ? /* @__PURE__ */ u(
+      "div",
+      {
+        className: V(
+          d.MultiViewItem,
+          "prose dark:prose-invert",
+          i
+        ),
+        ref: m,
+        ...s,
+        children: t
+      }
+    ) : null;
+  }
 );
-c.displayName = "View";
+v.displayName = "View";
 export {
-  c as View
+  v as View
 };