rspress-plugin-api-extractor 0.1.2 → 0.2.1
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/README.md +2 -2
- package/api-extracted-package.js +426 -0
- package/build-program.js +120 -0
- package/build-stages.js +664 -0
- package/category-resolver.js +50 -0
- package/code-post-processor.js +38 -0
- package/config-helpers.js +106 -0
- package/config-utils.js +258 -0
- package/content-hash.js +79 -0
- package/errors.js +29 -0
- package/formatter.js +69 -0
- package/hide-cut-transformer.js +96 -0
- package/index.d.ts +901 -831
- package/index.js +4 -6128
- package/layers/ConfigServiceLive.js +377 -0
- package/layers/ObservabilityLive.js +136 -0
- package/layers/PathDerivationServiceLive.js +16 -0
- package/layers/SnapshotServiceLive.js +94 -0
- package/layers/TypeRegistryServiceLive.js +46 -0
- package/llms-processing.js +270 -0
- package/llms-program.js +262 -0
- package/loader.js +186 -0
- package/markdown/cross-linker.js +156 -0
- package/markdown/helpers.js +364 -0
- package/markdown/index.js +11 -0
- package/markdown/page-generators/class-page.js +357 -0
- package/markdown/page-generators/enum-page.js +152 -0
- package/markdown/page-generators/function-page.js +127 -0
- package/markdown/page-generators/index-pages.js +27 -0
- package/markdown/page-generators/interface-page.js +307 -0
- package/markdown/page-generators/namespace-page.js +280 -0
- package/markdown/page-generators/type-alias-page.js +110 -0
- package/markdown/page-generators/variable-page.js +110 -0
- package/markdown/shiki-utils.js +48 -0
- package/migrations/001_create_snapshots.js +25 -0
- package/model-loader.js +95 -0
- package/multi-entry-resolver.js +70 -0
- package/og-resolver.js +271 -0
- package/package.json +64 -73
- package/path-derivation.js +48 -0
- package/plugin.js +218 -0
- package/prettier-formatter.js +73 -0
- package/public/tsconfig/rspress.json +44 -0
- package/remark-api-codeblocks.js +130 -0
- package/remark-with-api.js +172 -0
- package/route-collisions.js +52 -0
- package/runtime/components/ApiExample/index.js +29 -25
- package/runtime/components/ApiLlmsPackageActions/index.js +252 -323
- package/runtime/components/ApiLlmsViewOptions/index.js +269 -340
- package/runtime/components/ApiMember/index.js +49 -47
- package/runtime/components/ApiSignature/index.js +32 -28
- package/runtime/components/EnumMembersTable/{index_module.css → index.css} +18 -19
- package/runtime/components/EnumMembersTable/index.js +36 -67
- package/runtime/components/EnumMembersTable/index.module.js +9 -6
- package/runtime/components/ExampleBlock/{index_module.css → index.css} +2 -3
- package/runtime/components/ExampleBlock/index.js +23 -28
- package/runtime/components/ExampleBlock/index.module.js +8 -5
- package/runtime/components/MarkdownContent/index.js +26 -18
- package/runtime/components/MarkdownText/index.js +28 -22
- package/runtime/components/MemberSignature/{index_module.css → index.css} +5 -6
- package/runtime/components/MemberSignature/index.js +46 -46
- package/runtime/components/MemberSignature/index.module.js +9 -6
- package/runtime/components/ParametersTable/{index_module.css → index.css} +19 -20
- package/runtime/components/ParametersTable/index.js +36 -67
- package/runtime/components/ParametersTable/index.module.js +9 -6
- package/runtime/components/SignatureBlock/{index_module.css → index.css} +5 -6
- package/runtime/components/SignatureBlock/index.js +30 -29
- package/runtime/components/SignatureBlock/index.module.js +9 -6
- package/runtime/components/SignatureCode/{index_module.css → index.css} +9 -10
- package/runtime/components/SignatureCode/index.js +40 -32
- package/runtime/components/SignatureCode/index.module.js +9 -6
- package/runtime/components/SignatureToolbar/{index_module.css → index.css} +18 -20
- package/runtime/components/SignatureToolbar/index.js +48 -51
- package/runtime/components/SignatureToolbar/index.module.js +13 -10
- package/runtime/components/buttons/ButtonGroup.js +13 -6
- package/runtime/components/buttons/CopyCodeButton.js +40 -38
- package/runtime/components/buttons/WrapSignatureButton.js +20 -16
- package/runtime/components/buttons/{index_module.css → index.css} +5 -6
- package/runtime/components/buttons/index.module.js +8 -5
- package/runtime/components/icons/CheckIcon/index.js +20 -17
- package/runtime/components/icons/CopyIcon/index.js +20 -17
- package/runtime/components/icons/UnwrapIcon/index.js +22 -18
- package/runtime/components/icons/WrapIcon/index.js +20 -17
- package/runtime/components/shared/_twoslash.css +3 -10
- package/runtime/components/shared/variables.css +0 -3
- package/runtime/hooks/useWrapToggle.js +32 -9
- package/runtime/index.d.ts +513 -173
- package/runtime/index.js +11 -9
- package/runtime/utils/decode-hast.js +31 -16
- package/runtime/utils/hast-renderer.js +21 -7
- package/schemas/config.js +199 -0
- package/schemas/index.js +5 -0
- package/schemas/opengraph.js +26 -0
- package/schemas/performance.js +19 -0
- package/serve.js +133 -0
- package/services/ConfigService.js +7 -0
- package/services/PathDerivationService.js +7 -0
- package/services/SnapshotService.js +7 -0
- package/services/TypeRegistryService.js +7 -0
- package/shiki-transformer.js +758 -0
- package/tsconfig-parser.js +127 -0
- package/tsdoc-metadata.json +11 -11
- package/twoslash-patterns.js +87 -0
- package/twoslash-transformer.js +316 -0
- package/type-reference-extractor.js +201 -0
- package/typescript-config.js +168 -0
- package/vfs-registry.js +121 -0
- package/0~llms-program.js +0 -344
- package/runtime/components/ApiLlmsPackageActions/index.module.js +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.HQ_pKG_toolbar {
|
|
2
2
|
justify-content: flex-end;
|
|
3
3
|
align-items: flex-end;
|
|
4
4
|
gap: var(--api-spacing-sm);
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
display: flex;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
html.
|
|
12
|
+
html.HQ_pKG_rp-dark .HQ_pKG_toolbar {
|
|
13
13
|
background-color: var(--api-color-bg);
|
|
14
14
|
border-bottom-color: var(--api-color-border);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
.
|
|
17
|
+
.HQ_pKG_toolbar:has(.HQ_pKG_memberHeading) {
|
|
18
18
|
justify-content: space-between;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
-
|
|
21
|
+
.HQ_pKG_toolbar h2, .HQ_pKG_toolbar h3 {
|
|
22
22
|
font-size: var(--api-font-size-lg);
|
|
23
23
|
padding-left: var(--api-spacing-sm);
|
|
24
24
|
font-family: var(--rp-font-family-mono);
|
|
@@ -26,31 +26,30 @@ html.rp-dark-nxUy8b .toolbar-UkMKNw {
|
|
|
26
26
|
margin-bottom: 0;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.
|
|
29
|
+
.HQ_pKG_toolbarLeft {
|
|
30
30
|
gap: var(--api-spacing-sm);
|
|
31
31
|
flex-direction: column;
|
|
32
32
|
flex: 1;
|
|
33
33
|
display: flex;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
.
|
|
36
|
+
.HQ_pKG_memberHeading {
|
|
37
37
|
font-size: var(--api-font-size-md);
|
|
38
38
|
color: var(--api-color-text);
|
|
39
39
|
height: auto;
|
|
40
40
|
font-weight: 600;
|
|
41
41
|
line-height: var(--api-line-height-base);
|
|
42
|
-
-webkit-user-select: auto;
|
|
43
42
|
user-select: auto;
|
|
44
43
|
margin: 0;
|
|
45
44
|
position: relative;
|
|
46
45
|
overflow: visible;
|
|
47
46
|
}
|
|
48
47
|
|
|
49
|
-
html.
|
|
48
|
+
html.HQ_pKG_rp-dark .HQ_pKG_memberHeading {
|
|
50
49
|
color: var(--api-color-text);
|
|
51
50
|
}
|
|
52
51
|
|
|
53
|
-
.
|
|
52
|
+
.HQ_pKG_memberHeading .rp-header-anchor {
|
|
54
53
|
opacity: 0;
|
|
55
54
|
font-weight: 500;
|
|
56
55
|
font-size: inherit;
|
|
@@ -61,16 +60,16 @@ html.rp-dark-nxUy8b .memberHeading-feA4hu {
|
|
|
61
60
|
left: -1.2rem;
|
|
62
61
|
}
|
|
63
62
|
|
|
64
|
-
.
|
|
63
|
+
.HQ_pKG_memberHeading:hover .rp-header-anchor {
|
|
65
64
|
opacity: .85;
|
|
66
65
|
}
|
|
67
66
|
|
|
68
|
-
.
|
|
67
|
+
.HQ_pKG_memberHeading .rp-header-anchor:hover {
|
|
69
68
|
border-bottom: 1px solid var(--rp-c-brand);
|
|
70
69
|
opacity: .85;
|
|
71
70
|
}
|
|
72
71
|
|
|
73
|
-
.
|
|
72
|
+
.HQ_pKG_memberHeadingH2 {
|
|
74
73
|
font-size: var(--api-font-size-lg);
|
|
75
74
|
text-transform: lowercase;
|
|
76
75
|
border-top: none;
|
|
@@ -81,19 +80,19 @@ html.rp-dark-nxUy8b .memberHeading-feA4hu {
|
|
|
81
80
|
line-height: 2rem;
|
|
82
81
|
}
|
|
83
82
|
|
|
84
|
-
.
|
|
83
|
+
.HQ_pKG_memberHeadingH2:before, .HQ_pKG_memberHeadingH2:after {
|
|
85
84
|
content: none;
|
|
86
85
|
margin: 0;
|
|
87
86
|
padding: 0;
|
|
88
87
|
display: none;
|
|
89
88
|
}
|
|
90
89
|
|
|
91
|
-
.
|
|
90
|
+
.HQ_pKG_memberHeadingH2 .rp-header-anchor {
|
|
92
91
|
font-size: var(--api-font-size-lg);
|
|
93
92
|
left: -1.5rem;
|
|
94
93
|
}
|
|
95
94
|
|
|
96
|
-
.
|
|
95
|
+
.HQ_pKG_summary {
|
|
97
96
|
padding: 0;
|
|
98
97
|
padding-left: var(--api-spacing-sm);
|
|
99
98
|
font-size: var(--api-font-size-md);
|
|
@@ -103,22 +102,21 @@ html.rp-dark-nxUy8b .memberHeading-feA4hu {
|
|
|
103
102
|
border: none;
|
|
104
103
|
}
|
|
105
104
|
|
|
106
|
-
html.
|
|
105
|
+
html.HQ_pKG_rp-dark .HQ_pKG_summary {
|
|
107
106
|
color: var(--api-color-text-secondary);
|
|
108
107
|
background-color: #0000;
|
|
109
108
|
border: none;
|
|
110
109
|
}
|
|
111
110
|
|
|
112
|
-
.
|
|
111
|
+
.HQ_pKG_summary p:first-child {
|
|
113
112
|
margin-top: 0;
|
|
114
113
|
}
|
|
115
114
|
|
|
116
|
-
.
|
|
115
|
+
.HQ_pKG_summary p:last-child, .HQ_pKG_summary ul:last-child, .HQ_pKG_summary ol:last-child {
|
|
117
116
|
margin-bottom: 0;
|
|
118
117
|
}
|
|
119
118
|
|
|
120
|
-
.
|
|
119
|
+
.HQ_pKG_buttons {
|
|
121
120
|
gap: var(--api-spacing-sm);
|
|
122
121
|
display: flex;
|
|
123
122
|
}
|
|
124
|
-
|
|
@@ -1,55 +1,52 @@
|
|
|
1
|
+
import { MarkdownContent } from "../MarkdownContent/index.js";
|
|
2
|
+
import index_module_default from "./index.module.js";
|
|
1
3
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
4
|
import clsx from "clsx";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
+
|
|
6
|
+
//#region src/runtime/components/SignatureToolbar/index.tsx
|
|
7
|
+
/**
|
|
8
|
+
* Toolbar for signature blocks
|
|
9
|
+
* Displays optional heading, summary, and action buttons
|
|
10
|
+
*/
|
|
5
11
|
function SignatureToolbar({ heading, summary, buttons }) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}),
|
|
44
|
-
/*#__PURE__*/ jsx("div", {
|
|
45
|
-
className: index_module.buttons,
|
|
46
|
-
children: buttons
|
|
47
|
-
})
|
|
48
|
-
]
|
|
49
|
-
});
|
|
50
|
-
return /*#__PURE__*/ jsx("div", {
|
|
51
|
-
className: index_module.toolbar,
|
|
52
|
-
children: buttons
|
|
53
|
-
});
|
|
12
|
+
const renderHeading = () => {
|
|
13
|
+
if (!heading) return null;
|
|
14
|
+
const HeadingTag = heading.level;
|
|
15
|
+
const headingClasses = heading.className || clsx("rp-toc-include", index_module_default.memberHeading, heading.level === "h2" && index_module_default.memberHeadingH2);
|
|
16
|
+
return /* @__PURE__ */ jsxs(HeadingTag, {
|
|
17
|
+
id: heading.id,
|
|
18
|
+
className: headingClasses,
|
|
19
|
+
children: [heading.id && /* @__PURE__ */ jsx("a", {
|
|
20
|
+
href: `#${heading.id}`,
|
|
21
|
+
className: "rp-header-anchor rp-link",
|
|
22
|
+
tabIndex: -1,
|
|
23
|
+
"aria-label": "Permalink",
|
|
24
|
+
children: "#"
|
|
25
|
+
}), heading.text]
|
|
26
|
+
});
|
|
27
|
+
};
|
|
28
|
+
const renderSummary = () => {
|
|
29
|
+
if (!summary) return null;
|
|
30
|
+
return /* @__PURE__ */ jsx("div", {
|
|
31
|
+
className: index_module_default.summary,
|
|
32
|
+
children: /* @__PURE__ */ jsx(MarkdownContent, { children: summary })
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
if (heading) return /* @__PURE__ */ jsxs("div", {
|
|
36
|
+
className: index_module_default.toolbar,
|
|
37
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
38
|
+
className: index_module_default.toolbarLeft,
|
|
39
|
+
children: [renderHeading(), renderSummary()]
|
|
40
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
41
|
+
className: index_module_default.buttons,
|
|
42
|
+
children: buttons
|
|
43
|
+
})]
|
|
44
|
+
});
|
|
45
|
+
return /* @__PURE__ */ jsx("div", {
|
|
46
|
+
className: index_module_default.toolbar,
|
|
47
|
+
children: buttons
|
|
48
|
+
});
|
|
54
49
|
}
|
|
55
|
-
|
|
50
|
+
|
|
51
|
+
//#endregion
|
|
52
|
+
export { SignatureToolbar };
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import './index.css';
|
|
2
|
+
//#region src/runtime/components/SignatureToolbar/index.module.css
|
|
3
|
+
var index_module_default = {
|
|
4
|
+
"buttons": "HQ_pKG_buttons",
|
|
5
|
+
"memberHeading": "HQ_pKG_memberHeading",
|
|
6
|
+
"memberHeadingH2": "HQ_pKG_memberHeadingH2",
|
|
7
|
+
"rpDark": "HQ_pKG_rp-dark",
|
|
8
|
+
"summary": "HQ_pKG_summary",
|
|
9
|
+
"toolbar": "HQ_pKG_toolbar",
|
|
10
|
+
"toolbarLeft": "HQ_pKG_toolbarLeft"
|
|
10
11
|
};
|
|
11
|
-
|
|
12
|
+
|
|
13
|
+
//#endregion
|
|
14
|
+
export { index_module_default as default };
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
+
import index_module_default from "./index.module.js";
|
|
1
2
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
+
|
|
4
|
+
//#region src/runtime/components/buttons/ButtonGroup.tsx
|
|
5
|
+
/**
|
|
6
|
+
* Container for grouping multiple buttons with consistent spacing
|
|
7
|
+
*/
|
|
3
8
|
function ButtonGroup({ children }) {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
9
|
+
return /* @__PURE__ */ jsx("div", {
|
|
10
|
+
className: index_module_default.buttonGroup,
|
|
11
|
+
children
|
|
12
|
+
});
|
|
8
13
|
}
|
|
9
|
-
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
export { ButtonGroup };
|
|
@@ -1,42 +1,44 @@
|
|
|
1
|
-
import
|
|
2
|
-
import clsx from "clsx";
|
|
3
|
-
import { useCallback, useState } from "react";
|
|
1
|
+
import index_module_default from "./index.module.js";
|
|
4
2
|
import { CheckIcon } from "../icons/CheckIcon/index.js";
|
|
5
3
|
import { CopyIcon } from "../icons/CopyIcon/index.js";
|
|
6
|
-
import
|
|
4
|
+
import { useCallback, useState } from "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
|
|
8
|
+
//#region src/runtime/components/buttons/CopyCodeButton.tsx
|
|
9
|
+
/**
|
|
10
|
+
* Copy code button for code blocks
|
|
11
|
+
* Shows copy icon, changes to checkmark on success
|
|
12
|
+
*/
|
|
7
13
|
function CopyCodeButton({ code }) {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
children: copied ? /*#__PURE__*/ jsx(CheckIcon, {
|
|
36
|
-
size: 16
|
|
37
|
-
}) : /*#__PURE__*/ jsx(CopyIcon, {
|
|
38
|
-
size: 16
|
|
39
|
-
})
|
|
40
|
-
});
|
|
14
|
+
const [copied, setCopied] = useState(false);
|
|
15
|
+
const handleCopy = useCallback(async () => {
|
|
16
|
+
try {
|
|
17
|
+
await navigator.clipboard.writeText(code);
|
|
18
|
+
setCopied(true);
|
|
19
|
+
setTimeout(() => setCopied(false), 2e3);
|
|
20
|
+
} catch {
|
|
21
|
+
const textarea = document.createElement("textarea");
|
|
22
|
+
textarea.value = code;
|
|
23
|
+
textarea.style.position = "fixed";
|
|
24
|
+
textarea.style.opacity = "0";
|
|
25
|
+
document.body.appendChild(textarea);
|
|
26
|
+
textarea.select();
|
|
27
|
+
document.execCommand("copy");
|
|
28
|
+
document.body.removeChild(textarea);
|
|
29
|
+
setCopied(true);
|
|
30
|
+
setTimeout(() => setCopied(false), 2e3);
|
|
31
|
+
}
|
|
32
|
+
}, [code]);
|
|
33
|
+
return /* @__PURE__ */ jsx("button", {
|
|
34
|
+
type: "button",
|
|
35
|
+
className: clsx(index_module_default.button, copied && "active"),
|
|
36
|
+
onClick: handleCopy,
|
|
37
|
+
"aria-label": copied ? "Copied!" : "Copy code",
|
|
38
|
+
title: copied ? "Copied!" : "Copy code",
|
|
39
|
+
children: copied ? /* @__PURE__ */ jsx(CheckIcon, { size: 16 }) : /* @__PURE__ */ jsx(CopyIcon, { size: 16 })
|
|
40
|
+
});
|
|
41
41
|
}
|
|
42
|
-
|
|
42
|
+
|
|
43
|
+
//#endregion
|
|
44
|
+
export { CopyCodeButton };
|
|
@@ -1,20 +1,24 @@
|
|
|
1
|
-
import
|
|
2
|
-
import clsx from "clsx";
|
|
1
|
+
import index_module_default from "./index.module.js";
|
|
3
2
|
import { UnwrapIcon } from "../icons/UnwrapIcon/index.js";
|
|
4
3
|
import { WrapIcon } from "../icons/WrapIcon/index.js";
|
|
5
|
-
import
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import clsx from "clsx";
|
|
6
|
+
|
|
7
|
+
//#region src/runtime/components/buttons/WrapSignatureButton.tsx
|
|
8
|
+
/**
|
|
9
|
+
* Wrap toggle button for API signature blocks
|
|
10
|
+
* Shows wrapped/unwrapped state with distinct icons
|
|
11
|
+
*/
|
|
6
12
|
function WrapSignatureButton({ wrapped, onToggle }) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}) : /*#__PURE__*/ jsx(WrapIcon, {
|
|
16
|
-
size: 16
|
|
17
|
-
})
|
|
18
|
-
});
|
|
13
|
+
return /* @__PURE__ */ jsx("button", {
|
|
14
|
+
type: "button",
|
|
15
|
+
className: clsx(index_module_default.button, wrapped && "active"),
|
|
16
|
+
onClick: onToggle,
|
|
17
|
+
"aria-label": wrapped ? "Disable line wrapping" : "Enable line wrapping",
|
|
18
|
+
title: wrapped ? "Disable wrapping" : "Enable wrapping",
|
|
19
|
+
children: wrapped ? /* @__PURE__ */ jsx(UnwrapIcon, { size: 16 }) : /* @__PURE__ */ jsx(WrapIcon, { size: 16 })
|
|
20
|
+
});
|
|
19
21
|
}
|
|
20
|
-
|
|
22
|
+
|
|
23
|
+
//#endregion
|
|
24
|
+
export { WrapSignatureButton };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.
|
|
1
|
+
.Fw3JAa_buttonGroup {
|
|
2
2
|
gap: var(--api-spacing-sm);
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.
|
|
6
|
+
.Fw3JAa_button {
|
|
7
7
|
align-items: center;
|
|
8
8
|
gap: var(--api-spacing-xs);
|
|
9
9
|
padding: var(--api-spacing-xs) var(--api-spacing-md);
|
|
@@ -19,19 +19,18 @@
|
|
|
19
19
|
display: inline-flex;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
.
|
|
22
|
+
.Fw3JAa_button:hover {
|
|
23
23
|
background-color: var(--api-color-hover-bg);
|
|
24
24
|
border-color: var(--api-color-border-hover);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
.
|
|
27
|
+
.Fw3JAa_button:active {
|
|
28
28
|
background-color: var(--api-color-active-bg);
|
|
29
29
|
transform: scale(.98);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.
|
|
32
|
+
.Fw3JAa_button svg {
|
|
33
33
|
flex-shrink: 0;
|
|
34
34
|
width: 16px;
|
|
35
35
|
height: 16px;
|
|
36
36
|
}
|
|
37
|
-
|
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import './index.css';
|
|
2
|
+
//#region src/runtime/components/buttons/index.module.css
|
|
3
|
+
var index_module_default = {
|
|
4
|
+
"button": "Fw3JAa_button",
|
|
5
|
+
"buttonGroup": "Fw3JAa_buttonGroup"
|
|
5
6
|
};
|
|
6
|
-
|
|
7
|
+
|
|
8
|
+
//#endregion
|
|
9
|
+
export { index_module_default as default };
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/runtime/components/icons/CheckIcon/index.tsx
|
|
4
|
+
/**
|
|
5
|
+
* Check/checkmark icon for success states
|
|
6
|
+
* Shows a checkmark indicating success/completion
|
|
7
|
+
*/
|
|
2
8
|
function CheckIcon({ size = 16, ...props }) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z"
|
|
16
|
-
})
|
|
17
|
-
]
|
|
18
|
-
});
|
|
9
|
+
return /* @__PURE__ */ jsxs("svg", {
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
...props,
|
|
15
|
+
children: [/* @__PURE__ */ jsx("title", { children: "Copied" }), /* @__PURE__ */ jsx("path", {
|
|
16
|
+
fill: "currentColor",
|
|
17
|
+
d: "M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59L21 7Z"
|
|
18
|
+
})]
|
|
19
|
+
});
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
export { CheckIcon };
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/runtime/components/icons/CopyIcon/index.tsx
|
|
4
|
+
/**
|
|
5
|
+
* Copy icon for copy code buttons
|
|
6
|
+
* Shows two overlapping rectangles indicating copy/duplicate
|
|
7
|
+
*/
|
|
2
8
|
function CopyIcon({ size = 16, ...props }) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12V1Z"
|
|
16
|
-
})
|
|
17
|
-
]
|
|
18
|
-
});
|
|
9
|
+
return /* @__PURE__ */ jsxs("svg", {
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
...props,
|
|
15
|
+
children: [/* @__PURE__ */ jsx("title", { children: "Copy" }), /* @__PURE__ */ jsx("path", {
|
|
16
|
+
fill: "currentColor",
|
|
17
|
+
d: "M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12V1Z"
|
|
18
|
+
})]
|
|
19
|
+
});
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
export { CopyIcon };
|
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/runtime/components/icons/UnwrapIcon/index.tsx
|
|
4
|
+
/**
|
|
5
|
+
* Unwrap icon for text wrapping toggle buttons (active state)
|
|
6
|
+
* Shows wrapped lines with an arrow indicating active wrap mode
|
|
7
|
+
* Uses green color to indicate active state
|
|
8
|
+
*/
|
|
2
9
|
function UnwrapIcon({ size = 16, ...props }) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
fill: "#22a041",
|
|
16
|
-
d: "M21 5H3v2h18zM3 19h7v-2H3zm0-6h15c1 0 2 .43 2 2s-1 2-2 2h-2v-2l-4 3l4 3v-2h2c2.95 0 4-1.27 4-4c0-2.72-1-4-4-4H3z"
|
|
17
|
-
})
|
|
18
|
-
]
|
|
19
|
-
});
|
|
10
|
+
return /* @__PURE__ */ jsxs("svg", {
|
|
11
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
"aria-label": "Wrapped",
|
|
16
|
+
...props,
|
|
17
|
+
children: [/* @__PURE__ */ jsx("title", { children: "Unwrap" }), /* @__PURE__ */ jsx("path", {
|
|
18
|
+
fill: "#22a041",
|
|
19
|
+
d: "M21 5H3v2h18zM3 19h7v-2H3zm0-6h15c1 0 2 .43 2 2s-1 2-2 2h-2v-2l-4 3l4 3v-2h2c2.95 0 4-1.27 4-4c0-2.72-1-4-4-4H3z"
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
20
22
|
}
|
|
21
|
-
|
|
23
|
+
|
|
24
|
+
//#endregion
|
|
25
|
+
export { UnwrapIcon };
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/runtime/components/icons/WrapIcon/index.tsx
|
|
4
|
+
/**
|
|
5
|
+
* Wrap icon for text wrapping toggle buttons
|
|
6
|
+
* Shows lines with an arrow indicating text will wrap
|
|
7
|
+
*/
|
|
2
8
|
function WrapIcon({ size = 16, ...props }) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
fill: "currentColor",
|
|
15
|
-
d: "M16 7H3V5h13v2M3 19h13v-2H3v2m19-7l-4-3v2H3v2h15v2l4-3Z"
|
|
16
|
-
})
|
|
17
|
-
]
|
|
18
|
-
});
|
|
9
|
+
return /* @__PURE__ */ jsxs("svg", {
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
...props,
|
|
15
|
+
children: [/* @__PURE__ */ jsx("title", { children: "Wrap" }), /* @__PURE__ */ jsx("path", {
|
|
16
|
+
fill: "currentColor",
|
|
17
|
+
d: "M16 7H3V5h13v2M3 19h13v-2H3v2m19-7l-4-3v2H3v2h15v2l4-3Z"
|
|
18
|
+
})]
|
|
19
|
+
});
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
export { WrapIcon };
|