@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.
- package/.idea/git_toolbox_blame.xml +6 -0
- package/.idea/modules.xml +8 -0
- package/.idea/vcs.xml +6 -0
- package/.idea/xyd-components.iml +12 -0
- package/CHANGELOG.md +16 -0
- package/TODO.md +1 -0
- package/content.ts +0 -2
- package/dist/CTABanner-BD4wweO5.js +2 -0
- package/dist/CTABanner-BD4wweO5.js.map +1 -0
- package/dist/CTABanner-DLG0_gv8.js +2 -0
- package/dist/CTABanner-DLG0_gv8.js.map +1 -0
- package/dist/CTABanner-DpPtA-FL.js +2 -0
- package/dist/CTABanner-DpPtA-FL.js.map +1 -0
- package/dist/CodeSample--qfqZ1hL.js +2 -0
- package/dist/CodeSample--qfqZ1hL.js.map +1 -0
- package/dist/CodeSample-CqFaFwwz.js +2 -0
- package/dist/CodeSample-CqFaFwwz.js.map +1 -0
- package/dist/CodeSample-GbqwRbcO.js +2 -0
- package/dist/CodeSample-GbqwRbcO.js.map +1 -0
- package/dist/HomeView-BZdY0g_7.js +2 -0
- package/dist/{HomeView-DHdqouwJ.js.map → HomeView-BZdY0g_7.js.map} +1 -1
- package/dist/HomeView-C_mEMzjV.js +2 -0
- package/dist/{HomeView-TDx2tcP_.js.map → HomeView-C_mEMzjV.js.map} +1 -1
- package/dist/HomeView-RATm-3zT.js +2 -0
- package/dist/HomeView-RATm-3zT.js.map +1 -0
- package/dist/Icon-BkXdTctK.js +2 -0
- package/dist/Icon-BkXdTctK.js.map +1 -0
- package/dist/Icon-BoKcRZAF.js +2 -0
- package/dist/Icon-BoKcRZAF.js.map +1 -0
- package/dist/Icon-CouPZRkJ.js +2 -0
- package/dist/Icon-CouPZRkJ.js.map +1 -0
- package/dist/Text-B-E3eaWW.js +2 -0
- package/dist/Text-B-E3eaWW.js.map +1 -0
- package/dist/Text-B5Ba_pci.js +2 -0
- package/dist/Text-B5Ba_pci.js.map +1 -0
- package/dist/Text-QH4jjPUM.js +2 -0
- package/dist/Text-QH4jjPUM.js.map +1 -0
- package/dist/Update-BlhP2VFR.js +2 -0
- package/dist/Update-BlhP2VFR.js.map +1 -0
- package/dist/Update-CMM38Snc.js +2 -0
- package/dist/Update-CMM38Snc.js.map +1 -0
- package/dist/Update-D5e_yqty.js +2 -0
- package/dist/Update-D5e_yqty.js.map +1 -0
- package/dist/VideoGuide-C5aW4OXW.js +2 -0
- package/dist/VideoGuide-C5aW4OXW.js.map +1 -0
- package/dist/VideoGuide-CoQXlHjQ.js +2 -0
- package/dist/VideoGuide-CoQXlHjQ.js.map +1 -0
- package/dist/VideoGuide-CwkedH8b.js +2 -0
- package/dist/VideoGuide-CwkedH8b.js.map +1 -0
- package/dist/_rollupPluginBabelHelpers-9wcO9jN6.js +4 -0
- package/dist/_rollupPluginBabelHelpers-9wcO9jN6.js.map +1 -0
- package/dist/_rollupPluginBabelHelpers-CiqSP2w-.js +4 -0
- package/dist/_rollupPluginBabelHelpers-CiqSP2w-.js.map +1 -0
- package/dist/_rollupPluginBabelHelpers-DmvUE1MU.js +4 -0
- package/dist/_rollupPluginBabelHelpers-DmvUE1MU.js.map +1 -0
- package/dist/brand.js +1 -1
- package/dist/brand.js.map +1 -1
- package/dist/coder/themes/cosmo-light.js.map +1 -1
- package/dist/coder.d.ts +32 -10
- package/dist/coder.js +1 -1
- package/dist/coder.js.map +1 -1
- package/dist/content.d.ts +264 -201
- package/dist/content.js +1 -1
- package/dist/content.js.map +1 -1
- package/dist/index.css +260 -210
- package/dist/layouts.d.ts +20 -21
- package/dist/layouts.js +1 -1
- package/dist/layouts.js.map +1 -1
- package/dist/pages.js +1 -1
- package/dist/pages.js.map +1 -1
- package/dist/system.d.ts +10 -0
- package/dist/system.js +2 -0
- package/dist/system.js.map +1 -0
- package/dist/tslib.es6-Bb9zBh0L.js +2 -0
- package/dist/{tslib.es6-BI9zka_a.js.map → tslib.es6-Bb9zBh0L.js.map} +1 -1
- package/dist/tslib.es6-Bd9lzVn6.js +2 -0
- package/dist/{tslib.es6-sxmRJynD.js.map → tslib.es6-Bd9lzVn6.js.map} +1 -1
- package/dist/tslib.es6-DwnOrHRg.js +2 -0
- package/dist/tslib.es6-DwnOrHRg.js.map +1 -0
- package/dist/views.js +1 -1
- package/dist/writer.d.ts +409 -77
- package/dist/writer.js +1 -1
- package/dist/writer.js.map +1 -1
- package/docs/.nojekyll +1 -0
- package/docs/assets/hierarchy.js +1 -0
- package/docs/assets/highlight.css +22 -0
- package/docs/assets/icons.js +18 -0
- package/docs/assets/icons.svg +1 -0
- package/docs/assets/main.js +60 -0
- package/docs/assets/navigation.js +1 -0
- package/docs/assets/search.js +1 -0
- package/docs/assets/style.css +1640 -0
- package/docs/functions/GuideCard.html +6 -0
- package/docs/hierarchy.html +1 -0
- package/docs/index.html +2 -0
- package/docs/interfaces/GuideCardProps.html +18 -0
- package/docs/modules.html +1 -0
- package/index.ts +0 -1
- package/package.json +10 -6
- package/project.json +677 -0
- package/rollup.config.js +30 -20
- package/src/brand/Button/Button.styles.tsx +0 -3
- package/src/brand/CTABanner/CTABanner.styles.tsx +2 -4
- package/src/brand/Footer/Footer.styles.tsx +0 -3
- package/src/coder/Code/Code.styles.tsx +132 -33
- package/src/coder/Code/Code.tsx +129 -38
- package/src/coder/Code/CodeLoader.tsx +3 -3
- package/src/coder/Code/annotations.tsx +28 -8
- package/src/coder/Code/highlight.ts +38 -0
- package/src/coder/Code/index.ts +2 -1
- package/src/coder/CodeCopy/CodeCopy.styles.tsx +13 -11
- package/src/coder/CodeCopy/CodeCopy.tsx +5 -3
- package/src/coder/CodeSample/CodeSample.tsx +83 -27
- package/src/coder/CodeTabs/CodeTabs.styles.tsx +111 -94
- package/src/coder/CodeTabs/CodeTabs.tsx +69 -51
- package/src/coder/CodeTheme/CodeTheme.tsx +89 -49
- package/src/coder/CodeTheme/index.ts +0 -1
- package/src/coder/CoderProvider.tsx +26 -0
- package/src/coder/index.ts +8 -4
- package/src/content/ContentDecoator.styles.tsx +113 -0
- package/src/content/ContentDecorator.tsx +17 -0
- package/src/content/GridDecorator.styles.tsx +67 -0
- package/src/content/GridDecorator.tsx +21 -0
- package/src/content/ReactContent.tsx +575 -0
- package/src/content/index.ts +10 -2
- package/src/icons/index.ts +0 -0
- package/src/kit/Loader/Loader.styles.tsx +53 -0
- package/src/kit/Loader/Loader.tsx +22 -0
- package/src/kit/index.ts +1 -0
- package/src/layouts/LayoutPrimary/LayoutPrimary.styles.tsx +270 -306
- package/src/layouts/LayoutPrimary/LayoutPrimary.tsx +171 -91
- package/src/layouts/LayoutPrimary/index.ts +0 -2
- package/src/layouts/index.ts +0 -7
- package/src/system/SearchButton/SearchButton.styles.tsx +86 -0
- package/src/system/SearchButton/SearchButton.tsx +116 -0
- package/src/system/SearchButton/index.ts +1 -0
- package/src/system/index.ts +1 -0
- package/src/writer/Anchor/Anchor.styles.tsx +11 -0
- package/src/{content → writer}/Anchor/Anchor.tsx +20 -22
- package/src/writer/Anchor/index.tsx +1 -0
- package/src/writer/Badge/Badge.styles.tsx +37 -27
- package/src/writer/Badge/Badge.tsx +34 -48
- package/src/writer/Banner/Banner.styles.tsx +91 -0
- package/src/writer/Banner/Banner.tsx +70 -0
- package/src/writer/Banner/index.ts +1 -0
- package/src/writer/Blockquote/Blockquote.styles.tsx +6 -4
- package/src/writer/Blockquote/Blockquote.tsx +5 -2
- package/src/writer/Breadcrumbs/Breadcrumbs.styles.ts +25 -25
- package/src/writer/Breadcrumbs/Breadcrumbs.tsx +18 -12
- package/src/writer/Button/Button.styles.tsx +137 -0
- package/src/writer/Button/Button.tsx +75 -0
- package/src/writer/Button/index.ts +2 -0
- package/src/writer/Callout/Callout.styles.tsx +35 -42
- package/src/writer/Callout/Callout.tsx +30 -15
- package/src/writer/Card/Card.styles.tsx +47 -0
- package/src/writer/Card/Card.tsx +69 -0
- package/src/writer/Card/index.ts +1 -0
- package/src/writer/Code/Code.styles.tsx +12 -11
- package/src/writer/Code/Code.tsx +6 -3
- package/src/writer/ColorSchemeButton/ColorSchemeButton.tsx +172 -0
- package/src/writer/ColorSchemeButton/index.ts +1 -0
- package/src/writer/Details/Details.styles.tsx +87 -98
- package/src/writer/Details/Details.tsx +65 -44
- package/src/writer/Example/index.tsx +5 -0
- package/src/writer/GuideCard/GuideCard.styles.tsx +100 -103
- package/src/writer/GuideCard/GuideCard.tsx +72 -37
- package/src/writer/Heading/Heading.styles.tsx +76 -60
- package/src/writer/Heading/Heading.tsx +92 -22
- package/src/writer/Hr/Hr.styles.tsx +3 -1
- package/src/writer/Hr/Hr.tsx +2 -5
- package/src/writer/Icon/Icon.tsx +48 -0
- package/src/writer/Icon/index.ts +1 -0
- package/src/writer/Image/Image.styles.tsx +9 -0
- package/src/writer/Image/Image.tsx +19 -0
- package/src/writer/Image/index.ts +1 -0
- package/src/writer/List/List.styles.tsx +47 -0
- package/src/writer/List/List.tsx +29 -0
- package/src/writer/List/index.ts +4 -0
- package/src/writer/NavLinks/NavLinks.styles.ts +26 -26
- package/src/writer/NavLinks/NavLinks.tsx +65 -18
- package/src/writer/Pre/Pre.styles.tsx +8 -6
- package/src/writer/Pre/Pre.tsx +3 -2
- package/src/writer/Steps/Steps.styles.tsx +27 -24
- package/src/writer/Steps/Steps.tsx +38 -8
- package/src/writer/Table/Table.styles.tsx +65 -34
- package/src/writer/Table/Table.tsx +121 -11
- package/src/writer/Table/index.ts +0 -11
- package/src/writer/Tabs/Tabs.styles.tsx +51 -55
- package/src/writer/Tabs/Tabs.tsx +30 -23
- package/src/writer/Text/Text.styles.tsx +66 -0
- package/src/writer/Text/Text.tsx +79 -0
- package/src/writer/Text/index.ts +3 -0
- package/src/writer/TocCard/TocCard.module.css +44 -0
- package/src/writer/TocCard/TocCard.tsx +42 -0
- package/src/writer/TocCard/index.ts +3 -0
- package/src/writer/UnderlineNav/Tabs.tsx +51 -0
- package/src/writer/UnderlineNav/TabsPrimary.styles.tsx +184 -0
- package/src/writer/UnderlineNav/TabsPrimary.tsx +209 -0
- package/src/writer/UnderlineNav/TabsSecondary.styles.tsx +77 -0
- package/src/writer/UnderlineNav/TabsSecondary.tsx +171 -0
- package/src/writer/UnderlineNav/UnderlineNav.styles.tsx +165 -31
- package/src/writer/UnderlineNav/UnderlineNav.tsx +257 -22
- package/src/writer/UnderlineNav/index.ts +2 -1
- package/src/writer/UnderlineNav/useValueChange.ts +60 -0
- package/src/writer/Update/Update.styles.tsx +33 -0
- package/src/writer/Update/Update.tsx +37 -0
- package/src/writer/Update/index.ts +1 -0
- package/src/writer/VideoGuide/VideoGuide.module.css +105 -0
- package/src/writer/VideoGuide/VideoGuide.tsx +75 -0
- package/src/writer/VideoGuide/index.ts +1 -0
- package/src/writer/index.ts +23 -1
- package/tsconfig.json +9 -3
- package/types.d.ts +50 -0
- package/writer.ts +1 -1
- package/dist/CTABanner-BLDHbq5h.js +0 -2
- package/dist/CTABanner-BLDHbq5h.js.map +0 -1
- package/dist/CTABanner-n3vc4xW5.js +0 -2
- package/dist/CTABanner-n3vc4xW5.js.map +0 -1
- package/dist/CodeSample-CVki5fdQ.js +0 -2
- package/dist/CodeSample-CVki5fdQ.js.map +0 -1
- package/dist/CodeSample-Dkob5gWa.js +0 -2
- package/dist/CodeSample-Dkob5gWa.js.map +0 -1
- package/dist/HomeView-DHdqouwJ.js +0 -2
- package/dist/HomeView-TDx2tcP_.js +0 -2
- package/dist/UnderlineNav-9lJPvnIp.js +0 -2
- package/dist/UnderlineNav-9lJPvnIp.js.map +0 -1
- package/dist/UnderlineNav-VqB7jDQD.js +0 -2
- package/dist/UnderlineNav-VqB7jDQD.js.map +0 -1
- package/dist/_rollupPluginBabelHelpers-C8nLsqZ7.js +0 -2
- package/dist/_rollupPluginBabelHelpers-C8nLsqZ7.js.map +0 -1
- package/dist/_rollupPluginBabelHelpers-CrdNG0jb.js +0 -2
- package/dist/_rollupPluginBabelHelpers-CrdNG0jb.js.map +0 -1
- package/dist/index-TkBHKzGT.js +0 -2
- package/dist/index-TkBHKzGT.js.map +0 -1
- package/dist/index-YH6Q3iH2.js +0 -2
- package/dist/index-YH6Q3iH2.js.map +0 -1
- package/dist/tslib.es6-BI9zka_a.js +0 -2
- package/dist/tslib.es6-sxmRJynD.js +0 -2
- package/src/content/Anchor/Anchor.styles.tsx +0 -5
- package/src/content/Anchor/index.tsx +0 -3
- package/src/content/Content/Content.styles.tsx +0 -9
- package/src/content/Content/Content.tsx +0 -13
- package/src/content/Content/index.tsx +0 -3
- package/src/content/Content.tsx +0 -179
- package/src/content/Subtitle/Subtitle.styles.ts +0 -8
- package/src/content/Subtitle/Subtitle.tsx +0 -12
- package/src/content/Subtitle/index.tsx +0 -3
- package/src/layouts/Layout.styles.tsx +0 -155
- package/src/layouts/Layout.tsx +0 -119
- package/src/ui/Loader/Loader.styles.tsx +0 -54
- package/src/ui/Loader/Loader.tsx +0 -26
- package/src/ui/index.ts +0 -1
- package/src/writer/Icon/index.tsx +0 -355
- package/src/writer/Table/TableV2.styles.tsx +0 -117
- package/src/writer/Table/TableV2.tsx +0 -83
- /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-
|
|
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
|
-
|
|
7
|
-
|
|
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(
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
declare function
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
declare function
|
|
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
|
-
|
|
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
|
-
|
|
152
|
-
|
|
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
|
-
|
|
179
|
-
|
|
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
|
-
|
|
185
|
-
|
|
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
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
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
|
-
|
|
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
|
|
198
|
-
|
|
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
|
-
|
|
201
|
-
|
|
202
|
-
|
|
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
|
-
|
|
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
|
-
|
|
207
|
-
|
|
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 {
|
|
211
|
-
export type { BadgeProps, BlockquoteProps, BreadcrumbsProps, CalloutProps, CodeProps, DetailsProps, HeadingProps, HrProps, NavLinksProps, PreProps, StepsProps
|
|
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 };
|