@xyd-js/components 0.1.0-xyd.11 → 0.1.0-xyd.13

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 (256) hide show
  1. package/.idea/git_toolbox_blame.xml +6 -0
  2. package/.idea/modules.xml +8 -0
  3. package/.idea/vcs.xml +6 -0
  4. package/.idea/xyd-components.iml +12 -0
  5. package/CHANGELOG.md +16 -0
  6. package/TODO.md +1 -0
  7. package/content.ts +0 -2
  8. package/dist/CTABanner-BD4wweO5.js +2 -0
  9. package/dist/CTABanner-BD4wweO5.js.map +1 -0
  10. package/dist/CTABanner-DLG0_gv8.js +2 -0
  11. package/dist/CTABanner-DLG0_gv8.js.map +1 -0
  12. package/dist/CTABanner-DpPtA-FL.js +2 -0
  13. package/dist/CTABanner-DpPtA-FL.js.map +1 -0
  14. package/dist/CodeSample--qfqZ1hL.js +2 -0
  15. package/dist/CodeSample--qfqZ1hL.js.map +1 -0
  16. package/dist/CodeSample-CqFaFwwz.js +2 -0
  17. package/dist/CodeSample-CqFaFwwz.js.map +1 -0
  18. package/dist/CodeSample-GbqwRbcO.js +2 -0
  19. package/dist/CodeSample-GbqwRbcO.js.map +1 -0
  20. package/dist/HomeView-BZdY0g_7.js +2 -0
  21. package/dist/{HomeView-DHdqouwJ.js.map → HomeView-BZdY0g_7.js.map} +1 -1
  22. package/dist/HomeView-C_mEMzjV.js +2 -0
  23. package/dist/{HomeView-TDx2tcP_.js.map → HomeView-C_mEMzjV.js.map} +1 -1
  24. package/dist/HomeView-RATm-3zT.js +2 -0
  25. package/dist/HomeView-RATm-3zT.js.map +1 -0
  26. package/dist/Icon-BkXdTctK.js +2 -0
  27. package/dist/Icon-BkXdTctK.js.map +1 -0
  28. package/dist/Icon-BoKcRZAF.js +2 -0
  29. package/dist/Icon-BoKcRZAF.js.map +1 -0
  30. package/dist/Icon-CouPZRkJ.js +2 -0
  31. package/dist/Icon-CouPZRkJ.js.map +1 -0
  32. package/dist/Text-B-E3eaWW.js +2 -0
  33. package/dist/Text-B-E3eaWW.js.map +1 -0
  34. package/dist/Text-B5Ba_pci.js +2 -0
  35. package/dist/Text-B5Ba_pci.js.map +1 -0
  36. package/dist/Text-QH4jjPUM.js +2 -0
  37. package/dist/Text-QH4jjPUM.js.map +1 -0
  38. package/dist/Update-BlhP2VFR.js +2 -0
  39. package/dist/Update-BlhP2VFR.js.map +1 -0
  40. package/dist/Update-CMM38Snc.js +2 -0
  41. package/dist/Update-CMM38Snc.js.map +1 -0
  42. package/dist/Update-D5e_yqty.js +2 -0
  43. package/dist/Update-D5e_yqty.js.map +1 -0
  44. package/dist/VideoGuide-C5aW4OXW.js +2 -0
  45. package/dist/VideoGuide-C5aW4OXW.js.map +1 -0
  46. package/dist/VideoGuide-CoQXlHjQ.js +2 -0
  47. package/dist/VideoGuide-CoQXlHjQ.js.map +1 -0
  48. package/dist/VideoGuide-CwkedH8b.js +2 -0
  49. package/dist/VideoGuide-CwkedH8b.js.map +1 -0
  50. package/dist/_rollupPluginBabelHelpers-9wcO9jN6.js +4 -0
  51. package/dist/_rollupPluginBabelHelpers-9wcO9jN6.js.map +1 -0
  52. package/dist/_rollupPluginBabelHelpers-CiqSP2w-.js +4 -0
  53. package/dist/_rollupPluginBabelHelpers-CiqSP2w-.js.map +1 -0
  54. package/dist/_rollupPluginBabelHelpers-DmvUE1MU.js +4 -0
  55. package/dist/_rollupPluginBabelHelpers-DmvUE1MU.js.map +1 -0
  56. package/dist/brand.js +1 -1
  57. package/dist/brand.js.map +1 -1
  58. package/dist/coder/themes/cosmo-light.js.map +1 -1
  59. package/dist/coder.d.ts +32 -10
  60. package/dist/coder.js +1 -1
  61. package/dist/coder.js.map +1 -1
  62. package/dist/content.d.ts +264 -201
  63. package/dist/content.js +1 -1
  64. package/dist/content.js.map +1 -1
  65. package/dist/index.css +260 -210
  66. package/dist/layouts.d.ts +20 -21
  67. package/dist/layouts.js +1 -1
  68. package/dist/layouts.js.map +1 -1
  69. package/dist/pages.js +1 -1
  70. package/dist/pages.js.map +1 -1
  71. package/dist/system.d.ts +10 -0
  72. package/dist/system.js +2 -0
  73. package/dist/system.js.map +1 -0
  74. package/dist/tslib.es6-Bb9zBh0L.js +2 -0
  75. package/dist/{tslib.es6-BI9zka_a.js.map → tslib.es6-Bb9zBh0L.js.map} +1 -1
  76. package/dist/tslib.es6-Bd9lzVn6.js +2 -0
  77. package/dist/{tslib.es6-sxmRJynD.js.map → tslib.es6-Bd9lzVn6.js.map} +1 -1
  78. package/dist/tslib.es6-DwnOrHRg.js +2 -0
  79. package/dist/tslib.es6-DwnOrHRg.js.map +1 -0
  80. package/dist/views.js +1 -1
  81. package/dist/writer.d.ts +409 -77
  82. package/dist/writer.js +1 -1
  83. package/dist/writer.js.map +1 -1
  84. package/docs/.nojekyll +1 -0
  85. package/docs/assets/hierarchy.js +1 -0
  86. package/docs/assets/highlight.css +22 -0
  87. package/docs/assets/icons.js +18 -0
  88. package/docs/assets/icons.svg +1 -0
  89. package/docs/assets/main.js +60 -0
  90. package/docs/assets/navigation.js +1 -0
  91. package/docs/assets/search.js +1 -0
  92. package/docs/assets/style.css +1640 -0
  93. package/docs/functions/GuideCard.html +6 -0
  94. package/docs/hierarchy.html +1 -0
  95. package/docs/index.html +2 -0
  96. package/docs/interfaces/GuideCardProps.html +18 -0
  97. package/docs/modules.html +1 -0
  98. package/index.ts +0 -1
  99. package/package.json +10 -6
  100. package/project.json +677 -0
  101. package/rollup.config.js +30 -20
  102. package/src/brand/Button/Button.styles.tsx +0 -3
  103. package/src/brand/CTABanner/CTABanner.styles.tsx +2 -4
  104. package/src/brand/Footer/Footer.styles.tsx +0 -3
  105. package/src/coder/Code/Code.styles.tsx +132 -33
  106. package/src/coder/Code/Code.tsx +129 -38
  107. package/src/coder/Code/CodeLoader.tsx +3 -3
  108. package/src/coder/Code/annotations.tsx +28 -8
  109. package/src/coder/Code/highlight.ts +38 -0
  110. package/src/coder/Code/index.ts +2 -1
  111. package/src/coder/CodeCopy/CodeCopy.styles.tsx +13 -11
  112. package/src/coder/CodeCopy/CodeCopy.tsx +5 -3
  113. package/src/coder/CodeSample/CodeSample.tsx +83 -27
  114. package/src/coder/CodeTabs/CodeTabs.styles.tsx +111 -94
  115. package/src/coder/CodeTabs/CodeTabs.tsx +69 -51
  116. package/src/coder/CodeTheme/CodeTheme.tsx +89 -49
  117. package/src/coder/CodeTheme/index.ts +0 -1
  118. package/src/coder/CoderProvider.tsx +26 -0
  119. package/src/coder/index.ts +8 -4
  120. package/src/content/ContentDecoator.styles.tsx +113 -0
  121. package/src/content/ContentDecorator.tsx +17 -0
  122. package/src/content/GridDecorator.styles.tsx +67 -0
  123. package/src/content/GridDecorator.tsx +21 -0
  124. package/src/content/ReactContent.tsx +575 -0
  125. package/src/content/index.ts +10 -2
  126. package/src/icons/index.ts +0 -0
  127. package/src/kit/Loader/Loader.styles.tsx +53 -0
  128. package/src/kit/Loader/Loader.tsx +22 -0
  129. package/src/kit/index.ts +1 -0
  130. package/src/layouts/LayoutPrimary/LayoutPrimary.styles.tsx +270 -306
  131. package/src/layouts/LayoutPrimary/LayoutPrimary.tsx +171 -91
  132. package/src/layouts/LayoutPrimary/index.ts +0 -2
  133. package/src/layouts/index.ts +0 -7
  134. package/src/system/SearchButton/SearchButton.styles.tsx +86 -0
  135. package/src/system/SearchButton/SearchButton.tsx +116 -0
  136. package/src/system/SearchButton/index.ts +1 -0
  137. package/src/system/index.ts +1 -0
  138. package/src/writer/Anchor/Anchor.styles.tsx +11 -0
  139. package/src/{content → writer}/Anchor/Anchor.tsx +20 -22
  140. package/src/writer/Anchor/index.tsx +1 -0
  141. package/src/writer/Badge/Badge.styles.tsx +37 -27
  142. package/src/writer/Badge/Badge.tsx +34 -48
  143. package/src/writer/Banner/Banner.styles.tsx +91 -0
  144. package/src/writer/Banner/Banner.tsx +70 -0
  145. package/src/writer/Banner/index.ts +1 -0
  146. package/src/writer/Blockquote/Blockquote.styles.tsx +6 -4
  147. package/src/writer/Blockquote/Blockquote.tsx +5 -2
  148. package/src/writer/Breadcrumbs/Breadcrumbs.styles.ts +25 -25
  149. package/src/writer/Breadcrumbs/Breadcrumbs.tsx +18 -12
  150. package/src/writer/Button/Button.styles.tsx +137 -0
  151. package/src/writer/Button/Button.tsx +75 -0
  152. package/src/writer/Button/index.ts +2 -0
  153. package/src/writer/Callout/Callout.styles.tsx +35 -42
  154. package/src/writer/Callout/Callout.tsx +30 -15
  155. package/src/writer/Card/Card.styles.tsx +47 -0
  156. package/src/writer/Card/Card.tsx +69 -0
  157. package/src/writer/Card/index.ts +1 -0
  158. package/src/writer/Code/Code.styles.tsx +12 -11
  159. package/src/writer/Code/Code.tsx +6 -3
  160. package/src/writer/ColorSchemeButton/ColorSchemeButton.tsx +172 -0
  161. package/src/writer/ColorSchemeButton/index.ts +1 -0
  162. package/src/writer/Details/Details.styles.tsx +87 -98
  163. package/src/writer/Details/Details.tsx +65 -44
  164. package/src/writer/Example/index.tsx +5 -0
  165. package/src/writer/GuideCard/GuideCard.styles.tsx +100 -103
  166. package/src/writer/GuideCard/GuideCard.tsx +72 -37
  167. package/src/writer/Heading/Heading.styles.tsx +76 -60
  168. package/src/writer/Heading/Heading.tsx +92 -22
  169. package/src/writer/Hr/Hr.styles.tsx +3 -1
  170. package/src/writer/Hr/Hr.tsx +2 -5
  171. package/src/writer/Icon/Icon.tsx +48 -0
  172. package/src/writer/Icon/index.ts +1 -0
  173. package/src/writer/Image/Image.styles.tsx +9 -0
  174. package/src/writer/Image/Image.tsx +19 -0
  175. package/src/writer/Image/index.ts +1 -0
  176. package/src/writer/List/List.styles.tsx +47 -0
  177. package/src/writer/List/List.tsx +29 -0
  178. package/src/writer/List/index.ts +4 -0
  179. package/src/writer/NavLinks/NavLinks.styles.ts +26 -26
  180. package/src/writer/NavLinks/NavLinks.tsx +65 -18
  181. package/src/writer/Pre/Pre.styles.tsx +8 -6
  182. package/src/writer/Pre/Pre.tsx +3 -2
  183. package/src/writer/Steps/Steps.styles.tsx +27 -24
  184. package/src/writer/Steps/Steps.tsx +38 -8
  185. package/src/writer/Table/Table.styles.tsx +65 -34
  186. package/src/writer/Table/Table.tsx +121 -11
  187. package/src/writer/Table/index.ts +0 -11
  188. package/src/writer/Tabs/Tabs.styles.tsx +51 -55
  189. package/src/writer/Tabs/Tabs.tsx +30 -23
  190. package/src/writer/Text/Text.styles.tsx +66 -0
  191. package/src/writer/Text/Text.tsx +79 -0
  192. package/src/writer/Text/index.ts +3 -0
  193. package/src/writer/TocCard/TocCard.module.css +44 -0
  194. package/src/writer/TocCard/TocCard.tsx +42 -0
  195. package/src/writer/TocCard/index.ts +3 -0
  196. package/src/writer/UnderlineNav/Tabs.tsx +51 -0
  197. package/src/writer/UnderlineNav/TabsPrimary.styles.tsx +184 -0
  198. package/src/writer/UnderlineNav/TabsPrimary.tsx +209 -0
  199. package/src/writer/UnderlineNav/TabsSecondary.styles.tsx +77 -0
  200. package/src/writer/UnderlineNav/TabsSecondary.tsx +171 -0
  201. package/src/writer/UnderlineNav/UnderlineNav.styles.tsx +165 -31
  202. package/src/writer/UnderlineNav/UnderlineNav.tsx +257 -22
  203. package/src/writer/UnderlineNav/index.ts +2 -1
  204. package/src/writer/UnderlineNav/useValueChange.ts +60 -0
  205. package/src/writer/Update/Update.styles.tsx +33 -0
  206. package/src/writer/Update/Update.tsx +37 -0
  207. package/src/writer/Update/index.ts +1 -0
  208. package/src/writer/VideoGuide/VideoGuide.module.css +105 -0
  209. package/src/writer/VideoGuide/VideoGuide.tsx +75 -0
  210. package/src/writer/VideoGuide/index.ts +1 -0
  211. package/src/writer/index.ts +23 -1
  212. package/tsconfig.json +9 -3
  213. package/types.d.ts +50 -0
  214. package/writer.ts +1 -1
  215. package/dist/CTABanner-BLDHbq5h.js +0 -2
  216. package/dist/CTABanner-BLDHbq5h.js.map +0 -1
  217. package/dist/CTABanner-n3vc4xW5.js +0 -2
  218. package/dist/CTABanner-n3vc4xW5.js.map +0 -1
  219. package/dist/CodeSample-CVki5fdQ.js +0 -2
  220. package/dist/CodeSample-CVki5fdQ.js.map +0 -1
  221. package/dist/CodeSample-Dkob5gWa.js +0 -2
  222. package/dist/CodeSample-Dkob5gWa.js.map +0 -1
  223. package/dist/HomeView-DHdqouwJ.js +0 -2
  224. package/dist/HomeView-TDx2tcP_.js +0 -2
  225. package/dist/UnderlineNav-9lJPvnIp.js +0 -2
  226. package/dist/UnderlineNav-9lJPvnIp.js.map +0 -1
  227. package/dist/UnderlineNav-VqB7jDQD.js +0 -2
  228. package/dist/UnderlineNav-VqB7jDQD.js.map +0 -1
  229. package/dist/_rollupPluginBabelHelpers-C8nLsqZ7.js +0 -2
  230. package/dist/_rollupPluginBabelHelpers-C8nLsqZ7.js.map +0 -1
  231. package/dist/_rollupPluginBabelHelpers-CrdNG0jb.js +0 -2
  232. package/dist/_rollupPluginBabelHelpers-CrdNG0jb.js.map +0 -1
  233. package/dist/index-TkBHKzGT.js +0 -2
  234. package/dist/index-TkBHKzGT.js.map +0 -1
  235. package/dist/index-YH6Q3iH2.js +0 -2
  236. package/dist/index-YH6Q3iH2.js.map +0 -1
  237. package/dist/tslib.es6-BI9zka_a.js +0 -2
  238. package/dist/tslib.es6-sxmRJynD.js +0 -2
  239. package/src/content/Anchor/Anchor.styles.tsx +0 -5
  240. package/src/content/Anchor/index.tsx +0 -3
  241. package/src/content/Content/Content.styles.tsx +0 -9
  242. package/src/content/Content/Content.tsx +0 -13
  243. package/src/content/Content/index.tsx +0 -3
  244. package/src/content/Content.tsx +0 -179
  245. package/src/content/Subtitle/Subtitle.styles.ts +0 -8
  246. package/src/content/Subtitle/Subtitle.tsx +0 -12
  247. package/src/content/Subtitle/index.tsx +0 -3
  248. package/src/layouts/Layout.styles.tsx +0 -155
  249. package/src/layouts/Layout.tsx +0 -119
  250. package/src/ui/Loader/Loader.styles.tsx +0 -54
  251. package/src/ui/Loader/Loader.tsx +0 -26
  252. package/src/ui/index.ts +0 -1
  253. package/src/writer/Icon/index.tsx +0 -355
  254. package/src/writer/Table/TableV2.styles.tsx +0 -117
  255. package/src/writer/Table/TableV2.tsx +0 -83
  256. /package/src/{ui → kit}/TODO.md +0 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tslib.es6-DwnOrHRg.js","sources":["../../../node_modules/.pnpm/@rollup+plugin-typescript@12.1.3_rollup@4.44.0_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise, SuppressedError, Symbol, Iterator */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === \"function\" ? Iterator : Object).prototype);\r\n return g.next = verb(0), g[\"throw\"] = verb(1), g[\"return\"] = verb(2), typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = Object.create((typeof AsyncIterator === \"function\" ? AsyncIterator : Object).prototype), verb(\"next\"), verb(\"throw\"), verb(\"return\", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }\r\n function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nvar ownKeys = function(o) {\r\n ownKeys = Object.getOwnPropertyNames || function (o) {\r\n var ar = [];\r\n for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;\r\n return ar;\r\n };\r\n return ownKeys(o);\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== \"default\") __createBinding(result, mod, k[i]);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport function __addDisposableResource(env, value, async) {\r\n if (value !== null && value !== void 0) {\r\n if (typeof value !== \"object\" && typeof value !== \"function\") throw new TypeError(\"Object expected.\");\r\n var dispose, inner;\r\n if (async) {\r\n if (!Symbol.asyncDispose) throw new TypeError(\"Symbol.asyncDispose is not defined.\");\r\n dispose = value[Symbol.asyncDispose];\r\n }\r\n if (dispose === void 0) {\r\n if (!Symbol.dispose) throw new TypeError(\"Symbol.dispose is not defined.\");\r\n dispose = value[Symbol.dispose];\r\n if (async) inner = dispose;\r\n }\r\n if (typeof dispose !== \"function\") throw new TypeError(\"Object not disposable.\");\r\n if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };\r\n env.stack.push({ value: value, dispose: dispose, async: async });\r\n }\r\n else if (async) {\r\n env.stack.push({ async: true });\r\n }\r\n return value;\r\n\r\n}\r\n\r\nvar _SuppressedError = typeof SuppressedError === \"function\" ? SuppressedError : function (error, suppressed, message) {\r\n var e = new Error(message);\r\n return e.name = \"SuppressedError\", e.error = error, e.suppressed = suppressed, e;\r\n};\r\n\r\nexport function __disposeResources(env) {\r\n function fail(e) {\r\n env.error = env.hasError ? new _SuppressedError(e, env.error, \"An error was suppressed during disposal.\") : e;\r\n env.hasError = true;\r\n }\r\n var r, s = 0;\r\n function next() {\r\n while (r = env.stack.pop()) {\r\n try {\r\n if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);\r\n if (r.dispose) {\r\n var result = r.dispose.call(r.value);\r\n if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });\r\n }\r\n else s |= 1;\r\n }\r\n catch (e) {\r\n fail(e);\r\n }\r\n }\r\n if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();\r\n if (env.hasError) throw env.error;\r\n }\r\n return next();\r\n}\r\n\r\nexport function __rewriteRelativeImportExtension(path, preserveJsx) {\r\n if (typeof path === \"string\" && /^\\.\\.?\\//.test(path)) {\r\n return path.replace(/\\.(tsx)$|((?:\\.d)?)((?:\\.[^./]+?)?)\\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {\r\n return tsx ? preserveJsx ? \".jsx\" : \".js\" : d && (!ext || !cm) ? m : (d + ext + \".\" + cm.toLowerCase() + \"js\");\r\n });\r\n }\r\n return path;\r\n}\r\n\r\nexport default {\r\n __extends: __extends,\r\n __assign: __assign,\r\n __rest: __rest,\r\n __decorate: __decorate,\r\n __param: __param,\r\n __esDecorate: __esDecorate,\r\n __runInitializers: __runInitializers,\r\n __propKey: __propKey,\r\n __setFunctionName: __setFunctionName,\r\n __metadata: __metadata,\r\n __awaiter: __awaiter,\r\n __generator: __generator,\r\n __createBinding: __createBinding,\r\n __exportStar: __exportStar,\r\n __values: __values,\r\n __read: __read,\r\n __spread: __spread,\r\n __spreadArrays: __spreadArrays,\r\n __spreadArray: __spreadArray,\r\n __await: __await,\r\n __asyncGenerator: __asyncGenerator,\r\n __asyncDelegator: __asyncDelegator,\r\n __asyncValues: __asyncValues,\r\n __makeTemplateObject: __makeTemplateObject,\r\n __importStar: __importStar,\r\n __importDefault: __importDefault,\r\n __classPrivateFieldGet: __classPrivateFieldGet,\r\n __classPrivateFieldSet: __classPrivateFieldSet,\r\n __classPrivateFieldIn: __classPrivateFieldIn,\r\n __addDisposableResource: __addDisposableResource,\r\n __disposeResources: __disposeResources,\r\n __rewriteRelativeImportExtension: __rewriteRelativeImportExtension,\r\n};\r\n"],"names":["__rest","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","__awaiter","thisArg","_arguments","P","generator","Promise","resolve","reject","fulfilled","value","step","next","rejected","result","done","then","apply","SuppressedError"],"mappings":"AA0CO,SAASA,EAAOC,EAAGC,GACtB,IAAIC,EAAI,CAAA,EACR,IAAK,IAAIC,KAAKH,EAAOI,OAAOC,UAAUC,eAAeC,KAAKP,EAAGG,IAAMF,EAAEO,QAAQL,GAAK,IAC9ED,EAAEC,GAAKH,EAAEG,IACb,GAAS,MAALH,GAAqD,mBAAjCI,OAAOK,sBACtB,KAAIC,EAAI,EAAb,IAAgBP,EAAIC,OAAOK,sBAAsBT,GAAIU,EAAIP,EAAEQ,OAAQD,IAC3DT,EAAEO,QAAQL,EAAEO,IAAM,GAAKN,OAAOC,UAAUO,qBAAqBL,KAAKP,EAAGG,EAAEO,MACvER,EAAEC,EAAEO,IAAMV,EAAEG,EAAEO,IAF4B,CAItD,OAAOR,CACX,CA8DO,SAASW,EAAUC,EAASC,EAAYC,EAAGC,GAE9C,OAAO,IAAKD,IAAMA,EAAIE,UAAU,SAAUC,EAASC,GAC/C,SAASC,EAAUC,GAAS,IAAMC,EAAKN,EAAUO,KAAKF,IAAW,MAAOrB,GAAKmB,EAAOnB,EAAI,CAAE,CAC1F,SAASwB,EAASH,GAAS,IAAMC,EAAKN,EAAiB,MAAEK,IAAW,MAAOrB,GAAKmB,EAAOnB,EAAI,CAAE,CAC7F,SAASsB,EAAKG,GAJlB,IAAeJ,EAIaI,EAAOC,KAAOR,EAAQO,EAAOJ,QAJ1CA,EAIyDI,EAAOJ,MAJhDA,aAAiBN,EAAIM,EAAQ,IAAIN,EAAE,SAAUG,GAAWA,EAAQG,EAAQ,IAIjBM,KAAKP,EAAWI,EAAW,CAC7GF,GAAMN,EAAYA,EAAUY,MAAMf,EAASC,GAAc,KAAKS,OAClE,EACJ,CA8MkD,mBAApBM,iBAAiCA","x_google_ignoreList":[0]}
package/dist/views.js CHANGED
@@ -1,2 +1,2 @@
1
- export{H as HomeView}from"./HomeView-TDx2tcP_.js";import"react";
1
+ export{H as HomeView}from"./HomeView-RATm-3zT.js";import"react";
2
2
  //# sourceMappingURL=views.js.map
package/dist/writer.d.ts CHANGED
@@ -1,101 +1,269 @@
1
1
  import React, { ReactElement } from 'react';
2
2
 
3
+ declare const Anchor: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
4
+ newWindow?: boolean;
5
+ as?: React.ElementType;
6
+ } & React.RefAttributes<HTMLAnchorElement>>;
7
+
3
8
  interface BadgeProps {
9
+ /**
10
+ * The class name of the badge.
11
+ */
4
12
  className?: string;
13
+ /**
14
+ * The children of the badge.
15
+ */
5
16
  children?: React.ReactNode;
6
- size?: "sm";
7
- kind?: "warning" | "info";
8
- }
17
+ /**
18
+ * The size of the badge.
19
+ */
20
+ size?: "sm" | "xs";
21
+ /**
22
+ * The kind of the badge.
23
+ */
24
+ kind?: "warning" | "info" | "default";
25
+ }
26
+ /**
27
+ * Badge component is used to display a badge.
28
+ *
29
+ * @group Components
30
+ */
9
31
  declare function Badge({ className, children, size, kind }: BadgeProps): React.JSX.Element;
10
32
 
33
+ interface BannerProps {
34
+ children: React.ReactNode;
35
+ kind?: "secondary";
36
+ label?: string;
37
+ href?: string;
38
+ icon?: React.ReactNode | string;
39
+ }
40
+ declare function Banner(props: BannerProps): React.JSX.Element;
41
+ declare namespace Banner {
42
+ var Secondary: (props: BannerProps) => React.JSX.Element;
43
+ }
44
+
11
45
  interface BlockquoteProps {
46
+ className?: string;
12
47
  children: React.ReactNode;
13
48
  }
14
- declare function Blockquote({ children }: BlockquoteProps): React.JSX.Element;
49
+ declare function Blockquote({ className, children }: BlockquoteProps): React.JSX.Element;
15
50
 
16
51
  interface BreadcrumbsProps {
52
+ className?: string;
17
53
  items: {
18
54
  title: string;
19
55
  href?: string;
20
56
  }[];
21
57
  }
22
- declare function Breadcrumbs(props: BreadcrumbsProps): ReactElement;
58
+ declare function Breadcrumbs({ className, items }: BreadcrumbsProps): ReactElement;
59
+
60
+ interface ButtonProps {
61
+ children?: React.ReactNode;
62
+ kind?: "primary" | "secondary" | "tertiary" | undefined;
63
+ theme?: "ghost";
64
+ size?: "sm" | "md" | "lg";
65
+ className?: string;
66
+ onClick?: () => void;
67
+ disabled?: boolean;
68
+ icon?: React.ReactElement;
69
+ iconPosition?: "left" | "right";
70
+ href?: string;
71
+ }
72
+ declare function Button({ children, kind, theme, size, className, onClick, disabled, icon, iconPosition, href }: ButtonProps): React.JSX.Element;
23
73
 
74
+ /**
75
+ * Props for the Callout component
76
+ */
24
77
  interface CalloutProps {
78
+ /** Additional CSS class name to be applied to the callout */
79
+ className?: string;
80
+ /** Content to be displayed inside the callout */
25
81
  children: React.ReactNode;
26
82
  }
27
- declare function Callout({ children }: CalloutProps): React.JSX.Element;
83
+ /**
84
+ * A Callout component that displays important information or notices in a visually distinct way.
85
+ * It includes an info icon and a message area for content.
86
+ *
87
+ * @category Component
88
+ */
89
+ declare function Callout({ className, children }: CalloutProps): React.JSX.Element;
90
+
91
+ interface CardProps {
92
+ title: string;
93
+ href?: string;
94
+ link?: React.ElementType;
95
+ description?: string;
96
+ imgSrc?: string;
97
+ imgAlt?: string;
98
+ shadow?: "md";
99
+ }
100
+ declare function Card(props: CardProps): React.JSX.Element;
28
101
 
29
102
  interface CodeProps {
103
+ className?: string;
30
104
  children: React.ReactNode;
31
105
  }
32
- declare function Code({ children }: CodeProps): React.JSX.Element;
106
+ declare function Code({ className, children }: CodeProps): React.JSX.Element;
107
+
108
+ declare function ColorSchemeButton(): React.JSX.Element;
109
+ declare function useColorScheme(): (string | (() => void))[];
33
110
 
111
+ /**
112
+ * Base interface for all Details component variants
113
+ */
34
114
  interface BaseDetailsProps {
115
+ /** Content to be displayed inside the details element */
35
116
  children: React.ReactNode;
117
+ /** Label text displayed in the summary */
36
118
  label: string;
119
+ /** Optional icon element to be displayed in the summary */
37
120
  icon?: React.ReactElement;
121
+ /** Optional CSS class name for custom styling */
122
+ className?: string;
38
123
  }
124
+ /**
125
+ * Props for the tertiary variant of the Details component
126
+ */
39
127
  interface TertiaryDetailsProps extends BaseDetailsProps {
128
+ /** Specifies the tertiary variant */
40
129
  kind: "tertiary";
130
+ /** Title text or element displayed in the summary */
41
131
  title: string | React.ReactNode;
42
132
  }
133
+ /**
134
+ * Props for the secondary variant of the Details component
135
+ */
43
136
  interface SecondaryDetailsProps extends BaseDetailsProps {
137
+ /** Specifies the secondary variant */
44
138
  kind: "secondary";
139
+ /** Title text or element displayed in the summary */
45
140
  title: string | React.ReactNode;
46
141
  }
142
+ /**
143
+ * Props for the primary variant of the Details component
144
+ */
47
145
  interface PrimaryDetailsProps extends BaseDetailsProps {
146
+ /** Specifies the primary variant (default) */
48
147
  kind?: "primary";
49
148
  }
149
+ /** Union type of all possible Details component variants */
50
150
  type DetailsProps = PrimaryDetailsProps | SecondaryDetailsProps | TertiaryDetailsProps;
51
- declare function Details(props: DetailsProps): React.JSX.Element;
151
+ /**
152
+ * A collapsible details component that supports three variants: primary, secondary, and tertiary.
153
+ * Each variant has a different visual style and structure.
154
+ *
155
+ * @param props - The component props
156
+ * @returns A details element with collapsible content
157
+ *
158
+ * @category Component
159
+ */
160
+ declare function Details(props: DetailsProps): React.ReactElement;
52
161
 
162
+ /**
163
+ * Props for the GuideCard component
164
+ */
53
165
  interface GuideCardProps {
166
+ /** Content to be displayed in the card body */
54
167
  children: React.ReactNode;
168
+ /** URL the card links to */
55
169
  href: string;
170
+ /** Title displayed at the top of the card */
56
171
  title: string;
172
+ /** Optional icon displayed to the left of the content */
57
173
  icon?: React.ReactNode;
174
+ /** Visual style variant of the card */
58
175
  kind?: "secondary";
176
+ /** Size variant of the card */
59
177
  size?: "sm" | "md";
60
- }
61
- declare function GuideCard({ children, href, icon, title, kind, size, }: GuideCardProps): React.JSX.Element;
178
+ /** Additional CSS class names to apply to the card */
179
+ className?: string;
180
+ /** Additional props to pass to the link element */
181
+ as?: React.ElementType;
182
+ }
183
+ /**
184
+ * A card component that displays content with a title and optional icon.
185
+ * The entire card is clickable and links to the specified URL.
186
+ *
187
+ * @category Component
188
+ */
189
+ declare function GuideCard({ children, href, icon, title, kind, size, className, as, }: GuideCardProps): React.JSX.Element;
62
190
  declare namespace GuideCard {
63
191
  var List: ({ children }: {
64
192
  children: React.ReactNode;
65
193
  }) => React.JSX.Element;
66
194
  }
67
195
 
196
+ /**
197
+ * Props for the Heading component
198
+ * @interface HeadingProps
199
+ */
68
200
  interface HeadingProps {
201
+ /** Content to be rendered inside the heading */
69
202
  children: React.ReactNode;
203
+ /** The size of the heading (1-6, corresponding to h1-h6) */
70
204
  size: 1 | 2 | 3 | 4 | 5 | 6;
205
+ /** Optional HTML element to render as (div or span) */
71
206
  as?: "div" | "span";
207
+ /** Optional ID for the heading element */
72
208
  id?: string;
209
+ /** Optional visual style variant */
210
+ kind?: "muted";
211
+ /** Optional click handler */
73
212
  onClick?: () => void;
74
- }
75
- declare function Heading({ children, size, as, id, onClick }: HeadingProps): React.JSX.Element;
213
+ /** Optional additional CSS class name */
214
+ className?: string;
215
+ /** Optional active state */
216
+ active?: boolean;
217
+ /** Optional label for the heading */
218
+ label?: string;
219
+ /** Optional subtitle for the heading */
220
+ subtitle?: string;
221
+ /** Optional to hide the anchor icon */
222
+ noanchor?: boolean;
223
+ /** Optional ref for the heading element */
224
+ ref?: React.RefObject<HTMLHeadingElement>;
225
+ style?: React.CSSProperties;
226
+ }
227
+ /**
228
+ * A flexible heading component that can render as any heading level (h1-h6) or as a div/span
229
+ *
230
+ * @category Component
231
+ */
232
+ declare function Heading(props: HeadingProps): React.JSX.Element;
76
233
 
77
234
  interface HrProps {
235
+ }
236
+ declare function Hr(): React.JSX.Element;
237
+
238
+ declare const IconProvider: React.Context<{
239
+ iconSet: {};
240
+ }>;
241
+ interface IconProps {
242
+ name: string;
243
+ size?: number;
244
+ color?: string;
245
+ }
246
+ declare function Icon(props: IconProps): ReactElement | null;
247
+
248
+ interface ImageProps {
249
+ src: string;
250
+ alt: string;
251
+ style?: React.CSSProperties;
252
+ }
253
+ declare function Image(props: ImageProps): React.JSX.Element;
254
+
255
+ interface ListProps {
78
256
  children: React.ReactNode;
79
257
  }
80
- declare function Hr({ children }: HrProps): React.JSX.Element;
81
-
82
- declare function IconSessionReplay(): React.JSX.Element;
83
- declare function IconMetrics(): React.JSX.Element;
84
- declare function IconFunnels(): React.JSX.Element;
85
- declare function IconCode(): React.JSX.Element;
86
- declare function IconCustomEvent(): React.JSX.Element;
87
- declare function IconAlert(): React.JSX.Element;
88
- declare function IconBrowser(): React.JSX.Element;
89
- declare function IconREST(): React.JSX.Element;
90
- declare function IconGraphQL(): React.JSX.Element;
91
- declare function IconWebhooks(): React.JSX.Element;
92
- declare function IconJSBrowser(): React.JSX.Element;
93
- declare function IconJSNode(): React.JSX.Element;
94
- declare function IconStorybook(): React.JSX.Element;
95
- declare function IconReactRouter(): React.JSX.Element;
96
- declare function IconNextJS(): React.JSX.Element;
97
- declare function IconAppTemplate(): React.JSX.Element;
98
- declare function IconQuote(): React.JSX.Element;
258
+ declare function List({ children }: ListProps): React.JSX.Element;
259
+ declare namespace List {
260
+ var Item: typeof ListItem;
261
+ }
262
+ declare function ListOl({ children }: ListProps): React.JSX.Element;
263
+ interface ListItemProps {
264
+ children: React.ReactNode;
265
+ }
266
+ declare function ListItem({ children }: ListItemProps): React.JSX.Element;
99
267
 
100
268
  interface NavLinksProps {
101
269
  prev?: {
@@ -106,106 +274,270 @@ interface NavLinksProps {
106
274
  title: string;
107
275
  href: string;
108
276
  };
277
+ as?: React.ElementType;
278
+ className?: string;
109
279
  }
110
280
  declare function NavLinks(props: NavLinksProps): React.JSX.Element;
111
281
 
112
282
  interface PreProps {
113
283
  children: React.ReactNode;
284
+ className?: string;
114
285
  }
115
- declare function Pre({ children }: PreProps): React.JSX.Element;
286
+ declare function Pre({ children, className }: PreProps): React.JSX.Element;
116
287
 
288
+ /**
289
+ * Props for the Steps component
290
+ */
117
291
  interface StepsProps {
292
+ /** Content to be rendered inside the steps list */
118
293
  children: React.ReactNode;
294
+ /** Optional CSS class name to be applied to the steps container */
295
+ className?: string;
119
296
  }
120
- declare function Steps({ children }: StepsProps): React.JSX.Element;
297
+ /**
298
+ * Steps component that renders a numbered list of steps or stages.
299
+ * Use this component to display a sequence of steps in a process or workflow.
300
+ *
301
+ * @category Component
302
+ */
303
+ declare function Steps({ children, className }: StepsProps): React.JSX.Element;
121
304
  declare namespace Steps {
122
- var Item: ({ children }: StepsItemProps) => React.JSX.Element;
305
+ var Item: ({ children, className }: StepsItemProps) => React.JSX.Element;
123
306
  }
307
+ /**
308
+ * Props for the Steps.Item component
309
+ */
124
310
  interface StepsItemProps {
311
+ /** Content to be rendered inside the step item */
125
312
  children: React.ReactNode;
313
+ /** Optional CSS class name to be applied to the step item */
314
+ className?: string;
126
315
  }
127
316
 
317
+ /**
318
+ * Props for the Table component
319
+ */
128
320
  interface TableProps {
321
+ /** The content to be rendered inside the table */
129
322
  children: React.ReactNode;
130
- }
131
- declare function Table({ children }: TableProps): React.JSX.Element;
132
- declare namespace Table {
133
- var Th: ({ children }: TableThProps$1) => React.JSX.Element;
134
- var Tr: ({ children }: TableTrProps$1) => React.JSX.Element;
135
- var Td: ({ children }: TableTdProps$1) => React.JSX.Element;
136
- }
137
- interface TableThProps$1 {
138
- children: React.ReactNode;
139
- }
140
- interface TableTrProps$1 {
141
- children: React.ReactNode;
142
- }
143
- interface TableTdProps$1 {
144
- children: React.ReactNode;
145
- }
146
-
147
- interface TableV2Props {
148
- children: React.ReactNode;
323
+ /** Optional CSS class name to be applied to the table */
149
324
  className?: string;
150
325
  }
151
- declare function TableV2({ children, className }: TableV2Props): React.JSX.Element;
152
- declare namespace TableV2 {
326
+ /**
327
+ * A table component that provides a structured way to display tabular data.
328
+ * It supports custom styling through className prop and can contain various table elements.
329
+ *
330
+ * @category Component
331
+ */
332
+ declare function Table({ children, className }: TableProps): React.JSX.Element;
333
+ declare namespace Table {
153
334
  var Head: ({ children }: TableHeadProps) => React.JSX.Element;
154
335
  var Th: ({ children, numeric }: TableThProps) => React.JSX.Element;
155
336
  var Tr: ({ children }: TableTrProps) => React.JSX.Element;
337
+ var Body: ({ children }: TableBodyProps) => React.JSX.Element;
156
338
  var Td: ({ children, numeric, muted }: TableTdProps) => React.JSX.Element;
157
339
  var Cell: ({ children }: TableCellProps) => React.JSX.Element;
158
- var ModelCell: ({ children }: TableModelCellProps) => React.JSX.Element;
159
340
  }
341
+ /**
342
+ * Props for the TableHead component
343
+ */
160
344
  interface TableHeadProps {
345
+ /** The content to be rendered inside the table header */
161
346
  children: React.ReactNode;
162
347
  }
348
+ /**
349
+ * Props for the TableTh component
350
+ */
163
351
  interface TableThProps {
352
+ /** The content to be rendered inside the table header cell */
164
353
  children: React.ReactNode;
354
+ /** Whether the cell content should be right-aligned (for numeric values) */
165
355
  numeric?: boolean;
166
356
  }
357
+ /**
358
+ * Props for the TableTr component
359
+ */
167
360
  interface TableTrProps {
361
+ /** The content to be rendered inside the table row */
168
362
  children: React.ReactNode;
169
363
  }
364
+ /**
365
+ * Props for the TableBody component
366
+ */
367
+ interface TableBodyProps {
368
+ /** The content to be rendered inside the table body */
369
+ children: React.ReactNode;
370
+ }
371
+ /**
372
+ * Props for the TableTd component
373
+ */
170
374
  interface TableTdProps {
375
+ /** The content to be rendered inside the table cell */
171
376
  children: React.ReactNode;
377
+ /** Whether the cell content should be right-aligned (for numeric values) */
172
378
  numeric?: boolean;
379
+ /** Whether the cell should have a muted appearance */
173
380
  muted?: boolean;
174
381
  }
382
+ /**
383
+ * Props for the TableCell component
384
+ */
175
385
  interface TableCellProps {
386
+ /** The content to be rendered inside the table cell */
176
387
  children: React.ReactNode;
177
388
  }
178
- interface TableModelCellProps {
179
- children: React.ReactNode;
389
+
390
+ /**
391
+ * Available font sizes for the Text component
392
+ */
393
+ type TextFontSizes = "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
394
+ /**
395
+ * Available text styles/kinds for the Text component
396
+ */
397
+ type TextKindTypes = "default" | "ghost" | "success" | "warn" | "error" | "primary" | "secondary";
398
+ /**
399
+ * Available font weights for the Text component
400
+ */
401
+ type TextFontWeights = "normal" | "bold" | "extra-bold";
402
+ /**
403
+ * Props for the Text component
404
+ */
405
+ interface TextProps {
406
+ /** Font size of the text */
407
+ size?: TextFontSizes;
408
+ /** Visual style/kind of the text */
409
+ kind?: TextKindTypes;
410
+ /** Font weight of the text */
411
+ weight?: TextFontWeights;
412
+ /** Content to be rendered inside the text component */
413
+ children?: React.ReactNode;
414
+ /** Additional CSS class name */
415
+ className?: string;
416
+ /** HTML id attribute */
417
+ id?: string;
418
+ /** Click event handler */
419
+ onClick?: () => void;
420
+ /** HTML tag to render the text as */
421
+ as?: "span" | "p";
422
+ }
423
+ /**
424
+ * A flexible text component that supports different sizes, styles, and weights.
425
+ *
426
+ * @category Component
427
+ */
428
+ declare function Text({ size, kind, weight, children, className, id, onClick, as }: TextProps): React.JSX.Element;
429
+
430
+ interface TocCardProps {
431
+ title: string;
432
+ description: string;
433
+ href: string;
434
+ className?: string;
435
+ icon?: string;
436
+ as?: React.ElementType;
180
437
  }
438
+ declare function TocCard({ title, description, href, className, icon, as }: TocCardProps): React.JSX.Element;
181
439
 
182
440
  interface TabsProps$1 {
441
+ /** Child elements to be rendered within the navigation */
183
442
  children: React.ReactNode;
184
- items: string[];
185
- tabIndex?: number;
443
+ /** The currently selected tab value */
444
+ value?: string;
445
+ /** Callback function triggered when a tab is selected */
446
+ onChange?: (value: string) => void;
447
+ /** Whether to enable sliding animation between tabs */
448
+ slide?: boolean;
449
+ /** Additional CSS class name for the component */
450
+ className?: string;
451
+ /** The variant of the navigation */
452
+ kind?: 'default' | 'secondary';
453
+ }
454
+ /**
455
+ * A navigation component that displays tabs with an underline indicator
456
+ *
457
+ * @category Component
458
+ */
459
+ declare function UnderlineNav({ children, value: controlledValue, onChange, slide, className, kind }: TabsProps$1): React.JSX.Element;
460
+ declare namespace UnderlineNav {
461
+ var Item: ({ children, value, href, as, defaultActive }: UnderlineNavItemProps) => React.JSX.Element;
462
+ var Content: ({ children, value, defaultActive }: UnderlineNavContentProps) => React.JSX.Element;
186
463
  }
187
- declare function Tabs({ children, items, tabIndex }: TabsProps$1): React.JSX.Element;
188
- declare namespace Tabs {
189
- var Content: ({ children, value }: {
190
- children: any;
191
- value: any;
192
- }) => React.JSX.Element;
464
+ /**
465
+ * Props for the UnderlineNav.Item component
466
+ */
467
+ interface UnderlineNavItemProps {
468
+ /** Child elements to be rendered within the navigation item */
469
+ children: React.ReactNode;
470
+ /** Unique identifier for the navigation item */
471
+ value: string;
472
+ /** URL for the navigation item link */
473
+ href?: string;
474
+ /** Custom component to render as the link element */
475
+ as?: React.ElementType;
476
+ /** Whether this item should be active by default */
477
+ defaultActive?: boolean;
478
+ }
479
+ /**
480
+ * Props for the UnderlineNav.Content component
481
+ */
482
+ interface UnderlineNavContentProps {
483
+ /** Child elements to be rendered within the content area */
484
+ children: React.ReactNode;
485
+ /** Unique identifier for the content section */
486
+ value: string;
487
+ /** Whether this content should be active by default */
488
+ defaultActive?: boolean;
193
489
  }
194
490
 
195
- interface TabsProps {
491
+ /**
492
+ * Props for the TabsPrimary component
493
+ */
494
+ interface TabsPrimaryProps {
495
+ /** Child elements to be rendered within the navigation */
196
496
  children: React.ReactNode;
197
- value: string;
198
- onChange: (value: string) => void;
497
+ /** The currently selected tab value */
498
+ value?: string;
499
+ /** Callback function triggered when a tab is selected */
500
+ onChange?: (value: string) => void;
501
+ /** Whether to enable sliding animation between tabs */
502
+ slide?: boolean;
503
+ /** Additional CSS class name for the component */
504
+ className?: string;
199
505
  }
200
- declare function UnderlineNav({ children, value, onChange }: TabsProps): React.JSX.Element;
201
- declare namespace UnderlineNav {
202
- var Item: ({ children, value, href }: UnderlineNavItemProps) => React.JSX.Element;
506
+
507
+ interface TabsSecondaryProps {
508
+ /** The currently selected tab value */
509
+ value?: string;
510
+ children: React.ReactNode;
511
+ className?: string;
512
+ onChange?: (value: string) => void;
203
513
  }
204
- interface UnderlineNavItemProps {
514
+
515
+ interface TabsPropsCommon {
516
+ kind?: 'secondary' | null;
517
+ }
518
+ type TabsProps<T> = T & TabsPropsCommon;
519
+ declare function Tabs(props: TabsProps<TabsSecondaryProps | TabsPrimaryProps>): React.JSX.Element;
520
+ declare namespace Tabs {
521
+ var Item: (props: any) => React.JSX.Element;
522
+ var Content: (props: any) => React.JSX.Element;
523
+ }
524
+
525
+ interface UpdateProps {
205
526
  children: React.ReactNode;
206
- value: string;
207
- href?: string;
527
+ version: string;
528
+ date?: string;
529
+ }
530
+ declare function Update(props: UpdateProps): React.JSX.Element;
531
+
532
+ declare function VideoGuide(): null;
533
+ declare namespace VideoGuide {
534
+ var Miniature: (props: VideoGuideMiniatureProps) => React.JSX.Element;
535
+ }
536
+ interface VideoGuideMiniatureProps {
537
+ videoSrc?: string;
538
+ description?: string;
539
+ className?: string;
208
540
  }
209
541
 
210
- export { Badge, Blockquote, Breadcrumbs, Callout, Code, Details, GuideCard, Heading, Hr, IconAlert, IconAppTemplate, IconBrowser, IconCode, IconCustomEvent, IconFunnels, IconGraphQL, IconJSBrowser, IconJSNode, IconMetrics, IconNextJS, IconQuote, IconREST, IconReactRouter, IconSessionReplay, IconStorybook, IconWebhooks, NavLinks, Pre, Steps, Table, TableV2, Tabs, UnderlineNav };
211
- export type { BadgeProps, BlockquoteProps, BreadcrumbsProps, CalloutProps, CodeProps, DetailsProps, HeadingProps, HrProps, NavLinksProps, PreProps, StepsProps, TableProps, TableTdProps$1 as TableTdProps, TableThProps$1 as TableThProps, TableTrProps$1 as TableTrProps, TabsProps$1 as TabsProps };
542
+ export { Anchor, Badge, Banner, Blockquote, Breadcrumbs, Button, Callout, Card, Code, ColorSchemeButton, Details, GuideCard, Heading, Hr, Icon, IconProvider, Image, List, ListOl, NavLinks, Pre, Steps, Table, Tabs, Text, TocCard, UnderlineNav, Update, VideoGuide, useColorScheme };
543
+ export type { BadgeProps, BannerProps, BlockquoteProps, BreadcrumbsProps, ButtonProps, CalloutProps, CodeProps, DetailsProps, HeadingProps, HrProps, NavLinksProps, PreProps, StepsProps };