@mintlify/components 1.0.5 → 1.0.7

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

@@ -1 +1 @@
-{"version":3,"file":"expandable.d.ts","sourceRoot":"","sources":["../../../src/components/expandable/expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAWf,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,6KAejB,eAAe,4CA8HjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"expandable.d.ts","sourceRoot":"","sources":["../../../src/components/expandable/expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAWf,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,6KAejB,eAAe,4CAgIjB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/expandable/expandable.js

@@ -1,72 +1,72 @@
 import { jsxs as p, jsx as x } from "react/jsx-runtime";
-import { useState as u, useLayoutEffect as j, useEffect as B, useId as z } from "react";
+import { useState as u, useLayoutEffect as j, useEffect as z, useId as B } from "react";
 import { Classes as H } from "../../constants/selectors.js";
 import { useExpandableMemory as I } from "../../hooks/use-expandable-memory.js";
-import { cn as r } from "../../utils/cn.js";
+import { cn as s } from "../../utils/cn.js";
 import { Icon as G } from "../icon/icon.js";
-const N = "expandable-content", J = "Hide", K = "Show", Q = "child attributes", P = ({
-  title: n = Q,
-  defaultOpen: o = !1,
+const v = "expandable-content", J = "Hide", K = "Show", Q = "child attributes", P = ({
+  title: o = Q,
+  defaultOpen: n = !1,
   onChange: b,
-  lazy: T,
-  className: L,
-  children: v,
-  uniqueParamId: s,
+  lazy: N,
+  className: T,
+  children: L,
+  uniqueParamId: r,
   onMount: a,
   onOpen: d,
-  onClose: c,
-  openedText: _ = J,
-  closedText: k = K,
-  hasScrolledToAnchorRef: i,
+  onClose: i,
+  openedText: S = J,
+  closedText: _ = K,
+  hasScrolledToAnchorRef: c,
   anchor: l
 }) => {
-  const f = !!s, {
-    ref: D,
-    isExpanded: S,
+  const f = !!r, {
+    ref: k,
+    isExpanded: D,
     onManualToggle: w,
     isInSessionStorage: A
-  } = I(s || "", o), [y, F] = u(o), U = !!(s && (l != null && l.includes(s))) && !(i != null && i.current), e = f ? (
+  } = I(r || "", n), [y, C] = u(n), F = !!(r && (l != null && l.includes(r))) && !(c != null && c.current), e = f ? (
     // biome-ignore lint/style/noNestedTernary: TODO
-    U ? !0 : (
+    F ? !0 : (
       // biome-ignore lint/style/noNestedTernary: TODO
-      A ? S : o
+      A ? D : n
     )
   ) : y, [m, E] = u(
-    e || !T
+    e || !N
   );
   j(() => {
     e && !m && E(!0);
-  }, [e, m]), B(() => {
+  }, [e, m]), z(() => {
     a == null || a();
   }, []);
-  const C = (t) => {
-    E(!0), b && b(t), t ? d == null || d() : c == null || c();
+  const U = (t) => {
+    E(!0), b && b(t), t ? d == null || d() : i == null || i();
   }, X = (t) => {
-    f ? w(t) : F(t), C(t);
-  }, $ = z(), g = `${n}-${$}-content`.replace(/\s+/g, "-");
+    f ? w(t) : C(t), U(t);
+  }, $ = B(), g = `${o}-${$}-content`.replace(/\s+/g, "-");
   return /* @__PURE__ */ p(
     "details",
     {
-      className: r(
+      className: s(
         H.Expandable,
         "mt-4 rounded-xl border-standard",
-        L
+        T
       ),
       "data-component-part": "expandable",
-      "data-testid": s ? `${s}-children` : void 0,
+      "data-testid": r ? `${r}-children` : void 0,
       onToggle: (t) => {
         const h = t.currentTarget.open;
         h !== e && X(h);
       },
       open: e,
-      ref: D,
+      ref: k,
       children: [
         /* @__PURE__ */ p(
           "summary",
           {
             "aria-controls": g,
             "aria-expanded": e,
-            className: r(
+            className: s(
               "not-prose flex w-full cursor-pointer flex-row content-center items-center text-sm",
               "rounded-t-xl px-3.5 py-3 text-stone-600 hover:bg-stone-50/50 hover:text-stone-900 dark:text-stone-300 dark:hover:bg-white/5 dark:hover:text-stone-200",
               "list-none [&::-webkit-details-marker]:hidden",
@@ -77,18 +77,20 @@ const N = "expandable-content", J = "Hide", K = "Show", Q = "child attributes",
               /* @__PURE__ */ x(
                 G,
                 {
-                  className: r(
+                  className: s(
                     "size-2.5 bg-stone-400 transition-transform",
                     e && "rotate-90"
                   ),
                   "data-component-part": "expandable-icon",
-                  icon: "angle-right"
+                  icon: "angle-right",
+                  overrideColor: !0,
+                  overrideSize: !0
                 }
               ),
               /* @__PURE__ */ x("div", { className: "ml-3 text-left leading-tight", children: /* @__PURE__ */ p("p", { className: "m-0", contentEditable: !1, children: [
-                e ? _ : k,
+                e ? S : _,
                 " ",
-                n
+                o
               ] }) })
             ]
           }
@@ -96,18 +98,18 @@ const N = "expandable-content", J = "Hide", K = "Show", Q = "child attributes",
         /* @__PURE__ */ x(
           "div",
           {
-            className: r(
-              N,
+            className: s(
+              v,
               "mx-3 border-stone-100 border-t px-2 dark:border-white/10"
             ),
-            "data-component-part": N,
+            "data-component-part": v,
             id: g,
-            children: m && v
+            children: m && L
           }
         )
       ]
     },
-    n
+    o
   );
 };
 export {

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/property/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -1,5 +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 };
+export { ParamHead, type ParamHeadProps };
 //# sourceMappingURL=param-head.d.ts.map

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

@@ -1 +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"}
+{"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,KAAK,cAAc,EAAE,CAAC"}

package/dist/index.js

@@ -2,9 +2,9 @@ import { cn as e } from "./utils/cn.js";
 import { getInitialOpenState as p, updateAndCopyUrl as m } from "./components/accordion/accordion-url-utils.js";
 import { Accordion as x } from "./components/accordion/index.js";
 import { Badge as n } from "./components/badge/badge.js";
-import { Callout as d, Check as c, Danger as i, Info as C, Note as S, Tip as T, Warning as s } from "./components/callout/callout.js";
-import { Card as h } from "./components/card/card.js";
-import { BaseCodeBlock as I } from "./components/code-block/base-code-block.js";
+import { Callout as l, Check as c, Danger as i, Info as C, Note as S, Tip as T, Warning as s } from "./components/callout/callout.js";
+import { Card as P } from "./components/card/card.js";
+import { BaseCodeBlock as B } from "./components/code-block/base-code-block.js";
 import { CodeBlock as g } from "./components/code-block/code-block.js";
 import { CodeGroup as k } from "./components/code-group/code-group.js";
 import { Color as b } from "./components/color/color.js";
@@ -12,28 +12,29 @@ import { Columns as A } from "./components/columns/columns.js";
 import { Expandable as _ } from "./components/expandable/expandable.js";
 import { Frame as w } from "./components/frame/frame.js";
 import { Icon as F } from "./components/icon/icon.js";
-import { Mermaid as L } from "./components/mermaid/mermaid.js";
-import { usePanZoom as N } from "./components/mermaid/use-pan-zoom.js";
-import { ZoomControls as V } from "./components/mermaid/zoom-controls.js";
-import { Panel as j } from "./components/panel/panel.js";
-import { Property as z } from "./components/property/property.js";
-import { SearchButton as J } from "./components/search/button.js";
-import { SearchProvider as Q, useSearch as R } from "./components/search/provider.js";
-import { Search as Y } from "./components/search/search.js";
-import { STEP_TITLE_SIZES as oo } from "./components/steps/constants.js";
-import { Steps as eo } from "./components/steps/steps.js";
-import { Tabs as po } from "./components/tabs/tabs.js";
-import { Tile as fo } from "./components/tile/tile.js";
-import { Tooltip as ao } from "./components/tooltip/tooltip.js";
-import { Tree as lo } from "./components/tree/index.js";
-import { Update as io } from "./components/update/update.js";
-import { View as So } from "./components/view/view.js";
+import { Mermaid as H } from "./components/mermaid/mermaid.js";
+import { usePanZoom as M } from "./components/mermaid/use-pan-zoom.js";
+import { ZoomControls as O } from "./components/mermaid/zoom-controls.js";
+import { Panel as W } from "./components/panel/panel.js";
+import { ParamHead as q } from "./components/property/param-head.js";
+import { Property as J } from "./components/property/property.js";
+import { SearchButton as Q } from "./components/search/button.js";
+import { SearchProvider as X, useSearch as Y } from "./components/search/provider.js";
+import { Search as oo } from "./components/search/search.js";
+import { STEP_TITLE_SIZES as eo } from "./components/steps/constants.js";
+import { Steps as po } from "./components/steps/steps.js";
+import { Tabs as fo } from "./components/tabs/tabs.js";
+import { Tile as ao } from "./components/tile/tile.js";
+import { Tooltip as lo } from "./components/tooltip/tooltip.js";
+import { Tree as io } from "./components/tree/index.js";
+import { Update as So } from "./components/update/update.js";
+import { View as so } from "./components/view/view.js";
 export {
   x as Accordion,
   n as Badge,
-  I as BaseCodeBlock,
-  d as Callout,
-  h as Card,
+  B as BaseCodeBlock,
+  l as Callout,
+  P as Card,
   c as Check,
   g as CodeBlock,
   k as CodeGroup,
@@ -44,27 +45,28 @@ export {
   w as Frame,
   F as Icon,
   C as Info,
-  L as Mermaid,
+  H as Mermaid,
   S as Note,
-  j as Panel,
-  z as Property,
-  oo as STEP_TITLE_SIZES,
-  Y as Search,
-  J as SearchButton,
-  Q as SearchProvider,
-  eo as Steps,
-  po as Tabs,
-  fo as Tile,
+  W as Panel,
+  q as ParamHead,
+  J as Property,
+  eo as STEP_TITLE_SIZES,
+  oo as Search,
+  Q as SearchButton,
+  X as SearchProvider,
+  po as Steps,
+  fo as Tabs,
+  ao as Tile,
   T as Tip,
-  ao as Tooltip,
-  lo as Tree,
-  io as Update,
-  So as View,
+  lo as Tooltip,
+  io as Tree,
+  So as Update,
+  so as View,
   s as Warning,
-  V as ZoomControls,
+  O as ZoomControls,
   e as cn,
   p as getInitialOpenState,
   m as updateAndCopyUrl,
-  N as usePanZoom,
-  R as useSearch
+  M as usePanZoom,
+  Y as useSearch
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/components",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Mintlify open-source UI components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -76,8 +76,8 @@
   },
   "devDependencies": {
     "@shikijs/types": "3.21.0",
-    "@storybook/addon-docs": "10.1.11",
-    "@storybook/react-vite": "10.1.11",
+    "@storybook/addon-docs": "10.2.10",
+    "@storybook/react-vite": "10.2.10",
     "@tailwindcss/cli": "4.1.18",
     "@tailwindcss/postcss": "4.1.18",
     "@tailwindcss/typography": "0.5.19",
@@ -98,7 +98,7 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "storybook": "10.1.11",
+    "storybook": "10.2.10",
     "tailwindcss": "4.1.18",
     "typescript": "5.9.3",
     "ultracite": "7.0.12",