@mintlify/components 0.4.17 → 1.0.1

package/dist/components/steps/steps.d.ts

@@ -0,0 +1,27 @@
+import { default as React, ReactNode } from 'react';
+import { IconLibrary, IconType } from '../../utils/icon-utils';
+import { StepTitleSize } from './constants';
+type Numberish = number | `${number}`;
+type StepsItemProps = {
+    icon?: ReactNode | string;
+    stepNumber?: Numberish;
+    iconType?: IconType;
+    iconLibrary?: IconLibrary;
+    title: string | ReactNode;
+    children?: string | ReactNode;
+    titleSize?: StepTitleSize;
+    className?: string;
+    isLast?: boolean;
+};
+type StepsProps = {
+    children: React.ReactElement<StepsItemProps> | React.ReactElement<StepsItemProps>[];
+    titleSize?: StepTitleSize;
+    className?: string;
+};
+declare const Steps: {
+    ({ children, titleSize, className }: StepsProps): import("react/jsx-runtime").JSX.Element;
+    Item: ({ stepNumber, icon, iconType, iconLibrary, title, children, titleSize, className, isLast, }: StepsItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Steps };
+export type { StepsItemProps, StepsProps };
+//# sourceMappingURL=steps.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","sourceRoot":"","sources":["../../../src/components/steps/steps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAEnE,KAAK,SAAS,GAAG,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;AAEtC,KAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA8GF,KAAK,UAAU,GAAG;IAChB,QAAQ,EACJ,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAClC,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,KAAK;yCAAwC,UAAU;wGA1G1D,cAAc;CAkIhB,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/steps/steps.js

@@ -0,0 +1,126 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Classes as d } from "../../constants/selectors.js";
+import { cn as o } from "../../utils/cn.js";
+import { STEP_TITLE_SIZES as N } from "./constants.js";
+import { Icon as g } from "../icon/icon.js";
+const h = ({
+  stepNumber: r = 1,
+  icon: s,
+  iconType: m,
+  iconLibrary: n,
+  title: t,
+  children: a,
+  titleSize: i = "p",
+  className: b,
+  isLast: f = !1
+}) => {
+  const u = N.includes(i) ? i : "p", v = typeof s == "string" ? /* @__PURE__ */ e(
+    g,
+    {
+      className: "size-3 bg-stone-900 dark:bg-stone-50",
+      icon: s,
+      iconLibrary: n,
+      iconType: m,
+      overrideColor: !0,
+      overrideSize: !0
+    }
+  ) : s ?? Number(r);
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: TODO
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: o(
+          d.Step,
+          "group/step relative flex items-start pb-5",
+          b
+        ),
+        "data-component-part": "step-item",
+        role: "listitem",
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                "absolute top-11 h-[calc(100%-2.75rem)] w-px",
+                f ? 'bg-linear-to-b from-stone-200 via-80% via-stone-200 to-transparent group-has-[[data-component-part="step-content"]:empty]/step:hidden dark:from-white/10 dark:via-white/10' : "bg-stone-200/70 dark:bg-white/10"
+              ),
+              contentEditable: !1,
+              "data-component-part": "step-line"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "absolute ml-[-13px] py-2",
+              contentEditable: !1,
+              "data-component-part": "step-number",
+              children: /* @__PURE__ */ e("div", { className: "flex size-7 shrink-0 items-center justify-center rounded-full bg-stone-50 font-semibold text-stone-900 text-xs dark:bg-white/10 dark:text-stone-50", children: v })
+            }
+          ),
+          /* @__PURE__ */ c("div", { className: "w-full overflow-hidden pr-px pl-8", children: [
+            !!t && (() => {
+              const l = "mt-2 text-stone-900 dark:text-stone-200", p = {
+                contentEditable: !1,
+                "data-component-part": "step-title"
+              };
+              return {
+                p: /* @__PURE__ */ e(
+                  "p",
+                  {
+                    className: o(
+                      l,
+                      "prose dark:prose-invert font-semibold"
+                    ),
+                    ...p,
+                    children: t
+                  }
+                ),
+                h2: /* @__PURE__ */ e("h2", { className: l, ...p, children: t }),
+                h3: /* @__PURE__ */ e("h3", { className: l, ...p, children: t }),
+                h4: /* @__PURE__ */ e("h4", { className: l, ...p, children: t })
+              }[u];
+            })(),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: o("prose dark:prose-invert", !t && "mt-2"),
+                "data-component-part": "step-content",
+                children: a
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  );
+}, x = ({ children: r, titleSize: s, className: m }) => {
+  const n = (Array.isArray(r) ? r : [r]).filter(
+    Boolean
+  );
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: TODO
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: o(d.Steps, "mt-10 mb-6 ml-3.5", m),
+        "data-component-part": "steps",
+        role: "list",
+        children: n.map(({ props: t }, a) => /* @__PURE__ */ e(
+          h,
+          {
+            ...t,
+            isLast: a === n.length - 1,
+            stepNumber: t.stepNumber ?? a + 1,
+            titleSize: t.titleSize ?? s
+          },
+          `step-${a}`
+        ))
+      }
+    )
+  );
+};
+x.Item = h;
+export {
+  x as Steps
+};

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

@@ -0,0 +1,3 @@
+export type { TabsItemProps, TabsProps } from './tabs';
+export { Tabs } from './tabs';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/tabs/tabs.d.ts

@@ -0,0 +1,36 @@
+import { ReactElement, ReactNode, RefObject } from 'react';
+import { CHILD_HEADING_IDS_ATTRIBUTE, CHILD_TAB_IDS_ATTRIBUTE } from '../../constants';
+import { IconLibrary, IconType } from '../../utils/icon-utils';
+type TabsItemProps = {
+    id?: string;
+    title: string;
+    icon?: string;
+    iconType?: IconType;
+    iconLibrary?: IconLibrary;
+    children?: ReactNode;
+    [CHILD_TAB_IDS_ATTRIBUTE]?: string;
+    [CHILD_HEADING_IDS_ATTRIBUTE]?: string;
+};
+/**
+ * Mint app integration:
+ * - Wrap with useTabState hook for URL hash sync, tab sync across components, and localStorage persistence
+ * - useTabState provides: activeIndex, setActiveIndex (handles hash/sync/persist updates)
+ * - Connect onTabChange to setActiveIndex for full integration
+ * - Pass panelsRef and use it to implement findInPanels callback for useTabState
+ * - The component renders role="tabpanel" and aria-controls attributes that useTabState's
+ *   findAndActivateTabContainingElement() uses for DOM-based navigation
+ */
+type TabsProps = {
+    children: ReactElement<TabsItemProps> | ReactElement<TabsItemProps>[];
+    defaultTabIndex?: number;
+    onTabChange?: (tabIndex: number) => void;
+    className?: string;
+    borderBottom?: boolean;
+    ariaLabel?: string;
+    panelsRef?: RefObject<HTMLDivElement>;
+};
+export declare const Tabs: (({ children, defaultTabIndex, onTabChange, className, borderBottom, ariaLabel, panelsRef, }: TabsProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: ({ children }: TabsItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type { TabsProps, TabsItemProps };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAKhE,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,CAAC,uBAAuB,CAAC,CAAC,EAAE,MAAM,CAAC;IACnC,CAAC,2BAA2B,CAAC,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAMF;;;;;;;;GAQG;AACH,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,YAAY,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAgMF,eAAO,MAAM,IAAI,gGAtLd,SAAS;yBA/BoB,aAAa;CAuN3C,CAAC;AAEH,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/tabs/tabs.js

@@ -0,0 +1,164 @@
+import { jsxs as h, 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 x } from "react";
+import { CHILD_TAB_IDS_ATTRIBUTE as S, CHILD_HEADING_IDS_ATTRIBUTE as U } from "../../constants/index.js";
+import { Classes as y } from "../../constants/selectors.js";
+import { cn as f } from "../../utils/cn.js";
+import { slugify as F } from "../../utils/slugify.js";
+import { Icon as K } from "../icon/icon.js";
+const I = "Tab Title", M = ({ children: u }) => /* @__PURE__ */ p(N, { children: u }), q = ({
+  children: u,
+  defaultTabIndex: v = 0,
+  onTabChange: b,
+  className: k,
+  borderBottom: g,
+  ariaLabel: A,
+  panelsRef: D
+}) => {
+  const m = R([]), w = $(), o = C.toArray(u).filter(
+    (t) => B(t)
+  ), s = o.map((t, e) => {
+    if (t.props.id)
+      return t.props.id;
+    const r = t.props.title ?? I;
+    return `${w}-${F(r)}-${e}`;
+  }), E = o.length > 0 ? Math.max(0, Math.min(v, o.length - 1)) : 0, [i, T] = H(E);
+  j(() => {
+    o.length > 0 && i >= o.length && T(o.length - 1);
+  }, [o.length, i]);
+  const l = x(
+    (t) => {
+      t !== i && (T(t), b == null || b(t));
+    },
+    [i, b]
+  ), L = x(
+    (t, e) => {
+      const r = o.length;
+      if (r !== 0) {
+        if (t.key === "ArrowLeft" || t.key === "ArrowRight") {
+          t.preventDefault();
+          const a = t.key === "ArrowLeft" ? (e - 1 + r) % r : (e + 1) % r;
+          l(a), setTimeout(() => {
+            var n;
+            (n = m.current[a]) == null || n.focus();
+          }, 0);
+        } else if (t.key === "Enter" || t.key === " ")
+          t.preventDefault(), l(e);
+        else if (t.key === "Home")
+          t.preventDefault(), l(0), setTimeout(() => {
+            var a;
+            (a = m.current[0]) == null || a.focus();
+          }, 0);
+        else if (t.key === "End") {
+          t.preventDefault();
+          const a = r - 1;
+          l(a), setTimeout(() => {
+            var n;
+            (n = m.current[a]) == null || n.focus();
+          }, 0);
+        }
+      }
+    },
+    [o.length, l]
+  );
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: f(
+        y.Tabs,
+        "tabs tab-container",
+        g && "border-stone-200 border-b pb-6 dark:border-stone-700",
+        k
+      ),
+      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-stone-200 border-b pb-px dark:border-stone-700",
+            "data-component-part": "tabs-list",
+            role: "tablist",
+            children: o.map((t, e) => {
+              const r = t.props.title ?? I, a = t.props.icon, n = t.props.iconType, _ = t.props.iconLibrary, c = e === i;
+              return /* @__PURE__ */ p(
+                "li",
+                {
+                  "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[e],
+                  onClick: (d) => {
+                    d.stopPropagation(), l(e);
+                  },
+                  onKeyDown: (d) => L(d, e),
+                  ref: (d) => {
+                    m.current[e] = d;
+                  },
+                  role: "tab",
+                  tabIndex: c ? 0 : -1,
+                  children: /* @__PURE__ */ h(
+                    "div",
+                    {
+                      className: f(
+                        "-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-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-${r}`,
+                      children: [
+                        a && /* @__PURE__ */ p(
+                          K,
+                          {
+                            className: f(
+                              "size-4 shrink-0",
+                              c ? "bg-primary dark:bg-primary-light" : "bg-stone-900 dark:bg-stone-200",
+                              y.TabIcon
+                            ),
+                            icon: a,
+                            iconLibrary: _,
+                            iconType: n,
+                            overrideColor: !0
+                          }
+                        ),
+                        r
+                      ]
+                    }
+                  )
+                },
+                s[e]
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ p("div", { "data-component-part": "tabs-panels", ref: D, children: o.map((t, e) => {
+          const r = e === i;
+          return /* @__PURE__ */ p(
+            "div",
+            {
+              "aria-hidden": !r,
+              "aria-labelledby": s[e],
+              className: f(
+                "prose dark:prose-invert overflow-x-auto",
+                !r && "hidden"
+              ),
+              "data-component-part": "tab-content",
+              id: `panel-${s[e]}`,
+              role: "tabpanel",
+              tabIndex: r ? 0 : -1,
+              children: t.props.children
+            },
+            s[e]
+          );
+        }) })
+      ]
+    }
+  );
+}, W = Object.assign(q, {
+  Item: M
+});
+export {
+  W 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

@@ -0,0 +1,108 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+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="${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"/>
+        <line x1="${e - s / 2}" y1="${e}" x2="${e + s / 2}" y2="${e}" 
+              stroke="${t}" stroke-width="1" stroke-linecap="round"/>
+      </g>
+    </svg>
+  `;
+  return `data:image/svg+xml,${encodeURIComponent(i)}`;
+}, 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-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,
+      ...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",
+        f
+      ),
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            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: l(d, "block dark:hidden"),
+                  "data-component-part": "tile-background-light",
+                  style: {
+                    backgroundImage: `url("${x}")`,
+                    backgroundSize: m
+                  }
+                }
+              ),
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  "aria-hidden": "true",
+                  className: l(d, "hidden dark:block"),
+                  "data-component-part": "tile-background-dark",
+                  style: {
+                    backgroundImage: `url("${b}")`,
+                    backgroundSize: m
+                  }
+                }
+              ),
+              /* @__PURE__ */ r(
+                "div",
+                {
+                  className: "flex size-full items-center justify-center p-8 [grid-area:1/1] [&_svg]:h-auto [&_svg]:max-h-full [&_svg]:w-auto [&_svg]:max-w-full",
+                  "data-component-part": "tile-children-inner-container",
+                  children: i
+                }
+              )
+            ]
+          }
+        ),
+        (!!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: [
+              !!a && /* @__PURE__ */ r(
+                "p",
+                {
+                  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: a,
+                  children: a
+                }
+              ),
+              !!o && /* @__PURE__ */ r(
+                "p",
+                {
+                  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: o,
+                  children: o
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  $ as Tile
+};

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,13 @@
+import { ReactNode } from 'react';
+type TooltipProps = {
+    description?: string;
+    children: ReactNode;
+    title?: string;
+    cta?: string;
+    href?: string;
+    className?: string;
+};
+declare const Tooltip: ({ description, children, title, cta, href, className, }: 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":"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"}

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,110 @@
+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 { 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 = ({
+  description: e,
+  children: n,
+  title: o,
+  cta: p,
+  href: a,
+  className: c
+}) => {
+  const [x, i] = h(!1), m = T(), r = E(n), g = m ? void 0 : () => {
+    i((s) => !s);
+  }, b = (s, y) => {
+    const { reason: f } = y;
+    if (m) {
+      i(s);
+      return;
+    }
+    s ? i(!0) : (f === "escape-key" || f === "outside-press") && i(!1);
+  }, v = _(() => {
+    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: [
+    /* @__PURE__ */ t(
+      j,
+      {
+        "aria-label": v,
+        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)
+      }
+    ),
+    /* @__PURE__ */ t(H, { children: /* @__PURE__ */ t(R, { collisionPadding: 8, sideOffset: 4, children: /* @__PURE__ */ l(
+      z,
+      {
+        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
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ) }) })
+  ] }) });
+}, E = (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(
+  "span",
+  {
+    className: u(
+      k.Tooltip,
+      "underline decoration-2 decoration-stone-400 decoration-dotted underline-offset-4 dark:decoration-stone-500"
+    ),
+    children: e
+  }
+);
+export {
+  K as Tooltip
+};

package/dist/components/tree/context.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type TreeLevelProviderProps = {
+    children: ReactNode;
+    level: number;
+    parentId: string | null;
+};
+declare const TreeLevelProvider: ({ children, level, parentId, }: TreeLevelProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { TreeLevelProvider };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/tree/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/tree/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAIhD,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,gCAIxB,sBAAsB,4CAQxB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}