ctrl-fx 0.0.1 → 0.1.0

package/dist/dom/index.d.ts

@@ -0,0 +1,248 @@
+import type { AttrArg } from './attrs';
+export { attr, cssVars, id, prop, typeAttr, type Attr, type Prop, type AttrArg, type AttrOrNodeIdArgs } from './attrs';
+export type { A, Abbr, Address, Article, Aside, B, BlockElement, Blockquote, Br, Button, ButtonContent, Cite, Code, Dd, Details, Div, Dl, Dt, Element, Em, Fieldset, Figcaption, Figure, Footer, Form, H1, H2, H3, H4, H5, H6, Header, Hr, I, Img, InlineElement, Input, Kbd, Label, Li, Main, Mark, Nav, NonVoidElement, Ol, Option, P, Pre, Q, ReplacedElement, S, Section, Select, Small, Span, Strong, Sub, Summary, Sup, Table, Tbody, Td, Textarea, Tfoot, Th, Thead, Time, Tr, U, Ul, VoidElement, } from './elems';
+export type { Circle, Ellipse, Image, Line, Path, Polygon, Polyline, Rect, Svg, SvgGraphicElement, Use, } from './svg';
+export { preventDefault, stopPropagation, stopPropagationAndPreventDefault, type TextState, type KeyData, type ChangeData, type MouseMoveData, type ScrollData, type WheelData, type TouchData, type EventOptions, type EventActions, type EventListenerResult, } from './events';
+export { nodeId, type NodeId } from './nodeid';
+import { component, type Component, type ComponentElement } from './components';
+export { component, type Component, type ComponentElement };
+import { type A, type Abbr, type Address, type Article, type Aside, type B, type BlockElement, type Blockquote, type Br, type Button, type ButtonContent, type Cite, type Code, type Dd, type Details, type Dl, type Dt, type Div, type Element, type Em, type Fieldset, type Figcaption, type Figure, type Footer, type Form, type H1, type H2, type H3, type H4, type H5, type H6, type Header, type Hr, type I, type Img, type InlineElement, type Input, type Kbd, type Label, type Li, type Main, type Mark, type Nav, type NonVoidElement, type Ol, type Option, type P, type Pre, type Q, type ReplacedElement, type S, type Section, type Select, type Small, type Span, type Strong, type Sub, type Summary, type Sup, type Table, type Tbody, type Td, type Textarea, type Tfoot, type Th, type Thead, type Time, type Tr, type U, type Ul, type VoidElement } from './elems';
+import type { NodeId } from './nodeid';
+import type { Circle, Ellipse, Image, Line, Path, Polygon, Polyline, Rect, Svg, SvgGraphicElement, Use } from './svg';
+import { type NodeGroup, type View } from './views';
+export type { NodeGroup, View };
+/** A non-void element with an arbitrary tag name, for custom or non-standard HTML elements. */
+export type CustomElement<State, Event> = NonVoidElement<State, Event, string, any>;
+/** Union of all node types valid in block-level (flow) positions. */
+export type FlowContent<State, Event> = PhrasingContent<State, Event> | BlockElement<State, Event> | ReplacedElement<State, Event> | SvgGraphicElement<State, Event> | string | View<State, unknown, Event> | ComponentElement<any, any, any, any, any> | CustomElement<State, Event>;
+/** Union of inline elements and plain text nodes. */
+export type PhrasingContent<State, Event> = InlineElement<State, Event> | string;
+/** Union of all virtual DOM node types: elements, text, views, and component instances. */
+export type Node<State, Event> = Element<State, Event> | string | View<State, unknown, Event> | ComponentElement<any, any, any, any, any> | CustomElement<State, Event>;
+export type NonTextNode<State, Event> = Exclude<Node<State, Event>, string>;
+/**
+ * Factory that returns all HTML and SVG element builders with `State` and `Event` pre-applied.
+ *
+ * Each element comes in three forms:
+ * - `div(...attrs)(...children)` — full curried form, accepts attributes then children
+ * - `div_(...children)` — no-attribute shorthand, equivalent to `div()(...)`
+ * - `div__(...attrs)` — no-children shorthand, equivalent to `div(...)()`
+ *
+ * Call `makeDom<State, Event>()` once at the top of your module and destructure the elements you need:
+ * ```ts
+ * const { div_, span_, button } = makeDom<State, Event>()
+ * ```
+ */
+export declare function makeDom<State, Event>(): {
+    a_: (...children: readonly FlowContent<State, Event>[]) => A<State, Event>;
+    a__: (...attrs: AttrArg[]) => A<State, Event>;
+    abbr_: (...children: readonly PhrasingContent<State, Event>[]) => Abbr<State, Event>;
+    abbr__: (...attrs: AttrArg[]) => Abbr<State, Event>;
+    address_: (...children: readonly FlowContent<State, Event>[]) => Address<State, Event>;
+    address__: (...attrs: AttrArg[]) => Address<State, Event>;
+    article_: (...children: readonly FlowContent<State, Event>[]) => Article<State, Event>;
+    article__: (...attrs: AttrArg[]) => Article<State, Event>;
+    aside_: (...children: readonly FlowContent<State, Event>[]) => Aside<State, Event>;
+    aside__: (...attrs: AttrArg[]) => Aside<State, Event>;
+    b_: (...children: readonly PhrasingContent<State, Event>[]) => B<State, Event>;
+    b__: (...attrs: AttrArg[]) => B<State, Event>;
+    blockquote_: (...children: readonly FlowContent<State, Event>[]) => Blockquote<State, Event>;
+    blockquote__: (...attrs: AttrArg[]) => Blockquote<State, Event>;
+    button_: (...children: readonly ButtonContent<State, Event>[]) => Button<State, Event>;
+    button__: (...attrs: AttrArg[]) => Button<State, Event>;
+    cite_: (...children: readonly PhrasingContent<State, Event>[]) => Cite<State, Event>;
+    cite__: (...attrs: AttrArg[]) => Cite<State, Event>;
+    code_: (...children: readonly PhrasingContent<State, Event>[]) => Code<State, Event>;
+    code__: (...attrs: AttrArg[]) => Code<State, Event>;
+    dd_: (...children: readonly FlowContent<State, Event>[]) => Dd<State, Event>;
+    dd__: (...attrs: AttrArg[]) => Dd<State, Event>;
+    details_: (...children: readonly FlowContent<State, Event>[]) => Details<State, Event>;
+    details__: (...attrs: AttrArg[]) => Details<State, Event>;
+    div_: (...children: readonly FlowContent<State, Event>[]) => Div<State, Event>;
+    div__: (...attrs: AttrArg[]) => Div<State, Event>;
+    dl_: (...children: readonly (Dd<State, Event> | Dt<State, Event>)[]) => Dl<State, Event>;
+    dl__: (...attrs: AttrArg[]) => Dl<State, Event>;
+    dt_: (...children: readonly PhrasingContent<State, Event>[]) => Dt<State, Event>;
+    dt__: (...attrs: AttrArg[]) => Dt<State, Event>;
+    em_: (...children: readonly PhrasingContent<State, Event>[]) => Em<State, Event>;
+    em__: (...attrs: AttrArg[]) => Em<State, Event>;
+    fieldset_: (...children: readonly FlowContent<State, Event>[]) => Fieldset<State, Event>;
+    fieldset__: (...attrs: AttrArg[]) => Fieldset<State, Event>;
+    figcaption_: (...children: readonly FlowContent<State, Event>[]) => Figcaption<State, Event>;
+    figcaption__: (...attrs: AttrArg[]) => Figcaption<State, Event>;
+    figure_: (...children: readonly FlowContent<State, Event>[]) => Figure<State, Event>;
+    figure__: (...attrs: AttrArg[]) => Figure<State, Event>;
+    footer_: (...children: readonly FlowContent<State, Event>[]) => Footer<State, Event>;
+    footer__: (...attrs: AttrArg[]) => Footer<State, Event>;
+    form_: (...children: readonly FlowContent<State, Event>[]) => Form<State, Event>;
+    form__: (...attrs: AttrArg[]) => Form<State, Event>;
+    h1_: (...children: readonly FlowContent<State, Event>[]) => H1<State, Event>;
+    h1__: (...attrs: AttrArg[]) => H1<State, Event>;
+    h2_: (...children: readonly FlowContent<State, Event>[]) => H2<State, Event>;
+    h2__: (...attrs: AttrArg[]) => H2<State, Event>;
+    h3_: (...children: readonly FlowContent<State, Event>[]) => H3<State, Event>;
+    h3__: (...attrs: AttrArg[]) => H3<State, Event>;
+    h4_: (...children: readonly FlowContent<State, Event>[]) => H4<State, Event>;
+    h4__: (...attrs: AttrArg[]) => H4<State, Event>;
+    h5_: (...children: readonly FlowContent<State, Event>[]) => H5<State, Event>;
+    h5__: (...attrs: AttrArg[]) => H5<State, Event>;
+    h6_: (...children: readonly FlowContent<State, Event>[]) => H6<State, Event>;
+    h6__: (...attrs: AttrArg[]) => H6<State, Event>;
+    header_: (...children: readonly FlowContent<State, Event>[]) => Header<State, Event>;
+    header__: (...attrs: AttrArg[]) => Header<State, Event>;
+    i_: (...children: readonly PhrasingContent<State, Event>[]) => I<State, Event>;
+    i__: (...attrs: AttrArg[]) => I<State, Event>;
+    kbd_: (...children: readonly PhrasingContent<State, Event>[]) => Kbd<State, Event>;
+    kbd__: (...attrs: AttrArg[]) => Kbd<State, Event>;
+    label_: (...children: readonly PhrasingContent<State, Event>[]) => Label<State, Event>;
+    label__: (...attrs: AttrArg[]) => Label<State, Event>;
+    li_: (...children: readonly FlowContent<State, Event>[]) => Li<State, Event>;
+    li__: (...attrs: AttrArg[]) => Li<State, Event>;
+    main_: (...children: readonly FlowContent<State, Event>[]) => Main<State, Event>;
+    main__: (...attrs: AttrArg[]) => Main<State, Event>;
+    mark_: (...children: readonly PhrasingContent<State, Event>[]) => Mark<State, Event>;
+    mark__: (...attrs: AttrArg[]) => Mark<State, Event>;
+    nav_: (...children: readonly FlowContent<State, Event>[]) => Nav<State, Event>;
+    nav__: (...attrs: AttrArg[]) => Nav<State, Event>;
+    ol_: (...children: readonly Li<State, Event>[]) => Ol<State, Event>;
+    ol__: (...attrs: AttrArg[]) => Ol<State, Event>;
+    option_: (...children: readonly string[]) => Option<State, Event>;
+    option__: (...attrs: AttrArg[]) => Option<State, Event>;
+    p_: (...children: readonly FlowContent<State, Event>[]) => P<State, Event>;
+    p__: (...attrs: AttrArg[]) => P<State, Event>;
+    pre_: (...children: readonly PhrasingContent<State, Event>[]) => Pre<State, Event>;
+    pre__: (...attrs: AttrArg[]) => Pre<State, Event>;
+    q_: (...children: readonly PhrasingContent<State, Event>[]) => Q<State, Event>;
+    q__: (...attrs: AttrArg[]) => Q<State, Event>;
+    s_: (...children: readonly PhrasingContent<State, Event>[]) => S<State, Event>;
+    s__: (...attrs: AttrArg[]) => S<State, Event>;
+    section_: (...children: readonly FlowContent<State, Event>[]) => Section<State, Event>;
+    section__: (...attrs: AttrArg[]) => Section<State, Event>;
+    select_: (...children: readonly Option<State, Event>[]) => Select<State, Event>;
+    select__: (...attrs: AttrArg[]) => Select<State, Event>;
+    small_: (...children: readonly PhrasingContent<State, Event>[]) => Small<State, Event>;
+    small__: (...attrs: AttrArg[]) => Small<State, Event>;
+    span_: (...children: readonly PhrasingContent<State, Event>[]) => Span<State, Event>;
+    span__: (...attrs: AttrArg[]) => Span<State, Event>;
+    strong_: (...children: readonly PhrasingContent<State, Event>[]) => Strong<State, Event>;
+    strong__: (...attrs: AttrArg[]) => Strong<State, Event>;
+    sub_: (...children: readonly PhrasingContent<State, Event>[]) => Sub<State, Event>;
+    sub__: (...attrs: AttrArg[]) => Sub<State, Event>;
+    summary_: (...children: readonly PhrasingContent<State, Event>[]) => Summary<State, Event>;
+    summary__: (...attrs: AttrArg[]) => Summary<State, Event>;
+    sup_: (...children: readonly PhrasingContent<State, Event>[]) => Sup<State, Event>;
+    sup__: (...attrs: AttrArg[]) => Sup<State, Event>;
+    svg_: (...children: readonly SvgGraphicElement<State, Event>[]) => Svg<State, Event>;
+    svg__: (...attrs: AttrArg[]) => Svg<State, Event>;
+    table_: (...children: readonly (Tbody<State, Event> | Tfoot<State, Event> | Thead<State, Event> | Tr<State, Event>)[]) => Table<State, Event>;
+    table__: (...attrs: AttrArg[]) => Table<State, Event>;
+    tbody_: (...children: readonly Tr<State, Event>[]) => Tbody<State, Event>;
+    tbody__: (...attrs: AttrArg[]) => Tbody<State, Event>;
+    td_: (...children: readonly FlowContent<State, Event>[]) => Td<State, Event>;
+    td__: (...attrs: AttrArg[]) => Td<State, Event>;
+    textarea_: (...children: readonly PhrasingContent<State, Event>[]) => Textarea<State, Event>;
+    textarea__: (...attrs: AttrArg[]) => Textarea<State, Event>;
+    tfoot_: (...children: readonly Tr<State, Event>[]) => Tfoot<State, Event>;
+    tfoot__: (...attrs: AttrArg[]) => Tfoot<State, Event>;
+    th_: (...children: readonly FlowContent<State, Event>[]) => Th<State, Event>;
+    th__: (...attrs: AttrArg[]) => Th<State, Event>;
+    thead_: (...children: readonly Tr<State, Event>[]) => Thead<State, Event>;
+    thead__: (...attrs: AttrArg[]) => Thead<State, Event>;
+    time_: (...children: readonly PhrasingContent<State, Event>[]) => Time<State, Event>;
+    time__: (...attrs: AttrArg[]) => Time<State, Event>;
+    tr_: (...children: readonly (Td<State, Event> | Th<State, Event>)[]) => Tr<State, Event>;
+    tr__: (...attrs: AttrArg[]) => Tr<State, Event>;
+    u_: (...children: readonly PhrasingContent<State, Event>[]) => U<State, Event>;
+    u__: (...attrs: AttrArg[]) => U<State, Event>;
+    ul_: (...children: readonly Li<State, Event>[]) => Ul<State, Event>;
+    ul__: (...attrs: AttrArg[]) => Ul<State, Event>;
+    view<Params>(nodeId: NodeId | string, nodes: (params: Params) => NodeGroup<State, Event> | Node<State, Event>): (params: Params) => View<State, Params, Event>;
+    componentElem<ComponentState, Params, ComponentEvent>(comp: Component<ComponentState, Params, ComponentEvent>, nodeId: NodeId, params?: Params): ComponentElement<State, Event, ComponentState, Params, ComponentEvent>;
+    br: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Br<State, Event>;
+    hr: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Hr<State, Event>;
+    img: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Img<State, Event>;
+    input: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Input<State, Event>;
+    a: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => A<State, Event>;
+    abbr: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Abbr<State, Event>;
+    address: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Address<State, Event>;
+    article: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Article<State, Event>;
+    aside: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Aside<State, Event>;
+    b: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => B<State, Event>;
+    blockquote: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Blockquote<State, Event>;
+    button: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly ButtonContent<State, Event>[]) => Button<State, Event>;
+    cite: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Cite<State, Event>;
+    code: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Code<State, Event>;
+    dd: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Dd<State, Event>;
+    details: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Details<State, Event>;
+    div: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Div<State, Event>;
+    dl: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly (Dd<State, Event> | Dt<State, Event>)[]) => Dl<State, Event>;
+    dt: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Dt<State, Event>;
+    em: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Em<State, Event>;
+    fieldset: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Fieldset<State, Event>;
+    figcaption: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Figcaption<State, Event>;
+    figure: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Figure<State, Event>;
+    footer: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Footer<State, Event>;
+    form: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Form<State, Event>;
+    h1: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => H1<State, Event>;
+    h2: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => H2<State, Event>;
+    h3: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => H3<State, Event>;
+    h4: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => H4<State, Event>;
+    h5: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => H5<State, Event>;
+    h6: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => H6<State, Event>;
+    header: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Header<State, Event>;
+    i: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => I<State, Event>;
+    kbd: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Kbd<State, Event>;
+    label: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Label<State, Event>;
+    li: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Li<State, Event>;
+    main: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Main<State, Event>;
+    mark: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Mark<State, Event>;
+    nav: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Nav<State, Event>;
+    ol: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly Li<State, Event>[]) => Ol<State, Event>;
+    option: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly string[]) => Option<State, Event>;
+    p: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => P<State, Event>;
+    pre: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Pre<State, Event>;
+    q: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Q<State, Event>;
+    s: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => S<State, Event>;
+    section: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Section<State, Event>;
+    select: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly Option<State, Event>[]) => Select<State, Event>;
+    small: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Small<State, Event>;
+    span: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Span<State, Event>;
+    strong: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Strong<State, Event>;
+    sub: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Sub<State, Event>;
+    summary: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Summary<State, Event>;
+    sup: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Sup<State, Event>;
+    table: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly (Tbody<State, Event> | Tfoot<State, Event> | Thead<State, Event> | Tr<State, Event>)[]) => Table<State, Event>;
+    tbody: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly Tr<State, Event>[]) => Tbody<State, Event>;
+    td: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Td<State, Event>;
+    textarea: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Textarea<State, Event>;
+    tfoot: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly Tr<State, Event>[]) => Tfoot<State, Event>;
+    th: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly FlowContent<State, Event>[]) => Th<State, Event>;
+    thead: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly Tr<State, Event>[]) => Thead<State, Event>;
+    time: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => Time<State, Event>;
+    tr: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly (Td<State, Event> | Th<State, Event>)[]) => Tr<State, Event>;
+    u: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly PhrasingContent<State, Event>[]) => U<State, Event>;
+    ul: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly Li<State, Event>[]) => Ul<State, Event>;
+    svg: (...attrs: import("./attrs").AttrOrNodeIdArgs) => (...children: readonly SvgGraphicElement<State, Event>[]) => Svg<State, Event>;
+    circle: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Circle<State, Event>;
+    ellipse: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Ellipse<State, Event>;
+    image: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Image<State, Event>;
+    line: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Line<State, Event>;
+    polyline: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Polyline<State, Event>;
+    polygon: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Polygon<State, Event>;
+    path: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Path<State, Event>;
+    rect: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Rect<State, Event>;
+    use: (...attrs: import("./attrs").AttrOrNodeIdArgs) => Use<State, Event>;
+    element: (tag: string) => (...attrs: readonly (readonly [string, string] | NodeId)[]) => (...children: readonly FlowContent<State, Event>[]) => CustomElement<State, Event>;
+    nodeGroup: (...nodes: Node<State, Event>[]) => NodeGroup<State, Event>;
+    _: (...nodes: Node<State, Event>[]) => NodeGroup<State, Event>;
+    fixedView: (id: NodeId | string) => (nodes: NodeGroup<State, Event> | Node<State, Event>) => View<State, void, Event>;
+};
+/** Pattern-matches over a `Node` value, calling the appropriate case handler and returning its result. */
+export declare function foldNode<State, Event, A>(node: Node<State, Event>, cases: {
+    onText: (text: string) => A;
+    onVoidElement: (element: VoidElement<State, Event, string>) => A;
+    onNonVoidElement: (element: NonVoidElement<State, Event, string, Node<State, Event>>) => A;
+    onComponent: (component: ComponentElement<any, any, any, any, any>) => A;
+    onView: (view: View<State, unknown, Event>) => A;
+}): A;
+//# sourceMappingURL=index.d.ts.map

package/dist/dom/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dom/index.ts"],"names":[],"mappings":"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"}

package/dist/dom/index.js

@@ -0,0 +1,266 @@
+export { attr, cssVars, id, prop, typeAttr } from './attrs';
+export { preventDefault, stopPropagation, stopPropagationAndPreventDefault, } from './events';
+export { nodeId } from './nodeid';
+import { component, componentElem, } from './components';
+export { component };
+import { makeNonVoidElement, makeVoidElement, } from './elems';
+import { _, fixedView, nodeGroup, view, } from './views';
+/**
+ * Factory that returns all HTML and SVG element builders with `State` and `Event` pre-applied.
+ *
+ * Each element comes in three forms:
+ * - `div(...attrs)(...children)` — full curried form, accepts attributes then children
+ * - `div_(...children)` — no-attribute shorthand, equivalent to `div()(...)`
+ * - `div__(...attrs)` — no-children shorthand, equivalent to `div(...)()`
+ *
+ * Call `makeDom<State, Event>()` once at the top of your module and destructure the elements you need:
+ * ```ts
+ * const { div_, span_, button } = makeDom<State, Event>()
+ * ```
+ */
+export function makeDom() {
+    const functions = {
+        br: makeVoidElement('br'),
+        hr: makeVoidElement('hr'),
+        img: makeVoidElement('img'),
+        input: makeVoidElement('input'),
+        a: makeNonVoidElement('a'),
+        abbr: makeNonVoidElement('abbr'),
+        address: makeNonVoidElement('address'),
+        article: makeNonVoidElement('article'),
+        aside: makeNonVoidElement('aside'),
+        b: makeNonVoidElement('b'),
+        blockquote: makeNonVoidElement('blockquote'),
+        button: makeNonVoidElement('button'),
+        cite: makeNonVoidElement('cite'),
+        code: makeNonVoidElement('code'),
+        dd: makeNonVoidElement('dd'),
+        details: makeNonVoidElement('details'),
+        div: makeNonVoidElement('div'),
+        dl: makeNonVoidElement('dl'),
+        dt: makeNonVoidElement('dt'),
+        em: makeNonVoidElement('em'),
+        fieldset: makeNonVoidElement('fieldset'),
+        figcaption: makeNonVoidElement('figcaption'),
+        figure: makeNonVoidElement('figure'),
+        footer: makeNonVoidElement('footer'),
+        form: makeNonVoidElement('form'),
+        h1: makeNonVoidElement('h1'),
+        h2: makeNonVoidElement('h2'),
+        h3: makeNonVoidElement('h3'),
+        h4: makeNonVoidElement('h4'),
+        h5: makeNonVoidElement('h5'),
+        h6: makeNonVoidElement('h6'),
+        header: makeNonVoidElement('header'),
+        i: makeNonVoidElement('i'),
+        kbd: makeNonVoidElement('kbd'),
+        label: makeNonVoidElement('label'),
+        li: makeNonVoidElement('li'),
+        main: makeNonVoidElement('main'),
+        mark: makeNonVoidElement('mark'),
+        nav: makeNonVoidElement('nav'),
+        ol: makeNonVoidElement('ol'),
+        option: makeNonVoidElement('option'),
+        p: makeNonVoidElement('p'),
+        pre: makeNonVoidElement('pre'),
+        q: makeNonVoidElement('q'),
+        s: makeNonVoidElement('s'),
+        section: makeNonVoidElement('section'),
+        select: makeNonVoidElement('select'),
+        small: makeNonVoidElement('small'),
+        span: makeNonVoidElement('span'),
+        strong: makeNonVoidElement('strong'),
+        sub: makeNonVoidElement('sub'),
+        summary: makeNonVoidElement('summary'),
+        sup: makeNonVoidElement('sup'),
+        table: makeNonVoidElement('table'),
+        tbody: makeNonVoidElement('tbody'),
+        td: makeNonVoidElement('td'),
+        textarea: makeNonVoidElement('textarea'),
+        tfoot: makeNonVoidElement('tfoot'),
+        th: makeNonVoidElement('th'),
+        thead: makeNonVoidElement('thead'),
+        time: makeNonVoidElement('time'),
+        tr: makeNonVoidElement('tr'),
+        u: makeNonVoidElement('u'),
+        ul: makeNonVoidElement('ul'),
+        svg: makeNonVoidElement('svg/svg'),
+        circle: makeVoidElement('svg/circle'),
+        ellipse: makeVoidElement('svg/ellipse'),
+        image: makeVoidElement('svg/image'),
+        line: makeVoidElement('svg/line'),
+        polyline: makeVoidElement('svg/polyline'),
+        polygon: makeVoidElement('svg/polygon'),
+        path: makeVoidElement('svg/path'),
+        rect: makeVoidElement('svg/rect'),
+        use: makeVoidElement('svg/use'),
+        element: (tag) => makeNonVoidElement(tag),
+        nodeGroup: (nodeGroup),
+        _: (_),
+        fixedView: (fixedView),
+    };
+    return {
+        ...functions,
+        a_: functions.a(),
+        a__: (...attrs) => functions.a(...attrs)(),
+        abbr_: functions.abbr(),
+        abbr__: (...attrs) => functions.abbr(...attrs)(),
+        address_: functions.address(),
+        address__: (...attrs) => functions.address(...attrs)(),
+        article_: functions.article(),
+        article__: (...attrs) => functions.article(...attrs)(),
+        aside_: functions.aside(),
+        aside__: (...attrs) => functions.aside(...attrs)(),
+        b_: functions.b(),
+        b__: (...attrs) => functions.b(...attrs)(),
+        blockquote_: functions.blockquote(),
+        blockquote__: (...attrs) => functions.blockquote(...attrs)(),
+        button_: functions.button(),
+        button__: (...attrs) => functions.button(...attrs)(),
+        cite_: functions.cite(),
+        cite__: (...attrs) => functions.cite(...attrs)(),
+        code_: functions.code(),
+        code__: (...attrs) => functions.code(...attrs)(),
+        dd_: functions.dd(),
+        dd__: (...attrs) => functions.dd(...attrs)(),
+        details_: functions.details(),
+        details__: (...attrs) => functions.details(...attrs)(),
+        div_: functions.div(),
+        div__: (...attrs) => functions.div(...attrs)(),
+        dl_: functions.dl(),
+        dl__: (...attrs) => functions.dl(...attrs)(),
+        dt_: functions.dt(),
+        dt__: (...attrs) => functions.dt(...attrs)(),
+        em_: functions.em(),
+        em__: (...attrs) => functions.em(...attrs)(),
+        fieldset_: functions.fieldset(),
+        fieldset__: (...attrs) => functions.fieldset(...attrs)(),
+        figcaption_: functions.figcaption(),
+        figcaption__: (...attrs) => functions.figcaption(...attrs)(),
+        figure_: functions.figure(),
+        figure__: (...attrs) => functions.figure(...attrs)(),
+        footer_: functions.footer(),
+        footer__: (...attrs) => functions.footer(...attrs)(),
+        form_: functions.form(),
+        form__: (...attrs) => functions.form(...attrs)(),
+        h1_: functions.h1(),
+        h1__: (...attrs) => functions.h1(...attrs)(),
+        h2_: functions.h2(),
+        h2__: (...attrs) => functions.h2(...attrs)(),
+        h3_: functions.h3(),
+        h3__: (...attrs) => functions.h3(...attrs)(),
+        h4_: functions.h4(),
+        h4__: (...attrs) => functions.h4(...attrs)(),
+        h5_: functions.h5(),
+        h5__: (...attrs) => functions.h5(...attrs)(),
+        h6_: functions.h6(),
+        h6__: (...attrs) => functions.h6(...attrs)(),
+        header_: functions.header(),
+        header__: (...attrs) => functions.header(...attrs)(),
+        i_: functions.i(),
+        i__: (...attrs) => functions.i(...attrs)(),
+        kbd_: functions.kbd(),
+        kbd__: (...attrs) => functions.kbd(...attrs)(),
+        label_: functions.label(),
+        label__: (...attrs) => functions.label(...attrs)(),
+        li_: functions.li(),
+        li__: (...attrs) => functions.li(...attrs)(),
+        main_: functions.main(),
+        main__: (...attrs) => functions.main(...attrs)(),
+        mark_: functions.mark(),
+        mark__: (...attrs) => functions.mark(...attrs)(),
+        nav_: functions.nav(),
+        nav__: (...attrs) => functions.nav(...attrs)(),
+        ol_: functions.ol(),
+        ol__: (...attrs) => functions.ol(...attrs)(),
+        option_: functions.option(),
+        option__: (...attrs) => functions.option(...attrs)(),
+        p_: functions.p(),
+        p__: (...attrs) => functions.p(...attrs)(),
+        pre_: functions.pre(),
+        pre__: (...attrs) => functions.pre(...attrs)(),
+        q_: functions.q(),
+        q__: (...attrs) => functions.q(...attrs)(),
+        s_: functions.s(),
+        s__: (...attrs) => functions.s(...attrs)(),
+        section_: functions.section(),
+        section__: (...attrs) => functions.section(...attrs)(),
+        select_: functions.select(),
+        select__: (...attrs) => functions.select(...attrs)(),
+        small_: functions.small(),
+        small__: (...attrs) => functions.small(...attrs)(),
+        span_: functions.span(),
+        span__: (...attrs) => functions.span(...attrs)(),
+        strong_: functions.strong(),
+        strong__: (...attrs) => functions.strong(...attrs)(),
+        sub_: functions.sub(),
+        sub__: (...attrs) => functions.sub(...attrs)(),
+        summary_: functions.summary(),
+        summary__: (...attrs) => functions.summary(...attrs)(),
+        sup_: functions.sup(),
+        sup__: (...attrs) => functions.sup(...attrs)(),
+        svg_: functions.svg(),
+        svg__: (...attrs) => functions.svg(...attrs)(),
+        table_: functions.table(),
+        table__: (...attrs) => functions.table(...attrs)(),
+        tbody_: functions.tbody(),
+        tbody__: (...attrs) => functions.tbody(...attrs)(),
+        td_: functions.td(),
+        td__: (...attrs) => functions.td(...attrs)(),
+        textarea_: functions.textarea(),
+        textarea__: (...attrs) => functions.textarea(...attrs)(),
+        tfoot_: functions.tfoot(),
+        tfoot__: (...attrs) => functions.tfoot(...attrs)(),
+        th_: functions.th(),
+        th__: (...attrs) => functions.th(...attrs)(),
+        thead_: functions.thead(),
+        thead__: (...attrs) => functions.thead(...attrs)(),
+        time_: functions.time(),
+        time__: (...attrs) => functions.time(...attrs)(),
+        tr_: functions.tr(),
+        tr__: (...attrs) => functions.tr(...attrs)(),
+        u_: functions.u(),
+        u__: (...attrs) => functions.u(...attrs)(),
+        ul_: functions.ul(),
+        ul__: (...attrs) => functions.ul(...attrs)(),
+        view(nodeId, nodes) {
+            return view(nodeId, nodes);
+        },
+        componentElem(comp, nodeId, params) {
+            return componentElem(comp, nodeId, params);
+        },
+    };
+}
+/** Pattern-matches over a `Node` value, calling the appropriate case handler and returning its result. */
+export function foldNode(node, cases) {
+    if (typeof node === 'string') {
+        return cases.onText(node);
+    }
+    switch (node._type) {
+        case 'Component':
+            return cases.onComponent(node);
+        case 'View':
+            return cases.onView(node);
+        case 'Element':
+            switch (node.tag) {
+                case 'br':
+                case 'hr':
+                case 'img':
+                case 'input':
+                case 'svg/circle':
+                case 'svg/ellipse':
+                case 'svg/image':
+                case 'svg/line':
+                case 'svg/polyline':
+                case 'svg/polygon':
+                case 'svg/path':
+                case 'svg/rect':
+                case 'svg/use':
+                    return cases.onVoidElement(node);
+                default:
+                    // CustomElement (tag: string) prevents discriminated narrowing here;
+                    // all non-void cases reaching this branch have children: Node[]
+                    return cases.onNonVoidElement(node);
+            }
+    }
+}

package/dist/dom/nodeid.d.ts

@@ -0,0 +1,9 @@
+export type NodeId = {
+    _tag: 'node_id';
+    value: string;
+    eq(that: NodeId): boolean;
+};
+export declare function nodeId(value: string): NodeId;
+export declare function isNodeId(value: unknown): value is NodeId;
+export declare function findNodeId(items: any[]): NodeId | undefined;
+//# sourceMappingURL=nodeid.d.ts.map

package/dist/dom/nodeid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeid.d.ts","sourceRoot":"","sources":["../../src/dom/nodeid.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,EAAE,SAAS,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQ5C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAaxD;AAGD,wBAAgB,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,GAAG,SAAS,CAE3D"}

package/dist/dom/nodeid.js

@@ -0,0 +1,27 @@
+export function nodeId(value) {
+    return {
+        _tag: 'node_id',
+        value,
+        eq(that) {
+            return this.value === that.value;
+        },
+    };
+}
+export function isNodeId(value) {
+    if (value) {
+        if (typeof value === 'object') {
+            if (Object.prototype.hasOwnProperty.call(value, '_tag')) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                const tag = value['_tag'];
+                if (tag) {
+                    return tag === 'node_id';
+                }
+            }
+        }
+    }
+    return false;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function findNodeId(items) {
+    return items.find(isNodeId);
+}

package/dist/dom/svg.d.ts

@@ -0,0 +1,23 @@
+import type { NonVoidElement, VoidElement } from './elems';
+export type SvgGraphicElement<State, Event> = Circle<State, Event> | Ellipse<State, Event> | Image<State, Event> | Line<State, Event> | Polyline<State, Event> | Polygon<State, Event> | Path<State, Event> | Rect<State, Event> | Use<State, Event>;
+export interface Circle<State, Event> extends VoidElement<State, Event, 'svg/circle'> {
+}
+export interface Ellipse<State, Event> extends VoidElement<State, Event, 'svg/ellipse'> {
+}
+export interface Image<State, Event> extends VoidElement<State, Event, 'svg/image'> {
+}
+export interface Line<State, Event> extends VoidElement<State, Event, 'svg/line'> {
+}
+export interface Polyline<State, Event> extends VoidElement<State, Event, 'svg/polyline'> {
+}
+export interface Polygon<State, Event> extends VoidElement<State, Event, 'svg/polygon'> {
+}
+export interface Path<State, Event> extends VoidElement<State, Event, 'svg/path'> {
+}
+export interface Rect<State, Event> extends VoidElement<State, Event, 'svg/rect'> {
+}
+export interface Use<State, Event> extends VoidElement<State, Event, 'svg/use'> {
+}
+export interface Svg<State, Event> extends NonVoidElement<State, Event, 'svg/svg', SvgGraphicElement<State, Event>> {
+}
+//# sourceMappingURL=svg.d.ts.map

package/dist/dom/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/dom/svg.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1D,MAAM,MAAM,iBAAiB,CAAC,KAAK,EAAE,KAAK,IACtC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GACpB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,GACrB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GACnB,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,GAClB,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,GACtB,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,GACrB,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,GAClB,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,GAClB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;AAGrB,MAAM,WAAW,MAAM,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACvD,KAAK,EACL,KAAK,EACL,YAAY,CACb;CAAG;AAGJ,MAAM,WAAW,OAAO,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACxD,KAAK,EACL,KAAK,EACL,aAAa,CACd;CAAG;AAGJ,MAAM,WAAW,KAAK,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACtD,KAAK,EACL,KAAK,EACL,WAAW,CACZ;CAAG;AAGJ,MAAM,WAAW,IAAI,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACrD,KAAK,EACL,KAAK,EACL,UAAU,CACX;CAAG;AAGJ,MAAM,WAAW,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACzD,KAAK,EACL,KAAK,EACL,cAAc,CACf;CAAG;AAGJ,MAAM,WAAW,OAAO,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACxD,KAAK,EACL,KAAK,EACL,aAAa,CACd;CAAG;AAGJ,MAAM,WAAW,IAAI,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACrD,KAAK,EACL,KAAK,EACL,UAAU,CACX;CAAG;AAGJ,MAAM,WAAW,IAAI,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACrD,KAAK,EACL,KAAK,EACL,UAAU,CACX;CAAG;AAGJ,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,WAAW,CACpD,KAAK,EACL,KAAK,EACL,SAAS,CACV;CAAG;AAGJ,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,CAAE,SAAQ,cAAc,CACvD,KAAK,EACL,KAAK,EACL,SAAS,EACT,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAChC;CAAG"}

package/dist/dom/svg.js

@@ -0,0 +1 @@
+export {};