elements-kit 0.0.1 → 0.0.3

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.
Files changed (35) hide show
  1. package/README.md +325 -15
  2. package/dist/attributes.d.mts +90 -0
  3. package/dist/attributes.mjs +81 -0
  4. package/dist/builder/dom.d.mts +212 -0
  5. package/dist/builder/dom.mjs +205 -0
  6. package/dist/builder/index.d.mts +2 -0
  7. package/dist/builder/index.mjs +113 -0
  8. package/dist/element-CCHXkEsj.mjs +262 -0
  9. package/dist/index-C6xwOPCO.d.mts +263 -0
  10. package/dist/index-DJejH8Ff.d.mts +89 -0
  11. package/dist/index.d.mts +36 -0
  12. package/dist/index.mjs +127 -0
  13. package/dist/jsx-runtime/index.d.mts +70 -0
  14. package/dist/jsx-runtime/index.mjs +2 -0
  15. package/dist/lib-B2drrxlV.mjs +15 -0
  16. package/dist/polyfill-BEL-HWkO.d.mts +14 -0
  17. package/dist/signals/index.d.mts +2 -0
  18. package/dist/signals/index.mjs +2 -0
  19. package/dist/signals/lib/media.d.mts +14 -0
  20. package/dist/signals/lib/media.mjs +26 -0
  21. package/dist/signals/lib/react.d.mts +62 -0
  22. package/dist/signals/lib/react.mjs +82 -0
  23. package/dist/signals-Cr7xgAJH.mjs +966 -0
  24. package/dist/slot.d.mts +73 -0
  25. package/dist/slot.mjs +142 -0
  26. package/package.json +69 -15
  27. package/dist/builder.d.mts +0 -11799
  28. package/dist/builder.mjs +0 -208
  29. package/dist/chunk-CFhWmker.mjs +0 -36
  30. package/dist/core.d.mts +0 -14
  31. package/dist/core.mjs +0 -74
  32. package/dist/signals-BGUPt0zl.mjs +0 -13
  33. package/dist/signals-BzhB4Ch2.d.mts +0 -10
  34. package/dist/signals.d.mts +0 -3
  35. package/dist/signals.mjs +0 -5
package/dist/builder.mjs DELETED
@@ -1,208 +0,0 @@
1
- import "./signals-BGUPt0zl.mjs";
2
- import { reactive } from "./core.mjs";
3
-
4
- //#region src/builder.ts
5
- const a = () => reactive(document.createElement("a"));
6
- const abbr = () => reactive(document.createElement("abbr"));
7
- const address = () => reactive(document.createElement("address"));
8
- const area = () => reactive(document.createElement("area"));
9
- const article = () => reactive(document.createElement("article"));
10
- const aside = () => reactive(document.createElement("aside"));
11
- const audio = () => reactive(document.createElement("audio"));
12
- const b = () => reactive(document.createElement("b"));
13
- const base = () => reactive(document.createElement("base"));
14
- const bdi = () => reactive(document.createElement("bdi"));
15
- const bdo = () => reactive(document.createElement("bdo"));
16
- const blockquote = () => reactive(document.createElement("blockquote"));
17
- const body = () => reactive(document.createElement("body"));
18
- const br = () => reactive(document.createElement("br"));
19
- const button = () => reactive(document.createElement("button"));
20
- const canvas = () => reactive(document.createElement("canvas"));
21
- const caption = () => reactive(document.createElement("caption"));
22
- const cite = () => reactive(document.createElement("cite"));
23
- const code = () => reactive(document.createElement("code"));
24
- const col = () => reactive(document.createElement("col"));
25
- const colgroup = () => reactive(document.createElement("colgroup"));
26
- const data = () => reactive(document.createElement("data"));
27
- const datalist = () => reactive(document.createElement("datalist"));
28
- const dd = () => reactive(document.createElement("dd"));
29
- const del = () => reactive(document.createElement("del"));
30
- const details = () => reactive(document.createElement("details"));
31
- const dfn = () => reactive(document.createElement("dfn"));
32
- const dialog = () => reactive(document.createElement("dialog"));
33
- const div = () => reactive(document.createElement("div"));
34
- const dl = () => reactive(document.createElement("dl"));
35
- const dt = () => reactive(document.createElement("dt"));
36
- const em = () => reactive(document.createElement("em"));
37
- const embed = () => reactive(document.createElement("embed"));
38
- const fieldset = () => reactive(document.createElement("fieldset"));
39
- const figcaption = () => reactive(document.createElement("figcaption"));
40
- const figure = () => reactive(document.createElement("figure"));
41
- const footer = () => reactive(document.createElement("footer"));
42
- const form = () => reactive(document.createElement("form"));
43
- const h1 = () => reactive(document.createElement("h1"));
44
- const h2 = () => reactive(document.createElement("h2"));
45
- const h3 = () => reactive(document.createElement("h3"));
46
- const h4 = () => reactive(document.createElement("h4"));
47
- const h5 = () => reactive(document.createElement("h5"));
48
- const h6 = () => reactive(document.createElement("h6"));
49
- const head = () => reactive(document.createElement("head"));
50
- const header = () => reactive(document.createElement("header"));
51
- const hgroup = () => reactive(document.createElement("hgroup"));
52
- const hr = () => reactive(document.createElement("hr"));
53
- const html = () => reactive(document.createElement("html"));
54
- const i = () => reactive(document.createElement("i"));
55
- const iframe = () => reactive(document.createElement("iframe"));
56
- const img = () => reactive(document.createElement("img"));
57
- const input = () => reactive(document.createElement("input"));
58
- const ins = () => reactive(document.createElement("ins"));
59
- const kbd = () => reactive(document.createElement("kbd"));
60
- const label = () => reactive(document.createElement("label"));
61
- const legend = () => reactive(document.createElement("legend"));
62
- const li = () => reactive(document.createElement("li"));
63
- const link = () => reactive(document.createElement("link"));
64
- const main = () => reactive(document.createElement("main"));
65
- const map = () => reactive(document.createElement("map"));
66
- const mark = () => reactive(document.createElement("mark"));
67
- const menu = () => reactive(document.createElement("menu"));
68
- const meta = () => reactive(document.createElement("meta"));
69
- const meter = () => reactive(document.createElement("meter"));
70
- const nav = () => reactive(document.createElement("nav"));
71
- const noscript = () => reactive(document.createElement("noscript"));
72
- const object = () => reactive(document.createElement("object"));
73
- const ol = () => reactive(document.createElement("ol"));
74
- const optgroup = () => reactive(document.createElement("optgroup"));
75
- const option = () => reactive(document.createElement("option"));
76
- const output = () => reactive(document.createElement("output"));
77
- const p = () => reactive(document.createElement("p"));
78
- const picture = () => reactive(document.createElement("picture"));
79
- const pre = () => reactive(document.createElement("pre"));
80
- const progress = () => reactive(document.createElement("progress"));
81
- const q = () => reactive(document.createElement("q"));
82
- const rp = () => reactive(document.createElement("rp"));
83
- const rt = () => reactive(document.createElement("rt"));
84
- const ruby = () => reactive(document.createElement("ruby"));
85
- const s = () => reactive(document.createElement("s"));
86
- const samp = () => reactive(document.createElement("samp"));
87
- const script = () => reactive(document.createElement("script"));
88
- const search = () => reactive(document.createElement("search"));
89
- const section = () => reactive(document.createElement("section"));
90
- const select = () => reactive(document.createElement("select"));
91
- const slot = () => reactive(document.createElement("slot"));
92
- const small = () => reactive(document.createElement("small"));
93
- const source = () => reactive(document.createElement("source"));
94
- const span = () => reactive(document.createElement("span"));
95
- const strong = () => reactive(document.createElement("strong"));
96
- const style = () => reactive(document.createElement("style"));
97
- const sub = () => reactive(document.createElement("sub"));
98
- const summary = () => reactive(document.createElement("summary"));
99
- const sup = () => reactive(document.createElement("sup"));
100
- const table = () => reactive(document.createElement("table"));
101
- const tbody = () => reactive(document.createElement("tbody"));
102
- const td = () => reactive(document.createElement("td"));
103
- const template = () => reactive(document.createElement("template"));
104
- const textarea = () => reactive(document.createElement("textarea"));
105
- const tfoot = () => reactive(document.createElement("tfoot"));
106
- const th = () => reactive(document.createElement("th"));
107
- const thead = () => reactive(document.createElement("thead"));
108
- const time = () => reactive(document.createElement("time"));
109
- const title = () => reactive(document.createElement("title"));
110
- const tr = () => reactive(document.createElement("tr"));
111
- const track = () => reactive(document.createElement("track"));
112
- const u = () => reactive(document.createElement("u"));
113
- const ul = () => reactive(document.createElement("ul"));
114
- const mathVar = () => reactive(document.createElement("var"));
115
- const video = () => reactive(document.createElement("video"));
116
- const wbr = () => reactive(document.createElement("wbr"));
117
- const animate = () => reactive(document.createElement("animate"));
118
- const animateMotion = () => reactive(document.createElement("animateMotion"));
119
- const animateTransform = () => reactive(document.createElement("animateTransform"));
120
- const circle = () => reactive(document.createElement("circle"));
121
- const clipPath = () => reactive(document.createElement("clipPath"));
122
- const defs = () => reactive(document.createElement("defs"));
123
- const desc = () => reactive(document.createElement("desc"));
124
- const ellipse = () => reactive(document.createElement("ellipse"));
125
- const feBlend = () => reactive(document.createElement("feBlend"));
126
- const feColorMatrix = () => reactive(document.createElement("feColorMatrix"));
127
- const feComponentTransfer = () => reactive(document.createElement("feComponentTransfer"));
128
- const feComposite = () => reactive(document.createElement("feComposite"));
129
- const feConvolveMatrix = () => reactive(document.createElement("feConvolveMatrix"));
130
- const feDiffuseLighting = () => reactive(document.createElement("feDiffuseLighting"));
131
- const feDisplacementMap = () => reactive(document.createElement("feDisplacementMap"));
132
- const feDistantLight = () => reactive(document.createElement("feDistantLight"));
133
- const feDropShadow = () => reactive(document.createElement("feDropShadow"));
134
- const feFlood = () => reactive(document.createElement("feFlood"));
135
- const feFuncA = () => reactive(document.createElement("feFuncA"));
136
- const feFuncB = () => reactive(document.createElement("feFuncB"));
137
- const feFuncG = () => reactive(document.createElement("feFuncG"));
138
- const feFuncR = () => reactive(document.createElement("feFuncR"));
139
- const feGaussianBlur = () => reactive(document.createElement("feGaussianBlur"));
140
- const feImage = () => reactive(document.createElement("feImage"));
141
- const feMerge = () => reactive(document.createElement("feMerge"));
142
- const feMergeNode = () => reactive(document.createElement("feMergeNode"));
143
- const feMorphology = () => reactive(document.createElement("feMorphology"));
144
- const feOffset = () => reactive(document.createElement("feOffset"));
145
- const fePointLight = () => reactive(document.createElement("fePointLight"));
146
- const feSpecularLighting = () => reactive(document.createElement("feSpecularLighting"));
147
- const feSpotLight = () => reactive(document.createElement("feSpotLight"));
148
- const feTile = () => reactive(document.createElement("feTile"));
149
- const feTurbulence = () => reactive(document.createElement("feTurbulence"));
150
- const filter = () => reactive(document.createElement("filter"));
151
- const foreignObject = () => reactive(document.createElement("foreignObject"));
152
- const g = () => reactive(document.createElement("g"));
153
- const image = () => reactive(document.createElement("image"));
154
- const line = () => reactive(document.createElement("line"));
155
- const linearGradient = () => reactive(document.createElement("linearGradient"));
156
- const marker = () => reactive(document.createElement("marker"));
157
- const mask = () => reactive(document.createElement("mask"));
158
- const metadata = () => reactive(document.createElement("metadata"));
159
- const mpath = () => reactive(document.createElement("mpath"));
160
- const path = () => reactive(document.createElement("path"));
161
- const pattern = () => reactive(document.createElement("pattern"));
162
- const polygon = () => reactive(document.createElement("polygon"));
163
- const polyline = () => reactive(document.createElement("polyline"));
164
- const radialGradient = () => reactive(document.createElement("radialGradient"));
165
- const rect = () => reactive(document.createElement("rect"));
166
- const set = () => reactive(document.createElement("set"));
167
- const stop = () => reactive(document.createElement("stop"));
168
- const svg = () => reactive(document.createElement("svg"));
169
- const svgSwitch = () => reactive(document.createElement("switch"));
170
- const symbol = () => reactive(document.createElement("symbol"));
171
- const text = () => reactive(document.createElement("text"));
172
- const textPath = () => reactive(document.createElement("textPath"));
173
- const tspan = () => reactive(document.createElement("tspan"));
174
- const use = () => reactive(document.createElement("use"));
175
- const view = () => reactive(document.createElement("view"));
176
- const annotation = () => reactive(document.createElement("annotation"));
177
- const annotationXml = () => reactive(document.createElement("annotation-xml"));
178
- const maction = () => reactive(document.createElement("maction"));
179
- const math = () => reactive(document.createElement("math"));
180
- const merror = () => reactive(document.createElement("merror"));
181
- const mfrac = () => reactive(document.createElement("mfrac"));
182
- const mi = () => reactive(document.createElement("mi"));
183
- const mmultiscripts = () => reactive(document.createElement("mmultiscripts"));
184
- const mn = () => reactive(document.createElement("mn"));
185
- const mo = () => reactive(document.createElement("mo"));
186
- const mover = () => reactive(document.createElement("mover"));
187
- const mpadded = () => reactive(document.createElement("mpadded"));
188
- const mphantom = () => reactive(document.createElement("mphantom"));
189
- const mprescripts = () => reactive(document.createElement("mprescripts"));
190
- const mroot = () => reactive(document.createElement("mroot"));
191
- const mrow = () => reactive(document.createElement("mrow"));
192
- const ms = () => reactive(document.createElement("ms"));
193
- const mspace = () => reactive(document.createElement("mspace"));
194
- const msqrt = () => reactive(document.createElement("msqrt"));
195
- const mstyle = () => reactive(document.createElement("mstyle"));
196
- const msub = () => reactive(document.createElement("msub"));
197
- const msubsup = () => reactive(document.createElement("msubsup"));
198
- const msup = () => reactive(document.createElement("msup"));
199
- const mtable = () => reactive(document.createElement("mtable"));
200
- const mtd = () => reactive(document.createElement("mtd"));
201
- const mtext = () => reactive(document.createElement("mtext"));
202
- const mtr = () => reactive(document.createElement("mtr"));
203
- const munder = () => reactive(document.createElement("munder"));
204
- const munderover = () => reactive(document.createElement("munderover"));
205
- const semantics = () => reactive(document.createElement("semantics"));
206
-
207
- //#endregion
208
- export { a, abbr, address, animate, animateMotion, animateTransform, annotation, annotationXml, area, article, aside, audio, b, base, bdi, bdo, blockquote, body, br, button, canvas, caption, circle, cite, clipPath, code, col, colgroup, data, datalist, dd, defs, del, desc, details, dfn, dialog, div, dl, dt, ellipse, em, embed, feBlend, feColorMatrix, feComponentTransfer, feComposite, feConvolveMatrix, feDiffuseLighting, feDisplacementMap, feDistantLight, feDropShadow, feFlood, feFuncA, feFuncB, feFuncG, feFuncR, feGaussianBlur, feImage, feMerge, feMergeNode, feMorphology, feOffset, fePointLight, feSpecularLighting, feSpotLight, feTile, feTurbulence, fieldset, figcaption, figure, filter, footer, foreignObject, form, g, h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html, i, iframe, image, img, input, ins, kbd, label, legend, li, line, linearGradient, link, maction, main, map, mark, marker, mask, math, mathVar, menu, merror, meta, metadata, meter, mfrac, mi, mmultiscripts, mn, mo, mover, mpadded, mpath, mphantom, mprescripts, mroot, mrow, ms, mspace, msqrt, mstyle, msub, msubsup, msup, mtable, mtd, mtext, mtr, munder, munderover, nav, noscript, object, ol, optgroup, option, output, p, path, pattern, picture, polygon, polyline, pre, progress, q, radialGradient, rect, rp, rt, ruby, s, samp, script, search, section, select, semantics, set, slot, small, source, span, stop, strong, style, sub, summary, sup, svg, svgSwitch, symbol, table, tbody, td, template, text, textPath, textarea, tfoot, th, thead, time, title, tr, track, tspan, u, ul, use, video, view, wbr };
package/dist/chunk-CFhWmker.mjs DELETED
@@ -1,36 +0,0 @@
1
- //#region rolldown:runtime
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __exportAll = (all, symbols) => {
7
- let target = {};
8
- for (var name in all) {
9
- __defProp(target, name, {
10
- get: all[name],
11
- enumerable: true
12
- });
13
- }
14
- if (symbols) {
15
- __defProp(target, Symbol.toStringTag, { value: "Module" });
16
- }
17
- return target;
18
- };
19
- var __copyProps = (to, from, except, desc) => {
20
- if (from && typeof from === "object" || typeof from === "function") {
21
- for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
22
- key = keys[i];
23
- if (!__hasOwnProp.call(to, key) && key !== except) {
24
- __defProp(to, key, {
25
- get: ((k) => from[k]).bind(null, key),
26
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
27
- });
28
- }
29
- }
30
- }
31
- return to;
32
- };
33
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
34
-
35
- //#endregion
36
- export { __reExport as n, __exportAll as t };
package/dist/core.d.mts DELETED
@@ -1,14 +0,0 @@
1
- //#region src/core.d.ts
2
- declare const DISPOSE: unique symbol;
3
- declare const ELEMENT: unique symbol;
4
- declare const EFFECT: unique symbol;
5
- declare function dispose(v: ReactiveElement): void;
6
- declare function element(v: ReactiveElement): Element;
7
- interface ReactiveElement extends Element {
8
- [DISPOSE](): void;
9
- [EFFECT](fn: () => void): void;
10
- [ELEMENT](): Element;
11
- }
12
- declare function reactive(el: Element): ReactiveElement;
13
- //#endregion
14
- export { DISPOSE, EFFECT, ELEMENT, ReactiveElement, dispose, element, reactive };
package/dist/core.mjs DELETED
@@ -1,74 +0,0 @@
1
- import { n as signals_exports, t as isReactiveValue } from "./signals-BGUPt0zl.mjs";
2
-
3
- //#region src/core.ts
4
- const DISPOSE = Symbol("dispose");
5
- const ELEMENT = Symbol("element");
6
- const EFFECT = Symbol("effect");
7
- function isObject(v) {
8
- return typeof v === "object" && v !== null && !Array.isArray(v);
9
- }
10
- function dispose(v) {
11
- v[DISPOSE]();
12
- }
13
- function element(v) {
14
- return v[ELEMENT]();
15
- }
16
- function objectOrSetter(root, obj, key) {
17
- const property = obj[key];
18
- function handler(...args) {
19
- if (args.length === 0) return root;
20
- const value = args[0];
21
- if (isReactiveValue(value)) root[EFFECT](() => {
22
- obj[key] = value();
23
- });
24
- else obj[key] = value;
25
- return root;
26
- }
27
- return new Proxy(handler, {
28
- get(_, subkey) {
29
- if (isObject(property)) return objectOrSetter(root, property, subkey);
30
- return obj[subkey];
31
- },
32
- apply(_, __, argArray) {
33
- return handler(...argArray);
34
- }
35
- });
36
- }
37
- function reactive(el) {
38
- const effects = /* @__PURE__ */ new Set();
39
- const disposables = /* @__PURE__ */ new Set();
40
- const dispatchEffects = () => {
41
- effects.forEach((effect$1) => disposables.add(effect$1()));
42
- effects.clear();
43
- };
44
- const dispose$1 = () => {
45
- disposables.forEach((dispose$2) => dispose$2());
46
- disposables.clear();
47
- };
48
- return new Proxy(el, { get(target, key, receiver) {
49
- if ("dispose" in Symbol && key === Symbol.dispose) return dispose$1;
50
- if (key === DISPOSE) return dispose$1;
51
- if (key === EFFECT) return (fn) => {
52
- effects.add(fn);
53
- };
54
- if (key === ELEMENT) return () => {
55
- dispatchEffects();
56
- return target;
57
- };
58
- if (typeof target[key] === "function") return target[key];
59
- if (isObject(target[key])) return objectOrSetter(receiver, target, key);
60
- return (...args) => {
61
- if (args.length === 0) return receiver;
62
- const value = args[0];
63
- if (isReactiveValue(value)) effects.add(() => (0, signals_exports.effect)(() => {
64
- console.log("updating", key.toString(), "to", value());
65
- el[key] = value();
66
- }));
67
- else el[key] = value;
68
- return receiver;
69
- };
70
- } });
71
- }
72
-
73
- //#endregion
74
- export { DISPOSE, EFFECT, ELEMENT, dispose, element, reactive };
package/dist/signals-BGUPt0zl.mjs DELETED
@@ -1,13 +0,0 @@
1
- import { n as __reExport, t as __exportAll } from "./chunk-CFhWmker.mjs";
2
- import { isComputed, isSignal } from "alien-signals";
3
-
4
- //#region src/signals.ts
5
- var signals_exports = /* @__PURE__ */ __exportAll({ isReactiveValue: () => isReactiveValue });
6
- import * as import_alien_signals from "alien-signals";
7
- __reExport(signals_exports, import_alien_signals);
8
- function isReactiveValue(value) {
9
- return isSignal(value) || isComputed(value);
10
- }
11
-
12
- //#endregion
13
- export { signals_exports as n, isReactiveValue as t };
package/dist/signals-BzhB4Ch2.d.mts DELETED
@@ -1,10 +0,0 @@
1
- import { n as __reExport, t as __exportAll } from "./chunk-CFhWmker.mjs";
2
-
3
- //#region src/signals.d.ts
4
- declare namespace signals_d_exports {
5
- export { isReactiveValue };
6
- }
7
- import * as import_alien_signals from "alien-signals";
8
- declare function isReactiveValue<T>(value: (() => void) | T): value is () => void;
9
- //#endregion
10
- export { signals_d_exports as n, isReactiveValue as t };
package/dist/signals.d.mts DELETED
@@ -1,3 +0,0 @@
1
- import { t as isReactiveValue } from "./signals-BzhB4Ch2.mjs";
2
- export * from "alien-signals";
3
- export { isReactiveValue };
package/dist/signals.mjs DELETED
@@ -1,5 +0,0 @@
1
- import { t as isReactiveValue } from "./signals-BGUPt0zl.mjs";
2
-
3
- export * from "alien-signals"
4
-
5
- export { isReactiveValue };