@simpleapps-com/augur-web 0.1.6 → 0.1.7
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/dist/mdx-components.cjs +161 -0
- package/dist/mdx-components.cjs.map +1 -0
- package/dist/mdx-components.d.cts +20 -0
- package/dist/mdx-components.d.ts +20 -0
- package/dist/mdx-components.js +161 -0
- package/dist/mdx-components.js.map +1 -0
- package/package.json +7 -2
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
// src/mdx-components.tsx
|
|
5
|
+
var _web = require('@simpleapps-com/augur-utils/web');
|
|
6
|
+
var _jsxruntime = require('react/jsx-runtime');
|
|
7
|
+
function getMDXComponents(overrides = {}) {
|
|
8
|
+
return {
|
|
9
|
+
h1: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
10
|
+
"h1",
|
|
11
|
+
{
|
|
12
|
+
className: _web.cn.call(void 0,
|
|
13
|
+
"mt-8 mb-4 scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
|
|
14
|
+
className
|
|
15
|
+
),
|
|
16
|
+
...props
|
|
17
|
+
}
|
|
18
|
+
),
|
|
19
|
+
h2: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
20
|
+
"h2",
|
|
21
|
+
{
|
|
22
|
+
className: _web.cn.call(void 0,
|
|
23
|
+
"mt-8 mb-4 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
|
|
24
|
+
className
|
|
25
|
+
),
|
|
26
|
+
...props
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
h3: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
30
|
+
"h3",
|
|
31
|
+
{
|
|
32
|
+
className: _web.cn.call(void 0,
|
|
33
|
+
"mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight",
|
|
34
|
+
className
|
|
35
|
+
),
|
|
36
|
+
...props
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
h4: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
40
|
+
"h4",
|
|
41
|
+
{
|
|
42
|
+
className: _web.cn.call(void 0,
|
|
43
|
+
"mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight",
|
|
44
|
+
className
|
|
45
|
+
),
|
|
46
|
+
...props
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
p: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
50
|
+
"p",
|
|
51
|
+
{
|
|
52
|
+
className: _web.cn.call(void 0, "leading-7 [&:not(:first-child)]:mt-6", className),
|
|
53
|
+
...props
|
|
54
|
+
}
|
|
55
|
+
),
|
|
56
|
+
a: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
57
|
+
"a",
|
|
58
|
+
{
|
|
59
|
+
className: _web.cn.call(void 0,
|
|
60
|
+
"font-medium text-primary underline underline-offset-4",
|
|
61
|
+
className
|
|
62
|
+
),
|
|
63
|
+
...props
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
ul: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
67
|
+
"ul",
|
|
68
|
+
{
|
|
69
|
+
className: _web.cn.call(void 0, "my-6 ml-6 list-disc [&>li]:mt-2", className),
|
|
70
|
+
...props
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
ol: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
74
|
+
"ol",
|
|
75
|
+
{
|
|
76
|
+
className: _web.cn.call(void 0, "my-6 ml-6 list-decimal [&>li]:mt-2", className),
|
|
77
|
+
...props
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
li: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: _web.cn.call(void 0, "leading-7", className), ...props }),
|
|
81
|
+
blockquote: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
82
|
+
"blockquote",
|
|
83
|
+
{
|
|
84
|
+
className: _web.cn.call(void 0, "mt-6 border-l-2 pl-6 italic", className),
|
|
85
|
+
...props
|
|
86
|
+
}
|
|
87
|
+
),
|
|
88
|
+
hr: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "hr", { className: _web.cn.call(void 0, "my-8 border-border", className), ...props }),
|
|
89
|
+
code: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
90
|
+
"code",
|
|
91
|
+
{
|
|
92
|
+
className: _web.cn.call(void 0,
|
|
93
|
+
"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm",
|
|
94
|
+
className
|
|
95
|
+
),
|
|
96
|
+
...props
|
|
97
|
+
}
|
|
98
|
+
),
|
|
99
|
+
pre: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
100
|
+
"pre",
|
|
101
|
+
{
|
|
102
|
+
className: _web.cn.call(void 0,
|
|
103
|
+
"my-6 overflow-x-auto rounded-lg border bg-muted p-4 font-mono text-sm",
|
|
104
|
+
className
|
|
105
|
+
),
|
|
106
|
+
...props
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
table: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative my-6 w-full overflow-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
110
|
+
"table",
|
|
111
|
+
{
|
|
112
|
+
className: _web.cn.call(void 0, "w-full caption-bottom text-sm", className),
|
|
113
|
+
...props
|
|
114
|
+
}
|
|
115
|
+
) }),
|
|
116
|
+
thead: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: _web.cn.call(void 0, "[&_tr]:border-b", className), ...props }),
|
|
117
|
+
tbody: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
118
|
+
"tbody",
|
|
119
|
+
{
|
|
120
|
+
className: _web.cn.call(void 0, "[&_tr:last-child]:border-0", className),
|
|
121
|
+
...props
|
|
122
|
+
}
|
|
123
|
+
),
|
|
124
|
+
tr: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
125
|
+
"tr",
|
|
126
|
+
{
|
|
127
|
+
className: _web.cn.call(void 0,
|
|
128
|
+
"border-b transition-colors hover:bg-muted/50",
|
|
129
|
+
className
|
|
130
|
+
),
|
|
131
|
+
...props
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
th: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
135
|
+
"th",
|
|
136
|
+
{
|
|
137
|
+
className: _web.cn.call(void 0,
|
|
138
|
+
"h-10 px-2 text-left align-middle font-medium text-muted-foreground",
|
|
139
|
+
className
|
|
140
|
+
),
|
|
141
|
+
...props
|
|
142
|
+
}
|
|
143
|
+
),
|
|
144
|
+
td: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: _web.cn.call(void 0, "p-2 align-middle", className), ...props }),
|
|
145
|
+
img: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
146
|
+
"img",
|
|
147
|
+
{
|
|
148
|
+
className: _web.cn.call(void 0, "my-6 rounded-md border", className),
|
|
149
|
+
alt: _nullishCoalesce(props.alt, () => ( "")),
|
|
150
|
+
...props
|
|
151
|
+
}
|
|
152
|
+
),
|
|
153
|
+
strong: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "strong", { className: _web.cn.call(void 0, "font-semibold", className), ...props }),
|
|
154
|
+
em: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "em", { className: _web.cn.call(void 0, "italic", className), ...props }),
|
|
155
|
+
...overrides
|
|
156
|
+
};
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
|
|
160
|
+
exports.getMDXComponents = getMDXComponents;
|
|
161
|
+
//# sourceMappingURL=mdx-components.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/mdx-components.cjs","../src/mdx-components.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/mdx-components.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype MDXComponents = Record<string, React.ComponentType<any>>;\n\n/**\n * Returns a map of HTML element names to styled React components\n * for use with MDX content rendering.\n *\n * Pass to `useMDXComponents` in your Next.js `mdx-components.tsx`:\n *\n * ```tsx\n * import { getMDXComponents } from \"@simpleapps-com/augur-web/mdx-components\";\n *\n * export function useMDXComponents(components) {\n * return getMDXComponents(components);\n * }\n * ```\n */\nexport function getMDXComponents(overrides: MDXComponents = {}): MDXComponents {\n return {\n h1: ({ className, ...props }) => (\n <h1\n className={cn(\n \"mt-8 mb-4 scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n className,\n )}\n {...props}\n />\n ),\n h2: ({ className, ...props }) => (\n <h2\n className={cn(\n \"mt-8 mb-4 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\",\n className,\n )}\n {...props}\n />\n ),\n h3: ({ className, ...props }) => (\n <h3\n className={cn(\n \"mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight\",\n className,\n )}\n {...props}\n />\n ),\n h4: ({ className, ...props }) => (\n <h4\n className={cn(\n \"mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight\",\n className,\n )}\n {...props}\n />\n ),\n p: ({ className, ...props }) => (\n <p\n className={cn(\"leading-7 [&:not(:first-child)]:mt-6\", className)}\n {...props}\n />\n ),\n a: ({ className, ...props }) => (\n <a\n className={cn(\n \"font-medium text-primary underline underline-offset-4\",\n className,\n )}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn(\"my-6 ml-6 list-disc [&>li]:mt-2\", className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn(\"my-6 ml-6 list-decimal [&>li]:mt-2\", className)}\n {...props}\n />\n ),\n li: ({ className, ...props }) => (\n <li className={cn(\"leading-7\", className)} {...props} />\n ),\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn(\"mt-6 border-l-2 pl-6 italic\", className)}\n {...props}\n />\n ),\n hr: ({ className, ...props }) => (\n <hr className={cn(\"my-8 border-border\", className)} {...props} />\n ),\n code: ({ className, ...props }) => (\n <code\n className={cn(\n \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm\",\n className,\n )}\n {...props}\n />\n ),\n pre: ({ className, ...props }) => (\n <pre\n className={cn(\n \"my-6 overflow-x-auto rounded-lg border bg-muted p-4 font-mono text-sm\",\n className,\n )}\n {...props}\n />\n ),\n table: ({ className, ...props }) => (\n <div className=\"relative my-6 w-full overflow-auto\">\n <table\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n ),\n thead: ({ className, ...props }) => (\n <thead className={cn(\"[&_tr]:border-b\", className)} {...props} />\n ),\n tbody: ({ className, ...props }) => (\n <tbody\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n ),\n tr: ({ className, ...props }) => (\n <tr\n className={cn(\n \"border-b transition-colors hover:bg-muted/50\",\n className,\n )}\n {...props}\n />\n ),\n th: ({ className, ...props }) => (\n <th\n className={cn(\n \"h-10 px-2 text-left align-middle font-medium text-muted-foreground\",\n className,\n )}\n {...props}\n />\n ),\n td: ({ className, ...props }) => (\n <td className={cn(\"p-2 align-middle\", className)} {...props} />\n ),\n img: ({ className, ...props }: React.ImgHTMLAttributes<HTMLImageElement>) => (\n <img\n className={cn(\"my-6 rounded-md border\", className)}\n alt={props.alt ?? \"\"}\n {...props}\n />\n ),\n strong: ({ className, ...props }) => (\n <strong className={cn(\"font-semibold\", className)} {...props} />\n ),\n em: ({ className, ...props }) => (\n <em className={cn(\"italic\", className)} {...props} />\n ),\n ...overrides,\n };\n}\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type MDXComponents = Record<string, React.ComponentType<any>>;
|
|
4
|
+
/**
|
|
5
|
+
* Returns a map of HTML element names to styled React components
|
|
6
|
+
* for use with MDX content rendering.
|
|
7
|
+
*
|
|
8
|
+
* Pass to `useMDXComponents` in your Next.js `mdx-components.tsx`:
|
|
9
|
+
*
|
|
10
|
+
* ```tsx
|
|
11
|
+
* import { getMDXComponents } from "@simpleapps-com/augur-web/mdx-components";
|
|
12
|
+
*
|
|
13
|
+
* export function useMDXComponents(components) {
|
|
14
|
+
* return getMDXComponents(components);
|
|
15
|
+
* }
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
declare function getMDXComponents(overrides?: MDXComponents): MDXComponents;
|
|
19
|
+
|
|
20
|
+
export { getMDXComponents };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
type MDXComponents = Record<string, React.ComponentType<any>>;
|
|
4
|
+
/**
|
|
5
|
+
* Returns a map of HTML element names to styled React components
|
|
6
|
+
* for use with MDX content rendering.
|
|
7
|
+
*
|
|
8
|
+
* Pass to `useMDXComponents` in your Next.js `mdx-components.tsx`:
|
|
9
|
+
*
|
|
10
|
+
* ```tsx
|
|
11
|
+
* import { getMDXComponents } from "@simpleapps-com/augur-web/mdx-components";
|
|
12
|
+
*
|
|
13
|
+
* export function useMDXComponents(components) {
|
|
14
|
+
* return getMDXComponents(components);
|
|
15
|
+
* }
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
declare function getMDXComponents(overrides?: MDXComponents): MDXComponents;
|
|
19
|
+
|
|
20
|
+
export { getMDXComponents };
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
"use client";
|
|
3
|
+
|
|
4
|
+
// src/mdx-components.tsx
|
|
5
|
+
import { cn } from "@simpleapps-com/augur-utils/web";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
function getMDXComponents(overrides = {}) {
|
|
8
|
+
return {
|
|
9
|
+
h1: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
10
|
+
"h1",
|
|
11
|
+
{
|
|
12
|
+
className: cn(
|
|
13
|
+
"mt-8 mb-4 scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
|
|
14
|
+
className
|
|
15
|
+
),
|
|
16
|
+
...props
|
|
17
|
+
}
|
|
18
|
+
),
|
|
19
|
+
h2: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
20
|
+
"h2",
|
|
21
|
+
{
|
|
22
|
+
className: cn(
|
|
23
|
+
"mt-8 mb-4 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
|
|
24
|
+
className
|
|
25
|
+
),
|
|
26
|
+
...props
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
h3: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
30
|
+
"h3",
|
|
31
|
+
{
|
|
32
|
+
className: cn(
|
|
33
|
+
"mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight",
|
|
34
|
+
className
|
|
35
|
+
),
|
|
36
|
+
...props
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
h4: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
40
|
+
"h4",
|
|
41
|
+
{
|
|
42
|
+
className: cn(
|
|
43
|
+
"mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight",
|
|
44
|
+
className
|
|
45
|
+
),
|
|
46
|
+
...props
|
|
47
|
+
}
|
|
48
|
+
),
|
|
49
|
+
p: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
50
|
+
"p",
|
|
51
|
+
{
|
|
52
|
+
className: cn("leading-7 [&:not(:first-child)]:mt-6", className),
|
|
53
|
+
...props
|
|
54
|
+
}
|
|
55
|
+
),
|
|
56
|
+
a: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
57
|
+
"a",
|
|
58
|
+
{
|
|
59
|
+
className: cn(
|
|
60
|
+
"font-medium text-primary underline underline-offset-4",
|
|
61
|
+
className
|
|
62
|
+
),
|
|
63
|
+
...props
|
|
64
|
+
}
|
|
65
|
+
),
|
|
66
|
+
ul: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
67
|
+
"ul",
|
|
68
|
+
{
|
|
69
|
+
className: cn("my-6 ml-6 list-disc [&>li]:mt-2", className),
|
|
70
|
+
...props
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
ol: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
74
|
+
"ol",
|
|
75
|
+
{
|
|
76
|
+
className: cn("my-6 ml-6 list-decimal [&>li]:mt-2", className),
|
|
77
|
+
...props
|
|
78
|
+
}
|
|
79
|
+
),
|
|
80
|
+
li: ({ className, ...props }) => /* @__PURE__ */ jsx("li", { className: cn("leading-7", className), ...props }),
|
|
81
|
+
blockquote: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
82
|
+
"blockquote",
|
|
83
|
+
{
|
|
84
|
+
className: cn("mt-6 border-l-2 pl-6 italic", className),
|
|
85
|
+
...props
|
|
86
|
+
}
|
|
87
|
+
),
|
|
88
|
+
hr: ({ className, ...props }) => /* @__PURE__ */ jsx("hr", { className: cn("my-8 border-border", className), ...props }),
|
|
89
|
+
code: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
90
|
+
"code",
|
|
91
|
+
{
|
|
92
|
+
className: cn(
|
|
93
|
+
"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm",
|
|
94
|
+
className
|
|
95
|
+
),
|
|
96
|
+
...props
|
|
97
|
+
}
|
|
98
|
+
),
|
|
99
|
+
pre: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
100
|
+
"pre",
|
|
101
|
+
{
|
|
102
|
+
className: cn(
|
|
103
|
+
"my-6 overflow-x-auto rounded-lg border bg-muted p-4 font-mono text-sm",
|
|
104
|
+
className
|
|
105
|
+
),
|
|
106
|
+
...props
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
table: ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: "relative my-6 w-full overflow-auto", children: /* @__PURE__ */ jsx(
|
|
110
|
+
"table",
|
|
111
|
+
{
|
|
112
|
+
className: cn("w-full caption-bottom text-sm", className),
|
|
113
|
+
...props
|
|
114
|
+
}
|
|
115
|
+
) }),
|
|
116
|
+
thead: ({ className, ...props }) => /* @__PURE__ */ jsx("thead", { className: cn("[&_tr]:border-b", className), ...props }),
|
|
117
|
+
tbody: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
118
|
+
"tbody",
|
|
119
|
+
{
|
|
120
|
+
className: cn("[&_tr:last-child]:border-0", className),
|
|
121
|
+
...props
|
|
122
|
+
}
|
|
123
|
+
),
|
|
124
|
+
tr: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
125
|
+
"tr",
|
|
126
|
+
{
|
|
127
|
+
className: cn(
|
|
128
|
+
"border-b transition-colors hover:bg-muted/50",
|
|
129
|
+
className
|
|
130
|
+
),
|
|
131
|
+
...props
|
|
132
|
+
}
|
|
133
|
+
),
|
|
134
|
+
th: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
135
|
+
"th",
|
|
136
|
+
{
|
|
137
|
+
className: cn(
|
|
138
|
+
"h-10 px-2 text-left align-middle font-medium text-muted-foreground",
|
|
139
|
+
className
|
|
140
|
+
),
|
|
141
|
+
...props
|
|
142
|
+
}
|
|
143
|
+
),
|
|
144
|
+
td: ({ className, ...props }) => /* @__PURE__ */ jsx("td", { className: cn("p-2 align-middle", className), ...props }),
|
|
145
|
+
img: ({ className, ...props }) => /* @__PURE__ */ jsx(
|
|
146
|
+
"img",
|
|
147
|
+
{
|
|
148
|
+
className: cn("my-6 rounded-md border", className),
|
|
149
|
+
alt: props.alt ?? "",
|
|
150
|
+
...props
|
|
151
|
+
}
|
|
152
|
+
),
|
|
153
|
+
strong: ({ className, ...props }) => /* @__PURE__ */ jsx("strong", { className: cn("font-semibold", className), ...props }),
|
|
154
|
+
em: ({ className, ...props }) => /* @__PURE__ */ jsx("em", { className: cn("italic", className), ...props }),
|
|
155
|
+
...overrides
|
|
156
|
+
};
|
|
157
|
+
}
|
|
158
|
+
export {
|
|
159
|
+
getMDXComponents
|
|
160
|
+
};
|
|
161
|
+
//# sourceMappingURL=mdx-components.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/mdx-components.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype MDXComponents = Record<string, React.ComponentType<any>>;\n\n/**\n * Returns a map of HTML element names to styled React components\n * for use with MDX content rendering.\n *\n * Pass to `useMDXComponents` in your Next.js `mdx-components.tsx`:\n *\n * ```tsx\n * import { getMDXComponents } from \"@simpleapps-com/augur-web/mdx-components\";\n *\n * export function useMDXComponents(components) {\n * return getMDXComponents(components);\n * }\n * ```\n */\nexport function getMDXComponents(overrides: MDXComponents = {}): MDXComponents {\n return {\n h1: ({ className, ...props }) => (\n <h1\n className={cn(\n \"mt-8 mb-4 scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n className,\n )}\n {...props}\n />\n ),\n h2: ({ className, ...props }) => (\n <h2\n className={cn(\n \"mt-8 mb-4 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\",\n className,\n )}\n {...props}\n />\n ),\n h3: ({ className, ...props }) => (\n <h3\n className={cn(\n \"mt-6 mb-4 scroll-m-20 text-2xl font-semibold tracking-tight\",\n className,\n )}\n {...props}\n />\n ),\n h4: ({ className, ...props }) => (\n <h4\n className={cn(\n \"mt-6 mb-4 scroll-m-20 text-xl font-semibold tracking-tight\",\n className,\n )}\n {...props}\n />\n ),\n p: ({ className, ...props }) => (\n <p\n className={cn(\"leading-7 [&:not(:first-child)]:mt-6\", className)}\n {...props}\n />\n ),\n a: ({ className, ...props }) => (\n <a\n className={cn(\n \"font-medium text-primary underline underline-offset-4\",\n className,\n )}\n {...props}\n />\n ),\n ul: ({ className, ...props }) => (\n <ul\n className={cn(\"my-6 ml-6 list-disc [&>li]:mt-2\", className)}\n {...props}\n />\n ),\n ol: ({ className, ...props }) => (\n <ol\n className={cn(\"my-6 ml-6 list-decimal [&>li]:mt-2\", className)}\n {...props}\n />\n ),\n li: ({ className, ...props }) => (\n <li className={cn(\"leading-7\", className)} {...props} />\n ),\n blockquote: ({ className, ...props }) => (\n <blockquote\n className={cn(\"mt-6 border-l-2 pl-6 italic\", className)}\n {...props}\n />\n ),\n hr: ({ className, ...props }) => (\n <hr className={cn(\"my-8 border-border\", className)} {...props} />\n ),\n code: ({ className, ...props }) => (\n <code\n className={cn(\n \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm\",\n className,\n )}\n {...props}\n />\n ),\n pre: ({ className, ...props }) => (\n <pre\n className={cn(\n \"my-6 overflow-x-auto rounded-lg border bg-muted p-4 font-mono text-sm\",\n className,\n )}\n {...props}\n />\n ),\n table: ({ className, ...props }) => (\n <div className=\"relative my-6 w-full overflow-auto\">\n <table\n className={cn(\"w-full caption-bottom text-sm\", className)}\n {...props}\n />\n </div>\n ),\n thead: ({ className, ...props }) => (\n <thead className={cn(\"[&_tr]:border-b\", className)} {...props} />\n ),\n tbody: ({ className, ...props }) => (\n <tbody\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n ),\n tr: ({ className, ...props }) => (\n <tr\n className={cn(\n \"border-b transition-colors hover:bg-muted/50\",\n className,\n )}\n {...props}\n />\n ),\n th: ({ className, ...props }) => (\n <th\n className={cn(\n \"h-10 px-2 text-left align-middle font-medium text-muted-foreground\",\n className,\n )}\n {...props}\n />\n ),\n td: ({ className, ...props }) => (\n <td className={cn(\"p-2 align-middle\", className)} {...props} />\n ),\n img: ({ className, ...props }: React.ImgHTMLAttributes<HTMLImageElement>) => (\n <img\n className={cn(\"my-6 rounded-md border\", className)}\n alt={props.alt ?? \"\"}\n {...props}\n />\n ),\n strong: ({ className, ...props }) => (\n <strong className={cn(\"font-semibold\", className)} {...props} />\n ),\n em: ({ className, ...props }) => (\n <em className={cn(\"italic\", className)} {...props} />\n ),\n ...overrides,\n };\n}\n"],"mappings":"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","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simpleapps-com/augur-web",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.7",
|
|
4
4
|
"description": "Shared React UI components for Augur ecommerce sites (Radix + Tailwind)",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -144,6 +144,11 @@
|
|
|
144
144
|
"types": "./dist/form-textarea.d.ts",
|
|
145
145
|
"import": "./dist/form-textarea.js",
|
|
146
146
|
"require": "./dist/form-textarea.cjs"
|
|
147
|
+
},
|
|
148
|
+
"./mdx-components": {
|
|
149
|
+
"types": "./dist/mdx-components.d.ts",
|
|
150
|
+
"import": "./dist/mdx-components.js",
|
|
151
|
+
"require": "./dist/mdx-components.cjs"
|
|
147
152
|
}
|
|
148
153
|
},
|
|
149
154
|
"sideEffects": false,
|
|
@@ -151,7 +156,7 @@
|
|
|
151
156
|
"dist"
|
|
152
157
|
],
|
|
153
158
|
"dependencies": {
|
|
154
|
-
"@simpleapps-com/augur-utils": "0.1.
|
|
159
|
+
"@simpleapps-com/augur-utils": "0.1.7"
|
|
155
160
|
},
|
|
156
161
|
"peerDependencies": {
|
|
157
162
|
"@radix-ui/react-accordion": "^1.2.0",
|