@docubook/mdx-content 1.0.0 → 2.0.0
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 +44 -19
- package/components.md +240 -0
- package/dist/adapters/next/ButtonMdx.d.ts +1 -1
- package/dist/adapters/next/ButtonMdx.d.ts.map +1 -1
- package/dist/adapters/next/{ButtonMdx.jsx → ButtonMdx.js} +3 -2
- package/dist/adapters/next/ButtonMdx.js.map +1 -0
- package/dist/adapters/next/CardMdx.d.ts +1 -1
- package/dist/adapters/next/CardMdx.d.ts.map +1 -1
- package/dist/adapters/next/CardMdx.js +8 -0
- package/dist/adapters/next/CardMdx.js.map +1 -0
- package/dist/adapters/next/ImageMdx.d.ts +1 -1
- package/dist/adapters/next/ImageMdx.d.ts.map +1 -1
- package/dist/adapters/next/ImageMdx.js +8 -0
- package/dist/adapters/next/ImageMdx.js.map +1 -0
- package/dist/adapters/next/LinkMdx.d.ts +1 -1
- package/dist/adapters/next/LinkMdx.d.ts.map +1 -1
- package/dist/adapters/next/{LinkMdx.jsx → LinkMdx.js} +3 -2
- package/dist/adapters/next/{LinkMdx.jsx.map → LinkMdx.js.map} +1 -1
- package/dist/client.d.ts +2 -2
- package/dist/client.d.ts.map +1 -1
- package/dist/client.js +2 -2
- package/dist/client.js.map +1 -1
- package/dist/components/{AccordionContext.jsx → AccordionContext.js} +1 -1
- package/dist/components/AccordionContext.js.map +1 -0
- package/dist/components/AccordionGroupMdx.d.ts +4 -2
- package/dist/components/AccordionGroupMdx.d.ts.map +1 -1
- package/dist/components/AccordionGroupMdx.js +18 -0
- package/dist/components/AccordionGroupMdx.js.map +1 -0
- package/dist/components/AccordionMdx.d.ts +1 -1
- package/dist/components/AccordionMdx.d.ts.map +1 -1
- package/dist/components/AccordionMdx.js +64 -0
- package/dist/components/AccordionMdx.js.map +1 -0
- package/dist/components/ButtonMdx.d.ts +1 -1
- package/dist/components/ButtonMdx.d.ts.map +1 -1
- package/dist/components/{ButtonMdx.jsx → ButtonMdx.js} +5 -11
- package/dist/components/{ButtonMdx.jsx.map → ButtonMdx.js.map} +1 -1
- package/dist/components/CardGroupMdx.d.ts +4 -2
- package/dist/components/CardGroupMdx.d.ts.map +1 -1
- package/dist/components/{CardGroupMdx.jsx → CardGroupMdx.js} +12 -12
- package/dist/components/CardGroupMdx.js.map +1 -0
- package/dist/components/CardMdx.d.ts +1 -1
- package/dist/components/CardMdx.d.ts.map +1 -1
- package/dist/components/{CardMdx.jsx → CardMdx.js} +23 -38
- package/dist/components/CardMdx.js.map +1 -0
- package/dist/components/CodeBlock.d.ts +1 -1
- package/dist/components/CodeBlock.d.ts.map +1 -1
- package/dist/components/CodeBlock.js +67 -0
- package/dist/components/CodeBlock.js.map +1 -0
- package/dist/components/CopyButton.d.ts +1 -1
- package/dist/components/CopyButton.d.ts.map +1 -1
- package/dist/components/{CopyButton.jsx → CopyButton.js} +4 -8
- package/dist/components/CopyButton.js.map +1 -0
- package/dist/components/FileTreeMdx.d.ts +4 -4
- package/dist/components/FileTreeMdx.d.ts.map +1 -1
- package/dist/components/FileTreeMdx.js +65 -0
- package/dist/components/FileTreeMdx.js.map +1 -0
- package/dist/components/{IconMdx.jsx → IconMdx.js} +3 -2
- package/dist/components/{IconMdx.jsx.map → IconMdx.js.map} +1 -1
- package/dist/components/ImageMdx.d.ts +1 -1
- package/dist/components/ImageMdx.d.ts.map +1 -1
- package/dist/components/ImageMdx.js +111 -0
- package/dist/components/ImageMdx.js.map +1 -0
- package/dist/components/KeyboardMdx.d.ts +3 -4
- package/dist/components/KeyboardMdx.d.ts.map +1 -1
- package/dist/components/{KeyboardMdx.jsx → KeyboardMdx.js} +6 -7
- package/dist/components/KeyboardMdx.js.map +1 -0
- package/dist/components/LinkMdx.d.ts +1 -1
- package/dist/components/LinkMdx.d.ts.map +1 -1
- package/dist/components/{LinkMdx.jsx → LinkMdx.js} +3 -2
- package/dist/components/{LinkMdx.jsx.map → LinkMdx.js.map} +1 -1
- package/dist/components/NoteMdx.d.ts +1 -1
- package/dist/components/NoteMdx.d.ts.map +1 -1
- package/dist/components/{NoteMdx.jsx → NoteMdx.js} +11 -20
- package/dist/components/{NoteMdx.jsx.map → NoteMdx.js.map} +1 -1
- package/dist/components/ReleaseMdx.d.ts +2 -2
- package/dist/components/ReleaseMdx.d.ts.map +1 -1
- package/dist/components/ReleaseMdx.js +44 -0
- package/dist/components/ReleaseMdx.js.map +1 -0
- package/dist/components/StepperMdx.d.ts +9 -5
- package/dist/components/StepperMdx.d.ts.map +1 -1
- package/dist/components/StepperMdx.js +76 -0
- package/dist/components/StepperMdx.js.map +1 -0
- package/dist/components/TableMdx.d.ts +7 -7
- package/dist/components/TableMdx.d.ts.map +1 -1
- package/dist/components/{TableMdx.jsx → TableMdx.js} +18 -19
- package/dist/components/TableMdx.js.map +1 -0
- package/dist/components/TabsMdx.d.ts +14 -6
- package/dist/components/TabsMdx.d.ts.map +1 -1
- package/dist/components/TabsMdx.js +176 -0
- package/dist/components/TabsMdx.js.map +1 -0
- package/dist/components/TooltipsMdx.d.ts +1 -1
- package/dist/components/TooltipsMdx.d.ts.map +1 -1
- package/dist/components/TooltipsMdx.js +36 -0
- package/dist/components/TooltipsMdx.js.map +1 -0
- package/dist/components/YoutubeMdx.d.ts +1 -1
- package/dist/components/YoutubeMdx.d.ts.map +1 -1
- package/dist/components/YoutubeMdx.js +14 -0
- package/dist/components/YoutubeMdx.js.map +1 -0
- package/dist/components/index.d.ts +4 -3
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +4 -3
- package/dist/components/index.js.map +1 -1
- package/dist/index.d.ts +4 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/registry/index.d.ts.map +1 -1
- package/dist/registry/index.js +8 -2
- package/dist/registry/index.js.map +1 -1
- package/dist/server.d.ts +2 -2
- package/dist/server.d.ts.map +1 -1
- package/dist/server.js +2 -2
- package/dist/server.js.map +1 -1
- package/package.json +3 -2
- package/dist/adapters/next/ButtonMdx.jsx.map +0 -1
- package/dist/adapters/next/CardMdx.jsx +0 -7
- package/dist/adapters/next/CardMdx.jsx.map +0 -1
- package/dist/adapters/next/ImageMdx.jsx +0 -7
- package/dist/adapters/next/ImageMdx.jsx.map +0 -1
- package/dist/components/AccordionContext.jsx.map +0 -1
- package/dist/components/AccordionGroupMdx.jsx +0 -17
- package/dist/components/AccordionGroupMdx.jsx.map +0 -1
- package/dist/components/AccordionMdx.jsx +0 -76
- package/dist/components/AccordionMdx.jsx.map +0 -1
- package/dist/components/CardGroupMdx.jsx.map +0 -1
- package/dist/components/CardMdx.jsx.map +0 -1
- package/dist/components/CodeBlock.jsx +0 -77
- package/dist/components/CodeBlock.jsx.map +0 -1
- package/dist/components/CopyButton.jsx.map +0 -1
- package/dist/components/FileTreeMdx.jsx +0 -79
- package/dist/components/FileTreeMdx.jsx.map +0 -1
- package/dist/components/ImageMdx.jsx +0 -126
- package/dist/components/ImageMdx.jsx.map +0 -1
- package/dist/components/KeyboardMdx.jsx.map +0 -1
- package/dist/components/ReleaseMdx.jsx +0 -56
- package/dist/components/ReleaseMdx.jsx.map +0 -1
- package/dist/components/StepperMdx.jsx +0 -82
- package/dist/components/StepperMdx.jsx.map +0 -1
- package/dist/components/TableMdx.jsx.map +0 -1
- package/dist/components/TabsMdx.jsx +0 -124
- package/dist/components/TabsMdx.jsx.map +0 -1
- package/dist/components/TooltipsMdx.jsx +0 -42
- package/dist/components/TooltipsMdx.jsx.map +0 -1
- package/dist/components/YoutubeMdx.jsx +0 -15
- package/dist/components/YoutubeMdx.jsx.map +0 -1
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useContext, useId, useState } from "react";
|
|
4
|
+
import { AccordionGroupContext } from "./AccordionContext";
|
|
5
|
+
import { resolveLucideIcon } from "./IconMdx";
|
|
6
|
+
import { ChevronRight } from "lucide-react";
|
|
7
|
+
export function AccordionMdx({ title, icon, className, children }) {
|
|
8
|
+
const groupContext = useContext(AccordionGroupContext);
|
|
9
|
+
const [localOpen, setLocalOpen] = useState(false);
|
|
10
|
+
const panelId = useId();
|
|
11
|
+
const triggerId = `${panelId}-trigger`;
|
|
12
|
+
const isGroup = groupContext?.inGroup === true;
|
|
13
|
+
const isOpen = isGroup ? groupContext?.openTitle === title : localOpen;
|
|
14
|
+
const resolvedIcon = resolveLucideIcon(icon);
|
|
15
|
+
function onToggle() {
|
|
16
|
+
if (isGroup && groupContext) {
|
|
17
|
+
groupContext.setOpenTitle(groupContext.openTitle === title ? null : title);
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
setLocalOpen((prev) => !prev);
|
|
21
|
+
}
|
|
22
|
+
return (_jsxs("div", { className: `mdx-accordion ${isGroup ? "mdx-accordion-group-item" : ""} ${className ?? ""}`, style: {
|
|
23
|
+
border: "1px solid hsl(var(--border, 210 14% 94%))",
|
|
24
|
+
borderRadius: 10,
|
|
25
|
+
overflow: "hidden",
|
|
26
|
+
background: "hsl(var(--card, 0 0% 100%))",
|
|
27
|
+
}, children: [_jsxs("button", { className: "mdx-accordion-header", type: "button", onClick: onToggle, "aria-expanded": isOpen, "aria-controls": panelId, id: triggerId, onKeyDown: (event) => {
|
|
28
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
29
|
+
event.preventDefault();
|
|
30
|
+
onToggle();
|
|
31
|
+
}
|
|
32
|
+
}, style: {
|
|
33
|
+
width: "100%",
|
|
34
|
+
display: "flex",
|
|
35
|
+
alignItems: "center",
|
|
36
|
+
justifyContent: "flex-start",
|
|
37
|
+
gap: "0.5rem",
|
|
38
|
+
textAlign: "left",
|
|
39
|
+
border: 0,
|
|
40
|
+
cursor: "pointer",
|
|
41
|
+
background: "hsl(var(--muted, 210 12% 96%))",
|
|
42
|
+
color: "hsl(var(--foreground, 222 12% 12%))",
|
|
43
|
+
fontWeight: 600,
|
|
44
|
+
padding: "0.95rem 1rem",
|
|
45
|
+
}, children: [_jsx(ChevronRight, { className: "mdx-accordion-chevron", "aria-hidden": "true", size: 16, style: {
|
|
46
|
+
transform: isOpen ? "rotate(90deg)" : "rotate(0deg)",
|
|
47
|
+
transition: "transform 0.2s ease",
|
|
48
|
+
flexShrink: 0,
|
|
49
|
+
color: "hsl(var(--foreground, 222 12% 12%) / 0.74)",
|
|
50
|
+
marginRight: "0.4rem",
|
|
51
|
+
} }), _jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: "0.5rem", flex: 1 }, children: [resolvedIcon ? (_jsx("span", { "aria-hidden": "true", style: {
|
|
52
|
+
display: "inline-flex",
|
|
53
|
+
alignItems: "center",
|
|
54
|
+
justifyContent: "center",
|
|
55
|
+
minWidth: "1.45rem",
|
|
56
|
+
height: "1.45rem",
|
|
57
|
+
color: "hsl(var(--foreground, 222 12% 12%))",
|
|
58
|
+
}, children: resolvedIcon })) : null, _jsx("span", { children: title })] })] }), _jsx("div", { id: panelId, role: "region", "aria-labelledby": triggerId, hidden: !isOpen, className: "mdx-accordion-content", style: {
|
|
59
|
+
padding: "0.75rem 0.8rem",
|
|
60
|
+
background: "hsl(var(--card, 0 0% 100%))",
|
|
61
|
+
color: "hsl(var(--card-foreground, 222 12% 20%))",
|
|
62
|
+
}, children: children })] }));
|
|
63
|
+
}
|
|
64
|
+
//# sourceMappingURL=AccordionMdx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionMdx.js","sourceRoot":"","sources":["../../src/components/AccordionMdx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,6 @@ export type ButtonMdxProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
13
13
|
/** Internal adapter hook: inject framework link component without duplicating styles. */
|
|
14
14
|
__LinkComponent?: LinkRenderer;
|
|
15
15
|
};
|
|
16
|
-
export declare function ButtonMdx({ href, variant, variation, size, icon, text, style, children, target, __LinkComponent, ...props }: ButtonMdxProps): import("react").JSX.Element;
|
|
16
|
+
export declare function ButtonMdx({ href, variant, variation, size, icon, text, style, children, target, __LinkComponent, ...props }: ButtonMdxProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
export {};
|
|
18
18
|
//# sourceMappingURL=ButtonMdx.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonMdx.d.ts","sourceRoot":"","sources":["../../src/components/ButtonMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,QAAQ,EAAqB,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,KAAK,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yFAAyF;IACzF,eAAe,CAAC,EAAE,YAAY,CAAC;CAClC,CAAC;AA0CF,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc
|
|
1
|
+
{"version":3,"file":"ButtonMdx.d.ts","sourceRoot":"","sources":["../../src/components/ButtonMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAiB,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,QAAQ,EAAqB,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,KAAK,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC9C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yFAAyF;IACzF,eAAe,CAAC,EAAE,YAAY,CAAC;CAClC,CAAC;AA0CF,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAW,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAyBlJ"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
import { LinkMdx } from "./LinkMdx";
|
|
2
3
|
import { resolveLucideIcon } from "./IconMdx";
|
|
3
4
|
const baseStyle = {
|
|
@@ -42,17 +43,10 @@ export function ButtonMdx({ href, variant, variation, size = "md", icon, text, s
|
|
|
42
43
|
const mergedStyle = { ...baseStyle, ...variantStyles[resolvedVariant], ...sizeStyles[size], ...style };
|
|
43
44
|
const resolvedIcon = resolveLucideIcon(icon);
|
|
44
45
|
const LinkComponent = __LinkComponent ?? LinkMdx;
|
|
45
|
-
const content = (
|
|
46
|
-
{resolvedIcon ? <span aria-hidden="true" style={{ display: "inline-flex", alignItems: "center", justifyContent: "center" }}>{resolvedIcon}</span> : null}
|
|
47
|
-
{text ?? children}
|
|
48
|
-
</>);
|
|
46
|
+
const content = (_jsxs(_Fragment, { children: [resolvedIcon ? _jsx("span", { "aria-hidden": "true", style: { display: "inline-flex", alignItems: "center", justifyContent: "center" }, children: resolvedIcon }) : null, text ?? children] }));
|
|
49
47
|
if (href) {
|
|
50
|
-
return (
|
|
51
|
-
{content}
|
|
52
|
-
</LinkComponent>);
|
|
48
|
+
return (_jsx(LinkComponent, { href: href, target: target, style: mergedStyle, children: content }));
|
|
53
49
|
}
|
|
54
|
-
return (
|
|
55
|
-
{content}
|
|
56
|
-
</button>);
|
|
50
|
+
return (_jsx("button", { type: props.type ?? "button", ...props, style: mergedStyle, children: content }));
|
|
57
51
|
}
|
|
58
|
-
//# sourceMappingURL=ButtonMdx.
|
|
52
|
+
//# sourceMappingURL=ButtonMdx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonMdx.
|
|
1
|
+
{"version":3,"file":"ButtonMdx.js","sourceRoot":"","sources":["../../src/components/ButtonMdx.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAY,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAiBxD,MAAM,SAAS,GAAkB;IAC7B,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,GAAG,EAAE,UAAU;IACf,YAAY,EAAE,EAAE;IAChB,MAAM,EAAE,2CAA2C;IACnD,UAAU,EAAE,6BAA6B;IACzC,KAAK,EAAE,qCAAqC;IAC5C,cAAc,EAAE,MAAM;IACtB,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,CAAC;IACb,OAAO,EAAE,iBAAiB;IAC1B,MAAM,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,aAAa,GAAkE;IACjF,OAAO,EAAE;QACL,UAAU,EAAE,kCAAkC;QAC9C,WAAW,EAAE,kCAAkC;QAC/C,KAAK,EAAE,SAAS;KACnB;IACD,SAAS,EAAE;QACP,UAAU,EAAE,gCAAgC;QAC5C,KAAK,EAAE,qCAAqC;KAC/C;IACD,KAAK,EAAE;QACH,UAAU,EAAE,aAAa;QACzB,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,qCAAqC;KAC/C;CACJ,CAAC;AAEF,MAAM,UAAU,GAA+D;IAC3E,EAAE,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACrD,EAAE,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACtD,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE;CACtD,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,EAAkB;IAC/I,MAAM,eAAe,GAAG,SAAS,IAAI,OAAO,IAAI,WAAW,CAAC;IAC5D,MAAM,WAAW,GAAG,EAAE,GAAG,SAAS,EAAE,GAAG,aAAa,CAAC,eAAe,CAAC,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;IACvG,MAAM,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,eAAe,IAAI,OAAO,CAAC;IACjD,MAAM,OAAO,GAAG,CACZ,8BACK,YAAY,CAAC,CAAC,CAAC,8BAAkB,MAAM,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAG,YAAY,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvJ,IAAI,IAAI,QAAQ,IAClB,CACN,CAAC;IAEF,IAAI,IAAI,EAAE,CAAC;QACP,OAAO,CACH,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,YACxD,OAAO,GACI,CACnB,CAAC;IACN,CAAC;IAED,OAAO,CACH,iBAAQ,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,QAAQ,KAAM,KAAK,EAAE,KAAK,EAAE,WAAW,YAC9D,OAAO,GACH,CACZ,CAAC;AACN,CAAC"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import type { CSSProperties, ReactNode } from "react";
|
|
2
|
-
type
|
|
2
|
+
type CardsMdxProps = {
|
|
3
3
|
cols?: number;
|
|
4
4
|
children?: ReactNode;
|
|
5
5
|
style?: CSSProperties;
|
|
6
6
|
};
|
|
7
|
-
export declare function
|
|
7
|
+
export declare function CardsMdx({ cols, children, style }: CardsMdxProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
/** @deprecated Use `CardsMdx` instead. */
|
|
9
|
+
export declare function CardGroupMdx(props: CardsMdxProps): import("react/jsx-runtime").JSX.Element;
|
|
8
10
|
export {};
|
|
9
11
|
//# sourceMappingURL=CardGroupMdx.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardGroupMdx.d.ts","sourceRoot":"","sources":["../../src/components/CardGroupMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,KAAK,
|
|
1
|
+
{"version":3,"file":"CardGroupMdx.d.ts","sourceRoot":"","sources":["../../src/components/CardGroupMdx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,KAAK,aAAa,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EAAE,IAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,aAAa,2CAmCpE;AAED,0CAA0C;AAC1C,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,2CAEhD"}
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function CardsMdx({ cols = 2, children, style }) {
|
|
2
3
|
const columnCount = Math.max(1, Math.min(4, cols));
|
|
3
|
-
return (
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}}>
|
|
8
|
-
{children}
|
|
9
|
-
</div>
|
|
10
|
-
<style>{`
|
|
4
|
+
return (_jsxs(_Fragment, { children: [_jsx("div", { className: "docubook-card-group", style: {
|
|
5
|
+
"--docubook-card-group-template": `repeat(${columnCount}, minmax(240px, 1fr))`,
|
|
6
|
+
...style,
|
|
7
|
+
}, children: children }), _jsx("style", { children: `
|
|
11
8
|
.docubook-card-group {
|
|
12
9
|
display: grid;
|
|
13
10
|
grid-template-columns: 1fr;
|
|
@@ -23,7 +20,10 @@ export function CardGroupMdx({ cols = 2, children, style }) {
|
|
|
23
20
|
grid-template-columns: var(--docubook-card-group-template, repeat(2, minmax(220px, 1fr)));
|
|
24
21
|
}
|
|
25
22
|
}
|
|
26
|
-
`}
|
|
27
|
-
</>);
|
|
23
|
+
` })] }));
|
|
28
24
|
}
|
|
29
|
-
|
|
25
|
+
/** @deprecated Use `CardsMdx` instead. */
|
|
26
|
+
export function CardGroupMdx(props) {
|
|
27
|
+
return _jsx(CardsMdx, { ...props });
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=CardGroupMdx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardGroupMdx.js","sourceRoot":"","sources":["../../src/components/CardGroupMdx.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAiB;IACjE,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAEnD,OAAO,CACH,8BACI,cACI,SAAS,EAAC,qBAAqB,EAC/B,KAAK,EACD;oBACI,gCAAgC,EAAE,UAAU,WAAW,uBAAuB;oBAC9E,GAAG,KAAK;iBACM,YAGrB,QAAQ,GACP,EACN,0BAAQ;;;;;;;;;;;;;;;;aAgBP,GAAS,IACX,CACN,CAAC;AACN,CAAC;AAED,0CAA0C;AAC1C,MAAM,UAAU,YAAY,CAAC,KAAoB;IAC7C,OAAO,KAAC,QAAQ,OAAK,KAAK,GAAI,CAAC;AACnC,CAAC"}
|
|
@@ -12,6 +12,6 @@ export type CardMdxProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
12
12
|
/** Internal adapter hook: inject framework link component without duplicating styles. */
|
|
13
13
|
__LinkComponent?: LinkRenderer;
|
|
14
14
|
};
|
|
15
|
-
export declare function CardMdx({ title, icon, href, horizontal, children, style, className, __LinkComponent, ...props }: CardMdxProps): import("react").JSX.Element;
|
|
15
|
+
export declare function CardMdx({ title, icon, href, horizontal, children, style, className, __LinkComponent, ...props }: CardMdxProps): import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
export {};
|
|
17
17
|
//# sourceMappingURL=CardMdx.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMdx.d.ts","sourceRoot":"","sources":["../../src/components/CardMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAqB,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,KAAK,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yFAAyF;IACzF,eAAe,CAAC,EAAE,YAAY,CAAC;CAClC,CAAC;AAgBF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY
|
|
1
|
+
{"version":3,"file":"CardMdx.d.ts","sourceRoot":"","sources":["../../src/components/CardMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErF,OAAO,EAAE,QAAQ,EAAqB,MAAM,WAAW,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,KAAK,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,yFAAyF;IACzF,eAAe,CAAC,EAAE,YAAY,CAAC;CAClC,CAAC;AAgBF,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAkG7H"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState } from "react";
|
|
3
4
|
import { LinkMdx } from "./LinkMdx";
|
|
4
5
|
import { resolveLucideIcon } from "./IconMdx";
|
|
@@ -19,41 +20,29 @@ export function CardMdx({ title, icon, href, horizontal, children, style, classN
|
|
|
19
20
|
const [hover, setHover] = useState(false);
|
|
20
21
|
const resolvedIcon = resolveLucideIcon(icon);
|
|
21
22
|
const LinkComponent = __LinkComponent ?? LinkMdx;
|
|
22
|
-
const content = (
|
|
23
|
+
const content = (_jsxs("div", { style: {
|
|
23
24
|
display: "grid",
|
|
24
25
|
gridTemplateColumns: horizontal ? "auto 1fr" : "1fr",
|
|
25
26
|
gap: horizontal ? "0.75rem" : "0.4rem",
|
|
26
27
|
alignItems: horizontal ? "flex-start" : "flex-start",
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
{title}
|
|
46
|
-
</div>
|
|
47
|
-
{children ? (<div style={{
|
|
48
|
-
color: "hsl(var(--muted-foreground, 215 18% 62%))",
|
|
49
|
-
fontSize: "0.96rem",
|
|
50
|
-
lineHeight: 1.42,
|
|
51
|
-
marginTop: "-0.5rem",
|
|
52
|
-
}}>
|
|
53
|
-
{children}
|
|
54
|
-
</div>) : null}
|
|
55
|
-
</div>
|
|
56
|
-
</div>);
|
|
28
|
+
}, children: [resolvedIcon ? (_jsx("span", { "aria-hidden": "true", style: {
|
|
29
|
+
display: "block",
|
|
30
|
+
alignItems: "center",
|
|
31
|
+
justifyContent: "center",
|
|
32
|
+
width: "1rem",
|
|
33
|
+
height: "1rem",
|
|
34
|
+
borderRadius: "999px",
|
|
35
|
+
backgroundColor: "hsl(var(--primary, 210 100% 56%)) / 0.14",
|
|
36
|
+
color: "hsl(var(--primary, 210 100% 40%))",
|
|
37
|
+
fontSize: "2rem",
|
|
38
|
+
transition: "transform 0.2s ease, color 0.2s ease",
|
|
39
|
+
transform: hover ? "scale(1.05)" : "scale(1)",
|
|
40
|
+
}, children: resolvedIcon })) : null, _jsxs("div", { style: { display: "grid", gridAutoRows: "min-content", gap: 0 }, children: [_jsx("div", { style: { fontWeight: 700, fontSize: "1.22rem", lineHeight: 1.3, color: "hsl(var(--foreground, 222 12% 12%))" }, children: title }), children ? (_jsx("div", { style: {
|
|
41
|
+
color: "hsl(var(--muted-foreground, 215 18% 62%))",
|
|
42
|
+
fontSize: "0.96rem",
|
|
43
|
+
lineHeight: 1.42,
|
|
44
|
+
marginTop: "-0.5rem",
|
|
45
|
+
}, children: children })) : null] })] }));
|
|
57
46
|
const interactiveStyle = href
|
|
58
47
|
? {
|
|
59
48
|
cursor: "pointer",
|
|
@@ -76,12 +65,8 @@ export function CardMdx({ title, icon, href, horizontal, children, style, classN
|
|
|
76
65
|
...props,
|
|
77
66
|
};
|
|
78
67
|
if (href) {
|
|
79
|
-
return (
|
|
80
|
-
{content}
|
|
81
|
-
</LinkComponent>);
|
|
68
|
+
return (_jsx(LinkComponent, { href: href, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), style: combinedStyle, ...(className ? { className } : {}), ...props, children: content }));
|
|
82
69
|
}
|
|
83
|
-
return (
|
|
84
|
-
{content}
|
|
85
|
-
</div>);
|
|
70
|
+
return (_jsx("div", { ...divProps, children: content }));
|
|
86
71
|
}
|
|
87
|
-
//# sourceMappingURL=CardMdx.
|
|
72
|
+
//# sourceMappingURL=CardMdx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardMdx.js","sourceRoot":"","sources":["../../src/components/CardMdx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ type CodeBlockProps = ComponentProps<"pre"> & {
|
|
|
3
3
|
raw?: string;
|
|
4
4
|
"data-title"?: string;
|
|
5
5
|
};
|
|
6
|
-
export declare function CodeBlock({ children, raw, ...rest }: CodeBlockProps): import("react").JSX.Element;
|
|
6
|
+
export declare function CodeBlock({ children, raw, ...rest }: CodeBlockProps): import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export {};
|
|
8
8
|
//# sourceMappingURL=CodeBlock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/components/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AA4BvD,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAuDF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/components/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AA4BvD,KAAK,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAuDF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CA2BnE"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { SiJavascript, SiTypescript, SiReact, SiPython, SiGo, SiPhp, SiRuby, SiSwift, SiKotlin, SiHtml5, SiCss, SiSass, SiPostgresql, SiGraphql, SiYaml, SiToml, SiDocker, SiNginx, SiGit, SiGnubash, SiMarkdown, } from "react-icons/si";
|
|
3
|
+
import { FaJava, FaCode, FaFileAlt } from "react-icons/fa";
|
|
4
|
+
import { TbJson } from "react-icons/tb";
|
|
5
|
+
import { CopyButton } from "./CopyButton";
|
|
6
|
+
function getLanguage(className = "") {
|
|
7
|
+
const match = className.match(/language-(\w+)/);
|
|
8
|
+
return match ? match[1] : "text";
|
|
9
|
+
}
|
|
10
|
+
function getLanguageIcon(language) {
|
|
11
|
+
const normalized = language.toLowerCase();
|
|
12
|
+
const iconProps = { size: 14 };
|
|
13
|
+
const map = {
|
|
14
|
+
gitignore: _jsx(SiGit, { ...iconProps }),
|
|
15
|
+
docker: _jsx(SiDocker, { ...iconProps }),
|
|
16
|
+
dockerfile: _jsx(SiDocker, { ...iconProps }),
|
|
17
|
+
nginx: _jsx(SiNginx, { ...iconProps }),
|
|
18
|
+
sql: _jsx(SiPostgresql, { ...iconProps }),
|
|
19
|
+
graphql: _jsx(SiGraphql, { ...iconProps }),
|
|
20
|
+
yaml: _jsx(SiYaml, { ...iconProps }),
|
|
21
|
+
yml: _jsx(SiYaml, { ...iconProps }),
|
|
22
|
+
toml: _jsx(SiToml, { ...iconProps }),
|
|
23
|
+
json: _jsx(TbJson, { ...iconProps }),
|
|
24
|
+
md: _jsx(SiMarkdown, { ...iconProps }),
|
|
25
|
+
markdown: _jsx(SiMarkdown, { ...iconProps }),
|
|
26
|
+
bash: _jsx(SiGnubash, { ...iconProps }),
|
|
27
|
+
sh: _jsx(SiGnubash, { ...iconProps }),
|
|
28
|
+
shell: _jsx(SiGnubash, { ...iconProps }),
|
|
29
|
+
swift: _jsx(SiSwift, { ...iconProps }),
|
|
30
|
+
kotlin: _jsx(SiKotlin, { ...iconProps }),
|
|
31
|
+
kt: _jsx(SiKotlin, { ...iconProps }),
|
|
32
|
+
kts: _jsx(SiKotlin, { ...iconProps }),
|
|
33
|
+
rb: _jsx(SiRuby, { ...iconProps }),
|
|
34
|
+
ruby: _jsx(SiRuby, { ...iconProps }),
|
|
35
|
+
php: _jsx(SiPhp, { ...iconProps }),
|
|
36
|
+
go: _jsx(SiGo, { ...iconProps }),
|
|
37
|
+
py: _jsx(SiPython, { ...iconProps }),
|
|
38
|
+
python: _jsx(SiPython, { ...iconProps }),
|
|
39
|
+
java: _jsx(FaJava, { ...iconProps }),
|
|
40
|
+
tsx: _jsx(SiReact, { ...iconProps }),
|
|
41
|
+
typescript: _jsx(SiTypescript, { ...iconProps }),
|
|
42
|
+
ts: _jsx(SiTypescript, { ...iconProps }),
|
|
43
|
+
jsx: _jsx(SiReact, { ...iconProps }),
|
|
44
|
+
js: _jsx(SiJavascript, { ...iconProps }),
|
|
45
|
+
javascript: _jsx(SiJavascript, { ...iconProps }),
|
|
46
|
+
html: _jsx(SiHtml5, { ...iconProps }),
|
|
47
|
+
css: _jsx(SiCss, { ...iconProps }),
|
|
48
|
+
scss: _jsx(SiSass, { ...iconProps }),
|
|
49
|
+
sass: _jsx(SiSass, { ...iconProps }),
|
|
50
|
+
text: _jsx(FaFileAlt, { ...iconProps }),
|
|
51
|
+
plaintext: _jsx(FaFileAlt, { ...iconProps }),
|
|
52
|
+
};
|
|
53
|
+
return map[normalized] || _jsx(FaCode, { ...iconProps });
|
|
54
|
+
}
|
|
55
|
+
export function CodeBlock({ children, raw, ...rest }) {
|
|
56
|
+
const { className, "data-title": title, ...props } = rest;
|
|
57
|
+
const language = getLanguage(className);
|
|
58
|
+
return (_jsxs("div", { style: { border: "1px solid hsl(var(--border, 210 14% 94%))", borderRadius: 12, overflow: "hidden", margin: "1rem 0" }, children: [_jsxs("div", { style: {
|
|
59
|
+
display: "flex",
|
|
60
|
+
alignItems: "center",
|
|
61
|
+
justifyContent: "space-between",
|
|
62
|
+
padding: "0.45rem 0.6rem",
|
|
63
|
+
borderBottom: "1px solid hsl(var(--border, 210 14% 94%))",
|
|
64
|
+
background: "hsl(var(--muted, 210 12% 96%))",
|
|
65
|
+
}, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6, fontSize: "0.78rem", color: "hsl(var(--muted-foreground, 215 20% 65%))" }, children: [getLanguageIcon(language), _jsx("span", { children: title || language })] }), raw ? _jsx(CopyButton, { content: raw }) : null] }), _jsx("pre", { ...props, className: className, style: { margin: 0, padding: "0.9rem", overflowX: "auto" }, children: children })] }));
|
|
66
|
+
}
|
|
67
|
+
//# sourceMappingURL=CodeBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../src/components/CodeBlock.tsx"],"names":[],"mappings":";AACA,OAAO,EACH,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,YAAY,EACZ,SAAS,EACT,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,UAAU,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,SAAS,WAAW,CAAC,YAAoB,EAAE;IACvC,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAChD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AACrC,CAAC;AAED,SAAS,eAAe,CAAC,QAAgB;IACrC,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;IAE/B,MAAM,GAAG,GAA8B;QACnC,SAAS,EAAE,KAAC,KAAK,OAAK,SAAS,GAAI;QACnC,MAAM,EAAE,KAAC,QAAQ,OAAK,SAAS,GAAI;QACnC,UAAU,EAAE,KAAC,QAAQ,OAAK,SAAS,GAAI;QACvC,KAAK,EAAE,KAAC,OAAO,OAAK,SAAS,GAAI;QACjC,GAAG,EAAE,KAAC,YAAY,OAAK,SAAS,GAAI;QACpC,OAAO,EAAE,KAAC,SAAS,OAAK,SAAS,GAAI;QACrC,IAAI,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC/B,GAAG,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC9B,IAAI,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC/B,IAAI,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC/B,EAAE,EAAE,KAAC,UAAU,OAAK,SAAS,GAAI;QACjC,QAAQ,EAAE,KAAC,UAAU,OAAK,SAAS,GAAI;QACvC,IAAI,EAAE,KAAC,SAAS,OAAK,SAAS,GAAI;QAClC,EAAE,EAAE,KAAC,SAAS,OAAK,SAAS,GAAI;QAChC,KAAK,EAAE,KAAC,SAAS,OAAK,SAAS,GAAI;QACnC,KAAK,EAAE,KAAC,OAAO,OAAK,SAAS,GAAI;QACjC,MAAM,EAAE,KAAC,QAAQ,OAAK,SAAS,GAAI;QACnC,EAAE,EAAE,KAAC,QAAQ,OAAK,SAAS,GAAI;QAC/B,GAAG,EAAE,KAAC,QAAQ,OAAK,SAAS,GAAI;QAChC,EAAE,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC7B,IAAI,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC/B,GAAG,EAAE,KAAC,KAAK,OAAK,SAAS,GAAI;QAC7B,EAAE,EAAE,KAAC,IAAI,OAAK,SAAS,GAAI;QAC3B,EAAE,EAAE,KAAC,QAAQ,OAAK,SAAS,GAAI;QAC/B,MAAM,EAAE,KAAC,QAAQ,OAAK,SAAS,GAAI;QACnC,IAAI,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC/B,GAAG,EAAE,KAAC,OAAO,OAAK,SAAS,GAAI;QAC/B,UAAU,EAAE,KAAC,YAAY,OAAK,SAAS,GAAI;QAC3C,EAAE,EAAE,KAAC,YAAY,OAAK,SAAS,GAAI;QACnC,GAAG,EAAE,KAAC,OAAO,OAAK,SAAS,GAAI;QAC/B,EAAE,EAAE,KAAC,YAAY,OAAK,SAAS,GAAI;QACnC,UAAU,EAAE,KAAC,YAAY,OAAK,SAAS,GAAI;QAC3C,IAAI,EAAE,KAAC,OAAO,OAAK,SAAS,GAAI;QAChC,GAAG,EAAE,KAAC,KAAK,OAAK,SAAS,GAAI;QAC7B,IAAI,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC/B,IAAI,EAAE,KAAC,MAAM,OAAK,SAAS,GAAI;QAC/B,IAAI,EAAE,KAAC,SAAS,OAAK,SAAS,GAAI;QAClC,SAAS,EAAE,KAAC,SAAS,OAAK,SAAS,GAAI;KAC1C,CAAC;IAEF,OAAO,GAAG,CAAC,UAAU,CAAC,IAAI,KAAC,MAAM,OAAK,SAAS,GAAI,CAAC;AACxD,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAkB;IAChE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC;IAC1D,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACH,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,2CAA2C,EAAE,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,aACvH,eACI,KAAK,EAAE;oBACH,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,eAAe;oBAC/B,OAAO,EAAE,gBAAgB;oBACzB,YAAY,EAAE,2CAA2C;oBACzD,UAAU,EAAE,gCAAgC;iBAC/C,aAED,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,2CAA2C,EAAE,aACjI,eAAe,CAAC,QAAQ,CAAC,EAC1B,yBAAO,KAAK,IAAI,QAAQ,GAAQ,IAC9B,EACL,GAAG,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,OAAO,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,IAAI,IACxC,EACN,iBAAS,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,YAC3F,QAAQ,GACP,IACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
type CopyButtonProps = {
|
|
2
2
|
content: string;
|
|
3
3
|
};
|
|
4
|
-
export declare function CopyButton({ content }: CopyButtonProps): import("react").JSX.Element;
|
|
4
|
+
export declare function CopyButton({ content }: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export {};
|
|
6
6
|
//# sourceMappingURL=CopyButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG;IACnB,OAAO,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe
|
|
1
|
+
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAIA,KAAK,eAAe,GAAG;IACnB,OAAO,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,2CAiDtD"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useEffect, useId, useRef, useState } from "react";
|
|
3
4
|
export function CopyButton({ content }) {
|
|
4
5
|
const [copied, setCopied] = useState(false);
|
|
@@ -24,7 +25,7 @@ export function CopyButton({ content }) {
|
|
|
24
25
|
setCopied(false);
|
|
25
26
|
}
|
|
26
27
|
}
|
|
27
|
-
return (
|
|
28
|
+
return (_jsxs("button", { type: "button", onClick: onCopy, "aria-label": copied ? "Copied" : "Copy code", "aria-describedby": statusId, style: {
|
|
28
29
|
position: "relative",
|
|
29
30
|
border: "1px solid hsl(var(--border, 210 14% 94%))",
|
|
30
31
|
borderRadius: 8,
|
|
@@ -33,11 +34,6 @@ export function CopyButton({ content }) {
|
|
|
33
34
|
fontSize: "0.78rem",
|
|
34
35
|
padding: "0.35rem 0.55rem",
|
|
35
36
|
cursor: "copy",
|
|
36
|
-
}}
|
|
37
|
-
{copied ? "Copied" : "Copy"}
|
|
38
|
-
<span id={statusId} aria-live="polite" style={{ position: "absolute", left: -9999, top: "auto" }}>
|
|
39
|
-
{copied ? "Code copied to clipboard" : "Ready to copy code"}
|
|
40
|
-
</span>
|
|
41
|
-
</button>);
|
|
37
|
+
}, children: [copied ? "Copied" : "Copy", _jsx("span", { id: statusId, "aria-live": "polite", style: { position: "absolute", left: -9999, top: "auto" }, children: copied ? "Code copied to clipboard" : "Ready to copy code" })] }));
|
|
42
38
|
}
|
|
43
|
-
//# sourceMappingURL=CopyButton.
|
|
39
|
+
//# sourceMappingURL=CopyButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM3D,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAmB;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,OAAO,GAAG,EAAE;YACR,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACrB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,UAAU,MAAM;QACjB,IAAI,CAAC;YACD,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC7C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;gBACrB,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YACrC,CAAC;YACD,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAClE,CAAC;QAAC,MAAM,CAAC;YACL,SAAS,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACL,CAAC;IAED,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,gBACH,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,sBACzB,QAAQ,EAC1B,KAAK,EAAE;YACH,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,2CAA2C;YACnD,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,6BAA6B;YACzC,KAAK,EAAE,qCAAqC;YAC5C,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,iBAAiB;YAC1B,MAAM,EAAE,MAAM;SACjB,aAEA,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC3B,eAAM,EAAE,EAAE,QAAQ,eAAY,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,YAC3F,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,oBAAoB,GACxD,IACF,CACZ,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type CSSProperties, type HTMLAttributes, type ReactNode } from "react";
|
|
2
2
|
type FilesMdxProps = HTMLAttributes<HTMLDivElement> & {
|
|
3
3
|
children?: ReactNode;
|
|
4
4
|
style?: CSSProperties;
|
|
@@ -12,8 +12,8 @@ type FileMdxProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
12
12
|
name: string;
|
|
13
13
|
style?: CSSProperties;
|
|
14
14
|
};
|
|
15
|
-
export declare function FilesMdx({ children, style, className, ...props }: FilesMdxProps):
|
|
16
|
-
export declare function FolderMdx({ name, children, style, className, ...props }: FolderMdxProps):
|
|
17
|
-
export declare function FileMdx({ name, style, className, ...props }: FileMdxProps):
|
|
15
|
+
export declare function FilesMdx({ children, style, className, ...props }: FilesMdxProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function FolderMdx({ name, children, style, className, ...props }: FolderMdxProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare function FileMdx({ name, style, className, ...props }: FileMdxProps): import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
|
19
19
|
//# sourceMappingURL=FileTreeMdx.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileTreeMdx.d.ts","sourceRoot":"","sources":["../../src/components/FileTreeMdx.tsx"],"names":[],"mappings":"AAEA,
|
|
1
|
+
{"version":3,"file":"FileTreeMdx.d.ts","sourceRoot":"","sources":["../../src/components/FileTreeMdx.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAmB,KAAK,aAAa,EAAE,KAAK,cAAc,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5H,KAAK,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;AACtG,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;AACrH,KAAK,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,aAAa,CAAA;CAAE,CAAC;AAE7F,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CAqB/E;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAgFvF;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAiCzE"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useId, useState } from "react";
|
|
4
|
+
import { ChevronRight, File as FileIcon, Folder as FolderIcon, FolderOpen } from "lucide-react";
|
|
5
|
+
export function FilesMdx({ children, style, className, ...props }) {
|
|
6
|
+
return (_jsx("div", { className: className, ...props, role: "tree", "aria-label": props["aria-label"] ?? "File tree", style: {
|
|
7
|
+
border: "1px solid hsl(var(--border, 210 14% 94%))",
|
|
8
|
+
borderRadius: 12,
|
|
9
|
+
padding: "0.5rem",
|
|
10
|
+
margin: "1rem 0",
|
|
11
|
+
background: "hsla(var(--card, 0 0% 100%) / 0.9)",
|
|
12
|
+
backdropFilter: "blur(8px)",
|
|
13
|
+
boxShadow: "0 10px 20px rgba(0,0,0,0.05)",
|
|
14
|
+
...style,
|
|
15
|
+
}, children: children }));
|
|
16
|
+
}
|
|
17
|
+
export function FolderMdx({ name, children, style, className, ...props }) {
|
|
18
|
+
const [isOpen, setIsOpen] = useState(true);
|
|
19
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
20
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
21
|
+
const hasChildren = React.Children.count(children) > 0;
|
|
22
|
+
const groupId = useId();
|
|
23
|
+
const handleKeyDown = (event) => {
|
|
24
|
+
if (!hasChildren) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (event.key === "ArrowRight") {
|
|
28
|
+
event.preventDefault();
|
|
29
|
+
setIsOpen(true);
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
if (event.key === "ArrowLeft") {
|
|
33
|
+
event.preventDefault();
|
|
34
|
+
setIsOpen(false);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
if (event.key === "Enter" || event.key === " ") {
|
|
38
|
+
event.preventDefault();
|
|
39
|
+
setIsOpen((prev) => !prev);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
return (_jsxs("div", { className: className, ...props, role: "treeitem", "aria-expanded": hasChildren ? isOpen : undefined, style: { marginLeft: "0.35rem", ...style }, children: [_jsxs("button", { type: "button", className: "flex items-center gap-2 rounded-md py-1.5 px-2 transition-colors duration-150", onClick: () => hasChildren && setIsOpen((prev) => !prev), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), onKeyDown: handleKeyDown, "aria-label": `${isOpen ? "Collapse" : "Expand"} folder ${name}`, "aria-expanded": hasChildren ? isOpen : undefined, "aria-controls": hasChildren ? groupId : undefined, style: {
|
|
43
|
+
cursor: hasChildren ? "pointer" : "default",
|
|
44
|
+
width: "100%",
|
|
45
|
+
border: "none",
|
|
46
|
+
textAlign: "left",
|
|
47
|
+
background: isHovered || isFocused ? "hsla(var(--muted, 210 20% 92%) / 0.45)" : "transparent",
|
|
48
|
+
}, children: [hasChildren ? (_jsx(ChevronRight, { className: "h-3.5 w-3.5 transition-transform duration-200", style: { transform: isOpen ? "rotate(90deg)" : "rotate(0deg)", color: isHovered || isFocused ? "hsl(var(--primary, 210 100% 56%))" : "var(--muted-foreground)" } })) : (_jsx("div", { className: "w-3.5" })), isOpen ? (_jsx(FolderOpen, { className: "h-4 w-4", style: { color: isHovered || isFocused ? "hsl(var(--primary, 210 100% 56%))" : "var(--muted-foreground)" } })) : (_jsx(FolderIcon, { className: "h-4 w-4", style: { color: isHovered || isFocused ? "hsl(var(--primary, 210 100% 56%))" : "var(--muted-foreground)" } })), _jsx("span", { style: { fontWeight: 600, color: isHovered || isFocused ? "hsl(var(--primary, 210 100% 56%))" : "var(--foreground)" }, children: name })] }), isOpen && hasChildren && (_jsx("div", { id: groupId, role: "group", style: { marginLeft: "1rem", borderLeft: "2px solid hsl(var(--border, 210 20% 85%))", paddingLeft: "0.6rem" }, children: children }))] }));
|
|
49
|
+
}
|
|
50
|
+
export function FileMdx({ name, style, className, ...props }) {
|
|
51
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
52
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
53
|
+
const fileExtension = name.split(".").pop()?.toUpperCase();
|
|
54
|
+
return (_jsxs("div", { className: className, ...props, role: "treeitem", tabIndex: 0, style: {
|
|
55
|
+
display: "flex",
|
|
56
|
+
alignItems: "center",
|
|
57
|
+
gap: "0.5rem",
|
|
58
|
+
padding: "0.33rem 0.5rem",
|
|
59
|
+
borderRadius: "0.45rem",
|
|
60
|
+
userSelect: "none",
|
|
61
|
+
background: isHovered || isFocused ? "hsla(var(--muted, 210 20% 92%) / 0.35)" : "transparent",
|
|
62
|
+
...style,
|
|
63
|
+
}, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), children: [_jsx(FileIcon, { className: "h-3.5 w-3.5", style: { color: isHovered || isFocused ? "hsl(var(--primary, 210 100% 56%))" : "var(--muted-foreground)" } }), _jsx("span", { style: { fontFamily: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace", fontSize: "0.9rem", color: "var(--foreground)" }, children: name }), (isHovered || isFocused) && fileExtension && (_jsx("span", { style: { marginLeft: "auto", fontSize: "0.7rem", color: "var(--muted-foreground)" }, children: fileExtension }))] }));
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=FileTreeMdx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileTreeMdx.js","sourceRoot":"","sources":["../../src/components/FileTreeMdx.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
import * as LucideIcons from "lucide-react";
|
|
2
3
|
const DEFAULT_ICON_SIZE = 20;
|
|
3
4
|
export function resolveLucideIcon(icon) {
|
|
@@ -9,6 +10,6 @@ export function resolveLucideIcon(icon) {
|
|
|
9
10
|
// Unknown icon key: avoid rendering invalid React elements.
|
|
10
11
|
return undefined;
|
|
11
12
|
}
|
|
12
|
-
return
|
|
13
|
+
return _jsx(IconComponent, { size: DEFAULT_ICON_SIZE });
|
|
13
14
|
}
|
|
14
|
-
//# sourceMappingURL=IconMdx.
|
|
15
|
+
//# sourceMappingURL=IconMdx.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconMdx.
|
|
1
|
+
{"version":3,"file":"IconMdx.js","sourceRoot":"","sources":["../../src/components/IconMdx.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,WAAW,MAAM,cAAc,CAAC;AAO5C,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAE7B,MAAM,UAAU,iBAAiB,CAAC,IAAe;IAC7C,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,MAAM,aAAa,GAAG,WAAW,CAAC,IAAgB,CAA2C,CAAC;IAE9F,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,4DAA4D;QAC5D,OAAO,SAAS,CAAC;IACrB,CAAC;IAED,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,iBAAiB,GAAI,CAAC;AACtD,CAAC"}
|
|
@@ -4,5 +4,5 @@ export type ImageMdxProps = Omit<ComponentProps<"img">, "src"> & {
|
|
|
4
4
|
zoom?: boolean;
|
|
5
5
|
ImageComponent?: ComponentType<any>;
|
|
6
6
|
};
|
|
7
|
-
export declare function ImageMdx({ src, alt, width, height, zoom, style, ImageComponent, ...props }: ImageMdxProps): import("react").JSX.Element | null;
|
|
7
|
+
export declare function ImageMdx({ src, alt, width, height, zoom, style, ImageComponent, ...props }: ImageMdxProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
8
|
//# sourceMappingURL=ImageMdx.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageMdx.d.ts","sourceRoot":"","sources":["../../src/components/ImageMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsC,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC7D,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACvC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACrB,GAAG,EACH,GAAa,EACb,KAAW,EACX,MAAY,EACZ,IAAW,EACX,KAAK,EACL,cAAc,EACd,GAAG,KAAK,EACX,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"ImageMdx.d.ts","sourceRoot":"","sources":["../../src/components/ImageMdx.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsC,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC7D,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,cAAc,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;CACvC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACrB,GAAG,EACH,GAAa,EACb,KAAW,EACX,MAAY,EACZ,IAAW,EACX,KAAK,EACL,cAAc,EACd,GAAG,KAAK,EACX,EAAE,aAAa,kDAsKf"}
|