@meonode/ui 0.1.3 → 0.1.5
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 +19 -21
- package/dist/html.node.d.ts +58 -44
- package/dist/html.node.d.ts.map +1 -1
- package/dist/html.node.js +51 -37
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -6,11 +6,11 @@
|
|
|
6
6
|
**Build React UIs with Type-Safe Fluency**
|
|
7
7
|
A structured approach to component composition with built-in theming, prop separation, and dynamic children handling.
|
|
8
8
|
|
|
9
|
-
```
|
|
9
|
+
```ts
|
|
10
10
|
// Quick Start Example
|
|
11
11
|
import { Component, Div, H1, Button } from '@meonode/ui';
|
|
12
12
|
|
|
13
|
-
const BlueButton = Component((props) =>
|
|
13
|
+
const BlueButton = Component((props) =>
|
|
14
14
|
Button({
|
|
15
15
|
padding: '12px 24px',
|
|
16
16
|
borderRadius: '8px',
|
|
@@ -24,8 +24,8 @@ const App = Component(() =>
|
|
|
24
24
|
Div({
|
|
25
25
|
padding: '40px',
|
|
26
26
|
children: [
|
|
27
|
-
H1({ fontSize: '2rem' }
|
|
28
|
-
BlueButton({
|
|
27
|
+
H1('Welcome to Meonode', { fontSize: '2rem' }),
|
|
28
|
+
BlueButton({
|
|
29
29
|
onClick: () => alert('Hello World!'),
|
|
30
30
|
children: 'Get Started'
|
|
31
31
|
})
|
|
@@ -67,11 +67,11 @@ const Card = Node('div', {
|
|
|
67
67
|
});
|
|
68
68
|
|
|
69
69
|
// Using pre-built components
|
|
70
|
-
const Header = () =>
|
|
70
|
+
const Header = () =>
|
|
71
71
|
Div({
|
|
72
72
|
padding: '20px',
|
|
73
73
|
backgroundColor: 'navy',
|
|
74
|
-
children: H1({ color: 'white' }
|
|
74
|
+
children: H1('App Header', { color: 'white' })
|
|
75
75
|
});
|
|
76
76
|
```
|
|
77
77
|
|
|
@@ -94,14 +94,14 @@ const theme = {
|
|
|
94
94
|
}
|
|
95
95
|
};
|
|
96
96
|
|
|
97
|
-
const ThemedCard = Component(() =>
|
|
97
|
+
const ThemedCard = Component(() =>
|
|
98
98
|
Div({
|
|
99
99
|
theme,
|
|
100
100
|
padding: 'theme.spacing.lg',
|
|
101
101
|
backgroundColor: 'theme.colors.primary',
|
|
102
102
|
children: [
|
|
103
|
-
H1({ color: 'theme.colors.text.primary' }
|
|
104
|
-
P({ color: 'theme.colors.text.secondary' }
|
|
103
|
+
H1('Themed Title', { color: 'theme.colors.text.primary' }),
|
|
104
|
+
P('Content...', { color: 'theme.colors.text.secondary' })
|
|
105
105
|
]
|
|
106
106
|
})
|
|
107
107
|
);
|
|
@@ -111,7 +111,7 @@ const ThemedCard = Component(() =>
|
|
|
111
111
|
|
|
112
112
|
Automatic separation of CSS props from DOM attributes:
|
|
113
113
|
|
|
114
|
-
```
|
|
114
|
+
```ts
|
|
115
115
|
const ProfileCard = Component(({ user }) =>
|
|
116
116
|
Div({
|
|
117
117
|
// CSS Props
|
|
@@ -140,7 +140,7 @@ const ProfileCard = Component(({ user }) =>
|
|
|
140
140
|
|
|
141
141
|
### Component Composition
|
|
142
142
|
|
|
143
|
-
```
|
|
143
|
+
```ts
|
|
144
144
|
const Dashboard = Component(() =>
|
|
145
145
|
Div({
|
|
146
146
|
display: 'grid',
|
|
@@ -192,14 +192,12 @@ export default Component(() => {
|
|
|
192
192
|
children: [
|
|
193
193
|
Div({
|
|
194
194
|
onClick: () => setShowDetails(prev => !prev),
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
fontWeight: 'bold',
|
|
202
|
-
},
|
|
195
|
+
cursor: 'pointer',
|
|
196
|
+
userSelect: 'none',
|
|
197
|
+
padding: '10px 20px',
|
|
198
|
+
backgroundColor: 'theme.background.primary', // Node engine will handle this
|
|
199
|
+
borderRadius: 5,
|
|
200
|
+
fontWeight: 'bold',
|
|
203
201
|
children: showDetails ? 'Hide Details' : 'Show Details',
|
|
204
202
|
}),
|
|
205
203
|
],
|
|
@@ -209,7 +207,7 @@ export default Component(() => {
|
|
|
209
207
|
// Ensures it's treated as a renderable function (deferred React class or element that is NOT called directly)
|
|
210
208
|
// Node engine will handle this like magic
|
|
211
209
|
showDetails && (() => DetailComponent({ info: 'Here are some details!' })), // Works like `Component(() => DetailComponent({ info: 'Here some details!' }))`,
|
|
212
|
-
showDetails && DetailComponent({ info: 'Here are some details!' })
|
|
210
|
+
showDetails && DetailComponent({ info: 'Here are some details!' }).render() // Works
|
|
213
211
|
],
|
|
214
212
|
})
|
|
215
213
|
})
|
|
@@ -228,7 +226,7 @@ const DetailComponent = ({ info }: { info: string }) => {
|
|
|
228
226
|
border: '1px solid green',
|
|
229
227
|
borderRadius: 6,
|
|
230
228
|
backgroundColor: 'theme.background.secondary', // Node engine will handle this
|
|
231
|
-
children: P(
|
|
229
|
+
children: P(info),
|
|
232
230
|
})
|
|
233
231
|
}
|
|
234
232
|
|
package/dist/html.node.d.ts
CHANGED
|
@@ -17,30 +17,6 @@ export declare const Body: (props?: NodeProps<"body">) => import("./node.type.js
|
|
|
17
17
|
* @returns A div element node.
|
|
18
18
|
*/
|
|
19
19
|
export declare const Div: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
|
|
20
|
-
/**
|
|
21
|
-
* Represents a span element.
|
|
22
|
-
* @param props Optional properties for the span element.
|
|
23
|
-
* @returns A span element node.
|
|
24
|
-
*/
|
|
25
|
-
export declare const Span: (props?: NodeProps<"span">) => import("./node.type.js").BaseNodeInstance<"span">;
|
|
26
|
-
/**
|
|
27
|
-
* Represents a paragraph element.
|
|
28
|
-
* @param props Optional properties for the paragraph element.
|
|
29
|
-
* @returns A paragraph element node.
|
|
30
|
-
*/
|
|
31
|
-
export declare const P: (props?: NodeProps<"p">) => import("./node.type.js").BaseNodeInstance<"p">;
|
|
32
|
-
/**
|
|
33
|
-
* Represents a preformatted text element.
|
|
34
|
-
* @param props Optional properties for the pre element.
|
|
35
|
-
* @returns A pre element node.
|
|
36
|
-
*/
|
|
37
|
-
export declare const Pre: (props?: NodeProps<"pre">) => import("./node.type.js").BaseNodeInstance<"pre">;
|
|
38
|
-
/**
|
|
39
|
-
* Represents a code element for displaying code snippets.
|
|
40
|
-
* @param props Optional properties for the code element.
|
|
41
|
-
* @returns A code element node.
|
|
42
|
-
*/
|
|
43
|
-
export declare const Code: (props?: NodeProps<"code">) => import("./node.type.js").BaseNodeInstance<"code">;
|
|
44
20
|
/**
|
|
45
21
|
* Represents a column layout using flexbox.
|
|
46
22
|
* @param props Optional properties for the column layout.
|
|
@@ -96,65 +72,103 @@ export declare const Sticky: (props?: NodeProps<"div">) => import("./node.type.j
|
|
|
96
72
|
*/
|
|
97
73
|
export declare const Static: (props?: NodeProps<"div">) => import("./node.type.js").BaseNodeInstance<"div">;
|
|
98
74
|
/**
|
|
99
|
-
*
|
|
75
|
+
* Creates an h1 heading element node.
|
|
76
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
100
77
|
* @param props Optional properties for the h1 element.
|
|
101
78
|
* @returns An h1 element node.
|
|
102
79
|
*/
|
|
103
|
-
export declare const H1: (props?: NodeProps<"h1">) => import("./node.type.js").BaseNodeInstance<"h1">;
|
|
80
|
+
export declare const H1: (text?: string | number | bigint, props?: Omit<NodeProps<"h1">, "children">) => import("./node.type.js").BaseNodeInstance<"h1">;
|
|
104
81
|
/**
|
|
105
|
-
*
|
|
82
|
+
* Creates an h2 heading element node.
|
|
83
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
106
84
|
* @param props Optional properties for the h2 element.
|
|
107
85
|
* @returns An h2 element node.
|
|
108
86
|
*/
|
|
109
|
-
export declare const H2: (props?: NodeProps<"h2">) => import("./node.type.js").BaseNodeInstance<"h2">;
|
|
87
|
+
export declare const H2: (text?: string | number | bigint, props?: Omit<NodeProps<"h2">, "children">) => import("./node.type.js").BaseNodeInstance<"h2">;
|
|
110
88
|
/**
|
|
111
|
-
*
|
|
89
|
+
* Creates an h3 heading element node.
|
|
90
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
112
91
|
* @param props Optional properties for the h3 element.
|
|
113
92
|
* @returns An h3 element node.
|
|
114
93
|
*/
|
|
115
|
-
export declare const H3: (props?: NodeProps<"h3">) => import("./node.type.js").BaseNodeInstance<"h3">;
|
|
94
|
+
export declare const H3: (text?: string | number | bigint, props?: Omit<NodeProps<"h3">, "children">) => import("./node.type.js").BaseNodeInstance<"h3">;
|
|
116
95
|
/**
|
|
117
|
-
*
|
|
96
|
+
* Creates an h4 heading element node.
|
|
97
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
118
98
|
* @param props Optional properties for the h4 element.
|
|
119
99
|
* @returns An h4 element node.
|
|
120
100
|
*/
|
|
121
|
-
export declare const H4: (props?: NodeProps<"h4">) => import("./node.type.js").BaseNodeInstance<"h4">;
|
|
101
|
+
export declare const H4: (text?: string | number | bigint, props?: Omit<NodeProps<"h4">, "children">) => import("./node.type.js").BaseNodeInstance<"h4">;
|
|
122
102
|
/**
|
|
123
|
-
*
|
|
103
|
+
* Creates an h5 heading element node.
|
|
104
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
124
105
|
* @param props Optional properties for the h5 element.
|
|
125
106
|
* @returns An h5 element node.
|
|
126
107
|
*/
|
|
127
|
-
export declare const H5: (props?: NodeProps<"h5">) => import("./node.type.js").BaseNodeInstance<"h5">;
|
|
108
|
+
export declare const H5: (text?: string | number | bigint, props?: Omit<NodeProps<"h5">, "children">) => import("./node.type.js").BaseNodeInstance<"h5">;
|
|
128
109
|
/**
|
|
129
|
-
*
|
|
110
|
+
* Creates an h6 heading element node.
|
|
111
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
130
112
|
* @param props Optional properties for the h6 element.
|
|
131
113
|
* @returns An h6 element node.
|
|
132
114
|
*/
|
|
133
|
-
export declare const H6: (props?: NodeProps<"h6">) => import("./node.type.js").BaseNodeInstance<"h6">;
|
|
115
|
+
export declare const H6: (text?: string | number | bigint, props?: Omit<NodeProps<"h6">, "children">) => import("./node.type.js").BaseNodeInstance<"h6">;
|
|
134
116
|
/**
|
|
135
|
-
*
|
|
117
|
+
* Creates a strong element node for important text.
|
|
118
|
+
* @param text Optional text, number or bigint content to emphasize.
|
|
136
119
|
* @param props Optional properties for the strong element.
|
|
137
120
|
* @returns A strong element node.
|
|
138
121
|
*/
|
|
139
|
-
export declare const Strong: (props?: NodeProps<"strong">) => import("./node.type.js").BaseNodeInstance<"strong">;
|
|
122
|
+
export declare const Strong: (text?: string | number | bigint, props?: Omit<NodeProps<"strong">, "children">) => import("./node.type.js").BaseNodeInstance<"strong">;
|
|
140
123
|
/**
|
|
141
|
-
*
|
|
124
|
+
* Creates an em element node for emphasized text.
|
|
125
|
+
* @param text Optional text, number or bigint content to emphasize.
|
|
142
126
|
* @param props Optional properties for the em element.
|
|
143
127
|
* @returns An em element node.
|
|
144
128
|
*/
|
|
145
|
-
export declare const Em: (props?: NodeProps<"em">) => import("./node.type.js").BaseNodeInstance<"em">;
|
|
129
|
+
export declare const Em: (text?: string | number | bigint, props?: Omit<NodeProps<"em">, "children">) => import("./node.type.js").BaseNodeInstance<"em">;
|
|
146
130
|
/**
|
|
147
|
-
*
|
|
131
|
+
* Creates a small element node for side-comments and small print.
|
|
132
|
+
* @param text Optional text, number or bigint content to display smaller.
|
|
148
133
|
* @param props Optional properties for the small element.
|
|
149
134
|
* @returns A small element node.
|
|
150
135
|
*/
|
|
151
|
-
export declare const Small: (props?: NodeProps<"small">) => import("./node.type.js").BaseNodeInstance<"small">;
|
|
136
|
+
export declare const Small: (text?: string | number | bigint, props?: Omit<NodeProps<"small">, "children">) => import("./node.type.js").BaseNodeInstance<"small">;
|
|
152
137
|
/**
|
|
153
|
-
*
|
|
138
|
+
* Creates a mark element node for highlighted text.
|
|
139
|
+
* @param text Optional text, number or bigint content to highlight.
|
|
154
140
|
* @param props Optional properties for the mark element.
|
|
155
141
|
* @returns A mark element node.
|
|
156
142
|
*/
|
|
157
|
-
export declare const Mark: (props?: NodeProps<"mark">) => import("./node.type.js").BaseNodeInstance<"mark">;
|
|
143
|
+
export declare const Mark: (text?: string | number | bigint, props?: Omit<NodeProps<"mark">, "children">) => import("./node.type.js").BaseNodeInstance<"mark">;
|
|
144
|
+
/**
|
|
145
|
+
* Creates a span element node.
|
|
146
|
+
* @param text Optional text, number or bigint content for the span.
|
|
147
|
+
* @param props Optional properties for the span element.
|
|
148
|
+
* @returns A span element node.
|
|
149
|
+
*/
|
|
150
|
+
export declare const Span: (text?: string | number | bigint, props?: Omit<NodeProps<"span">, "children">) => import("./node.type.js").BaseNodeInstance<"span">;
|
|
151
|
+
/**
|
|
152
|
+
* Creates a paragraph element node.
|
|
153
|
+
* @param text Optional text, number or bigint content for the paragraph.
|
|
154
|
+
* @param props Optional properties for the p element.
|
|
155
|
+
* @returns A paragraph element node.
|
|
156
|
+
*/
|
|
157
|
+
export declare const P: (text?: string | number | bigint, props?: Omit<NodeProps<"p">, "children">) => import("./node.type.js").BaseNodeInstance<"p">;
|
|
158
|
+
/**
|
|
159
|
+
* Creates a preformatted text element node.
|
|
160
|
+
* @param text Optional text, number or bigint content for the pre element.
|
|
161
|
+
* @param props Optional properties for the pre element.
|
|
162
|
+
* @returns A pre element node.
|
|
163
|
+
*/
|
|
164
|
+
export declare const Pre: (text?: string | number | bigint, props?: Omit<NodeProps<"pre">, "children">) => import("./node.type.js").BaseNodeInstance<"pre">;
|
|
165
|
+
/**
|
|
166
|
+
* Creates a code element node for displaying code snippets.
|
|
167
|
+
* @param text Optional text, number or bigint content for the code.
|
|
168
|
+
* @param props Optional properties for the code element.
|
|
169
|
+
* @returns A code element node.
|
|
170
|
+
*/
|
|
171
|
+
export declare const Code: (text?: string | number | bigint, props?: Omit<NodeProps<"code">, "children">) => import("./node.type.js").BaseNodeInstance<"code">;
|
|
158
172
|
/**
|
|
159
173
|
* Represents an ordered list.
|
|
160
174
|
* @param props Optional properties for the ol element.
|
package/dist/html.node.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"html.node.d.ts","sourceRoot":"","sources":["../src/html.node.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAKlD;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,CAAC,MAAM,CAAC,yDAAwB,CAAA;AAEtE;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,CAAC,MAAM,CAAC,yDAAwB,CAAA;AAEtE;;;;GAIG;AACH,eAAO,MAAM,GAAG,GAAI,QAAQ,SAAS,CAAC,KAAK,CAAC,wDAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"html.node.d.ts","sourceRoot":"","sources":["../src/html.node.ts"],"names":[],"mappings":"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"}
|
package/dist/html.node.js
CHANGED
|
@@ -11,23 +11,7 @@
|
|
|
11
11
|
* Represents a div element.
|
|
12
12
|
* @param props Optional properties for the div element.
|
|
13
13
|
* @returns A div element node.
|
|
14
|
-
*/export var Div=function Div(a){return Node("div",a)}
|
|
15
|
-
* Represents a span element.
|
|
16
|
-
* @param props Optional properties for the span element.
|
|
17
|
-
* @returns A span element node.
|
|
18
|
-
*/export var Span=function Span(a){return Node("span",a)};/**
|
|
19
|
-
* Represents a paragraph element.
|
|
20
|
-
* @param props Optional properties for the paragraph element.
|
|
21
|
-
* @returns A paragraph element node.
|
|
22
|
-
*/export var P=function P(a){return Node("p",a)};/**
|
|
23
|
-
* Represents a preformatted text element.
|
|
24
|
-
* @param props Optional properties for the pre element.
|
|
25
|
-
* @returns A pre element node.
|
|
26
|
-
*/export var Pre=function Pre(a){return Node("pre",a)};/**
|
|
27
|
-
* Represents a code element for displaying code snippets.
|
|
28
|
-
* @param props Optional properties for the code element.
|
|
29
|
-
* @returns A code element node.
|
|
30
|
-
*/export var Code=function Code(a){return Node("code",a)};// Layout components
|
|
14
|
+
*/export var Div=function Div(a){return Node("div",a)};// Layout components
|
|
31
15
|
/**
|
|
32
16
|
* Represents a column layout using flexbox.
|
|
33
17
|
* @param props Optional properties for the column layout.
|
|
@@ -66,46 +50,76 @@
|
|
|
66
50
|
* @returns A div element node with static positioning.
|
|
67
51
|
*/export var Static=function Static(a){return Div(_objectSpread({position:"static"},a))};// Typography
|
|
68
52
|
/**
|
|
69
|
-
*
|
|
53
|
+
* Creates an h1 heading element node.
|
|
54
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
70
55
|
* @param props Optional properties for the h1 element.
|
|
71
56
|
* @returns An h1 element node.
|
|
72
|
-
*/export var H1=function H1(a){return Node("h1",a)};/**
|
|
73
|
-
*
|
|
57
|
+
*/export var H1=function H1(a,b){return Node("h1",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
58
|
+
* Creates an h2 heading element node.
|
|
59
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
74
60
|
* @param props Optional properties for the h2 element.
|
|
75
61
|
* @returns An h2 element node.
|
|
76
|
-
*/export var H2=function H2(a){return Node("h2",a)};/**
|
|
77
|
-
*
|
|
62
|
+
*/export var H2=function H2(a,b){return Node("h2",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
63
|
+
* Creates an h3 heading element node.
|
|
64
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
78
65
|
* @param props Optional properties for the h3 element.
|
|
79
66
|
* @returns An h3 element node.
|
|
80
|
-
*/export var H3=function H3(a){return Node("h3",a)};/**
|
|
81
|
-
*
|
|
67
|
+
*/export var H3=function H3(a,b){return Node("h3",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
68
|
+
* Creates an h4 heading element node.
|
|
69
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
82
70
|
* @param props Optional properties for the h4 element.
|
|
83
71
|
* @returns An h4 element node.
|
|
84
|
-
*/export var H4=function H4(a){return Node("h4",a)};/**
|
|
85
|
-
*
|
|
72
|
+
*/export var H4=function H4(a,b){return Node("h4",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
73
|
+
* Creates an h5 heading element node.
|
|
74
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
86
75
|
* @param props Optional properties for the h5 element.
|
|
87
76
|
* @returns An h5 element node.
|
|
88
|
-
*/export var H5=function H5(a){return Node("h5",a)};/**
|
|
89
|
-
*
|
|
77
|
+
*/export var H5=function H5(a,b){return Node("h5",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
78
|
+
* Creates an h6 heading element node.
|
|
79
|
+
* @param text Optional text, number or bigint content for the heading.
|
|
90
80
|
* @param props Optional properties for the h6 element.
|
|
91
81
|
* @returns An h6 element node.
|
|
92
|
-
*/export var H6=function H6(a){return Node("h6",a)};/**
|
|
93
|
-
*
|
|
82
|
+
*/export var H6=function H6(a,b){return Node("h6",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
83
|
+
* Creates a strong element node for important text.
|
|
84
|
+
* @param text Optional text, number or bigint content to emphasize.
|
|
94
85
|
* @param props Optional properties for the strong element.
|
|
95
86
|
* @returns A strong element node.
|
|
96
|
-
*/export var Strong=function Strong(a){return Node("strong",a)};/**
|
|
97
|
-
*
|
|
87
|
+
*/export var Strong=function Strong(a,b){return Node("strong",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
88
|
+
* Creates an em element node for emphasized text.
|
|
89
|
+
* @param text Optional text, number or bigint content to emphasize.
|
|
98
90
|
* @param props Optional properties for the em element.
|
|
99
91
|
* @returns An em element node.
|
|
100
|
-
*/export var Em=function Em(a){return Node("em",a)};/**
|
|
101
|
-
*
|
|
92
|
+
*/export var Em=function Em(a,b){return Node("em",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
93
|
+
* Creates a small element node for side-comments and small print.
|
|
94
|
+
* @param text Optional text, number or bigint content to display smaller.
|
|
102
95
|
* @param props Optional properties for the small element.
|
|
103
96
|
* @returns A small element node.
|
|
104
|
-
*/export var Small=function Small(a){return Node("small",a)};/**
|
|
105
|
-
*
|
|
97
|
+
*/export var Small=function Small(a,b){return Node("small",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
98
|
+
* Creates a mark element node for highlighted text.
|
|
99
|
+
* @param text Optional text, number or bigint content to highlight.
|
|
106
100
|
* @param props Optional properties for the mark element.
|
|
107
101
|
* @returns A mark element node.
|
|
108
|
-
*/export var Mark=function Mark(a){return Node("mark",a)}
|
|
102
|
+
*/export var Mark=function Mark(a,b){return Node("mark",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
103
|
+
* Creates a span element node.
|
|
104
|
+
* @param text Optional text, number or bigint content for the span.
|
|
105
|
+
* @param props Optional properties for the span element.
|
|
106
|
+
* @returns A span element node.
|
|
107
|
+
*/export var Span=function Span(a,b){return Node("span",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
108
|
+
* Creates a paragraph element node.
|
|
109
|
+
* @param text Optional text, number or bigint content for the paragraph.
|
|
110
|
+
* @param props Optional properties for the p element.
|
|
111
|
+
* @returns A paragraph element node.
|
|
112
|
+
*/export var P=function P(a,b){return Node("p",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
113
|
+
* Creates a preformatted text element node.
|
|
114
|
+
* @param text Optional text, number or bigint content for the pre element.
|
|
115
|
+
* @param props Optional properties for the pre element.
|
|
116
|
+
* @returns A pre element node.
|
|
117
|
+
*/export var Pre=function Pre(a,b){return Node("pre",_objectSpread(_objectSpread({},b),{},{children:a}))};/**
|
|
118
|
+
* Creates a code element node for displaying code snippets.
|
|
119
|
+
* @param text Optional text, number or bigint content for the code.
|
|
120
|
+
* @param props Optional properties for the code element.
|
|
121
|
+
* @returns A code element node.
|
|
122
|
+
*/export var Code=function Code(a,b){return Node("code",_objectSpread(_objectSpread({},b),{},{children:a}))};// Lists
|
|
109
123
|
/**
|
|
110
124
|
* Represents an ordered list.
|
|
111
125
|
* @param props Optional properties for the ol element.
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@meonode/ui",
|
|
3
3
|
"description": "A structured approach to component composition with built-in theming, prop separation, and dynamic children handling.",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.5",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"types": "./dist/main.d.ts",
|