@base-framework/organisms 1.0.18
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 +141 -0
- package/dist/atoms.js +2 -0
- package/dist/atoms.js.map +7 -0
- package/dist/organisms.js +2 -0
- package/dist/organisms.js.map +7 -0
- package/dist/types/atoms.d.ts +405 -0
- package/package.json +42 -0
package/README.md
ADDED
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
# Base Atoms
|
|
2
|
+
|
|
3
|
+
**Version**: 1.0.0
|
|
4
|
+
|
|
5
|
+
## Overview
|
|
6
|
+
This documentation aims to guide the enhancement of component scalability and reusability within your projects through the use of organisms. Organisms are designed to function as the medium building blocks in a component-based architecture.
|
|
7
|
+
|
|
8
|
+
This module will add default organisms to your project.
|
|
9
|
+
|
|
10
|
+
## Atom Scope
|
|
11
|
+
Within our component model, each component autonomously generates its own scope. When components are nested, unique scopes are established at each level. Atoms inherit the scope of their parent component, gaining access to the component's state and data, and enabling directive manipulation and event handling.Organization of atoms is crucial for maintaining a clean and manageable codebase.
|
|
12
|
+
|
|
13
|
+
### Collection of Atoms
|
|
14
|
+
Organisms can be composed of various atoms and reused across different components. This promotes a modular approach to building user interfaces.
|
|
15
|
+
|
|
16
|
+
## Atom Types
|
|
17
|
+
Organisms can be instantiated using various methodologies:
|
|
18
|
+
|
|
19
|
+
### Function Oragnisms
|
|
20
|
+
These atoms are instantiated with either standard functions or arrow functions, equipped with a props object to transfer properties to the atoms.
|
|
21
|
+
|
|
22
|
+
```typescript
|
|
23
|
+
const Link = Atom((props, children) => (
|
|
24
|
+
A({...props }, [
|
|
25
|
+
Icon({ class: 'icon' }),
|
|
26
|
+
children
|
|
27
|
+
])
|
|
28
|
+
));
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
### Atom Callbacks
|
|
32
|
+
Atoms may be created using the Atom function, which accepts a callback function as its sole parameter. The callback function is passed a props object and children array and returns an object containing the atom's layout.
|
|
33
|
+
|
|
34
|
+
```typescript
|
|
35
|
+
const Button = Atom((props, children) => ({
|
|
36
|
+
tag: 'button',
|
|
37
|
+
...props,
|
|
38
|
+
children
|
|
39
|
+
}));
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
#### Atom Nesting
|
|
43
|
+
Atoms should use composition to nest other atoms. This is achieved by passing the children array to the atoms args.
|
|
44
|
+
|
|
45
|
+
```typescript
|
|
46
|
+
const SecondaryButton = Atom((props, children) => (Button({
|
|
47
|
+
...props,
|
|
48
|
+
class: 'secondary-btn',
|
|
49
|
+
children
|
|
50
|
+
}));
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## Adding Event Listeners
|
|
54
|
+
Event listener callbacks within atoms accept two parameters: the originating event object and the "parent" component object in which the atom resides.
|
|
55
|
+
|
|
56
|
+
### Accessing the Parent Component in an Atom
|
|
57
|
+
```typescript
|
|
58
|
+
class Page extends Component
|
|
59
|
+
{
|
|
60
|
+
render()
|
|
61
|
+
{
|
|
62
|
+
return Div([
|
|
63
|
+
SecondaryButton({
|
|
64
|
+
/**
|
|
65
|
+
* This will add a click event listener to the button.
|
|
66
|
+
*
|
|
67
|
+
* @param {Event} event The event object
|
|
68
|
+
* @param {Component} parent The parent component object
|
|
69
|
+
* @returns {void}
|
|
70
|
+
*/
|
|
71
|
+
click(event, parent) =>
|
|
72
|
+
{
|
|
73
|
+
// Code to access the parent component
|
|
74
|
+
}
|
|
75
|
+
})
|
|
76
|
+
]);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
## Utilization of Atoms
|
|
82
|
+
To leverage an atom, invoke its function and pass the requisite values via a props and children. The Atoms created with the Atom callback functions support passing optional props or children to the atom. The props object should always be first but if the atom does not require props, the children array or string can be passed as the first argument.
|
|
83
|
+
|
|
84
|
+
```javascript
|
|
85
|
+
// props only
|
|
86
|
+
Div({class: 'text'});
|
|
87
|
+
|
|
88
|
+
// text child only
|
|
89
|
+
Div('test');
|
|
90
|
+
|
|
91
|
+
// array child only
|
|
92
|
+
Div([
|
|
93
|
+
Div('test')
|
|
94
|
+
]);
|
|
95
|
+
|
|
96
|
+
// props and text child
|
|
97
|
+
Div({class: 'text'}, 'test');
|
|
98
|
+
|
|
99
|
+
// props and array children
|
|
100
|
+
Div({class: 'text'}, [
|
|
101
|
+
Div('test'),
|
|
102
|
+
Div('test')
|
|
103
|
+
]);
|
|
104
|
+
```
|
|
105
|
+
|
|
106
|
+
### Example of Atom Utilization
|
|
107
|
+
```typescript
|
|
108
|
+
SecondaryButton({
|
|
109
|
+
click(e) =>
|
|
110
|
+
{
|
|
111
|
+
// Handle the click event
|
|
112
|
+
}
|
|
113
|
+
})
|
|
114
|
+
```
|
|
115
|
+
|
|
116
|
+
The implementation of atoms is aimed at enhancing the readability and modularity of extensive layouts.
|
|
117
|
+
|
|
118
|
+
### Illustrative Example of a Complex Layout
|
|
119
|
+
```typescript
|
|
120
|
+
Section([
|
|
121
|
+
Article({ class: 'post' }, [
|
|
122
|
+
Header([
|
|
123
|
+
H1('Title')
|
|
124
|
+
])
|
|
125
|
+
])
|
|
126
|
+
])
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
## Contributing
|
|
130
|
+
|
|
131
|
+
Contributions to Base Framework are welcome. Follow these steps to contribute:
|
|
132
|
+
|
|
133
|
+
- Fork the repository.
|
|
134
|
+
- Create a new branch for your feature or bug fix.
|
|
135
|
+
- Commit your changes with clear, descriptive messages.
|
|
136
|
+
- Push your branch and submit a pull request.
|
|
137
|
+
- Before contributing, read our CONTRIBUTING.md for coding standards and community guidelines.
|
|
138
|
+
|
|
139
|
+
## License
|
|
140
|
+
|
|
141
|
+
Base Atoms are licensed under the MIT License. See the LICENSE file for details.
|
package/dist/atoms.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{Atom as e}from"@base-framework/base";var r=(t,o)=>({...t,children:o}),p=t=>({...t,tag:"DOCTYPE"}),c=e((t,o)=>r({...t,tag:"html"},o)),g=e((t,o)=>r({...t,tag:"script"},o)),x=e((t,o)=>r({...t,tag:"style"},o)),i=e((t,o)=>r({...t,tag:"head"},o)),l=t=>({...t}),d=t=>({...t,tag:"meta"}),u=e((t,o)=>r({...t,tag:"body"},o)),b=e((t,o)=>r(t,o)),m=e((t,o)=>r({...t,tag:"dialog"},o)),h=e((t,o)=>r({...t,tag:"span"},o)),y=e((t,o)=>r({...t,tag:"p"},o)),S=e((t,o)=>r({...t,tag:"a"},o)),a=e((t,o)=>r({...t,tag:"button"},o)),T=e((t,o)=>a({...t,type:"submit"},o)),f=e((t,o)=>r({...t,tag:"ul"},o)),D=e((t,o)=>r({...t,tag:"li"},o)),H=e(t=>r({...t,tag:"img"},null)),B=e(t=>r({...t,tag:"br"},null)),k=e(t=>r({...t,tag:"hr"},null)),v=e((t,o)=>r({...t,tag:"text"},o)),A=e((t,o)=>r({...t,tag:"h1"},o)),C=e((t,o)=>r({...t,tag:"h2"},o)),F=e((t,o)=>r({...t,tag:"h3"},o)),I=e((t,o)=>r({...t,tag:"h4"},o)),M=e((t,o)=>r({...t,tag:"h5"},o)),P=e((t,o)=>r({...t,tag:"h6"},o)),n=e(t=>r({...t,tag:"input"},null)),q=e((t,o)=>r({...t,tag:"label"},o)),L=e(t=>n({...t,type:"checkbox"})),O=e((t,o)=>r({...t,tag:"section"},o)),R=e((t,o)=>r({...t,tag:"article"},o)),E=e((t,o)=>r({...t,tag:"header"},o)),U=e((t,o)=>r({...t,tag:"footer"},o)),V=e((t,o)=>r({...t,tag:"nav"},o)),w=e((t,o)=>r({...t,tag:"aside"},o)),K=e((t,o)=>r({...t,tag:"figure"},o)),N=e((t,o)=>r({...t,tag:"figcaption"},o)),Q=e((t,o)=>r({...t,tag:"main"},o)),W=e((t,o)=>r({...t,tag:"video"},o)),Y=e((t,o)=>r({...t,tag:"audio"},o)),j=e((t,o)=>r({...t,tag:"table"},o)),z=e((t,o)=>r({...t,tag:"tr"},o)),G=e((t,o)=>r({...t,tag:"th"},o)),J=e((t,o)=>r({...t,tag:"td"},o)),X=e((t,o)=>r({...t,tag:"thead"},o)),Z=e((t,o)=>r({...t,tag:"tbody"},o)),_=e((t,o)=>r({...t,tag:"tfoot"},o)),$=e((t,o)=>r({...t,tag:"form"},o)),tt=e((t,o)=>r({...t,tag:"select"},o)),ot=e((t,o)=>r({...t,tag:"option"},o)),et=e((t,o)=>r({...t,tag:"textarea"},o)),rt=e((t,o)=>r({...t,tag:"canvas"},o)),at=e((t,o)=>r({...t,tag:"progress"},o)),nt=e((t,o)=>r({...t,tag:"blockquote"},o)),st=e((t,o)=>r({...t,tag:"pre"},o)),pt=e((t,o)=>r({...t,tag:"code"},o)),ct=e((t,o)=>r({...t,tag:"ol"},o)),gt=e((t,o)=>r({...t,tag:"dl"},o)),xt=e((t,o)=>r({...t,tag:"dt"},o)),it=e((t,o)=>r({...t,tag:"dd"},o)),lt=e((t,o)=>r({...t,tag:"fieldset"},o)),dt=e((t,o)=>r({...t,tag:"legend"},o)),ut=e((t,o)=>r({...t,tag:"meter"},o)),bt=e((t,o)=>r({...t,tag:"iframe"},o)),mt=e((t,o)=>r({...t,tag:"details"},o)),ht=e((t,o)=>r({...t,tag:"summary"},o)),yt=e((t,o)=>r({...t,tag:"em"},o)),St=e((t,o)=>r({...t,tag:"strong"},o)),Tt=e((t,o)=>r({...t,tag:"small"},o)),ft=e((t,o)=>r({...t,tag:"s"},o)),Dt=e((t,o)=>r({...t,tag:"cite"},o)),Ht=e((t,o)=>r({...t,tag:"q"},o)),Bt=e((t,o)=>r({...t,tag:"dfn"},o)),kt=e((t,o)=>r({...t,tag:"abbr"},o)),vt=e((t,o)=>r({...t,tag:"data"},o)),At=e((t,o)=>r({...t,tag:"time"},o)),Ct=e((t,o)=>r({...t,tag:"var"},o)),Ft=e((t,o)=>r({...t,tag:"samp"},o)),It=e((t,o)=>r({...t,tag:"kbd"},o)),Mt=e((t,o)=>r({...t,tag:"sub"},o)),Pt=e((t,o)=>r({...t,tag:"sup"},o)),qt=e((t,o)=>r({...t,tag:"i"},o)),Lt=e((t,o)=>r({...t,tag:"b"},o)),Ot=e((t,o)=>r({...t,tag:"u"},o)),Rt=e((t,o)=>r({...t,tag:"mark"},o)),Et=e((t,o)=>r({...t,tag:"ruby"},o)),Ut=e((t,o)=>r({...t,tag:"rt"},o)),Vt=e((t,o)=>r({...t,tag:"rp"},o)),wt=e((t,o)=>r({...t,tag:"bdi"},o)),Kt=e((t,o)=>r({...t,tag:"bdo"},o)),Nt=e(t=>r({...t,tag:"wbr"},null));export{S as A,kt as Abbr,R as Article,w as Aside,Y as Audio,Lt as B,wt as Bdi,Kt as Bdo,nt as Blockquote,u as Body,B as Br,a as Button,rt as Canvas,L as Checkbox,Dt as Cite,pt as Code,vt as Data,it as Dd,mt as Details,Bt as Dfn,m as Dialog,b as Div,gt as Dl,p as Doctype,xt as Dt,yt as Em,lt as Fieldset,N as Figcaption,K as Figure,U as Footer,$ as Form,A as H1,C as H2,F as H3,I as H4,M as H5,P as H6,i as Head,E as Header,k as Hr,c as Html,qt as I,bt as Iframe,H as Img,n as Input,It as Kbd,q as Label,dt as Legend,D as Li,Q as Main,Rt as Mark,d as Meta,ut as Meter,V as Nav,ct as Ol,ot as Option,y as P,st as Pre,at as Progress,Ht as Q,Vt as Rp,Ut as Rt,Et as Ruby,ft as S,Ft as Samp,g as Script,O as Section,tt as Select,Tt as Small,h as Span,St as Strong,x as Style,Mt as Sub,T as SubmitButton,ht as Summary,Pt as Sup,j as Table,Z as Tbody,J as Td,v as Text,et as Textarea,_ as Tfoot,G as Th,X as Thead,At as Time,l as Title,z as Tr,Ot as U,f as Ul,Ct as Var,W as Video,Nt as Wbr};
|
|
2
|
+
//# sourceMappingURL=atoms.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/atoms.js"],
|
|
4
|
+
"sourcesContent": ["import { Atom } from '@base-framework/base';\r\n\r\n/**\r\n * Creates a generic HTML tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nconst Tag = (props, children) => {\r\n return { ...props, children };\r\n};\r\n\r\n/**\r\n * Creates a Doctype tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Doctype = (props) => ({ ...props, tag: 'DOCTYPE' });\r\n\r\n/**\r\n * Creates an HTML tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Html = Atom((props, children) => Tag({ ...props, tag: 'html' }, children));\r\n\r\n/**\r\n * Creates a script tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Script = Atom((props, children) => Tag({ ...props, tag: 'script' }, children));\r\n\r\n/**\r\n * Creates a style tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Style = Atom((props, children) => Tag({ ...props, tag: 'style' }, children));\r\n\r\n/**\r\n * Creates a head tag.\r\n *\r\n * @param {object} props - Properties for the head element.\r\n * @param {array} children - Children elements of the head.\r\n * @return {object} - Returns an object representing the head element.\r\n */\r\nexport const Head = Atom((props, children) => Tag({ ...props, tag: 'head' }, children));\r\n\r\n/**\r\n * Creates a title tag.\r\n *\r\n * @param {object} props - Properties for the title element.\r\n */\r\nexport const Title = (props) =>\r\n{\r\n return { ...props };\r\n};\r\n\r\n/**\r\n * Creates a meta tag.\r\n *\r\n * @param {object} props - Properties for the meta element.\r\n * @return {object} - Returns an object representing the meta element.\r\n */\r\nexport const Meta = (props) => ({ ...props, tag: 'meta' });\r\n\r\n/**\r\n * Creates a body tag.\r\n *\r\n * @param {object} props - Properties for the body element.\r\n * @param {array} children - Children elements of the body.\r\n * @return {object} - Returns an object representing the body element.\r\n */\r\nexport const Body = Atom((props, children) => Tag({ ...props, tag: 'body' }, children));\r\n\r\n/**\r\n * Creates a div element.\r\n *\r\n * @param {object} props - Properties for the div element.\r\n * @param {array} children - Children elements of the div.\r\n * @return {object} - Returns an object representing the div element.\r\n */\r\nexport const Div = Atom((props, children) => Tag(props, children));\r\n\r\n/**\r\n * Creates a dialog element.\r\n *\r\n * @param {object} props - Properties for the div element.\r\n * @param {array} children - Children elements of the div.\r\n * @return {object} - Returns an object representing the dialog element.\r\n */\r\nexport const Dialog = Atom((props, children) => Tag({ ...props, tag: 'dialog' }, children));\r\n\r\n/**\r\n * Creates a span element.\r\n *\r\n * @param {object} props - Properties for the span element.\r\n * @param {array} children - Children elements of the span.\r\n * @return {object} - Returns an object representing the span element.\r\n */\r\nexport const Span = Atom((props, children) => Tag({ ...props, tag: 'span' }, children));\r\n\r\n/**\r\n * Creates a paragraph (p) element.\r\n *\r\n * @param {object} props - Properties for the paragraph element.\r\n * @param {array} children - Children elements of the paragraph.\r\n * @return {object} - Returns an object representing the paragraph element.\r\n */\r\nexport const P = Atom((props, children) => Tag({ ...props, tag: 'p' }, children));\r\n\r\n/**\r\n * Creates an anchor (a) element.\r\n *\r\n * @param {object} props - Properties for the anchor element.\r\n * @param {array} children - Children elements of the anchor.\r\n * @return {object} - Returns an object representing the anchor element.\r\n */\r\nexport const A = Atom((props, children) => Tag({ ...props, tag: 'a' }, children));\r\n\r\n/**\r\n * Creates a button element.\r\n */\r\nexport const Button = Atom((props, children) => Tag({ ...props, tag: 'button' }, children));\r\n\r\n/**\r\n * Creates a submit button element.\r\n */\r\nexport const SubmitButton = Atom((props, children) => Button({ ...props, type: 'submit' }, children));\r\n\r\n/**\r\n * Creates an unordered list (ul) element.\r\n */\r\nexport const Ul = Atom((props, children) => Tag({ ...props, tag: 'ul' }, children));\r\n\r\n/**\r\n * Creates a list item (li) element.\r\n */\r\nexport const Li = Atom((props, children) => Tag({ ...props, tag: 'li' }, children));\r\n\r\n/**\r\n * Creates an image (img) element.\r\n */\r\nexport const Img = Atom((props) => Tag({ ...props, tag: 'img' }, null));\r\n\r\n/**\r\n * Create a br element.\r\n *\r\n * @param {object} props - Properties for the br element.\r\n * @return {object} - Returns an object representing the br element.\r\n */\r\nexport const Br = Atom((props) => Tag({ ...props, tag: 'br' }, null));\r\n\r\n/**\r\n * Creates a horizontal rule (hr) element.\r\n */\r\nexport const Hr = Atom((props) => Tag({ ...props, tag: 'hr' }, null));\r\n\r\n/**\r\n * Creates a text (text) element.\r\n */\r\nexport const Text = Atom((props, children) => Tag({ ...props, tag: 'text' }, children));\r\n\r\n/**\r\n * Creates a header 1 (h1) element.\r\n */\r\nexport const H1 = Atom((props, children) => Tag({ ...props, tag: 'h1' }, children));\r\n\r\n/**\r\n * Creates a header 2 (h2) element.\r\n */\r\nexport const H2 = Atom((props, children) => Tag({ ...props, tag: 'h2' }, children));\r\n\r\n/**\r\n * Creates a header 3 (h3) element.\r\n */\r\nexport const H3 = Atom((props, children) => Tag({ ...props, tag: 'h3' }, children));\r\n\r\n/**\r\n * Creates a header 4 (h4) element.\r\n */\r\nexport const H4 = Atom((props, children) => Tag({ ...props, tag: 'h4' }, children));\r\n\r\n/**\r\n * Creates a header 5 (h5) element.\r\n */\r\nexport const H5 = Atom((props, children) => Tag({ ...props, tag: 'h5' }, children));\r\n\r\n/**\r\n * Creates a header 6 (h6) element.\r\n */\r\nexport const H6 = Atom((props, children) => Tag({ ...props, tag: 'h6' }, children));\r\n\r\n/**\r\n * Creates an input element.\r\n */\r\nexport const Input = Atom((props) => Tag({ ...props, tag: 'input' }, null));\r\n\r\n/**\r\n * Creates a label element.\r\n */\r\nexport const Label = Atom((props, children) => Tag({ ...props, tag: 'label' }, children));\r\n\r\n/**\r\n * Creates a checkbox input element.\r\n *\r\n * @param {object} props - Properties for the checkbox input element.\r\n * @return {object} - Returns an object representing the checkbox input element.\r\n */\r\nexport const Checkbox = Atom((props) => Input({ ...props, type: 'checkbox' }));\r\n\r\n/**\r\n * Creates a section element.\r\n */\r\nexport const Section = Atom((props, children) => Tag({ ...props, tag: 'section' }, children));\r\n\r\n/**\r\n * Creates an article element.\r\n */\r\nexport const Article = Atom((props, children) => Tag({ ...props, tag: 'article' }, children));\r\n\r\n/**\r\n * Creates a header (header) element.\r\n */\r\nexport const Header = Atom((props, children) => Tag({ ...props, tag: 'header' }, children));\r\n\r\n/**\r\n * Creates a footer element.\r\n */\r\nexport const Footer = Atom((props, children) => Tag({ ...props, tag: 'footer' }, children));\r\n\r\n/**\r\n * Creates a nav element.\r\n */\r\nexport const Nav = Atom((props, children) => Tag({ ...props, tag: 'nav' }, children));\r\n\r\n/**\r\n * Creates an aside element.\r\n */\r\nexport const Aside = Atom((props, children) => Tag({ ...props, tag: 'aside' }, children));\r\n\r\n/**\r\n * Creates a figure element.\r\n */\r\nexport const Figure = Atom((props, children) => Tag({ ...props, tag: 'figure' }, children));\r\n\r\n/**\r\n * Creates a figcaption element.\r\n */\r\nexport const Figcaption = Atom((props, children) => Tag({ ...props, tag: 'figcaption' }, children));\r\n\r\n/**\r\n * Creates a main element.\r\n */\r\nexport const Main = Atom((props, children) => Tag({ ...props, tag: 'main' }, children));\r\n\r\n/**\r\n * Creates a video element.\r\n */\r\nexport const Video = Atom((props, children) => Tag({ ...props, tag: 'video' }, children));\r\n\r\n/**\r\n * Creates an audio element.\r\n */\r\nexport const Audio = Atom((props, children) => Tag({ ...props, tag: 'audio' }, children));\r\n\r\n/**\r\n * Creates a table element.\r\n */\r\nexport const Table = Atom((props, children) => Tag({ ...props, tag: 'table' }, children));\r\n\r\n/**\r\n * Creates a table row (tr) element.\r\n */\r\nexport const Tr = Atom((props, children) => Tag({ ...props, tag: 'tr' }, children));\r\n\r\n/**\r\n * Creates a table header (th) element.\r\n */\r\nexport const Th = Atom((props, children) => Tag({ ...props, tag: 'th' }, children));\r\n\r\n/**\r\n * Creates a table data (td) element.\r\n */\r\nexport const Td = Atom((props, children) => Tag({ ...props, tag: 'td' }, children));\r\n\r\n/**\r\n * Creates a table header group (thead) element.\r\n */\r\nexport const Thead = Atom((props, children) => Tag({ ...props, tag: 'thead' }, children));\r\n\r\n/**\r\n * Creates a table body (tbody) element.\r\n */\r\nexport const Tbody = Atom((props, children) => Tag({ ...props, tag: 'tbody' }, children));\r\n\r\n/**\r\n * Creates a table footer (tfoot) element.\r\n */\r\nexport const Tfoot = Atom((props, children) => Tag({ ...props, tag: 'tfoot' }, children));\r\n\r\n/**\r\n * Creates a form element.\r\n */\r\nexport const Form = Atom((props, children) => Tag({ ...props, tag: 'form' }, children));\r\n\r\n/**\r\n * Creates a select element.\r\n */\r\nexport const Select = Atom((props, children) => Tag({ ...props, tag: 'select' }, children));\r\n\r\n/**\r\n * Creates an option element for a select tag.\r\n */\r\nexport const Option = Atom((props, children) => Tag({ ...props, tag: 'option' }, children));\r\n\r\n/**\r\n * Creates a textarea element.\r\n */\r\nexport const Textarea = Atom((props, children) => Tag({ ...props, tag: 'textarea' }, children));\r\n\r\n/**\r\n * Creates a canvas element.\r\n */\r\nexport const Canvas = Atom((props, children) => Tag({ ...props, tag: 'canvas' }, children));\r\n\r\n/**\r\n * Creates a progress element.\r\n */\r\nexport const Progress = Atom((props, children) => Tag({ ...props, tag: 'progress' }, children));\r\n\r\n/**\r\n * Creates a blockquote element.\r\n */\r\nexport const Blockquote = Atom((props, children) => Tag({ ...props, tag: 'blockquote' }, children));\r\n\r\n/**\r\n * Creates a preformatted text (pre) element.\r\n */\r\nexport const Pre = Atom((props, children) => Tag({ ...props, tag: 'pre' }, children));\r\n\r\n/**\r\n * Creates a code element.\r\n */\r\nexport const Code = Atom((props, children) => Tag({ ...props, tag: 'code' }, children));\r\n\r\n/**\r\n * Creates an ordered list (ol) element.\r\n */\r\nexport const Ol = Atom((props, children) => Tag({ ...props, tag: 'ol' }, children));\r\n\r\n/**\r\n * Creates a definition list (dl) element.\r\n */\r\nexport const Dl = Atom((props, children) => Tag({ ...props, tag: 'dl' }, children));\r\n\r\n/**\r\n * Creates a definition term (dt) element.\r\n */\r\nexport const Dt = Atom((props, children) => Tag({ ...props, tag: 'dt' }, children));\r\n\r\n/**\r\n * Creates a definition description (dd) element.\r\n */\r\nexport const Dd = Atom((props, children) => Tag({ ...props, tag: 'dd' }, children));\r\n\r\n/**\r\n * Creates a fieldset element.\r\n */\r\nexport const Fieldset = Atom((props, children) => Tag({ ...props, tag: 'fieldset' }, children));\r\n\r\n/**\r\n * Creates a legend element.\r\n */\r\nexport const Legend = Atom((props, children) => Tag({ ...props, tag: 'legend' }, children));\r\n\r\n/**\r\n * Creates a meter element.\r\n */\r\nexport const Meter = Atom((props, children) => Tag({ ...props, tag: 'meter' }, children));\r\n\r\n/**\r\n * Creates an iframe element.\r\n */\r\nexport const Iframe = Atom((props, children) => Tag({ ...props, tag: 'iframe' }, children));\r\n\r\n/**\r\n * Creates a details element.\r\n */\r\nexport const Details = Atom((props, children) => Tag({ ...props, tag: 'details' }, children));\r\n\r\n/**\r\n * Creates a summary element.\r\n */\r\nexport const Summary = Atom((props, children) => Tag({ ...props, tag: 'summary' }, children));\r\n\r\n/**\r\n * Creates an em element.\r\n */\r\nexport const Em = Atom((props, children) => Tag({ ...props, tag: 'em' }, children));\r\n\r\n/**\r\n * Creates a strong element.\r\n */\r\nexport const Strong = Atom((props, children) => Tag({ ...props, tag: 'strong' }, children));\r\n\r\n/**\r\n * Creates a small element.\r\n */\r\nexport const Small = Atom((props, children) => Tag({ ...props, tag: 'small' }, children));\r\n\r\n/**\r\n * Creates a s element (strikethrough).\r\n */\r\nexport const S = Atom((props, children) => Tag({ ...props, tag: 's' }, children));\r\n\r\n/**\r\n * Creates a cite element.\r\n */\r\nexport const Cite = Atom((props, children) => Tag({ ...props, tag: 'cite' }, children));\r\n\r\n/**\r\n * Creates a q element (inline quotation).\r\n */\r\nexport const Q = Atom((props, children) => Tag({ ...props, tag: 'q' }, children));\r\n\r\n/**\r\n * Creates a dfn element (definition element).\r\n */\r\nexport const Dfn = Atom((props, children) => Tag({ ...props, tag: 'dfn' }, children));\r\n\r\n/**\r\n * Creates an abbr element (abbreviation).\r\n */\r\nexport const Abbr = Atom((props, children) => Tag({ ...props, tag: 'abbr' }, children));\r\n\r\n/**\r\n * Creates a data element.\r\n */\r\nexport const Data = Atom((props, children) => Tag({ ...props, tag: 'data' }, children));\r\n\r\n/**\r\n * Creates a time element.\r\n */\r\nexport const Time = Atom((props, children) => Tag({ ...props, tag: 'time' }, children));\r\n\r\n/**\r\n * Creates a var element (variable).\r\n */\r\nexport const Var = Atom((props, children) => Tag({ ...props, tag: 'var' }, children));\r\n\r\n/**\r\n * Creates a samp element (sample output).\r\n */\r\nexport const Samp = Atom((props, children) => Tag({ ...props, tag: 'samp' }, children));\r\n\r\n/**\r\n * Creates a kbd element (keyboard input).\r\n */\r\nexport const Kbd = Atom((props, children) => Tag({ ...props, tag: 'kbd' }, children));\r\n\r\n/**\r\n * Creates a sub element (subscript).\r\n */\r\nexport const Sub = Atom((props, children) => Tag({ ...props, tag: 'sub' }, children));\r\n\r\n/**\r\n * Creates a sup element (superscript).\r\n */\r\nexport const Sup = Atom((props, children) => Tag({ ...props, tag: 'sup' }, children));\r\n\r\n/**\r\n * Creates an i element (italic).\r\n */\r\nexport const I = Atom((props, children) => Tag({ ...props, tag: 'i' }, children));\r\n\r\n/**\r\n * Creates a b element (bold).\r\n */\r\nexport const B = Atom((props, children) => Tag({ ...props, tag: 'b' }, children));\r\n\r\n/**\r\n * Creates a u element (underline).\r\n */\r\nexport const U = Atom((props, children) => Tag({ ...props, tag: 'u' }, children));\r\n\r\n/**\r\n * Creates a mark element.\r\n */\r\nexport const Mark = Atom((props, children) => Tag({ ...props, tag: 'mark' }, children));\r\n\r\n/**\r\n * Creates a ruby element (for East Asian typography).\r\n */\r\nexport const Ruby = Atom((props, children) => Tag({ ...props, tag: 'ruby' }, children));\r\n\r\n/**\r\n * Creates an rt element (explanation/pronunciation of characters in East Asian typography).\r\n */\r\nexport const Rt = Atom((props, children) => Tag({ ...props, tag: 'rt' }, children));\r\n\r\n/**\r\n * Creates an rp element (for East Asian fallback parenthesis).\r\n */\r\nexport const Rp = Atom((props, children) => Tag({ ...props, tag: 'rp' }, children));\r\n\r\n/**\r\n * Creates a bdi element (Bi-Directional Isolation).\r\n */\r\nexport const Bdi = Atom((props, children) => Tag({ ...props, tag: 'bdi' }, children));\r\n\r\n/**\r\n * Creates a bdo element (Bi-Directional Override).\r\n */\r\nexport const Bdo = Atom((props, children) => Tag({ ...props, tag: 'bdo' }, children));\r\n\r\n/**\r\n * Creates a wbr element (Word Break Opportunity).\r\n */\r\nexport const Wbr = Atom((props) => Tag({ ...props, tag: 'wbr' }, null));"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Atom", "Tag", "props", "children", "Doctype", "Html", "Script", "Style", "Head", "Title", "Meta", "Body", "Div", "Dialog", "Span", "P", "A", "Button", "SubmitButton", "Ul", "Li", "Img", "Br", "Hr", "Text", "H1", "H2", "H3", "H4", "H5", "H6", "Input", "Label", "Checkbox", "Section", "Article", "Header", "Footer", "Nav", "Aside", "Figure", "Figcaption", "Main", "Video", "Audio", "Table", "Tr", "Th", "Td", "Thead", "Tbody", "Tfoot", "Form", "Select", "Option", "Textarea", "Canvas", "Progress", "Blockquote", "Pre", "Code", "Ol", "Dl", "Dt", "Dd", "Fieldset", "Legend", "Meter", "Iframe", "Details", "Summary", "Em", "Strong", "Small", "S", "Cite", "Q", "Dfn", "Abbr", "Data", "Time", "Var", "Samp", "Kbd", "Sub", "Sup", "I", "B", "U", "Mark", "Ruby", "Rt", "Rp", "Bdi", "Bdo", "Wbr"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{Atom as e}from"@base-framework/base";var r=(t,o)=>({...t,children:o}),p=t=>({...t,tag:"DOCTYPE"}),c=e((t,o)=>r({...t,tag:"html"},o)),g=e((t,o)=>r({...t,tag:"script"},o)),x=e((t,o)=>r({...t,tag:"style"},o)),i=e((t,o)=>r({...t,tag:"head"},o)),l=t=>({...t}),d=t=>({...t,tag:"meta"}),u=e((t,o)=>r({...t,tag:"body"},o)),b=e((t,o)=>r(t,o)),m=e((t,o)=>r({...t,tag:"dialog"},o)),h=e((t,o)=>r({...t,tag:"span"},o)),y=e((t,o)=>r({...t,tag:"p"},o)),S=e((t,o)=>r({...t,tag:"a"},o)),a=e((t,o)=>r({...t,tag:"button"},o)),T=e((t,o)=>a({...t,type:"submit"},o)),f=e((t,o)=>r({...t,tag:"ul"},o)),D=e((t,o)=>r({...t,tag:"li"},o)),H=e(t=>r({...t,tag:"img"},null)),B=e(t=>r({...t,tag:"br"},null)),k=e(t=>r({...t,tag:"hr"},null)),v=e((t,o)=>r({...t,tag:"text"},o)),A=e((t,o)=>r({...t,tag:"h1"},o)),C=e((t,o)=>r({...t,tag:"h2"},o)),F=e((t,o)=>r({...t,tag:"h3"},o)),I=e((t,o)=>r({...t,tag:"h4"},o)),M=e((t,o)=>r({...t,tag:"h5"},o)),P=e((t,o)=>r({...t,tag:"h6"},o)),n=e(t=>r({...t,tag:"input"},null)),q=e((t,o)=>r({...t,tag:"label"},o)),L=e(t=>n({...t,type:"checkbox"})),O=e((t,o)=>r({...t,tag:"section"},o)),R=e((t,o)=>r({...t,tag:"article"},o)),E=e((t,o)=>r({...t,tag:"header"},o)),U=e((t,o)=>r({...t,tag:"footer"},o)),V=e((t,o)=>r({...t,tag:"nav"},o)),w=e((t,o)=>r({...t,tag:"aside"},o)),K=e((t,o)=>r({...t,tag:"figure"},o)),N=e((t,o)=>r({...t,tag:"figcaption"},o)),Q=e((t,o)=>r({...t,tag:"main"},o)),W=e((t,o)=>r({...t,tag:"video"},o)),Y=e((t,o)=>r({...t,tag:"audio"},o)),j=e((t,o)=>r({...t,tag:"table"},o)),z=e((t,o)=>r({...t,tag:"tr"},o)),G=e((t,o)=>r({...t,tag:"th"},o)),J=e((t,o)=>r({...t,tag:"td"},o)),X=e((t,o)=>r({...t,tag:"thead"},o)),Z=e((t,o)=>r({...t,tag:"tbody"},o)),_=e((t,o)=>r({...t,tag:"tfoot"},o)),$=e((t,o)=>r({...t,tag:"form"},o)),tt=e((t,o)=>r({...t,tag:"select"},o)),ot=e((t,o)=>r({...t,tag:"option"},o)),et=e((t,o)=>r({...t,tag:"textarea"},o)),rt=e((t,o)=>r({...t,tag:"canvas"},o)),at=e((t,o)=>r({...t,tag:"progress"},o)),nt=e((t,o)=>r({...t,tag:"blockquote"},o)),st=e((t,o)=>r({...t,tag:"pre"},o)),pt=e((t,o)=>r({...t,tag:"code"},o)),ct=e((t,o)=>r({...t,tag:"ol"},o)),gt=e((t,o)=>r({...t,tag:"dl"},o)),xt=e((t,o)=>r({...t,tag:"dt"},o)),it=e((t,o)=>r({...t,tag:"dd"},o)),lt=e((t,o)=>r({...t,tag:"fieldset"},o)),dt=e((t,o)=>r({...t,tag:"legend"},o)),ut=e((t,o)=>r({...t,tag:"meter"},o)),bt=e((t,o)=>r({...t,tag:"iframe"},o)),mt=e((t,o)=>r({...t,tag:"details"},o)),ht=e((t,o)=>r({...t,tag:"summary"},o)),yt=e((t,o)=>r({...t,tag:"em"},o)),St=e((t,o)=>r({...t,tag:"strong"},o)),Tt=e((t,o)=>r({...t,tag:"small"},o)),ft=e((t,o)=>r({...t,tag:"s"},o)),Dt=e((t,o)=>r({...t,tag:"cite"},o)),Ht=e((t,o)=>r({...t,tag:"q"},o)),Bt=e((t,o)=>r({...t,tag:"dfn"},o)),kt=e((t,o)=>r({...t,tag:"abbr"},o)),vt=e((t,o)=>r({...t,tag:"data"},o)),At=e((t,o)=>r({...t,tag:"time"},o)),Ct=e((t,o)=>r({...t,tag:"var"},o)),Ft=e((t,o)=>r({...t,tag:"samp"},o)),It=e((t,o)=>r({...t,tag:"kbd"},o)),Mt=e((t,o)=>r({...t,tag:"sub"},o)),Pt=e((t,o)=>r({...t,tag:"sup"},o)),qt=e((t,o)=>r({...t,tag:"i"},o)),Lt=e((t,o)=>r({...t,tag:"b"},o)),Ot=e((t,o)=>r({...t,tag:"u"},o)),Rt=e((t,o)=>r({...t,tag:"mark"},o)),Et=e((t,o)=>r({...t,tag:"ruby"},o)),Ut=e((t,o)=>r({...t,tag:"rt"},o)),Vt=e((t,o)=>r({...t,tag:"rp"},o)),wt=e((t,o)=>r({...t,tag:"bdi"},o)),Kt=e((t,o)=>r({...t,tag:"bdo"},o)),Nt=e(t=>r({...t,tag:"wbr"},null));export{S as A,kt as Abbr,R as Article,w as Aside,Y as Audio,Lt as B,wt as Bdi,Kt as Bdo,nt as Blockquote,u as Body,B as Br,a as Button,rt as Canvas,L as Checkbox,Dt as Cite,pt as Code,vt as Data,it as Dd,mt as Details,Bt as Dfn,m as Dialog,b as Div,gt as Dl,p as Doctype,xt as Dt,yt as Em,lt as Fieldset,N as Figcaption,K as Figure,U as Footer,$ as Form,A as H1,C as H2,F as H3,I as H4,M as H5,P as H6,i as Head,E as Header,k as Hr,c as Html,qt as I,bt as Iframe,H as Img,n as Input,It as Kbd,q as Label,dt as Legend,D as Li,Q as Main,Rt as Mark,d as Meta,ut as Meter,V as Nav,ct as Ol,ot as Option,y as P,st as Pre,at as Progress,Ht as Q,Vt as Rp,Ut as Rt,Et as Ruby,ft as S,Ft as Samp,g as Script,O as Section,tt as Select,Tt as Small,h as Span,St as Strong,x as Style,Mt as Sub,T as SubmitButton,ht as Summary,Pt as Sup,j as Table,Z as Tbody,J as Td,v as Text,et as Textarea,_ as Tfoot,G as Th,X as Thead,At as Time,l as Title,z as Tr,Ot as U,f as Ul,Ct as Var,W as Video,Nt as Wbr};
|
|
2
|
+
//# sourceMappingURL=organisms.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../src/organisms.js"],
|
|
4
|
+
"sourcesContent": ["import { Atom } from '@base-framework/base';\r\n\r\n/**\r\n * Creates a generic HTML tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nconst Tag = (props, children) => {\r\n return { ...props, children };\r\n};\r\n\r\n/**\r\n * Creates a Doctype tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Doctype = (props) => ({ ...props, tag: 'DOCTYPE' });\r\n\r\n/**\r\n * Creates an HTML tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Html = Atom((props, children) => Tag({ ...props, tag: 'html' }, children));\r\n\r\n/**\r\n * Creates a script tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Script = Atom((props, children) => Tag({ ...props, tag: 'script' }, children));\r\n\r\n/**\r\n * Creates a style tag.\r\n *\r\n * @param {object} props - Properties for the HTML element.\r\n * @param {array} children - Children elements of the HTML element.\r\n * @return {object} - Returns an object representing the HTML element.\r\n */\r\nexport const Style = Atom((props, children) => Tag({ ...props, tag: 'style' }, children));\r\n\r\n/**\r\n * Creates a head tag.\r\n *\r\n * @param {object} props - Properties for the head element.\r\n * @param {array} children - Children elements of the head.\r\n * @return {object} - Returns an object representing the head element.\r\n */\r\nexport const Head = Atom((props, children) => Tag({ ...props, tag: 'head' }, children));\r\n\r\n/**\r\n * Creates a title tag.\r\n *\r\n * @param {object} props - Properties for the title element.\r\n */\r\nexport const Title = (props) =>\r\n{\r\n return { ...props };\r\n};\r\n\r\n/**\r\n * Creates a meta tag.\r\n *\r\n * @param {object} props - Properties for the meta element.\r\n * @return {object} - Returns an object representing the meta element.\r\n */\r\nexport const Meta = (props) => ({ ...props, tag: 'meta' });\r\n\r\n/**\r\n * Creates a body tag.\r\n *\r\n * @param {object} props - Properties for the body element.\r\n * @param {array} children - Children elements of the body.\r\n * @return {object} - Returns an object representing the body element.\r\n */\r\nexport const Body = Atom((props, children) => Tag({ ...props, tag: 'body' }, children));\r\n\r\n/**\r\n * Creates a div element.\r\n *\r\n * @param {object} props - Properties for the div element.\r\n * @param {array} children - Children elements of the div.\r\n * @return {object} - Returns an object representing the div element.\r\n */\r\nexport const Div = Atom((props, children) => Tag(props, children));\r\n\r\n/**\r\n * Creates a dialog element.\r\n *\r\n * @param {object} props - Properties for the div element.\r\n * @param {array} children - Children elements of the div.\r\n * @return {object} - Returns an object representing the dialog element.\r\n */\r\nexport const Dialog = Atom((props, children) => Tag({ ...props, tag: 'dialog' }, children));\r\n\r\n/**\r\n * Creates a span element.\r\n *\r\n * @param {object} props - Properties for the span element.\r\n * @param {array} children - Children elements of the span.\r\n * @return {object} - Returns an object representing the span element.\r\n */\r\nexport const Span = Atom((props, children) => Tag({ ...props, tag: 'span' }, children));\r\n\r\n/**\r\n * Creates a paragraph (p) element.\r\n *\r\n * @param {object} props - Properties for the paragraph element.\r\n * @param {array} children - Children elements of the paragraph.\r\n * @return {object} - Returns an object representing the paragraph element.\r\n */\r\nexport const P = Atom((props, children) => Tag({ ...props, tag: 'p' }, children));\r\n\r\n/**\r\n * Creates an anchor (a) element.\r\n *\r\n * @param {object} props - Properties for the anchor element.\r\n * @param {array} children - Children elements of the anchor.\r\n * @return {object} - Returns an object representing the anchor element.\r\n */\r\nexport const A = Atom((props, children) => Tag({ ...props, tag: 'a' }, children));\r\n\r\n/**\r\n * Creates a button element.\r\n */\r\nexport const Button = Atom((props, children) => Tag({ ...props, tag: 'button' }, children));\r\n\r\n/**\r\n * Creates a submit button element.\r\n */\r\nexport const SubmitButton = Atom((props, children) => Button({ ...props, type: 'submit' }, children));\r\n\r\n/**\r\n * Creates an unordered list (ul) element.\r\n */\r\nexport const Ul = Atom((props, children) => Tag({ ...props, tag: 'ul' }, children));\r\n\r\n/**\r\n * Creates a list item (li) element.\r\n */\r\nexport const Li = Atom((props, children) => Tag({ ...props, tag: 'li' }, children));\r\n\r\n/**\r\n * Creates an image (img) element.\r\n */\r\nexport const Img = Atom((props) => Tag({ ...props, tag: 'img' }, null));\r\n\r\n/**\r\n * Create a br element.\r\n *\r\n * @param {object} props - Properties for the br element.\r\n * @return {object} - Returns an object representing the br element.\r\n */\r\nexport const Br = Atom((props) => Tag({ ...props, tag: 'br' }, null));\r\n\r\n/**\r\n * Creates a horizontal rule (hr) element.\r\n */\r\nexport const Hr = Atom((props) => Tag({ ...props, tag: 'hr' }, null));\r\n\r\n/**\r\n * Creates a text (text) element.\r\n */\r\nexport const Text = Atom((props, children) => Tag({ ...props, tag: 'text' }, children));\r\n\r\n/**\r\n * Creates a header 1 (h1) element.\r\n */\r\nexport const H1 = Atom((props, children) => Tag({ ...props, tag: 'h1' }, children));\r\n\r\n/**\r\n * Creates a header 2 (h2) element.\r\n */\r\nexport const H2 = Atom((props, children) => Tag({ ...props, tag: 'h2' }, children));\r\n\r\n/**\r\n * Creates a header 3 (h3) element.\r\n */\r\nexport const H3 = Atom((props, children) => Tag({ ...props, tag: 'h3' }, children));\r\n\r\n/**\r\n * Creates a header 4 (h4) element.\r\n */\r\nexport const H4 = Atom((props, children) => Tag({ ...props, tag: 'h4' }, children));\r\n\r\n/**\r\n * Creates a header 5 (h5) element.\r\n */\r\nexport const H5 = Atom((props, children) => Tag({ ...props, tag: 'h5' }, children));\r\n\r\n/**\r\n * Creates a header 6 (h6) element.\r\n */\r\nexport const H6 = Atom((props, children) => Tag({ ...props, tag: 'h6' }, children));\r\n\r\n/**\r\n * Creates an input element.\r\n */\r\nexport const Input = Atom((props) => Tag({ ...props, tag: 'input' }, null));\r\n\r\n/**\r\n * Creates a label element.\r\n */\r\nexport const Label = Atom((props, children) => Tag({ ...props, tag: 'label' }, children));\r\n\r\n/**\r\n * Creates a checkbox input element.\r\n *\r\n * @param {object} props - Properties for the checkbox input element.\r\n * @return {object} - Returns an object representing the checkbox input element.\r\n */\r\nexport const Checkbox = Atom((props) => Input({ ...props, type: 'checkbox' }));\r\n\r\n/**\r\n * Creates a section element.\r\n */\r\nexport const Section = Atom((props, children) => Tag({ ...props, tag: 'section' }, children));\r\n\r\n/**\r\n * Creates an article element.\r\n */\r\nexport const Article = Atom((props, children) => Tag({ ...props, tag: 'article' }, children));\r\n\r\n/**\r\n * Creates a header (header) element.\r\n */\r\nexport const Header = Atom((props, children) => Tag({ ...props, tag: 'header' }, children));\r\n\r\n/**\r\n * Creates a footer element.\r\n */\r\nexport const Footer = Atom((props, children) => Tag({ ...props, tag: 'footer' }, children));\r\n\r\n/**\r\n * Creates a nav element.\r\n */\r\nexport const Nav = Atom((props, children) => Tag({ ...props, tag: 'nav' }, children));\r\n\r\n/**\r\n * Creates an aside element.\r\n */\r\nexport const Aside = Atom((props, children) => Tag({ ...props, tag: 'aside' }, children));\r\n\r\n/**\r\n * Creates a figure element.\r\n */\r\nexport const Figure = Atom((props, children) => Tag({ ...props, tag: 'figure' }, children));\r\n\r\n/**\r\n * Creates a figcaption element.\r\n */\r\nexport const Figcaption = Atom((props, children) => Tag({ ...props, tag: 'figcaption' }, children));\r\n\r\n/**\r\n * Creates a main element.\r\n */\r\nexport const Main = Atom((props, children) => Tag({ ...props, tag: 'main' }, children));\r\n\r\n/**\r\n * Creates a video element.\r\n */\r\nexport const Video = Atom((props, children) => Tag({ ...props, tag: 'video' }, children));\r\n\r\n/**\r\n * Creates an audio element.\r\n */\r\nexport const Audio = Atom((props, children) => Tag({ ...props, tag: 'audio' }, children));\r\n\r\n/**\r\n * Creates a table element.\r\n */\r\nexport const Table = Atom((props, children) => Tag({ ...props, tag: 'table' }, children));\r\n\r\n/**\r\n * Creates a table row (tr) element.\r\n */\r\nexport const Tr = Atom((props, children) => Tag({ ...props, tag: 'tr' }, children));\r\n\r\n/**\r\n * Creates a table header (th) element.\r\n */\r\nexport const Th = Atom((props, children) => Tag({ ...props, tag: 'th' }, children));\r\n\r\n/**\r\n * Creates a table data (td) element.\r\n */\r\nexport const Td = Atom((props, children) => Tag({ ...props, tag: 'td' }, children));\r\n\r\n/**\r\n * Creates a table header group (thead) element.\r\n */\r\nexport const Thead = Atom((props, children) => Tag({ ...props, tag: 'thead' }, children));\r\n\r\n/**\r\n * Creates a table body (tbody) element.\r\n */\r\nexport const Tbody = Atom((props, children) => Tag({ ...props, tag: 'tbody' }, children));\r\n\r\n/**\r\n * Creates a table footer (tfoot) element.\r\n */\r\nexport const Tfoot = Atom((props, children) => Tag({ ...props, tag: 'tfoot' }, children));\r\n\r\n/**\r\n * Creates a form element.\r\n */\r\nexport const Form = Atom((props, children) => Tag({ ...props, tag: 'form' }, children));\r\n\r\n/**\r\n * Creates a select element.\r\n */\r\nexport const Select = Atom((props, children) => Tag({ ...props, tag: 'select' }, children));\r\n\r\n/**\r\n * Creates an option element for a select tag.\r\n */\r\nexport const Option = Atom((props, children) => Tag({ ...props, tag: 'option' }, children));\r\n\r\n/**\r\n * Creates a textarea element.\r\n */\r\nexport const Textarea = Atom((props, children) => Tag({ ...props, tag: 'textarea' }, children));\r\n\r\n/**\r\n * Creates a canvas element.\r\n */\r\nexport const Canvas = Atom((props, children) => Tag({ ...props, tag: 'canvas' }, children));\r\n\r\n/**\r\n * Creates a progress element.\r\n */\r\nexport const Progress = Atom((props, children) => Tag({ ...props, tag: 'progress' }, children));\r\n\r\n/**\r\n * Creates a blockquote element.\r\n */\r\nexport const Blockquote = Atom((props, children) => Tag({ ...props, tag: 'blockquote' }, children));\r\n\r\n/**\r\n * Creates a preformatted text (pre) element.\r\n */\r\nexport const Pre = Atom((props, children) => Tag({ ...props, tag: 'pre' }, children));\r\n\r\n/**\r\n * Creates a code element.\r\n */\r\nexport const Code = Atom((props, children) => Tag({ ...props, tag: 'code' }, children));\r\n\r\n/**\r\n * Creates an ordered list (ol) element.\r\n */\r\nexport const Ol = Atom((props, children) => Tag({ ...props, tag: 'ol' }, children));\r\n\r\n/**\r\n * Creates a definition list (dl) element.\r\n */\r\nexport const Dl = Atom((props, children) => Tag({ ...props, tag: 'dl' }, children));\r\n\r\n/**\r\n * Creates a definition term (dt) element.\r\n */\r\nexport const Dt = Atom((props, children) => Tag({ ...props, tag: 'dt' }, children));\r\n\r\n/**\r\n * Creates a definition description (dd) element.\r\n */\r\nexport const Dd = Atom((props, children) => Tag({ ...props, tag: 'dd' }, children));\r\n\r\n/**\r\n * Creates a fieldset element.\r\n */\r\nexport const Fieldset = Atom((props, children) => Tag({ ...props, tag: 'fieldset' }, children));\r\n\r\n/**\r\n * Creates a legend element.\r\n */\r\nexport const Legend = Atom((props, children) => Tag({ ...props, tag: 'legend' }, children));\r\n\r\n/**\r\n * Creates a meter element.\r\n */\r\nexport const Meter = Atom((props, children) => Tag({ ...props, tag: 'meter' }, children));\r\n\r\n/**\r\n * Creates an iframe element.\r\n */\r\nexport const Iframe = Atom((props, children) => Tag({ ...props, tag: 'iframe' }, children));\r\n\r\n/**\r\n * Creates a details element.\r\n */\r\nexport const Details = Atom((props, children) => Tag({ ...props, tag: 'details' }, children));\r\n\r\n/**\r\n * Creates a summary element.\r\n */\r\nexport const Summary = Atom((props, children) => Tag({ ...props, tag: 'summary' }, children));\r\n\r\n/**\r\n * Creates an em element.\r\n */\r\nexport const Em = Atom((props, children) => Tag({ ...props, tag: 'em' }, children));\r\n\r\n/**\r\n * Creates a strong element.\r\n */\r\nexport const Strong = Atom((props, children) => Tag({ ...props, tag: 'strong' }, children));\r\n\r\n/**\r\n * Creates a small element.\r\n */\r\nexport const Small = Atom((props, children) => Tag({ ...props, tag: 'small' }, children));\r\n\r\n/**\r\n * Creates a s element (strikethrough).\r\n */\r\nexport const S = Atom((props, children) => Tag({ ...props, tag: 's' }, children));\r\n\r\n/**\r\n * Creates a cite element.\r\n */\r\nexport const Cite = Atom((props, children) => Tag({ ...props, tag: 'cite' }, children));\r\n\r\n/**\r\n * Creates a q element (inline quotation).\r\n */\r\nexport const Q = Atom((props, children) => Tag({ ...props, tag: 'q' }, children));\r\n\r\n/**\r\n * Creates a dfn element (definition element).\r\n */\r\nexport const Dfn = Atom((props, children) => Tag({ ...props, tag: 'dfn' }, children));\r\n\r\n/**\r\n * Creates an abbr element (abbreviation).\r\n */\r\nexport const Abbr = Atom((props, children) => Tag({ ...props, tag: 'abbr' }, children));\r\n\r\n/**\r\n * Creates a data element.\r\n */\r\nexport const Data = Atom((props, children) => Tag({ ...props, tag: 'data' }, children));\r\n\r\n/**\r\n * Creates a time element.\r\n */\r\nexport const Time = Atom((props, children) => Tag({ ...props, tag: 'time' }, children));\r\n\r\n/**\r\n * Creates a var element (variable).\r\n */\r\nexport const Var = Atom((props, children) => Tag({ ...props, tag: 'var' }, children));\r\n\r\n/**\r\n * Creates a samp element (sample output).\r\n */\r\nexport const Samp = Atom((props, children) => Tag({ ...props, tag: 'samp' }, children));\r\n\r\n/**\r\n * Creates a kbd element (keyboard input).\r\n */\r\nexport const Kbd = Atom((props, children) => Tag({ ...props, tag: 'kbd' }, children));\r\n\r\n/**\r\n * Creates a sub element (subscript).\r\n */\r\nexport const Sub = Atom((props, children) => Tag({ ...props, tag: 'sub' }, children));\r\n\r\n/**\r\n * Creates a sup element (superscript).\r\n */\r\nexport const Sup = Atom((props, children) => Tag({ ...props, tag: 'sup' }, children));\r\n\r\n/**\r\n * Creates an i element (italic).\r\n */\r\nexport const I = Atom((props, children) => Tag({ ...props, tag: 'i' }, children));\r\n\r\n/**\r\n * Creates a b element (bold).\r\n */\r\nexport const B = Atom((props, children) => Tag({ ...props, tag: 'b' }, children));\r\n\r\n/**\r\n * Creates a u element (underline).\r\n */\r\nexport const U = Atom((props, children) => Tag({ ...props, tag: 'u' }, children));\r\n\r\n/**\r\n * Creates a mark element.\r\n */\r\nexport const Mark = Atom((props, children) => Tag({ ...props, tag: 'mark' }, children));\r\n\r\n/**\r\n * Creates a ruby element (for East Asian typography).\r\n */\r\nexport const Ruby = Atom((props, children) => Tag({ ...props, tag: 'ruby' }, children));\r\n\r\n/**\r\n * Creates an rt element (explanation/pronunciation of characters in East Asian typography).\r\n */\r\nexport const Rt = Atom((props, children) => Tag({ ...props, tag: 'rt' }, children));\r\n\r\n/**\r\n * Creates an rp element (for East Asian fallback parenthesis).\r\n */\r\nexport const Rp = Atom((props, children) => Tag({ ...props, tag: 'rp' }, children));\r\n\r\n/**\r\n * Creates a bdi element (Bi-Directional Isolation).\r\n */\r\nexport const Bdi = Atom((props, children) => Tag({ ...props, tag: 'bdi' }, children));\r\n\r\n/**\r\n * Creates a bdo element (Bi-Directional Override).\r\n */\r\nexport const Bdo = Atom((props, children) => Tag({ ...props, tag: 'bdo' }, children));\r\n\r\n/**\r\n * Creates a wbr element (Word Break Opportunity).\r\n */\r\nexport const Wbr = Atom((props) => Tag({ ...props, tag: 'wbr' }, null));"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Atom", "Tag", "props", "children", "Doctype", "Html", "Script", "Style", "Head", "Title", "Meta", "Body", "Div", "Dialog", "Span", "P", "A", "Button", "SubmitButton", "Ul", "Li", "Img", "Br", "Hr", "Text", "H1", "H2", "H3", "H4", "H5", "H6", "Input", "Label", "Checkbox", "Section", "Article", "Header", "Footer", "Nav", "Aside", "Figure", "Figcaption", "Main", "Video", "Audio", "Table", "Tr", "Th", "Td", "Thead", "Tbody", "Tfoot", "Form", "Select", "Option", "Textarea", "Canvas", "Progress", "Blockquote", "Pre", "Code", "Ol", "Dl", "Dt", "Dd", "Fieldset", "Legend", "Meter", "Iframe", "Details", "Summary", "Em", "Strong", "Small", "S", "Cite", "Q", "Dfn", "Abbr", "Data", "Time", "Var", "Samp", "Kbd", "Sub", "Sup", "I", "B", "U", "Mark", "Ruby", "Rt", "Rp", "Bdi", "Bdo", "Wbr"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,405 @@
|
|
|
1
|
+
export function Doctype(props: object): object;
|
|
2
|
+
/**
|
|
3
|
+
* Creates an HTML tag.
|
|
4
|
+
*
|
|
5
|
+
* @param {object} props - Properties for the HTML element.
|
|
6
|
+
* @param {array} children - Children elements of the HTML element.
|
|
7
|
+
* @return {object} - Returns an object representing the HTML element.
|
|
8
|
+
*/
|
|
9
|
+
export const Html: Function;
|
|
10
|
+
/**
|
|
11
|
+
* Creates a script tag.
|
|
12
|
+
*
|
|
13
|
+
* @param {object} props - Properties for the HTML element.
|
|
14
|
+
* @param {array} children - Children elements of the HTML element.
|
|
15
|
+
* @return {object} - Returns an object representing the HTML element.
|
|
16
|
+
*/
|
|
17
|
+
export const Script: Function;
|
|
18
|
+
/**
|
|
19
|
+
* Creates a style tag.
|
|
20
|
+
*
|
|
21
|
+
* @param {object} props - Properties for the HTML element.
|
|
22
|
+
* @param {array} children - Children elements of the HTML element.
|
|
23
|
+
* @return {object} - Returns an object representing the HTML element.
|
|
24
|
+
*/
|
|
25
|
+
export const Style: Function;
|
|
26
|
+
/**
|
|
27
|
+
* Creates a head tag.
|
|
28
|
+
*
|
|
29
|
+
* @param {object} props - Properties for the head element.
|
|
30
|
+
* @param {array} children - Children elements of the head.
|
|
31
|
+
* @return {object} - Returns an object representing the head element.
|
|
32
|
+
*/
|
|
33
|
+
export const Head: Function;
|
|
34
|
+
export function Title(props: object): any;
|
|
35
|
+
export function Meta(props: object): object;
|
|
36
|
+
/**
|
|
37
|
+
* Creates a body tag.
|
|
38
|
+
*
|
|
39
|
+
* @param {object} props - Properties for the body element.
|
|
40
|
+
* @param {array} children - Children elements of the body.
|
|
41
|
+
* @return {object} - Returns an object representing the body element.
|
|
42
|
+
*/
|
|
43
|
+
export const Body: Function;
|
|
44
|
+
/**
|
|
45
|
+
* Creates a div element.
|
|
46
|
+
*
|
|
47
|
+
* @param {object} props - Properties for the div element.
|
|
48
|
+
* @param {array} children - Children elements of the div.
|
|
49
|
+
* @return {object} - Returns an object representing the div element.
|
|
50
|
+
*/
|
|
51
|
+
export const Div: Function;
|
|
52
|
+
/**
|
|
53
|
+
* Creates a dialog element.
|
|
54
|
+
*
|
|
55
|
+
* @param {object} props - Properties for the div element.
|
|
56
|
+
* @param {array} children - Children elements of the div.
|
|
57
|
+
* @return {object} - Returns an object representing the dialog element.
|
|
58
|
+
*/
|
|
59
|
+
export const Dialog: Function;
|
|
60
|
+
/**
|
|
61
|
+
* Creates a span element.
|
|
62
|
+
*
|
|
63
|
+
* @param {object} props - Properties for the span element.
|
|
64
|
+
* @param {array} children - Children elements of the span.
|
|
65
|
+
* @return {object} - Returns an object representing the span element.
|
|
66
|
+
*/
|
|
67
|
+
export const Span: Function;
|
|
68
|
+
/**
|
|
69
|
+
* Creates a paragraph (p) element.
|
|
70
|
+
*
|
|
71
|
+
* @param {object} props - Properties for the paragraph element.
|
|
72
|
+
* @param {array} children - Children elements of the paragraph.
|
|
73
|
+
* @return {object} - Returns an object representing the paragraph element.
|
|
74
|
+
*/
|
|
75
|
+
export const P: Function;
|
|
76
|
+
/**
|
|
77
|
+
* Creates an anchor (a) element.
|
|
78
|
+
*
|
|
79
|
+
* @param {object} props - Properties for the anchor element.
|
|
80
|
+
* @param {array} children - Children elements of the anchor.
|
|
81
|
+
* @return {object} - Returns an object representing the anchor element.
|
|
82
|
+
*/
|
|
83
|
+
export const A: Function;
|
|
84
|
+
/**
|
|
85
|
+
* Creates a button element.
|
|
86
|
+
*/
|
|
87
|
+
export const Button: Function;
|
|
88
|
+
/**
|
|
89
|
+
* Creates a submit button element.
|
|
90
|
+
*/
|
|
91
|
+
export const SubmitButton: Function;
|
|
92
|
+
/**
|
|
93
|
+
* Creates an unordered list (ul) element.
|
|
94
|
+
*/
|
|
95
|
+
export const Ul: Function;
|
|
96
|
+
/**
|
|
97
|
+
* Creates a list item (li) element.
|
|
98
|
+
*/
|
|
99
|
+
export const Li: Function;
|
|
100
|
+
/**
|
|
101
|
+
* Creates an image (img) element.
|
|
102
|
+
*/
|
|
103
|
+
export const Img: Function;
|
|
104
|
+
/**
|
|
105
|
+
* Create a br element.
|
|
106
|
+
*
|
|
107
|
+
* @param {object} props - Properties for the br element.
|
|
108
|
+
* @return {object} - Returns an object representing the br element.
|
|
109
|
+
*/
|
|
110
|
+
export const Br: Function;
|
|
111
|
+
/**
|
|
112
|
+
* Creates a horizontal rule (hr) element.
|
|
113
|
+
*/
|
|
114
|
+
export const Hr: Function;
|
|
115
|
+
/**
|
|
116
|
+
* Creates a text (text) element.
|
|
117
|
+
*/
|
|
118
|
+
export const Text: Function;
|
|
119
|
+
/**
|
|
120
|
+
* Creates a header 1 (h1) element.
|
|
121
|
+
*/
|
|
122
|
+
export const H1: Function;
|
|
123
|
+
/**
|
|
124
|
+
* Creates a header 2 (h2) element.
|
|
125
|
+
*/
|
|
126
|
+
export const H2: Function;
|
|
127
|
+
/**
|
|
128
|
+
* Creates a header 3 (h3) element.
|
|
129
|
+
*/
|
|
130
|
+
export const H3: Function;
|
|
131
|
+
/**
|
|
132
|
+
* Creates a header 4 (h4) element.
|
|
133
|
+
*/
|
|
134
|
+
export const H4: Function;
|
|
135
|
+
/**
|
|
136
|
+
* Creates a header 5 (h5) element.
|
|
137
|
+
*/
|
|
138
|
+
export const H5: Function;
|
|
139
|
+
/**
|
|
140
|
+
* Creates a header 6 (h6) element.
|
|
141
|
+
*/
|
|
142
|
+
export const H6: Function;
|
|
143
|
+
/**
|
|
144
|
+
* Creates an input element.
|
|
145
|
+
*/
|
|
146
|
+
export const Input: Function;
|
|
147
|
+
/**
|
|
148
|
+
* Creates a label element.
|
|
149
|
+
*/
|
|
150
|
+
export const Label: Function;
|
|
151
|
+
/**
|
|
152
|
+
* Creates a checkbox input element.
|
|
153
|
+
*
|
|
154
|
+
* @param {object} props - Properties for the checkbox input element.
|
|
155
|
+
* @return {object} - Returns an object representing the checkbox input element.
|
|
156
|
+
*/
|
|
157
|
+
export const Checkbox: Function;
|
|
158
|
+
/**
|
|
159
|
+
* Creates a section element.
|
|
160
|
+
*/
|
|
161
|
+
export const Section: Function;
|
|
162
|
+
/**
|
|
163
|
+
* Creates an article element.
|
|
164
|
+
*/
|
|
165
|
+
export const Article: Function;
|
|
166
|
+
/**
|
|
167
|
+
* Creates a header (header) element.
|
|
168
|
+
*/
|
|
169
|
+
export const Header: Function;
|
|
170
|
+
/**
|
|
171
|
+
* Creates a footer element.
|
|
172
|
+
*/
|
|
173
|
+
export const Footer: Function;
|
|
174
|
+
/**
|
|
175
|
+
* Creates a nav element.
|
|
176
|
+
*/
|
|
177
|
+
export const Nav: Function;
|
|
178
|
+
/**
|
|
179
|
+
* Creates an aside element.
|
|
180
|
+
*/
|
|
181
|
+
export const Aside: Function;
|
|
182
|
+
/**
|
|
183
|
+
* Creates a figure element.
|
|
184
|
+
*/
|
|
185
|
+
export const Figure: Function;
|
|
186
|
+
/**
|
|
187
|
+
* Creates a figcaption element.
|
|
188
|
+
*/
|
|
189
|
+
export const Figcaption: Function;
|
|
190
|
+
/**
|
|
191
|
+
* Creates a main element.
|
|
192
|
+
*/
|
|
193
|
+
export const Main: Function;
|
|
194
|
+
/**
|
|
195
|
+
* Creates a video element.
|
|
196
|
+
*/
|
|
197
|
+
export const Video: Function;
|
|
198
|
+
/**
|
|
199
|
+
* Creates an audio element.
|
|
200
|
+
*/
|
|
201
|
+
export const Audio: Function;
|
|
202
|
+
/**
|
|
203
|
+
* Creates a table element.
|
|
204
|
+
*/
|
|
205
|
+
export const Table: Function;
|
|
206
|
+
/**
|
|
207
|
+
* Creates a table row (tr) element.
|
|
208
|
+
*/
|
|
209
|
+
export const Tr: Function;
|
|
210
|
+
/**
|
|
211
|
+
* Creates a table header (th) element.
|
|
212
|
+
*/
|
|
213
|
+
export const Th: Function;
|
|
214
|
+
/**
|
|
215
|
+
* Creates a table data (td) element.
|
|
216
|
+
*/
|
|
217
|
+
export const Td: Function;
|
|
218
|
+
/**
|
|
219
|
+
* Creates a table header group (thead) element.
|
|
220
|
+
*/
|
|
221
|
+
export const Thead: Function;
|
|
222
|
+
/**
|
|
223
|
+
* Creates a table body (tbody) element.
|
|
224
|
+
*/
|
|
225
|
+
export const Tbody: Function;
|
|
226
|
+
/**
|
|
227
|
+
* Creates a table footer (tfoot) element.
|
|
228
|
+
*/
|
|
229
|
+
export const Tfoot: Function;
|
|
230
|
+
/**
|
|
231
|
+
* Creates a form element.
|
|
232
|
+
*/
|
|
233
|
+
export const Form: Function;
|
|
234
|
+
/**
|
|
235
|
+
* Creates a select element.
|
|
236
|
+
*/
|
|
237
|
+
export const Select: Function;
|
|
238
|
+
/**
|
|
239
|
+
* Creates an option element for a select tag.
|
|
240
|
+
*/
|
|
241
|
+
export const Option: Function;
|
|
242
|
+
/**
|
|
243
|
+
* Creates a textarea element.
|
|
244
|
+
*/
|
|
245
|
+
export const Textarea: Function;
|
|
246
|
+
/**
|
|
247
|
+
* Creates a canvas element.
|
|
248
|
+
*/
|
|
249
|
+
export const Canvas: Function;
|
|
250
|
+
/**
|
|
251
|
+
* Creates a progress element.
|
|
252
|
+
*/
|
|
253
|
+
export const Progress: Function;
|
|
254
|
+
/**
|
|
255
|
+
* Creates a blockquote element.
|
|
256
|
+
*/
|
|
257
|
+
export const Blockquote: Function;
|
|
258
|
+
/**
|
|
259
|
+
* Creates a preformatted text (pre) element.
|
|
260
|
+
*/
|
|
261
|
+
export const Pre: Function;
|
|
262
|
+
/**
|
|
263
|
+
* Creates a code element.
|
|
264
|
+
*/
|
|
265
|
+
export const Code: Function;
|
|
266
|
+
/**
|
|
267
|
+
* Creates an ordered list (ol) element.
|
|
268
|
+
*/
|
|
269
|
+
export const Ol: Function;
|
|
270
|
+
/**
|
|
271
|
+
* Creates a definition list (dl) element.
|
|
272
|
+
*/
|
|
273
|
+
export const Dl: Function;
|
|
274
|
+
/**
|
|
275
|
+
* Creates a definition term (dt) element.
|
|
276
|
+
*/
|
|
277
|
+
export const Dt: Function;
|
|
278
|
+
/**
|
|
279
|
+
* Creates a definition description (dd) element.
|
|
280
|
+
*/
|
|
281
|
+
export const Dd: Function;
|
|
282
|
+
/**
|
|
283
|
+
* Creates a fieldset element.
|
|
284
|
+
*/
|
|
285
|
+
export const Fieldset: Function;
|
|
286
|
+
/**
|
|
287
|
+
* Creates a legend element.
|
|
288
|
+
*/
|
|
289
|
+
export const Legend: Function;
|
|
290
|
+
/**
|
|
291
|
+
* Creates a meter element.
|
|
292
|
+
*/
|
|
293
|
+
export const Meter: Function;
|
|
294
|
+
/**
|
|
295
|
+
* Creates an iframe element.
|
|
296
|
+
*/
|
|
297
|
+
export const Iframe: Function;
|
|
298
|
+
/**
|
|
299
|
+
* Creates a details element.
|
|
300
|
+
*/
|
|
301
|
+
export const Details: Function;
|
|
302
|
+
/**
|
|
303
|
+
* Creates a summary element.
|
|
304
|
+
*/
|
|
305
|
+
export const Summary: Function;
|
|
306
|
+
/**
|
|
307
|
+
* Creates an em element.
|
|
308
|
+
*/
|
|
309
|
+
export const Em: Function;
|
|
310
|
+
/**
|
|
311
|
+
* Creates a strong element.
|
|
312
|
+
*/
|
|
313
|
+
export const Strong: Function;
|
|
314
|
+
/**
|
|
315
|
+
* Creates a small element.
|
|
316
|
+
*/
|
|
317
|
+
export const Small: Function;
|
|
318
|
+
/**
|
|
319
|
+
* Creates a s element (strikethrough).
|
|
320
|
+
*/
|
|
321
|
+
export const S: Function;
|
|
322
|
+
/**
|
|
323
|
+
* Creates a cite element.
|
|
324
|
+
*/
|
|
325
|
+
export const Cite: Function;
|
|
326
|
+
/**
|
|
327
|
+
* Creates a q element (inline quotation).
|
|
328
|
+
*/
|
|
329
|
+
export const Q: Function;
|
|
330
|
+
/**
|
|
331
|
+
* Creates a dfn element (definition element).
|
|
332
|
+
*/
|
|
333
|
+
export const Dfn: Function;
|
|
334
|
+
/**
|
|
335
|
+
* Creates an abbr element (abbreviation).
|
|
336
|
+
*/
|
|
337
|
+
export const Abbr: Function;
|
|
338
|
+
/**
|
|
339
|
+
* Creates a data element.
|
|
340
|
+
*/
|
|
341
|
+
export const Data: Function;
|
|
342
|
+
/**
|
|
343
|
+
* Creates a time element.
|
|
344
|
+
*/
|
|
345
|
+
export const Time: Function;
|
|
346
|
+
/**
|
|
347
|
+
* Creates a var element (variable).
|
|
348
|
+
*/
|
|
349
|
+
export const Var: Function;
|
|
350
|
+
/**
|
|
351
|
+
* Creates a samp element (sample output).
|
|
352
|
+
*/
|
|
353
|
+
export const Samp: Function;
|
|
354
|
+
/**
|
|
355
|
+
* Creates a kbd element (keyboard input).
|
|
356
|
+
*/
|
|
357
|
+
export const Kbd: Function;
|
|
358
|
+
/**
|
|
359
|
+
* Creates a sub element (subscript).
|
|
360
|
+
*/
|
|
361
|
+
export const Sub: Function;
|
|
362
|
+
/**
|
|
363
|
+
* Creates a sup element (superscript).
|
|
364
|
+
*/
|
|
365
|
+
export const Sup: Function;
|
|
366
|
+
/**
|
|
367
|
+
* Creates an i element (italic).
|
|
368
|
+
*/
|
|
369
|
+
export const I: Function;
|
|
370
|
+
/**
|
|
371
|
+
* Creates a b element (bold).
|
|
372
|
+
*/
|
|
373
|
+
export const B: Function;
|
|
374
|
+
/**
|
|
375
|
+
* Creates a u element (underline).
|
|
376
|
+
*/
|
|
377
|
+
export const U: Function;
|
|
378
|
+
/**
|
|
379
|
+
* Creates a mark element.
|
|
380
|
+
*/
|
|
381
|
+
export const Mark: Function;
|
|
382
|
+
/**
|
|
383
|
+
* Creates a ruby element (for East Asian typography).
|
|
384
|
+
*/
|
|
385
|
+
export const Ruby: Function;
|
|
386
|
+
/**
|
|
387
|
+
* Creates an rt element (explanation/pronunciation of characters in East Asian typography).
|
|
388
|
+
*/
|
|
389
|
+
export const Rt: Function;
|
|
390
|
+
/**
|
|
391
|
+
* Creates an rp element (for East Asian fallback parenthesis).
|
|
392
|
+
*/
|
|
393
|
+
export const Rp: Function;
|
|
394
|
+
/**
|
|
395
|
+
* Creates a bdi element (Bi-Directional Isolation).
|
|
396
|
+
*/
|
|
397
|
+
export const Bdi: Function;
|
|
398
|
+
/**
|
|
399
|
+
* Creates a bdo element (Bi-Directional Override).
|
|
400
|
+
*/
|
|
401
|
+
export const Bdo: Function;
|
|
402
|
+
/**
|
|
403
|
+
* Creates a wbr element (Word Break Opportunity).
|
|
404
|
+
*/
|
|
405
|
+
export const Wbr: Function;
|
package/package.json
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@base-framework/organisms",
|
|
3
|
+
"version": "1.0.18",
|
|
4
|
+
"description": "This will add default organisms to the base framework.",
|
|
5
|
+
"main": "./dist/organisms.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"build": "node ./esbuild.js && tsc",
|
|
8
|
+
"prepublishOnly": "node ./esbuild.js"
|
|
9
|
+
},
|
|
10
|
+
"type": "module",
|
|
11
|
+
"keywords": [
|
|
12
|
+
"JavaScript",
|
|
13
|
+
"Framework",
|
|
14
|
+
"Base",
|
|
15
|
+
"ES6",
|
|
16
|
+
"Organisms"
|
|
17
|
+
],
|
|
18
|
+
"author": "Chris Durfee",
|
|
19
|
+
"license": "ISC",
|
|
20
|
+
"repository": {
|
|
21
|
+
"type": "git",
|
|
22
|
+
"url": "git+https://github.com/chrisdurfee/organisms.git"
|
|
23
|
+
},
|
|
24
|
+
"bugs": {
|
|
25
|
+
"url": "https://github.com/chrisdurfee/organisms/issues"
|
|
26
|
+
},
|
|
27
|
+
"devDependencies": {
|
|
28
|
+
"esbuild": "^0.15.7",
|
|
29
|
+
"typescript": "^5.4.2"
|
|
30
|
+
},
|
|
31
|
+
"dependencies": {
|
|
32
|
+
"@base-framework/base": "^3.0.10",
|
|
33
|
+
"@base-framework/atoms": "^1.0.0"
|
|
34
|
+
},
|
|
35
|
+
"types": "dist/types/organisms.d.ts",
|
|
36
|
+
"files": [
|
|
37
|
+
"pacakge.json",
|
|
38
|
+
"readme.md",
|
|
39
|
+
"dist"
|
|
40
|
+
],
|
|
41
|
+
"homepage": "https://github.com/chrisdurfee/organisms#readme"
|
|
42
|
+
}
|