@mintlify/components 1.0.0 → 1.0.1

package/dist/components/frame/frame.js

@@ -1,47 +1,47 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { Classes as m } from "../../constants/selectors.js";
 import { cn as d } from "../../utils/cn.js";
 import { enhanceVideoProps as p } from "../../utils/enhance-video-props.js";
-const x = ({
-  as: i = "div",
-  title: t,
+const g = ({
+  as: o = "div",
+  title: r,
   description: n,
-  renderDescription: o = (a) => /* @__PURE__ */ e("p", { children: a }),
-  style: s,
+  renderDescription: s = (t) => /* @__PURE__ */ e("p", { children: t }),
+  style: i,
   className: l,
   children: c
 }) => {
-  const a = p(c);
-  return /* @__PURE__ */ r("div", { className: l, "data-component-part": "frame-container", children: [
-    t && /* @__PURE__ */ r("div", { className: "not-prose mb-4 flex items-center space-x-2", children: [
+  const t = p(c);
+  return /* @__PURE__ */ a("div", { className: l, "data-component-part": "frame-container", children: [
+    r && /* @__PURE__ */ a("div", { className: "not-prose mb-4 flex items-center space-x-2", children: [
       /* @__PURE__ */ e(
         "svg",
         {
           "aria-hidden": "true",
-          className: "size-4 flex-none fill-gray-400 dark:fill-gray-300",
+          className: "size-4 flex-none fill-stone-400 dark:fill-stone-300",
           viewBox: "0 0 512 512",
           xmlns: "http://www.w3.org/2000/svg",
           children: /* @__PURE__ */ e("path", { d: "M224 320c0 17.69 14.33 32 32 32h64c17.67 0 32-14.31 32-32s-14.33-32-32-32h-64C238.3 288 224 302.3 224 320zM267.6 256H352c17.67 0 32-14.31 32-32s-14.33-32-32-32h-80v40C272 240.5 270.3 248.5 267.6 256zM272 160H480c17.67 0 32-14.31 32-32s-14.33-32-32-32h-208.8C271.5 98.66 272 101.3 272 104V160zM320 416c0-17.69-14.33-32-32-32H224c-17.67 0-32 14.31-32 32s14.33 32 32 32h64C305.7 448 320 433.7 320 416zM202.1 355.8C196 345.6 192 333.3 192 320c0-5.766 1.08-11.24 2.51-16.55C157.4 300.6 128 269.9 128 232V159.1C128 151.2 135.2 144 143.1 144S160 151.2 159.1 159.1l0 69.72C159.1 245.2 171.3 271.1 200 271.1C222.1 271.1 240 254.1 240 232v-128C240 81.91 222.1 64 200 64H136.6C103.5 64 72.03 80 52.47 106.8L26.02 143.2C9.107 166.5 0 194.5 0 223.3V312C0 387.1 60.89 448 136 448h32.88C163.4 438.6 160 427.7 160 416C160 388.1 178 364.6 202.1 355.8z" })
         }
       ),
-      /* @__PURE__ */ e("p", { className: "font-medium text-gray-700 text-sm dark:text-gray-200", children: t })
+      /* @__PURE__ */ e("p", { className: "font-medium text-sm text-stone-700 dark:text-stone-200", children: r })
     ] }),
-    /* @__PURE__ */ r(
-      i,
+    /* @__PURE__ */ a(
+      o,
       {
         className: d(
           m.Frame,
-          "not-prose relative overflow-hidden rounded-2xl bg-gray-50/50 p-2 dark:bg-gray-800/25"
+          "not-prose relative overflow-hidden rounded-2xl bg-stone-50/50 p-2 dark:bg-stone-800/25"
         ),
         "data-component-part": "frame",
         "data-name": "frame",
-        style: s,
+        style: i,
         children: [
           /* @__PURE__ */ e(
             "div",
             {
               "aria-hidden": "true",
-              className: "mask-[linear-gradient(0deg,#fff,rgba(255,255,255,0.6))] dark:mask-[linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5))] absolute inset-0 bg-grid-neutral-200/20 dark:bg-grid-white/5",
+              className: "mask-[linear-gradient(0deg,#fff,rgba(255,255,255,0.6))] dark:mask-[linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5))] absolute inset-0 bg-grid-stone-200/20 dark:bg-grid-white/5",
               "data-component-part": "frame-background-pattern",
               style: { backgroundPosition: "10px 10px" }
             }
@@ -49,18 +49,18 @@ const x = ({
           /* @__PURE__ */ e(
             "div",
             {
-              className: "relative flex w-full justify-center overflow-hidden rounded-xl bg-white dark:bg-gray-800",
+              className: "relative flex w-full justify-center overflow-hidden rounded-xl bg-white dark:bg-stone-800",
               "data-component-part": "frame-content",
-              children: a
+              children: t
             }
           ),
           n && /* @__PURE__ */ e(
             "div",
             {
-              className: "relative mt-3 flex w-full justify-center rounded-2xl bg-white px-8 pt-0 pb-2 text-gray-700 text-sm dark:bg-gray-800 dark:text-gray-400",
+              className: "relative mt-3 flex w-full justify-center rounded-2xl bg-white px-8 pt-0 pb-2 text-sm text-stone-700 dark:bg-stone-800 dark:text-stone-400",
               contentEditable: !1,
               "data-component-part": "frame-description",
-              children: o(n)
+              children: s(n)
             }
           ),
           /* @__PURE__ */ e(
@@ -79,5 +79,5 @@ const x = ({
   ] });
 };
 export {
-  x as Frame
+  g as Frame
 };

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

@@ -0,0 +1,3 @@
+export type { FrameProps } from './frame';
+export { Frame } from './frame';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,19 @@
+import { IconLibrary, IconType, PageType } from '../../utils/icon-utils';
+type IconProps = {
+    icon: string;
+    iconType?: IconType;
+    className?: string;
+    color?: string;
+    colorLight?: string;
+    colorDark?: string;
+    overrideColor?: boolean;
+    size?: number;
+    overrideSize?: boolean;
+    iconLibrary?: IconLibrary;
+    basePath?: string;
+    pageType?: PageType;
+};
+declare const Icon: ({ icon, iconType, color, colorLight, colorDark, size, className, iconLibrary, basePath, pageType, overrideColor, overrideSize, }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
+export { Icon };
+export type { IconProps };
+//# sourceMappingURL=icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,QAAQ,EACd,MAAM,oBAAoB,CAAC;AAG5B,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,IAAI,GAAI,kIAaX,SAAS,mDAwHX,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/icon/icon.js

@@ -1,13 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
-import { MINTLIFY_ICONS_CDN_URL as W } from "../../constants/index.js";
-import { Classes as C } from "../../constants/selectors.js";
+import { MINTLIFY_ICONS_CDN_URL as C } from "../../constants/index.js";
+import { Classes as N } from "../../constants/selectors.js";
 import { cn as i } from "../../utils/cn.js";
-import { getIconUrl as N, ICON_TYPES as M } from "../../utils/icon-utils.js";
+import { getIconUrl as y, ICON_TYPES as M } from "../../utils/icon-utils.js";
 import { isAbsoluteUrl as $ } from "../../utils/is-absolute-url.js";
 const w = ({
   icon: t,
-  iconType: e,
-  color: r,
+  iconType: a,
+  color: s,
   colorLight: g,
   colorDark: p,
   size: k,
@@ -16,29 +16,29 @@ const w = ({
   basePath: c,
   pageType: h,
   overrideColor: l,
-  overrideSize: y
+  overrideSize: I
 }) => {
   const b = {
-    ...!y && { width: k || 16, height: k || 16 },
+    ...!I && { width: k || 16, height: k || 16 },
     display: "inline-block",
     verticalAlign: "middle"
-  }, a = g && p, s = a ? {
+  }, e = g && p, r = e ? {
     ...b,
     "--color-light": g,
     "--color-dark": p
   } : b, o = i(
-    C.Icon,
+    N.Icon,
     "inline",
-    !(r || a || l) && "bg-primary dark:bg-primary-light",
-    a && "bg-(--color-light) dark:bg-(--color-dark)",
+    !(s || e || l) && "bg-primary dark:bg-primary-light",
+    e && "bg-(--color-light) dark:bg-(--color-dark)",
     f
-  ), I = h === "pdf", m = N(t.toLowerCase(), e, d);
-  if (e && !M.includes(e))
+  ), W = h === "pdf", m = y(t.toLowerCase(), a, d);
+  if (a && !M.includes(a))
     return console.log(
-      `Invalid iconType ${e} expected a string equal to one of: brands, duotone, light, regular, sharp-solid, solid, thin`
+      `Invalid iconType ${a} expected a string equal to one of: brands, duotone, light, regular, sharp-solid, solid, thin`
     ), null;
   if (typeof t == "string" && ($(t) || t.startsWith("/"))) {
-    if (t.startsWith(W) || t.startsWith("https://mintlify.b-cdn.net"))
+    if (t.startsWith(C) || t.startsWith("https://mintlify.b-cdn.net"))
       return /* @__PURE__ */ n(
         "svg",
         {
@@ -52,8 +52,8 @@ const w = ({
             maskRepeat: "no-repeat",
             maskPosition: "center",
             maskSize: "100%",
-            ...!a && { backgroundColor: "currentColor" },
-            ...s
+            ...!e && { backgroundColor: "currentColor" },
+            ...r
           }
         }
       );
@@ -66,11 +66,11 @@ const w = ({
         className: i(o, "bg-transparent dark:bg-transparent"),
         "data-component-part": "icon-image",
         src: u,
-        style: s
+        style: r
       }
     );
   }
-  return I ? (
+  return W ? (
     // biome-ignore lint/correctness/useImageSize: TODO
     /* @__PURE__ */ n(
       "img",
@@ -78,13 +78,13 @@ const w = ({
         alt: t,
         className: i(
           o,
-          !(r || l || a) && "bg-gray-800 dark:bg-gray-100"
+          !(s || l || e) && "bg-stone-800 dark:bg-stone-100"
         ),
         "data-component-part": "icon-image",
         src: m,
         style: {
           backgroundColor: "transparent",
-          ...s
+          ...r
         }
       }
     )
@@ -93,7 +93,7 @@ const w = ({
     {
       className: i(
         o,
-        !(r || l || a) && "bg-gray-800 dark:bg-gray-100"
+        !(s || l || e) && "bg-stone-800 dark:bg-stone-100"
       ),
       "data-component-part": "icon-svg",
       style: {
@@ -104,8 +104,8 @@ const w = ({
         maskRepeat: "no-repeat",
         maskPosition: "center",
         maskSize: d === "lucide" ? "100%" : void 0,
-        backgroundColor: r,
-        ...s
+        backgroundColor: s,
+        ...r
       }
     }
   );

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

@@ -0,0 +1,3 @@
+export type { IconProps } from './icon';
+export { Icon } from './icon';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,22 @@
+export * from './accordion';
+export * from './badge';
+export * from './callout';
+export * from './card';
+export * from './code-block';
+export * from './code-group';
+export * from './color';
+export * from './columns';
+export * from './expandable';
+export * from './frame';
+export * from './icon';
+export * from './mermaid';
+export * from './panel';
+export * from './property';
+export * from './steps';
+export * from './tabs';
+export * from './tile';
+export * from './tooltip';
+export * from './tree';
+export * from './update';
+export * from './view';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,7 @@
+export type { MermaidProps } from './mermaid';
+export { Mermaid } from './mermaid';
+export type { UsePanZoomReturn } from './use-pan-zoom';
+export { usePanZoom } from './use-pan-zoom';
+export type { ZoomControlsProps } from './zoom-controls';
+export { ZoomControls } from './zoom-controls';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/mermaid/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/mermaid/mermaid.d.ts

@@ -0,0 +1,12 @@
+type MermaidPlacement = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+type MermaidProps = {
+    chart: string;
+    className?: string;
+    ariaLabel?: string;
+    placement?: MermaidPlacement;
+    actions?: boolean;
+};
+declare const Mermaid: ({ chart, className, ariaLabel, placement, actions, }: MermaidProps) => import("react/jsx-runtime").JSX.Element;
+export { Mermaid };
+export type { MermaidProps, MermaidPlacement };
+//# sourceMappingURL=mermaid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mermaid.d.ts","sourceRoot":"","sources":["../../../src/components/mermaid/mermaid.tsx"],"names":[],"mappings":"AAUA,KAAK,gBAAgB,GACjB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,OAAO,GAAI,sDAMd,YAAY,4CA6Id,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/mermaid/use-pan-zoom.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+type UsePanZoomReturn = {
+    style: CSSProperties;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    reset: () => void;
+    pan: (dx: number, dy: number) => void;
+    panStep: number;
+};
+declare const usePanZoom: () => UsePanZoomReturn;
+export { usePanZoom };
+export type { UsePanZoomReturn };
+//# sourceMappingURL=use-pan-zoom.d.ts.map

package/dist/components/mermaid/use-pan-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pan-zoom.d.ts","sourceRoot":"","sources":["../../../src/components/mermaid/use-pan-zoom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAkC,MAAM,OAAO,CAAC;AAa3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAIF,QAAA,MAAM,UAAU,QAAO,gBA8CtB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/mermaid/zoom-controls.d.ts

@@ -0,0 +1,13 @@
+import { MermaidPlacement } from './mermaid';
+type ZoomControlsProps = {
+    onZoomIn: () => void;
+    onZoomOut: () => void;
+    onReset: () => void;
+    onPan: (dx: number, dy: number) => void;
+    panStep: number;
+    placement?: MermaidPlacement;
+};
+declare const ZoomControls: ({ onZoomIn, onZoomOut, onReset, onPan, panStep, placement, }: ZoomControlsProps) => import("react/jsx-runtime").JSX.Element;
+export { ZoomControls };
+export type { ZoomControlsProps };
+//# sourceMappingURL=zoom-controls.d.ts.map

package/dist/components/mermaid/zoom-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zoom-controls.d.ts","sourceRoot":"","sources":["../../../src/components/mermaid/zoom-controls.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAqBlD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,YAAY,GAAI,8DAOnB,iBAAiB,4CA4DnB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/mermaid/zoom-controls.js

@@ -1,32 +1,32 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { cn as d } from "../../utils/cn.js";
-import h from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-up.js";
-import s from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/zoom-in.js";
+import s from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-up.js";
+import h from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/zoom-in.js";
 import c from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-left.js";
 import u from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/rotate-ccw.js";
 import b from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-right.js";
-import g from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-import f from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/zoom-out.js";
-const t = ({
+import f from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+import p from "../../node_modules/.pnpm/lucide-react@0.453.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/zoom-out.js";
+const o = ({
   children: a,
   className: n,
   ...l
-}) => /* @__PURE__ */ r(
+}) => /* @__PURE__ */ t(
   "button",
   {
     className: d(
-      "flex size-7 cursor-pointer touch-manipulation items-center justify-center rounded-md border border-gray-200 bg-white text-gray-900 transition-[transform] duration-100 hover:bg-gray-50 motion-safe:active:scale-95 dark:border-white/10 dark:bg-gray-900 dark:text-white dark:hover:bg-gray-800 [&_svg]:size-4",
+      "flex size-7 cursor-pointer touch-manipulation items-center justify-center rounded-md border border-stone-200 bg-white text-stone-900 transition-[transform] duration-100 hover:bg-stone-50 motion-safe:active:scale-95 dark:border-white/10 dark:bg-stone-900 dark:text-white dark:hover:bg-stone-800 [&_svg]:size-4",
       n
     ),
     type: "button",
     ...l,
     children: a
   }
-), P = ({
+), N = ({
   onZoomIn: a,
   onZoomOut: n,
   onReset: l,
-  onPan: o,
+  onPan: r,
   panStep: e,
   placement: i
 }) => (
@@ -45,51 +45,51 @@ const t = ({
       "data-component-part": "zoom-controls",
       role: "group",
       children: [
-        /* @__PURE__ */ r("div", { "aria-hidden": "true", className: "pointer-events-none" }),
-        /* @__PURE__ */ r(
-          t,
+        /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "pointer-events-none" }),
+        /* @__PURE__ */ t(
+          o,
           {
             "aria-label": "Pan up",
-            onClick: () => o(0, e),
+            onClick: () => r(0, e),
             title: "Pan up",
-            children: /* @__PURE__ */ r(h, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ t(s, { "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ r(t, { "aria-label": "Zoom in", onClick: a, title: "Zoom in", children: /* @__PURE__ */ r(s, { "aria-hidden": "true" }) }),
-        /* @__PURE__ */ r(
-          t,
+        /* @__PURE__ */ t(o, { "aria-label": "Zoom in", onClick: a, title: "Zoom in", children: /* @__PURE__ */ t(h, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ t(
+          o,
           {
             "aria-label": "Pan left",
-            onClick: () => o(e, 0),
+            onClick: () => r(e, 0),
             title: "Pan left",
-            children: /* @__PURE__ */ r(c, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ t(c, { "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ r(t, { "aria-label": "Reset view", onClick: l, title: "Reset view", children: /* @__PURE__ */ r(u, { "aria-hidden": "true" }) }),
-        /* @__PURE__ */ r(
-          t,
+        /* @__PURE__ */ t(o, { "aria-label": "Reset view", onClick: l, title: "Reset view", children: /* @__PURE__ */ t(u, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ t(
+          o,
           {
             "aria-label": "Pan right",
-            onClick: () => o(-e, 0),
+            onClick: () => r(-e, 0),
             title: "Pan right",
-            children: /* @__PURE__ */ r(b, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ t(b, { "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ r("div", { "aria-hidden": "true", className: "pointer-events-none" }),
-        /* @__PURE__ */ r(
-          t,
+        /* @__PURE__ */ t("div", { "aria-hidden": "true", className: "pointer-events-none" }),
+        /* @__PURE__ */ t(
+          o,
           {
             "aria-label": "Pan down",
-            onClick: () => o(0, -e),
+            onClick: () => r(0, -e),
             title: "Pan down",
-            children: /* @__PURE__ */ r(g, { "aria-hidden": "true" })
+            children: /* @__PURE__ */ t(f, { "aria-hidden": "true" })
           }
         ),
-        /* @__PURE__ */ r(t, { "aria-label": "Zoom out", onClick: n, title: "Zoom out", children: /* @__PURE__ */ r(f, { "aria-hidden": "true" }) })
+        /* @__PURE__ */ t(o, { "aria-label": "Zoom out", onClick: n, title: "Zoom out", children: /* @__PURE__ */ t(p, { "aria-hidden": "true" }) })
       ]
     }
   )
 );
 export {
-  P as ZoomControls
+  N as ZoomControls
 };

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

@@ -0,0 +1,3 @@
+export type { PanelProps } from './panel';
+export { Panel } from './panel';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/panel/panel.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from 'react';
+type PanelProps = ComponentProps<"div">;
+declare const Panel: ({ children, className, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export { Panel };
+export type { PanelProps };
+//# sourceMappingURL=panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"panel.d.ts","sourceRoot":"","sources":["../../../src/components/panel/panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,KAAK,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExC,QAAA,MAAM,KAAK,GAAI,mCAAmC,UAAU,4CAM3D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,3 @@
+export type { PropertyProps } from './property';
+export { Property } from './property';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/property/param-head.d.ts

@@ -0,0 +1,5 @@
+import { PropertyProps } from './property';
+type ParamHeadProps = Omit<PropertyProps, "children">;
+declare const ParamHead: ({ name, type, location, required, deprecated, default: defaultValue, id, pre, post, onMount, navigateToHeaderAriaLabel, defaultLabel, requiredLabel, deprecatedLabel, }: ParamHeadProps) => import("react/jsx-runtime").JSX.Element | null;
+export { ParamHead };
+//# sourceMappingURL=param-head.d.ts.map

package/dist/components/property/param-head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"param-head.d.ts","sourceRoot":"","sources":["../../../src/components/property/param-head.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAEtD,QAAA,MAAM,SAAS,GAAI,yKAehB,cAAc,mDA4HhB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}