@mintlify/components 1.0.0 → 1.0.1

package/dist/components/tabs/tabs.js

@@ -1,156 +1,156 @@
-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 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 h } from "../../constants/selectors.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 x = "Tab Title", M = ({ children: u }) => /* @__PURE__ */ p(N, { children: u }), q = ({
+const I = "Tab Title", M = ({ children: u }) => /* @__PURE__ */ p(N, { children: u }), q = ({
   children: u,
-  defaultTabIndex: I = 0,
+  defaultTabIndex: v = 0,
   onTabChange: b,
-  className: v,
-  borderBottom: k,
+  className: k,
+  borderBottom: g,
   ariaLabel: A,
   panelsRef: D
 }) => {
-  const m = R([]), w = $(), a = C.toArray(u).filter(
+  const m = R([]), w = $(), o = C.toArray(u).filter(
     (t) => B(t)
-  ), s = a.map((t, r) => {
+  ), s = o.map((t, e) => {
     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);
+    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(() => {
-    a.length > 0 && i >= a.length && y(a.length - 1);
-  }, [a.length, i]);
-  const l = T(
+    o.length > 0 && i >= o.length && T(o.length - 1);
+  }, [o.length, i]);
+  const l = x(
     (t) => {
-      t !== i && (y(t), b == null || b(t));
+      t !== i && (T(t), b == null || b(t));
     },
     [i, b]
-  ), L = T(
-    (t, r) => {
-      const e = a.length;
-      if (e !== 0) {
+  ), L = x(
+    (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 = m.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 = m.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 = m.current[a]) == null || n.focus();
           }, 0);
         }
       }
     },
-    [a.length, l]
+    [o.length, l]
   );
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ h(
     "div",
     {
       className: f(
-        h.Tabs,
+        y.Tabs,
         "tabs tab-container",
-        k && "border-gray-200 border-b pb-6 dark:border-gray-700",
-        v
+        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-gray-200 border-b pb-px dark:border-gray-700",
+            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 ?? I, a = t.props.icon, n = t.props.iconType, _ = 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) => L(d, e),
                   ref: (d) => {
-                    m.current[r] = d;
+                    m.current[e] = d;
                   },
                   role: "tab",
                   tabIndex: c ? 0 : -1,
-                  children: /* @__PURE__ */ g(
+                  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-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(
                               "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",
+                              y.TabIcon
                             ),
-                            icon: o,
+                            icon: a,
                             iconLibrary: _,
                             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: D, children: o.map((t, e) => {
+          const r = e === i;
           return /* @__PURE__ */ p(
             "div",
             {
-              "aria-hidden": !e,
-              "aria-labelledby": s[r],
+              "aria-hidden": !r,
+              "aria-labelledby": s[e],
               className: f(
                 "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]
           );
         }) })
       ]

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,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

@@ -1,4 +1,4 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
+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";
@@ -14,71 +14,71 @@ import { TooltipPositioner as R } from "../../node_modules/.pnpm/@base-ui_react@
 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: i,
-  title: t,
+  children: n,
+  title: o,
   cta: p,
-  href: s,
+  href: a,
   className: c
 }) => {
-  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 [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) {
-      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(
+    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": b,
+        "aria-label": v,
         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: g,
+        render: r ? N(n) : void 0,
+        children: r ? null : I(n)
       }
     ),
-    /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(R, { collisionPadding: 8, sideOffset: 4, children: /* @__PURE__ */ l(
+    /* @__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-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",
+        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: [
-          !!t && /* @__PURE__ */ r(
+          !!o && /* @__PURE__ */ t(
             "p",
             {
-              className: "font-medium text-gray-900 text-xs leading-4 dark:text-gray-200",
+              className: "font-medium text-stone-900 text-xs leading-4 dark:text-stone-200",
               "data-component-part": "tooltip-title",
-              children: t
+              children: o
             }
           ),
-          !!e && /* @__PURE__ */ r(
+          !!e && /* @__PURE__ */ t(
             "p",
             {
-              className: "text-gray-600 text-xs leading-4 dark:text-gray-400",
+              className: "text-stone-600 text-xs leading-4 dark:text-stone-400",
               "data-component-part": "tooltip-description",
               children: e
             }
           ),
-          p && s && /* @__PURE__ */ l(
+          p && a && /* @__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",
+              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__ */ r(
+                /* @__PURE__ */ t(
                   P,
                   {
                     "aria-hidden": "true",
@@ -95,12 +95,12 @@ const K = ({
   ] }) });
 }, 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__ */ r(
+) : !1 : !1, I = (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"
+      "underline decoration-2 decoration-stone-400 decoration-dotted underline-offset-4 dark:decoration-stone-500"
     ),
     children: e
   }

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"}

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

@@ -0,0 +1,7 @@
+type TreeFileProps = {
+    name: string;
+};
+declare const TreeFile: ({ name }: TreeFileProps) => import("react/jsx-runtime").JSX.Element;
+export { TreeFile };
+export type { TreeFileProps };
+//# sourceMappingURL=file.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../src/components/tree/file.tsx"],"names":[],"mappings":"AAQA,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,QAAQ,GAAI,UAAU,aAAa,4CA8BxC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/tree/file.js

@@ -1,19 +1,19 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { Classes as l } from "../../constants/selectors.js";
-import { FileIcon as i } from "../../icons/index.js";
-import { cn as o } from "../../utils/cn.js";
+import { Classes as o } from "../../constants/selectors.js";
+import { FileIcon as l } from "../../icons/index.js";
+import { cn as i } from "../../utils/cn.js";
 import { useTreeLevel as n } from "./use-tree-level.js";
 import { calculatePaddingLeft as s } from "./utils.js";
-const g = ({ name: e }) => {
+const x = ({ name: e }) => {
   const { level: t } = n();
   return /* @__PURE__ */ a(
     "div",
     {
       "aria-level": t,
       "aria-selected": !1,
-      className: o(
-        "flex cursor-default items-center gap-1.5 rounded-lg py-1 pr-1.5 pl-[calc(var(--padding-left)*1px)] text-gray-700 -outline-offset-1 hover:bg-neutral-100 dark:text-gray-400 dark:hover:bg-neutral-900",
-        l.TreeFile
+      className: i(
+        "flex cursor-default items-center gap-1.5 rounded-lg py-1 pr-1.5 pl-[calc(var(--padding-left)*1px)] text-stone-700 -outline-offset-1 hover:bg-stone-100 dark:text-stone-400 dark:hover:bg-stone-900",
+        o.TreeFile
       ),
       "data-component-part": "tree-file",
       role: "treeitem",
@@ -21,7 +21,7 @@ const g = ({ name: e }) => {
       tabIndex: -1,
       children: [
         /* @__PURE__ */ r(
-          i,
+          l,
           {
             "aria-hidden": "true",
             className: "size-4 shrink-0 select-none",
@@ -42,5 +42,5 @@ const g = ({ name: e }) => {
   );
 };
 export {
-  g as TreeFile
+  x as TreeFile
 };

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

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+type TreeFolderProps = {
+    name: string;
+    defaultOpen?: boolean;
+    children?: ReactNode;
+    openable?: boolean;
+};
+declare const TreeFolder: ({ name, defaultOpen, children, openable: _openable, }: TreeFolderProps) => import("react/jsx-runtime").JSX.Element;
+export { TreeFolder };
+export type { TreeFolderProps };
+//# sourceMappingURL=folder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"folder.d.ts","sourceRoot":"","sources":["../../../src/components/tree/folder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAS5E,KAAK,eAAe,GAAG;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,uDAKjB,eAAe,4CAuEjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}