@mintlify/components 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (237) hide show
  1. package/dist/components/accordion/accordion-cover.d.ts +12 -0
  2. package/dist/components/accordion/accordion-cover.d.ts.map +1 -0
  3. package/dist/components/accordion/accordion-cover.js +28 -28
  4. package/dist/components/accordion/accordion-group.d.ts +9 -0
  5. package/dist/components/accordion/accordion-group.d.ts.map +1 -0
  6. package/dist/components/accordion/accordion-group.js +1 -1
  7. package/dist/components/accordion/accordion-url-utils.d.ts +5 -0
  8. package/dist/components/accordion/accordion-url-utils.d.ts.map +1 -0
  9. package/dist/components/accordion/accordion.d.ts +35 -0
  10. package/dist/components/accordion/accordion.d.ts.map +1 -0
  11. package/dist/components/accordion/accordion.js +72 -65
  12. package/dist/components/accordion/index.d.ts +7 -0
  13. package/dist/components/accordion/index.d.ts.map +1 -0
  14. package/dist/components/badge/badge.d.ts +29 -0
  15. package/dist/components/badge/badge.d.ts.map +1 -0
  16. package/dist/components/badge/badge.js +18 -18
  17. package/dist/components/badge/index.d.ts +3 -0
  18. package/dist/components/badge/index.d.ts.map +1 -0
  19. package/dist/components/callout/callout.d.ts +24 -0
  20. package/dist/components/callout/callout.d.ts.map +1 -0
  21. package/dist/components/callout/callout.js +46 -46
  22. package/dist/components/callout/index.d.ts +3 -0
  23. package/dist/components/callout/index.d.ts.map +1 -0
  24. package/dist/components/card/card.d.ts +34 -0
  25. package/dist/components/card/card.d.ts.map +1 -0
  26. package/dist/components/card/card.js +59 -59
  27. package/dist/components/card/index.d.ts +3 -0
  28. package/dist/components/card/index.d.ts.map +1 -0
  29. package/dist/components/code-block/base-code-block.d.ts +9 -0
  30. package/dist/components/code-block/base-code-block.d.ts.map +1 -0
  31. package/dist/components/code-block/code-block.d.ts +74 -0
  32. package/dist/components/code-block/code-block.d.ts.map +1 -0
  33. package/dist/components/code-block/code-block.js +34 -34
  34. package/dist/components/code-block/code-footer.d.ts +8 -0
  35. package/dist/components/code-block/code-footer.d.ts.map +1 -0
  36. package/dist/components/code-block/code-footer.js +9 -9
  37. package/dist/components/code-block/code-header.d.ts +11 -0
  38. package/dist/components/code-block/code-header.d.ts.map +1 -0
  39. package/dist/components/code-block/code-header.js +20 -20
  40. package/dist/components/code-block/copy-button.d.ts +16 -0
  41. package/dist/components/code-block/copy-button.d.ts.map +1 -0
  42. package/dist/components/code-block/index.d.ts +5 -0
  43. package/dist/components/code-block/index.d.ts.map +1 -0
  44. package/dist/components/code-block/story-utils.d.ts +13 -0
  45. package/dist/components/code-block/story-utils.d.ts.map +1 -0
  46. package/dist/components/code-group/code-group.d.ts +23 -0
  47. package/dist/components/code-group/code-group.d.ts.map +1 -0
  48. package/dist/components/code-group/code-group.js +72 -72
  49. package/dist/components/code-group/code-select-dropdown.d.ts +10 -0
  50. package/dist/components/code-group/code-select-dropdown.d.ts.map +1 -0
  51. package/dist/components/code-group/code-snippet.d.ts +13 -0
  52. package/dist/components/code-group/code-snippet.d.ts.map +1 -0
  53. package/dist/components/code-group/dropdown.d.ts +34 -0
  54. package/dist/components/code-group/dropdown.d.ts.map +1 -0
  55. package/dist/components/code-group/dropdown.js +47 -47
  56. package/dist/components/code-group/index.d.ts +3 -0
  57. package/dist/components/code-group/index.d.ts.map +1 -0
  58. package/dist/components/code-group/language-dropdown.d.ts +10 -0
  59. package/dist/components/code-group/language-dropdown.d.ts.map +1 -0
  60. package/dist/components/code-group/language-dropdown.js +39 -39
  61. package/dist/components/code-group/language-icon.d.ts +7 -0
  62. package/dist/components/code-group/language-icon.d.ts.map +1 -0
  63. package/dist/components/color/color.d.ts +28 -0
  64. package/dist/components/color/color.d.ts.map +1 -0
  65. package/dist/components/color/color.js +37 -37
  66. package/dist/components/color/constants.d.ts +5 -0
  67. package/dist/components/color/constants.d.ts.map +1 -0
  68. package/dist/components/color/index.d.ts +4 -0
  69. package/dist/components/color/index.d.ts.map +1 -0
  70. package/dist/components/columns/columns.d.ts +11 -0
  71. package/dist/components/columns/columns.d.ts.map +1 -0
  72. package/dist/components/columns/constants.d.ts +5 -0
  73. package/dist/components/columns/constants.d.ts.map +1 -0
  74. package/dist/components/columns/index.d.ts +3 -0
  75. package/dist/components/columns/index.d.ts.map +1 -0
  76. package/dist/components/expandable/expandable.d.ts +21 -0
  77. package/dist/components/expandable/expandable.d.ts.map +1 -0
  78. package/dist/components/expandable/expandable.js +46 -46
  79. package/dist/components/expandable/index.d.ts +3 -0
  80. package/dist/components/expandable/index.d.ts.map +1 -0
  81. package/dist/components/frame/frame.d.ts +14 -0
  82. package/dist/components/frame/frame.d.ts.map +1 -0
  83. package/dist/components/frame/frame.js +21 -21
  84. package/dist/components/frame/index.d.ts +3 -0
  85. package/dist/components/frame/index.d.ts.map +1 -0
  86. package/dist/components/icon/icon.d.ts +19 -0
  87. package/dist/components/icon/icon.d.ts.map +1 -0
  88. package/dist/components/icon/icon.js +24 -24
  89. package/dist/components/icon/index.d.ts +3 -0
  90. package/dist/components/icon/index.d.ts.map +1 -0
  91. package/dist/components/index.d.ts +22 -0
  92. package/dist/components/index.d.ts.map +1 -0
  93. package/dist/components/mermaid/index.d.ts +7 -0
  94. package/dist/components/mermaid/index.d.ts.map +1 -0
  95. package/dist/components/mermaid/mermaid.d.ts +12 -0
  96. package/dist/components/mermaid/mermaid.d.ts.map +1 -0
  97. package/dist/components/mermaid/mermaid.js +38 -31
  98. package/dist/components/mermaid/use-pan-zoom.d.ts +13 -0
  99. package/dist/components/mermaid/use-pan-zoom.d.ts.map +1 -0
  100. package/dist/components/mermaid/zoom-controls.d.ts +13 -0
  101. package/dist/components/mermaid/zoom-controls.d.ts.map +1 -0
  102. package/dist/components/mermaid/zoom-controls.js +32 -32
  103. package/dist/components/panel/index.d.ts +3 -0
  104. package/dist/components/panel/index.d.ts.map +1 -0
  105. package/dist/components/panel/panel.d.ts +6 -0
  106. package/dist/components/panel/panel.d.ts.map +1 -0
  107. package/dist/components/property/index.d.ts +3 -0
  108. package/dist/components/property/index.d.ts.map +1 -0
  109. package/dist/components/property/param-head.d.ts +5 -0
  110. package/dist/components/property/param-head.d.ts.map +1 -0
  111. package/dist/components/property/param-head.js +40 -40
  112. package/dist/components/property/pills.d.ts +15 -0
  113. package/dist/components/property/pills.d.ts.map +1 -0
  114. package/dist/components/property/pills.js +13 -13
  115. package/dist/components/property/property.d.ts +24 -0
  116. package/dist/components/property/property.d.ts.map +1 -0
  117. package/dist/components/property/property.js +33 -33
  118. package/dist/components/steps/constants.d.ts +5 -0
  119. package/dist/components/steps/constants.d.ts.map +1 -0
  120. package/dist/components/steps/index.d.ts +5 -0
  121. package/dist/components/steps/index.d.ts.map +1 -0
  122. package/dist/components/steps/steps.d.ts +35 -0
  123. package/dist/components/steps/steps.d.ts.map +1 -0
  124. package/dist/components/steps/steps.js +157 -59
  125. package/dist/components/tabs/index.d.ts +3 -0
  126. package/dist/components/tabs/index.d.ts.map +1 -0
  127. package/dist/components/tabs/tabs.d.ts +36 -0
  128. package/dist/components/tabs/tabs.d.ts.map +1 -0
  129. package/dist/components/tabs/tabs.js +84 -78
  130. package/dist/components/tile/index.d.ts +3 -0
  131. package/dist/components/tile/index.d.ts.map +1 -0
  132. package/dist/components/tile/tile.d.ts +11 -0
  133. package/dist/components/tile/tile.d.ts.map +1 -0
  134. package/dist/components/tile/tile.js +27 -27
  135. package/dist/components/tooltip/index.d.ts +3 -0
  136. package/dist/components/tooltip/index.d.ts.map +1 -0
  137. package/dist/components/tooltip/tooltip.d.ts +14 -0
  138. package/dist/components/tooltip/tooltip.d.ts.map +1 -0
  139. package/dist/components/tooltip/tooltip.js +95 -84
  140. package/dist/components/tree/context.d.ts +9 -0
  141. package/dist/components/tree/context.d.ts.map +1 -0
  142. package/dist/components/tree/file.d.ts +7 -0
  143. package/dist/components/tree/file.d.ts.map +1 -0
  144. package/dist/components/tree/file.js +9 -9
  145. package/dist/components/tree/folder.d.ts +11 -0
  146. package/dist/components/tree/folder.d.ts.map +1 -0
  147. package/dist/components/tree/folder.js +21 -21
  148. package/dist/components/tree/index.d.ts +9 -0
  149. package/dist/components/tree/index.d.ts.map +1 -0
  150. package/dist/components/tree/root.d.ts +9 -0
  151. package/dist/components/tree/root.d.ts.map +1 -0
  152. package/dist/components/tree/tree-level-context.d.ts +8 -0
  153. package/dist/components/tree/tree-level-context.d.ts.map +1 -0
  154. package/dist/components/tree/use-tree-level.d.ts +3 -0
  155. package/dist/components/tree/use-tree-level.d.ts.map +1 -0
  156. package/dist/components/tree/utils.d.ts +9 -0
  157. package/dist/components/tree/utils.d.ts.map +1 -0
  158. package/dist/components/update/index.d.ts +3 -0
  159. package/dist/components/update/index.d.ts.map +1 -0
  160. package/dist/components/update/update.d.ts +22 -0
  161. package/dist/components/update/update.d.ts.map +1 -0
  162. package/dist/components/update/update.js +21 -21
  163. package/dist/components/view/index.d.ts +3 -0
  164. package/dist/components/view/index.d.ts.map +1 -0
  165. package/dist/components/view/view.d.ts +12 -0
  166. package/dist/components/view/view.d.ts.map +1 -0
  167. package/dist/components/view/view.js +29 -23
  168. package/dist/constants/brands.d.ts +3 -0
  169. package/dist/constants/brands.d.ts.map +1 -0
  170. package/dist/constants/index.d.ts +7 -0
  171. package/dist/constants/index.d.ts.map +1 -0
  172. package/dist/constants/selectors.d.ts +126 -0
  173. package/dist/constants/selectors.d.ts.map +1 -0
  174. package/dist/hooks/index.d.ts +2 -0
  175. package/dist/hooks/index.d.ts.map +1 -0
  176. package/dist/hooks/use-expandable-memory.d.ts +8 -0
  177. package/dist/hooks/use-expandable-memory.d.ts.map +1 -0
  178. package/dist/hooks/use-expandable.d.ts +13 -0
  179. package/dist/hooks/use-expandable.d.ts.map +1 -0
  180. package/dist/hooks/use-get-shiki-highlighted-html.d.ts +4 -0
  181. package/dist/hooks/use-get-shiki-highlighted-html.d.ts.map +1 -0
  182. package/dist/hooks/use-has-hover.d.ts +3 -0
  183. package/dist/hooks/use-has-hover.d.ts.map +1 -0
  184. package/dist/hooks/use-is-dark-theme.d.ts +5 -0
  185. package/dist/hooks/use-is-dark-theme.d.ts.map +1 -0
  186. package/dist/hooks/use-isomorphic-layout-effect.d.ts +4 -0
  187. package/dist/hooks/use-isomorphic-layout-effect.d.ts.map +1 -0
  188. package/dist/icons/index.d.ts +21 -0
  189. package/dist/icons/index.d.ts.map +1 -0
  190. package/dist/icons/index.js +2 -2
  191. package/dist/index.d.ts +3 -565
  192. package/dist/index.d.ts.map +1 -0
  193. package/dist/plugins/bg-grid.d.ts +3 -0
  194. package/dist/plugins/bg-grid.d.ts.map +1 -0
  195. package/dist/plugins/scrollbar.d.ts +3 -0
  196. package/dist/plugins/scrollbar.d.ts.map +1 -0
  197. package/dist/styles.css +2 -0
  198. package/dist/utils/cn.d.ts +4 -0
  199. package/dist/utils/cn.d.ts.map +1 -0
  200. package/dist/utils/copy-to-clipboard.d.ts +5 -0
  201. package/dist/utils/copy-to-clipboard.d.ts.map +1 -0
  202. package/dist/utils/enhance-video-props.d.ts +4 -0
  203. package/dist/utils/enhance-video-props.d.ts.map +1 -0
  204. package/dist/utils/get-node-text.d.ts +3 -0
  205. package/dist/utils/get-node-text.d.ts.map +1 -0
  206. package/dist/utils/icon-utils.d.ts +19 -0
  207. package/dist/utils/icon-utils.d.ts.map +1 -0
  208. package/dist/utils/is-absolute-url.d.ts +5 -0
  209. package/dist/utils/is-absolute-url.d.ts.map +1 -0
  210. package/dist/utils/is-remote-url.d.ts +3 -0
  211. package/dist/utils/is-remote-url.d.ts.map +1 -0
  212. package/dist/utils/make-marker-ids-unique.d.ts +3 -0
  213. package/dist/utils/make-marker-ids-unique.d.ts.map +1 -0
  214. package/dist/utils/make-marker-ids-unique.js +42 -0
  215. package/dist/utils/render-as-child.d.ts +4 -0
  216. package/dist/utils/render-as-child.d.ts.map +1 -0
  217. package/dist/utils/shiki/code-styling.d.ts +12 -0
  218. package/dist/utils/shiki/code-styling.d.ts.map +1 -0
  219. package/dist/utils/shiki/constants.d.ts +23 -0
  220. package/dist/utils/shiki/constants.d.ts.map +1 -0
  221. package/dist/utils/shiki/get-code-styling.d.ts +10 -0
  222. package/dist/utils/shiki/get-code-styling.d.ts.map +1 -0
  223. package/dist/utils/shiki/get-shiki-background-colors.d.ts +21 -0
  224. package/dist/utils/shiki/get-shiki-background-colors.d.ts.map +1 -0
  225. package/dist/utils/shiki/index.d.ts +31 -0
  226. package/dist/utils/shiki/index.d.ts.map +1 -0
  227. package/dist/utils/shiki/lib.d.ts +6 -0
  228. package/dist/utils/shiki/lib.d.ts.map +1 -0
  229. package/dist/utils/shiki/shiki-themes.d.ts +3 -0
  230. package/dist/utils/shiki/shiki-themes.d.ts.map +1 -0
  231. package/dist/utils/shiki/snippet-presets.d.ts +28 -0
  232. package/dist/utils/shiki/snippet-presets.d.ts.map +1 -0
  233. package/dist/utils/shiki/worker-client.d.ts +10 -0
  234. package/dist/utils/shiki/worker-client.d.ts.map +1 -0
  235. package/dist/utils/slugify.d.ts +3 -0
  236. package/dist/utils/slugify.d.ts.map +1 -0
  237. package/package.json +4 -2
@@ -0,0 +1,21 @@
1
+ import { ReactNode, RefObject } from 'react';
2
+ type ExpandableProps = {
3
+ title?: string;
4
+ defaultOpen?: boolean;
5
+ onChange?: (open: boolean) => void;
6
+ lazy?: boolean;
7
+ className?: string;
8
+ children?: ReactNode;
9
+ uniqueParamId?: string;
10
+ onMount?: () => void;
11
+ onOpen?: () => void;
12
+ onClose?: () => void;
13
+ openedText?: string;
14
+ closedText?: string;
15
+ hasScrolledToAnchorRef?: RefObject<boolean>;
16
+ anchor?: string;
17
+ };
18
+ declare const Expandable: ({ title, defaultOpen, onChange: onChangeProp, lazy, className, children, uniqueParamId, onMount, onOpen, onClose, openedText, closedText, hasScrolledToAnchorRef, anchor, }: ExpandableProps) => import("react/jsx-runtime").JSX.Element;
19
+ export { Expandable };
20
+ export type { ExpandableProps };
21
+ //# sourceMappingURL=expandable.d.ts.map
@@ -0,0 +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"}
@@ -1,74 +1,74 @@
1
1
  import { jsxs as p, jsx as x } from "react/jsx-runtime";
2
- import { useState as u, useLayoutEffect as j, useEffect as z, useId as B } from "react";
2
+ import { useState as u, useLayoutEffect as j, useEffect as B, useId as z } from "react";
3
3
  import { Classes as H } from "../../constants/selectors.js";
4
4
  import { useExpandableMemory as I } from "../../hooks/use-expandable-memory.js";
5
- import { cn as a } from "../../utils/cn.js";
5
+ import { cn as r } from "../../utils/cn.js";
6
6
  import { Icon as G } from "../icon/icon.js";
7
- const y = "expandable-content", J = "Hide", K = "Show", Q = "child attributes", P = ({
8
- title: s = Q,
9
- defaultOpen: n = !1,
10
- onChange: g,
11
- lazy: N,
12
- className: T,
13
- children: L,
14
- uniqueParamId: r,
15
- onMount: o,
7
+ const N = "expandable-content", J = "Hide", K = "Show", Q = "child attributes", P = ({
8
+ title: n = Q,
9
+ defaultOpen: o = !1,
10
+ onChange: b,
11
+ lazy: T,
12
+ className: L,
13
+ children: v,
14
+ uniqueParamId: s,
15
+ onMount: a,
16
16
  onOpen: d,
17
17
  onClose: c,
18
- openedText: v = J,
19
- closedText: _ = K,
18
+ openedText: _ = J,
19
+ closedText: k = K,
20
20
  hasScrolledToAnchorRef: i,
21
21
  anchor: l
22
22
  }) => {
23
- const b = !!r, {
24
- ref: k,
25
- isExpanded: D,
26
- onManualToggle: S,
27
- isInSessionStorage: w
28
- } = I(r || "", n), [A, F] = u(n), U = !!(r && (l != null && l.includes(r))) && !(i != null && i.current), e = b ? (
23
+ const f = !!s, {
24
+ ref: D,
25
+ isExpanded: S,
26
+ onManualToggle: w,
27
+ isInSessionStorage: A
28
+ } = I(s || "", o), [y, F] = u(o), U = !!(s && (l != null && l.includes(s))) && !(i != null && i.current), e = f ? (
29
29
  // biome-ignore lint/style/noNestedTernary: TODO
30
30
  U ? !0 : (
31
31
  // biome-ignore lint/style/noNestedTernary: TODO
32
- w ? D : n
32
+ A ? S : o
33
33
  )
34
- ) : A, [m, f] = u(
35
- e || !N
34
+ ) : y, [m, E] = u(
35
+ e || !T
36
36
  );
37
37
  j(() => {
38
- e && !m && f(!0);
39
- }, [e, m]), z(() => {
40
- o == null || o();
38
+ e && !m && E(!0);
39
+ }, [e, m]), B(() => {
40
+ a == null || a();
41
41
  }, []);
42
42
  const C = (t) => {
43
- f(!0), g && g(t), t ? d == null || d() : c == null || c();
43
+ E(!0), b && b(t), t ? d == null || d() : c == null || c();
44
44
  }, X = (t) => {
45
- b ? S(t) : F(t), C(t);
46
- }, $ = B(), E = `${s}-${$}-content`.replace(/\s+/g, "-");
45
+ f ? w(t) : F(t), C(t);
46
+ }, $ = z(), g = `${n}-${$}-content`.replace(/\s+/g, "-");
47
47
  return /* @__PURE__ */ p(
48
48
  "details",
49
49
  {
50
- className: a(
50
+ className: r(
51
51
  H.Expandable,
52
52
  "mt-4 rounded-xl border-standard",
53
- T
53
+ L
54
54
  ),
55
55
  "data-component-part": "expandable",
56
- "data-testid": r ? `${r}-children` : void 0,
56
+ "data-testid": s ? `${s}-children` : void 0,
57
57
  onToggle: (t) => {
58
58
  const h = t.currentTarget.open;
59
59
  h !== e && X(h);
60
60
  },
61
61
  open: e,
62
- ref: k,
62
+ ref: D,
63
63
  children: [
64
64
  /* @__PURE__ */ p(
65
65
  "summary",
66
66
  {
67
- "aria-controls": E,
67
+ "aria-controls": g,
68
68
  "aria-expanded": e,
69
- className: a(
69
+ className: r(
70
70
  "not-prose flex w-full cursor-pointer flex-row content-center items-center text-sm",
71
- "rounded-t-xl px-3.5 py-3 text-gray-600 hover:bg-gray-50/50 hover:text-gray-900 dark:text-gray-300 dark:hover:bg-white/5 dark:hover:text-gray-200",
71
+ "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",
72
72
  "list-none [&::-webkit-details-marker]:hidden",
73
73
  !e && "rounded-b-xl"
74
74
  ),
@@ -77,8 +77,8 @@ const y = "expandable-content", J = "Hide", K = "Show", Q = "child attributes",
77
77
  /* @__PURE__ */ x(
78
78
  G,
79
79
  {
80
- className: a(
81
- "size-2.5 bg-zinc-400 transition-transform",
80
+ className: r(
81
+ "size-2.5 bg-stone-400 transition-transform",
82
82
  e && "rotate-90"
83
83
  ),
84
84
  "data-component-part": "expandable-icon",
@@ -86,9 +86,9 @@ const y = "expandable-content", J = "Hide", K = "Show", Q = "child attributes",
86
86
  }
87
87
  ),
88
88
  /* @__PURE__ */ x("div", { className: "ml-3 text-left leading-tight", children: /* @__PURE__ */ p("p", { className: "m-0", contentEditable: !1, children: [
89
- e ? v : _,
89
+ e ? _ : k,
90
90
  " ",
91
- s
91
+ n
92
92
  ] }) })
93
93
  ]
94
94
  }
@@ -96,18 +96,18 @@ const y = "expandable-content", J = "Hide", K = "Show", Q = "child attributes",
96
96
  /* @__PURE__ */ x(
97
97
  "div",
98
98
  {
99
- className: a(
100
- y,
101
- "mx-3 border-gray-100 border-t px-2 dark:border-white/10"
99
+ className: r(
100
+ N,
101
+ "mx-3 border-stone-100 border-t px-2 dark:border-white/10"
102
102
  ),
103
- "data-component-part": y,
104
- id: E,
105
- children: m && L
103
+ "data-component-part": N,
104
+ id: g,
105
+ children: m && v
106
106
  }
107
107
  )
108
108
  ]
109
109
  },
110
- s
110
+ n
111
111
  );
112
112
  };
113
113
  export {
@@ -0,0 +1,3 @@
1
+ export type { ExpandableProps } from './expandable';
2
+ export { Expandable } from './expandable';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/expandable/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -0,0 +1,14 @@
1
+ import { CSSProperties, ReactNode } from 'react';
2
+ type FrameProps = {
3
+ as: "div";
4
+ style: CSSProperties;
5
+ className: string;
6
+ children: ReactNode;
7
+ title?: string;
8
+ description?: string;
9
+ renderDescription?: (description: string) => ReactNode;
10
+ };
11
+ declare const Frame: ({ as: Component, title, description, renderDescription, style, className, children, }: FrameProps) => import("react/jsx-runtime").JSX.Element;
12
+ export { Frame };
13
+ export type { FrameProps };
14
+ //# sourceMappingURL=frame.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"frame.d.ts","sourceRoot":"","sources":["../../../src/components/frame/frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,KAAK,UAAU,GAAG;IAChB,EAAE,EAAE,KAAK,CAAC;IACV,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,SAAS,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,KAAK,GAAI,uFAQZ,UAAU,4CA6DZ,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
@@ -1,47 +1,47 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import { Classes as m } from "../../constants/selectors.js";
3
3
  import { cn as d } from "../../utils/cn.js";
4
4
  import { enhanceVideoProps as p } from "../../utils/enhance-video-props.js";
5
- const x = ({
6
- as: i = "div",
7
- title: t,
5
+ const g = ({
6
+ as: o = "div",
7
+ title: r,
8
8
  description: n,
9
- renderDescription: o = (a) => /* @__PURE__ */ e("p", { children: a }),
10
- style: s,
9
+ renderDescription: s = (t) => /* @__PURE__ */ e("p", { children: t }),
10
+ style: i,
11
11
  className: l,
12
12
  children: c
13
13
  }) => {
14
- const a = p(c);
15
- return /* @__PURE__ */ r("div", { className: l, "data-component-part": "frame-container", children: [
16
- t && /* @__PURE__ */ r("div", { className: "not-prose mb-4 flex items-center space-x-2", children: [
14
+ const t = p(c);
15
+ return /* @__PURE__ */ a("div", { className: l, "data-component-part": "frame-container", children: [
16
+ r && /* @__PURE__ */ a("div", { className: "not-prose mb-4 flex items-center space-x-2", children: [
17
17
  /* @__PURE__ */ e(
18
18
  "svg",
19
19
  {
20
20
  "aria-hidden": "true",
21
- className: "size-4 flex-none fill-gray-400 dark:fill-gray-300",
21
+ className: "size-4 flex-none fill-stone-400 dark:fill-stone-300",
22
22
  viewBox: "0 0 512 512",
23
23
  xmlns: "http://www.w3.org/2000/svg",
24
24
  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" })
25
25
  }
26
26
  ),
27
- /* @__PURE__ */ e("p", { className: "font-medium text-gray-700 text-sm dark:text-gray-200", children: t })
27
+ /* @__PURE__ */ e("p", { className: "font-medium text-sm text-stone-700 dark:text-stone-200", children: r })
28
28
  ] }),
29
- /* @__PURE__ */ r(
30
- i,
29
+ /* @__PURE__ */ a(
30
+ o,
31
31
  {
32
32
  className: d(
33
33
  m.Frame,
34
- "not-prose relative overflow-hidden rounded-2xl bg-gray-50/50 p-2 dark:bg-gray-800/25"
34
+ "not-prose relative overflow-hidden rounded-2xl bg-stone-50/50 p-2 dark:bg-stone-800/25"
35
35
  ),
36
36
  "data-component-part": "frame",
37
37
  "data-name": "frame",
38
- style: s,
38
+ style: i,
39
39
  children: [
40
40
  /* @__PURE__ */ e(
41
41
  "div",
42
42
  {
43
43
  "aria-hidden": "true",
44
- 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",
44
+ 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",
45
45
  "data-component-part": "frame-background-pattern",
46
46
  style: { backgroundPosition: "10px 10px" }
47
47
  }
@@ -49,18 +49,18 @@ const x = ({
49
49
  /* @__PURE__ */ e(
50
50
  "div",
51
51
  {
52
- className: "relative flex w-full justify-center overflow-hidden rounded-xl bg-white dark:bg-gray-800",
52
+ className: "relative flex w-full justify-center overflow-hidden rounded-xl bg-white dark:bg-stone-800",
53
53
  "data-component-part": "frame-content",
54
- children: a
54
+ children: t
55
55
  }
56
56
  ),
57
57
  n && /* @__PURE__ */ e(
58
58
  "div",
59
59
  {
60
- 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",
60
+ 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",
61
61
  contentEditable: !1,
62
62
  "data-component-part": "frame-description",
63
- children: o(n)
63
+ children: s(n)
64
64
  }
65
65
  ),
66
66
  /* @__PURE__ */ e(
@@ -79,5 +79,5 @@ const x = ({
79
79
  ] });
80
80
  };
81
81
  export {
82
- x as Frame
82
+ g as Frame
83
83
  };
@@ -0,0 +1,3 @@
1
+ export type { FrameProps } from './frame';
2
+ export { Frame } from './frame';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,19 @@
1
+ import { IconLibrary, IconType, PageType } from '../../utils/icon-utils';
2
+ type IconProps = {
3
+ icon: string;
4
+ iconType?: IconType;
5
+ className?: string;
6
+ color?: string;
7
+ colorLight?: string;
8
+ colorDark?: string;
9
+ overrideColor?: boolean;
10
+ size?: number;
11
+ overrideSize?: boolean;
12
+ iconLibrary?: IconLibrary;
13
+ basePath?: string;
14
+ pageType?: PageType;
15
+ };
16
+ declare const Icon: ({ icon, iconType, color, colorLight, colorDark, size, className, iconLibrary, basePath, pageType, overrideColor, overrideSize, }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
17
+ export { Icon };
18
+ export type { IconProps };
19
+ //# sourceMappingURL=icon.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -1,13 +1,13 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import { MINTLIFY_ICONS_CDN_URL as W } from "../../constants/index.js";
3
- import { Classes as C } from "../../constants/selectors.js";
2
+ import { MINTLIFY_ICONS_CDN_URL as C } from "../../constants/index.js";
3
+ import { Classes as N } from "../../constants/selectors.js";
4
4
  import { cn as i } from "../../utils/cn.js";
5
- import { getIconUrl as N, ICON_TYPES as M } from "../../utils/icon-utils.js";
5
+ import { getIconUrl as y, ICON_TYPES as M } from "../../utils/icon-utils.js";
6
6
  import { isAbsoluteUrl as $ } from "../../utils/is-absolute-url.js";
7
7
  const w = ({
8
8
  icon: t,
9
- iconType: e,
10
- color: r,
9
+ iconType: a,
10
+ color: s,
11
11
  colorLight: g,
12
12
  colorDark: p,
13
13
  size: k,
@@ -16,29 +16,29 @@ const w = ({
16
16
  basePath: c,
17
17
  pageType: h,
18
18
  overrideColor: l,
19
- overrideSize: y
19
+ overrideSize: I
20
20
  }) => {
21
21
  const b = {
22
- ...!y && { width: k || 16, height: k || 16 },
22
+ ...!I && { width: k || 16, height: k || 16 },
23
23
  display: "inline-block",
24
24
  verticalAlign: "middle"
25
- }, a = g && p, s = a ? {
25
+ }, e = g && p, r = e ? {
26
26
  ...b,
27
27
  "--color-light": g,
28
28
  "--color-dark": p
29
29
  } : b, o = i(
30
- C.Icon,
30
+ N.Icon,
31
31
  "inline",
32
- !(r || a || l) && "bg-primary dark:bg-primary-light",
33
- a && "bg-(--color-light) dark:bg-(--color-dark)",
32
+ !(s || e || l) && "bg-primary dark:bg-primary-light",
33
+ e && "bg-(--color-light) dark:bg-(--color-dark)",
34
34
  f
35
- ), I = h === "pdf", m = N(t.toLowerCase(), e, d);
36
- if (e && !M.includes(e))
35
+ ), W = h === "pdf", m = y(t.toLowerCase(), a, d);
36
+ if (a && !M.includes(a))
37
37
  return console.log(
38
- `Invalid iconType ${e} expected a string equal to one of: brands, duotone, light, regular, sharp-solid, solid, thin`
38
+ `Invalid iconType ${a} expected a string equal to one of: brands, duotone, light, regular, sharp-solid, solid, thin`
39
39
  ), null;
40
40
  if (typeof t == "string" && ($(t) || t.startsWith("/"))) {
41
- if (t.startsWith(W) || t.startsWith("https://mintlify.b-cdn.net"))
41
+ if (t.startsWith(C) || t.startsWith("https://mintlify.b-cdn.net"))
42
42
  return /* @__PURE__ */ n(
43
43
  "svg",
44
44
  {
@@ -52,8 +52,8 @@ const w = ({
52
52
  maskRepeat: "no-repeat",
53
53
  maskPosition: "center",
54
54
  maskSize: "100%",
55
- ...!a && { backgroundColor: "currentColor" },
56
- ...s
55
+ ...!e && { backgroundColor: "currentColor" },
56
+ ...r
57
57
  }
58
58
  }
59
59
  );
@@ -66,11 +66,11 @@ const w = ({
66
66
  className: i(o, "bg-transparent dark:bg-transparent"),
67
67
  "data-component-part": "icon-image",
68
68
  src: u,
69
- style: s
69
+ style: r
70
70
  }
71
71
  );
72
72
  }
73
- return I ? (
73
+ return W ? (
74
74
  // biome-ignore lint/correctness/useImageSize: TODO
75
75
  /* @__PURE__ */ n(
76
76
  "img",
@@ -78,13 +78,13 @@ const w = ({
78
78
  alt: t,
79
79
  className: i(
80
80
  o,
81
- !(r || l || a) && "bg-gray-800 dark:bg-gray-100"
81
+ !(s || l || e) && "bg-stone-800 dark:bg-stone-100"
82
82
  ),
83
83
  "data-component-part": "icon-image",
84
84
  src: m,
85
85
  style: {
86
86
  backgroundColor: "transparent",
87
- ...s
87
+ ...r
88
88
  }
89
89
  }
90
90
  )
@@ -93,7 +93,7 @@ const w = ({
93
93
  {
94
94
  className: i(
95
95
  o,
96
- !(r || l || a) && "bg-gray-800 dark:bg-gray-100"
96
+ !(s || l || e) && "bg-stone-800 dark:bg-stone-100"
97
97
  ),
98
98
  "data-component-part": "icon-svg",
99
99
  style: {
@@ -104,8 +104,8 @@ const w = ({
104
104
  maskRepeat: "no-repeat",
105
105
  maskPosition: "center",
106
106
  maskSize: d === "lucide" ? "100%" : void 0,
107
- backgroundColor: r,
108
- ...s
107
+ backgroundColor: s,
108
+ ...r
109
109
  }
110
110
  }
111
111
  );
@@ -0,0 +1,3 @@
1
+ export type { IconProps } from './icon';
2
+ export { Icon } from './icon';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,22 @@
1
+ export * from './accordion';
2
+ export * from './badge';
3
+ export * from './callout';
4
+ export * from './card';
5
+ export * from './code-block';
6
+ export * from './code-group';
7
+ export * from './color';
8
+ export * from './columns';
9
+ export * from './expandable';
10
+ export * from './frame';
11
+ export * from './icon';
12
+ export * from './mermaid';
13
+ export * from './panel';
14
+ export * from './property';
15
+ export * from './steps';
16
+ export * from './tabs';
17
+ export * from './tile';
18
+ export * from './tooltip';
19
+ export * from './tree';
20
+ export * from './update';
21
+ export * from './view';
22
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,7 @@
1
+ export type { MermaidProps } from './mermaid';
2
+ export { Mermaid } from './mermaid';
3
+ export type { UsePanZoomReturn } from './use-pan-zoom';
4
+ export { usePanZoom } from './use-pan-zoom';
5
+ export type { ZoomControlsProps } from './zoom-controls';
6
+ export { ZoomControls } from './zoom-controls';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,12 @@
1
+ type MermaidPlacement = "top-left" | "top-right" | "bottom-left" | "bottom-right";
2
+ type MermaidProps = {
3
+ chart: string;
4
+ className?: string;
5
+ ariaLabel?: string;
6
+ placement?: MermaidPlacement;
7
+ actions?: boolean;
8
+ };
9
+ declare const Mermaid: ({ chart, className, ariaLabel, placement, actions, }: MermaidProps) => import("react/jsx-runtime").JSX.Element;
10
+ export { Mermaid };
11
+ export type { MermaidProps, MermaidPlacement };
12
+ //# sourceMappingURL=mermaid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mermaid.d.ts","sourceRoot":"","sources":["../../../src/components/mermaid/mermaid.tsx"],"names":[],"mappings":"AAYA,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,4CAiJd,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC"}