@tempots/dom 9.0.1 → 10.0.0

package/mountable/appearance.d.ts

@@ -0,0 +1,38 @@
+import { Signal } from '../std/signal';
+import { Child } from '../types/domain';
+
+/**
+ * Defines the possible appearance types for the application.
+ * @type AppearanceType
+ * @export
+ */
+export type AppearanceType = 'light' | 'dark';
+/**
+ * A provider mark for a signal representing the current appearance type.
+ */
+export declare const appearanceMarker: import('../types/domain').ProviderMark<Signal<AppearanceType>>;
+/**
+ * Provides and consumes an appearance state signal that tracks the user's preferred color scheme.
+ */
+export declare const appearance: {
+    /**
+     * Provides a child component with an appearance context, which can be used to
+     * determine the current appearance (light or dark) based on the user's system
+     * preferences.
+     *
+     * The appearance context is updated whenever the user's system preferences
+     * change, and the component is cleaned up when it is no longer needed.
+     *
+     * @param child - The child component to be provided with the appearance context.
+     * @returns The child component with the appearance context.
+     */
+    provide: (child: Child) => Child;
+    /**
+     * Makes the AppearanceType available to the child component by consuming the signal provided by the parent.
+     * The result of the function is returned as the final output.
+     *
+     * @param fn - A function that accepts the `AppearanceType` signal and returns a `Child` element.
+     * @returns The `Child` element returned by the provided function.
+     */
+    consume: (fn: (appearance: Signal<AppearanceType>) => Child) => Child;
+};

package/mountable/async.d.ts

@@ -0,0 +1,7 @@
+import { Child } from '..';
+
+export declare const Async: <T>(promise: Promise<T>, options: {
+    pending?: Child;
+    then: (value: T) => Child;
+    error?: (error: unknown) => Child;
+} | ((value: T) => Child)) => import('..').Mountable;

package/mountable/attribute.d.ts

@@ -0,0 +1,489 @@
+import { Mountable } from '../types/domain';
+import { NValue } from '../std/signal';
+
+/**
+ * The `attr` object allows to create any HTML attribute. Either a literal value
+ * or `Signal<?>` can be passed as a value. The type of the value is inferred
+ * from the attribute name.
+ *
+ * Example
+ * ```ts
+ * const button = html.button(
+ *   attr.type('button'),
+ *   attr.disabled(disabled), // where disabled is a `Signal<boolean>`
+ *   // ...
+ * )
+ * ```
+ */
+export declare const attr: {
+    accept: (value: NValue<string>) => Mountable;
+    'accept-charset': (value: NValue<string>) => Mountable;
+    accesskey: (value: NValue<string>) => Mountable;
+    action: (value: NValue<string>) => Mountable;
+    align: (value: NValue<string>) => Mountable;
+    alt: (value: NValue<string>) => Mountable;
+    async: (value: NValue<boolean>) => Mountable;
+    autocomplete: (value: NValue<string>) => Mountable;
+    autofocus: (value: NValue<boolean>) => Mountable;
+    autoplay: (value: NValue<boolean>) => Mountable;
+    bgcolor: (value: NValue<string>) => Mountable;
+    border: (value: NValue<string>) => Mountable;
+    charset: (value: NValue<string>) => Mountable;
+    checked: (value: NValue<boolean>) => Mountable;
+    cite: (value: NValue<string>) => Mountable;
+    class: (value: NValue<string>) => Mountable;
+    color: (value: NValue<string>) => Mountable;
+    cols: (value: NValue<number>) => Mountable;
+    colspan: (value: NValue<number>) => Mountable;
+    content: (value: NValue<string>) => Mountable;
+    contenteditable: (value: NValue<boolean>) => Mountable;
+    controls: (value: NValue<string>) => Mountable;
+    coords: (value: NValue<string>) => Mountable;
+    data: (value: NValue<string>) => Mountable;
+    datetime: (value: NValue<string>) => Mountable;
+    default: (value: NValue<string>) => Mountable;
+    defer: (value: NValue<string>) => Mountable;
+    dir: (value: NValue<string>) => Mountable;
+    dirname: (value: NValue<string>) => Mountable;
+    disabled: (value: NValue<boolean>) => Mountable;
+    download: (value: NValue<string>) => Mountable;
+    draggable: (value: NValue<string>) => Mountable;
+    dropzone: (value: NValue<string>) => Mountable;
+    enctype: (value: NValue<string>) => Mountable;
+    for: (value: NValue<string>) => Mountable;
+    form: (value: NValue<string>) => Mountable;
+    formaction: (value: NValue<string>) => Mountable;
+    headers: (value: NValue<string>) => Mountable;
+    height: (value: NValue<string>) => Mountable;
+    hidden: (value: NValue<string>) => Mountable;
+    high: (value: NValue<string>) => Mountable;
+    href: (value: NValue<string>) => Mountable;
+    hreflang: (value: NValue<string>) => Mountable;
+    'http-equiv': (value: NValue<string>) => Mountable;
+    icon: (value: NValue<string>) => Mountable;
+    id: (value: NValue<string>) => Mountable;
+    ismap: (value: NValue<string>) => Mountable;
+    itemprop: (value: NValue<string>) => Mountable;
+    keytype: (value: NValue<string>) => Mountable;
+    kind: (value: NValue<string>) => Mountable;
+    label: (value: NValue<string>) => Mountable;
+    lang: (value: NValue<string>) => Mountable;
+    language: (value: NValue<string>) => Mountable;
+    list: (value: NValue<string>) => Mountable;
+    loop: (value: NValue<string>) => Mountable;
+    low: (value: NValue<string>) => Mountable;
+    manifest: (value: NValue<string>) => Mountable;
+    max: (value: NValue<number>) => Mountable;
+    maxlength: (value: NValue<number>) => Mountable;
+    media: (value: NValue<string>) => Mountable;
+    method: (value: NValue<string>) => Mountable;
+    min: (value: NValue<number>) => Mountable;
+    minlength: (value: NValue<number>) => Mountable;
+    multiple: (value: NValue<boolean>) => Mountable;
+    name: (value: NValue<string>) => Mountable;
+    novalidate: (value: NValue<string>) => Mountable;
+    open: (value: NValue<string>) => Mountable;
+    optimum: (value: NValue<string>) => Mountable;
+    pattern: (value: NValue<string>) => Mountable;
+    ping: (value: NValue<string>) => Mountable;
+    placeholder: (value: NValue<string>) => Mountable;
+    poster: (value: NValue<string>) => Mountable;
+    preload: (value: NValue<string>) => Mountable;
+    radiogroup: (value: NValue<string>) => Mountable;
+    readonly: (value: NValue<boolean>) => Mountable;
+    rel: (value: NValue<string>) => Mountable;
+    required: (value: NValue<string>) => Mountable;
+    reversed: (value: NValue<string>) => Mountable;
+    rows: (value: NValue<number>) => Mountable;
+    rowspan: (value: NValue<number>) => Mountable;
+    sandbox: (value: NValue<string>) => Mountable;
+    scope: (value: NValue<string>) => Mountable;
+    scoped: (value: NValue<string>) => Mountable;
+    seamless: (value: NValue<string>) => Mountable;
+    selected: (value: NValue<boolean>) => Mountable;
+    shape: (value: NValue<string>) => Mountable;
+    size: (value: NValue<number>) => Mountable;
+    sizes: (value: NValue<string>) => Mountable;
+    span: (value: NValue<string>) => Mountable;
+    spellcheck: (value: NValue<string>) => Mountable;
+    src: (value: NValue<string>) => Mountable;
+    srcdoc: (value: NValue<string>) => Mountable;
+    srclang: (value: NValue<string>) => Mountable;
+    srcset: (value: NValue<string>) => Mountable;
+    start: (value: NValue<string>) => Mountable;
+    step: (value: NValue<number>) => Mountable;
+    style: (value: NValue<string>) => Mountable;
+    tabindex: (value: NValue<number>) => Mountable;
+    target: (value: NValue<string>) => Mountable;
+    title: (value: NValue<string>) => Mountable;
+    translate: (value: NValue<string>) => Mountable;
+    type: (value: NValue<import('../types/html-attributes').InputTypes>) => Mountable;
+    usemap: (value: NValue<string>) => Mountable;
+    value: (value: NValue<string>) => Mountable;
+    valueAsNumber: (value: NValue<number>) => Mountable;
+    valueAsDate: (value: NValue<Date>) => Mountable;
+    width: (value: NValue<string>) => Mountable;
+    wrap: (value: NValue<string>) => Mountable;
+    textContent: (value: NValue<string>) => Mountable;
+    innerText: (value: NValue<string>) => Mountable;
+    innerHTML: (value: NValue<string>) => Mountable;
+    outerHTML: (value: NValue<string>) => Mountable;
+};
+/**
+ * An object that provides a convenient way to create mountable attributes for ARIA properties.
+ *
+ * Example
+ * ```ts
+ * const button = html.button(
+ *   aria.label('Click me!'),
+ *   aria.pressed(pressed), // where pressed is a `Signal<boolean>`
+ *   // ...
+ * )
+ * ```
+ */
+export declare const aria: {
+    activedescendant: (value: NValue<string>) => Mountable;
+    atomic: (value: NValue<boolean>) => Mountable;
+    autocomplete: (value: NValue<"none" | "inline" | "list" | "both">) => Mountable;
+    busy: (value: NValue<boolean>) => Mountable;
+    checked: (value: NValue<boolean | "mixed" | "false" | "true">) => Mountable;
+    colcount: (value: NValue<number>) => Mountable;
+    colindex: (value: NValue<number>) => Mountable;
+    colspan: (value: NValue<number>) => Mountable;
+    controls: (value: NValue<string>) => Mountable;
+    current: (value: NValue<string>) => Mountable;
+    describedby: (value: NValue<string>) => Mountable;
+    details: (value: NValue<string>) => Mountable;
+    disabled: (value: NValue<boolean>) => Mountable;
+    dropeffect: (value: NValue<"none" | "copy" | "execute" | "link" | "move" | "popup">) => Mountable;
+    errormessage: (value: NValue<string>) => Mountable;
+    expanded: (value: NValue<boolean | "false" | "true">) => Mountable;
+    flowto: (value: NValue<string>) => Mountable;
+    grabbed: (value: NValue<boolean | "false" | "true">) => Mountable;
+    haspopup: (value: NValue<boolean>) => Mountable;
+    hidden: (value: NValue<boolean>) => Mountable;
+    invalid: (value: NValue<boolean | "false" | "true" | "grammar" | "spelling">) => Mountable;
+    keyshortcuts: (value: NValue<string>) => Mountable;
+    label: (value: NValue<string>) => Mountable;
+    labelledby: (value: NValue<string>) => Mountable;
+    level: (value: NValue<number>) => Mountable;
+    live: (value: NValue<"off" | "assertive" | "polite">) => Mountable;
+    modal: (value: NValue<boolean>) => Mountable;
+    multiline: (value: NValue<boolean>) => Mountable;
+    multiselectable: (value: NValue<boolean>) => Mountable;
+    orientation: (value: NValue<"horizontal" | "vertical">) => Mountable;
+    owns: (value: NValue<string>) => Mountable;
+    placeholder: (value: NValue<string>) => Mountable;
+    posinset: (value: NValue<number>) => Mountable;
+    pressed: (value: NValue<boolean | "mixed" | "false" | "true">) => Mountable;
+    readonly: (value: NValue<boolean>) => Mountable;
+    relevant: (value: NValue<"additions" | "removals" | "text" | "all">) => Mountable;
+    required: (value: NValue<boolean>) => Mountable;
+    roledescription: (value: NValue<string>) => Mountable;
+    rowcount: (value: NValue<number>) => Mountable;
+    rowindex: (value: NValue<number>) => Mountable;
+    rowspan: (value: NValue<number>) => Mountable;
+    selected: (value: NValue<boolean>) => Mountable;
+    setsize: (value: NValue<number>) => Mountable;
+    sort: (value: NValue<"none" | "ascending" | "descending" | "other">) => Mountable;
+    valuemax: (value: NValue<number>) => Mountable;
+    valuemin: (value: NValue<number>) => Mountable;
+    valuenow: (value: NValue<number>) => Mountable;
+    valuetext: (value: NValue<string>) => Mountable;
+};
+/**
+ * An object that provides a convenient way to create mountable attributes for
+ * SVG elements.
+ *
+ * Example
+ * ```ts
+ * const svg = html.svg(
+ *  svgAttr.width(100),
+ *  svgAttr.height(height), // where height is a `Signal<number>`
+ * // ...
+ * )
+ */
+export declare const svgAttr: {
+    accentHeight: (value: NValue<number>) => Mountable;
+    accumulate: (value: NValue<"none" | "sum">) => Mountable;
+    additive: (value: NValue<"replace" | "sum">) => Mountable;
+    alignmentBaseline: (value: NValue<"auto" | "baseline" | "before-edge" | "text-before-edge" | "middle" | "central" | "after-edge" | "text-after-edge" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "inherit">) => Mountable;
+    allowReorder: (value: NValue<"no" | "yes">) => Mountable;
+    alphabetic: (value: NValue<number>) => Mountable;
+    amplitude: (value: NValue<number>) => Mountable;
+    arabicForm: (value: NValue<"initial" | "medial" | "terminal" | "isolated">) => Mountable;
+    ascent: (value: NValue<number>) => Mountable;
+    attributeName: (value: NValue<string>) => Mountable;
+    attributeType: (value: NValue<string>) => Mountable;
+    autoReverse: (value: NValue<"false" | "true">) => Mountable;
+    azimuth: (value: NValue<number>) => Mountable;
+    baseFrequency: (value: NValue<number>) => Mountable;
+    baseProfile: (value: NValue<string>) => Mountable;
+    baselineShift: (value: NValue<number>) => Mountable;
+    bbox: (value: NValue<number>) => Mountable;
+    begin: (value: NValue<number>) => Mountable;
+    bias: (value: NValue<number>) => Mountable;
+    by: (value: NValue<number>) => Mountable;
+    calcMode: (value: NValue<string>) => Mountable;
+    capHeight: (value: NValue<number>) => Mountable;
+    clip: (value: NValue<number>) => Mountable;
+    clipPath: (value: NValue<string>) => Mountable;
+    clipPathUnits: (value: NValue<string>) => Mountable;
+    clipRule: (value: NValue<string>) => Mountable;
+    colorInterpolation: (value: NValue<string>) => Mountable;
+    colorInterpolationFilters: (value: NValue<"auto" | "inherit" | "sRGB" | "linearRGB">) => Mountable;
+    colorProfile: (value: NValue<string>) => Mountable;
+    colorRendering: (value: NValue<string>) => Mountable;
+    contentScriptType: (value: NValue<string>) => Mountable;
+    contentStyleType: (value: NValue<string>) => Mountable;
+    cursor: (value: NValue<string>) => Mountable;
+    cx: (value: NValue<number>) => Mountable;
+    cy: (value: NValue<number>) => Mountable;
+    d: (value: NValue<string>) => Mountable;
+    decelerate: (value: NValue<number>) => Mountable;
+    descent: (value: NValue<number>) => Mountable;
+    diffuseConstant: (value: NValue<number>) => Mountable;
+    direction: (value: NValue<string>) => Mountable;
+    display: (value: NValue<string>) => Mountable;
+    divisor: (value: NValue<number>) => Mountable;
+    dominantBaseline: (value: NValue<string>) => Mountable;
+    dur: (value: NValue<number>) => Mountable;
+    dx: (value: NValue<number>) => Mountable;
+    dy: (value: NValue<number>) => Mountable;
+    edgeMode: (value: NValue<string>) => Mountable;
+    elevation: (value: NValue<number>) => Mountable;
+    enableBackground: (value: NValue<string>) => Mountable;
+    end: (value: NValue<number>) => Mountable;
+    exponent: (value: NValue<number>) => Mountable;
+    externalResourcesRequired: (value: NValue<"false" | "true">) => Mountable;
+    fill: (value: NValue<string>) => Mountable;
+    fillOpacity: (value: NValue<number>) => Mountable;
+    fillRule: (value: NValue<string>) => Mountable;
+    filter: (value: NValue<string>) => Mountable;
+    filterRes: (value: NValue<number>) => Mountable;
+    filterUnits: (value: NValue<string>) => Mountable;
+    floodColor: (value: NValue<string>) => Mountable;
+    floodOpacity: (value: NValue<number>) => Mountable;
+    focusable: (value: NValue<"false" | "true" | "auto">) => Mountable;
+    fontFamily: (value: NValue<string>) => Mountable;
+    fontSize: (value: NValue<number>) => Mountable;
+    fontSizeAdjust: (value: NValue<number>) => Mountable;
+    fontStretch: (value: NValue<string>) => Mountable;
+    fontStyle: (value: NValue<string>) => Mountable;
+    fontVariant: (value: NValue<string>) => Mountable;
+    fontWeight: (value: NValue<string>) => Mountable;
+    format: (value: NValue<string>) => Mountable;
+    from: (value: NValue<number>) => Mountable;
+    fx: (value: NValue<number>) => Mountable;
+    fy: (value: NValue<number>) => Mountable;
+    g1: (value: NValue<number>) => Mountable;
+    g2: (value: NValue<number>) => Mountable;
+    glyphName: (value: NValue<string>) => Mountable;
+    glyphOrientationHorizontal: (value: NValue<number>) => Mountable;
+    glyphOrientationVertical: (value: NValue<number>) => Mountable;
+    glyphRef: (value: NValue<string>) => Mountable;
+    gradientTransform: (value: NValue<string>) => Mountable;
+    gradientUnits: (value: NValue<string>) => Mountable;
+    hanging: (value: NValue<number>) => Mountable;
+    height: (value: NValue<number>) => Mountable;
+    horizAdvX: (value: NValue<number>) => Mountable;
+    horizOriginX: (value: NValue<number>) => Mountable;
+    ideographic: (value: NValue<number>) => Mountable;
+    imageRendering: (value: NValue<string>) => Mountable;
+    in: (value: NValue<string>) => Mountable;
+    in2: (value: NValue<string>) => Mountable;
+    intercept: (value: NValue<number>) => Mountable;
+    k: (value: NValue<number>) => Mountable;
+    k1: (value: NValue<number>) => Mountable;
+    k2: (value: NValue<number>) => Mountable;
+    k3: (value: NValue<number>) => Mountable;
+    k4: (value: NValue<number>) => Mountable;
+    kernelMatrix: (value: NValue<string>) => Mountable;
+    kernelUnitLength: (value: NValue<number>) => Mountable;
+    kerning: (value: NValue<number>) => Mountable;
+    keyPoints: (value: NValue<string>) => Mountable;
+    keySplines: (value: NValue<string>) => Mountable;
+    keyTimes: (value: NValue<string>) => Mountable;
+    lengthAdjust: (value: NValue<string>) => Mountable;
+    letterSpacing: (value: NValue<number>) => Mountable;
+    lightingColor: (value: NValue<string>) => Mountable;
+    limitingConeAngle: (value: NValue<number>) => Mountable;
+    local: (value: NValue<number>) => Mountable;
+    markerEnd: (value: NValue<string>) => Mountable;
+    markerHeight: (value: NValue<number>) => Mountable;
+    markerMid: (value: NValue<string>) => Mountable;
+    markerStart: (value: NValue<string>) => Mountable;
+    markerUnits: (value: NValue<string>) => Mountable;
+    markerWidth: (value: NValue<number>) => Mountable;
+    mask: (value: NValue<string>) => Mountable;
+    maskContentUnits: (value: NValue<string>) => Mountable;
+    maskUnits: (value: NValue<string>) => Mountable;
+    mathematical: (value: NValue<number>) => Mountable;
+    mode: (value: NValue<string>) => Mountable;
+    numOctaves: (value: NValue<number>) => Mountable;
+    offset: (value: NValue<number>) => Mountable;
+    opacity: (value: NValue<number>) => Mountable;
+    operator: (value: NValue<string>) => Mountable;
+    order: (value: NValue<number>) => Mountable;
+    orient: (value: NValue<string>) => Mountable;
+    orientation: (value: NValue<number>) => Mountable;
+    origin: (value: NValue<number>) => Mountable;
+    overflow: (value: NValue<string>) => Mountable;
+    overlinePosition: (value: NValue<number>) => Mountable;
+    overlineThickness: (value: NValue<number>) => Mountable;
+    paintOrder: (value: NValue<string>) => Mountable;
+    panose1: (value: NValue<number>) => Mountable;
+    pathLength: (value: NValue<number>) => Mountable;
+    patternContentUnits: (value: NValue<string>) => Mountable;
+    patternTransform: (value: NValue<string>) => Mountable;
+    patternUnits: (value: NValue<string>) => Mountable;
+    pointerEvents: (value: NValue<string>) => Mountable;
+    points: (value: NValue<string>) => Mountable;
+    pointsAtX: (value: NValue<number>) => Mountable;
+    pointsAtY: (value: NValue<number>) => Mountable;
+    pointsAtZ: (value: NValue<number>) => Mountable;
+    preserveAlpha: (value: NValue<"false" | "true">) => Mountable;
+    preserveAspectRatio: (value: NValue<string>) => Mountable;
+    primitiveUnits: (value: NValue<string>) => Mountable;
+    r: (value: NValue<number>) => Mountable;
+    radius: (value: NValue<number>) => Mountable;
+    refX: (value: NValue<number>) => Mountable;
+    refY: (value: NValue<number>) => Mountable;
+    renderingIntent: (value: NValue<string>) => Mountable;
+    repeatCount: (value: NValue<number>) => Mountable;
+    repeatDur: (value: NValue<number>) => Mountable;
+    requiredExtensions: (value: NValue<string>) => Mountable;
+    requiredFeatures: (value: NValue<string>) => Mountable;
+    restart: (value: NValue<string>) => Mountable;
+    result: (value: NValue<string>) => Mountable;
+    rotate: (value: NValue<number>) => Mountable;
+    rx: (value: NValue<number>) => Mountable;
+    ry: (value: NValue<number>) => Mountable;
+    scale: (value: NValue<number>) => Mountable;
+    seed: (value: NValue<number>) => Mountable;
+    shapeRendering: (value: NValue<string>) => Mountable;
+    slope: (value: NValue<number>) => Mountable;
+    spacing: (value: NValue<number>) => Mountable;
+    specularConstant: (value: NValue<number>) => Mountable;
+    specularExponent: (value: NValue<number>) => Mountable;
+    speed: (value: NValue<number>) => Mountable;
+    spreadMethod: (value: NValue<string>) => Mountable;
+    startOffset: (value: NValue<number>) => Mountable;
+    stdDeviation: (value: NValue<number>) => Mountable;
+    stemh: (value: NValue<number>) => Mountable;
+    stemv: (value: NValue<number>) => Mountable;
+    stitchTiles: (value: NValue<string>) => Mountable;
+    stopColor: (value: NValue<string>) => Mountable;
+    stopOpacity: (value: NValue<number>) => Mountable;
+    strikethroughPosition: (value: NValue<number>) => Mountable;
+    strikethroughThickness: (value: NValue<number>) => Mountable;
+    string: (value: NValue<string>) => Mountable;
+    stroke: (value: NValue<string>) => Mountable;
+    strokeDasharray: (value: NValue<string>) => Mountable;
+    strokeDashoffset: (value: NValue<number>) => Mountable;
+    strokeLinecap: (value: NValue<string>) => Mountable;
+    strokeLinejoin: (value: NValue<string>) => Mountable;
+    strokeMiterlimit: (value: NValue<number>) => Mountable;
+    strokeOpacity: (value: NValue<number>) => Mountable;
+    strokeWidth: (value: NValue<number>) => Mountable;
+    surfaceScale: (value: NValue<number>) => Mountable;
+    systemLanguage: (value: NValue<string>) => Mountable;
+    tableValues: (value: NValue<string>) => Mountable;
+    targetX: (value: NValue<number>) => Mountable;
+    targetY: (value: NValue<number>) => Mountable;
+    textAnchor: (value: NValue<string>) => Mountable;
+    textDecoration: (value: NValue<string>) => Mountable;
+    textLength: (value: NValue<number>) => Mountable;
+    textRendering: (value: NValue<string>) => Mountable;
+    to: (value: NValue<number>) => Mountable;
+    transform: (value: NValue<string>) => Mountable;
+    u1: (value: NValue<number>) => Mountable;
+    u2: (value: NValue<number>) => Mountable;
+    underlinePosition: (value: NValue<number>) => Mountable;
+    underlineThickness: (value: NValue<number>) => Mountable;
+    unicode: (value: NValue<number>) => Mountable;
+    unicodeBidi: (value: NValue<string>) => Mountable;
+    unicodeRange: (value: NValue<string>) => Mountable;
+    unitsPerEm: (value: NValue<number>) => Mountable;
+    vAlphabetic: (value: NValue<number>) => Mountable;
+    values: (value: NValue<string>) => Mountable;
+    vectorEffect: (value: NValue<string>) => Mountable;
+    version: (value: NValue<string>) => Mountable;
+    vertAdvY: (value: NValue<number>) => Mountable;
+    vertOriginX: (value: NValue<number>) => Mountable;
+    vertOriginY: (value: NValue<number>) => Mountable;
+    vHanging: (value: NValue<number>) => Mountable;
+    vIdeographic: (value: NValue<number>) => Mountable;
+    viewBox: (value: NValue<string>) => Mountable;
+    viewTarget: (value: NValue<number>) => Mountable;
+    visibility: (value: NValue<string>) => Mountable;
+    vMathematical: (value: NValue<number>) => Mountable;
+    width: (value: NValue<number>) => Mountable;
+    widths: (value: NValue<number>) => Mountable;
+    wordSpacing: (value: NValue<number>) => Mountable;
+    writingMode: (value: NValue<string>) => Mountable;
+    x1: (value: NValue<number>) => Mountable;
+    x2: (value: NValue<number>) => Mountable;
+    x: (value: NValue<number>) => Mountable;
+    xChannelSelector: (value: NValue<string>) => Mountable;
+    xHeight: (value: NValue<number>) => Mountable;
+    xlinkActuate: (value: NValue<string>) => Mountable;
+    xlinkArcrole: (value: NValue<string>) => Mountable;
+    xlinkHref: (value: NValue<string>) => Mountable;
+    xlinkRole: (value: NValue<string>) => Mountable;
+    xlinkShow: (value: NValue<string>) => Mountable;
+    xlinkTitle: (value: NValue<string>) => Mountable;
+    xlinkType: (value: NValue<string>) => Mountable;
+    xmlBase: (value: NValue<string>) => Mountable;
+    xmlLang: (value: NValue<string>) => Mountable;
+    xmlns: (value: NValue<string>) => Mountable;
+    xmlnsXlink: (value: NValue<string>) => Mountable;
+    xmlSpace: (value: NValue<string>) => Mountable;
+    y1: (value: NValue<number>) => Mountable;
+    y2: (value: NValue<number>) => Mountable;
+    y: (value: NValue<number>) => Mountable;
+    yChannelSelector: (value: NValue<string>) => Mountable;
+    z: (value: NValue<number>) => Mountable;
+    zoomAndPan: (value: NValue<string>) => Mountable;
+};
+/**
+ * An object that provides attribute functions for MathML tags.
+ *
+ * Example
+ * ```ts
+ * const math = html.math(
+ *  mathAttr.mathvariant('bold'),
+ *  mathAttr.mathsize(size), // where size is a `Signal<number>`
+ * // ...
+ * )
+ */
+export declare const mathAttr: {
+    maction: (value: NValue<MathMLElement>) => Mountable;
+    math: (value: NValue<MathMLElement>) => Mountable;
+    merror: (value: NValue<MathMLElement>) => Mountable;
+    mfenced: (value: NValue<MathMLElement>) => Mountable;
+    mfrac: (value: NValue<MathMLElement>) => Mountable;
+    mi: (value: NValue<MathMLElement>) => Mountable;
+    mmultiscripts: (value: NValue<MathMLElement>) => Mountable;
+    mn: (value: NValue<MathMLElement>) => Mountable;
+    mo: (value: NValue<MathMLElement>) => Mountable;
+    mover: (value: NValue<MathMLElement>) => Mountable;
+    mpadded: (value: NValue<MathMLElement>) => Mountable;
+    mphantom: (value: NValue<MathMLElement>) => Mountable;
+    mroot: (value: NValue<MathMLElement>) => Mountable;
+    mrow: (value: NValue<MathMLElement>) => Mountable;
+    ms: (value: NValue<MathMLElement>) => Mountable;
+    mspace: (value: NValue<MathMLElement>) => Mountable;
+    msqrt: (value: NValue<MathMLElement>) => Mountable;
+    mstyle: (value: NValue<MathMLElement>) => Mountable;
+    msub: (value: NValue<MathMLElement>) => Mountable;
+    msubsup: (value: NValue<MathMLElement>) => Mountable;
+    msup: (value: NValue<MathMLElement>) => Mountable;
+    mtable: (value: NValue<MathMLElement>) => Mountable;
+    mtd: (value: NValue<MathMLElement>) => Mountable;
+    mtext: (value: NValue<MathMLElement>) => Mountable;
+    mtr: (value: NValue<MathMLElement>) => Mountable;
+    munder: (value: NValue<MathMLElement>) => Mountable;
+    munderover: (value: NValue<MathMLElement>) => Mountable;
+    semantics: (value: NValue<MathMLElement>) => Mountable;
+};

package/mountable/autofocus.d.ts

@@ -0,0 +1,3 @@
+import { Mountable } from '../types/domain';
+
+export declare const AutoFocus: (delay?: number) => Mountable;

package/mountable/autoselect.d.ts

@@ -0,0 +1,3 @@
+import { Mountable } from '../types/domain';
+
+export declare const AutoSelect: (delay?: number) => Mountable;

package/mountable/bind.d.ts

@@ -0,0 +1,16 @@
+import { Prop } from '../std/signal';
+import { on } from './handler';
+
+declare function bindDate(prop: Prop<Date>, handler?: keyof typeof on): import('..').Mountable;
+declare function bindDateTime(prop: Prop<Date>, handler?: keyof typeof on): import('..').Mountable;
+declare function bindNumber(prop: Prop<number>, handler?: keyof typeof on): import('..').Mountable;
+declare function bindText(prop: Prop<string>, handler?: keyof typeof on): import('..').Mountable;
+declare function bindChecked(prop: Prop<boolean>): import('..').Mountable;
+export declare const bind: {
+    date: typeof bindDate;
+    dateTime: typeof bindDateTime;
+    number: typeof bindNumber;
+    text: typeof bindText;
+    checked: typeof bindChecked;
+};
+export {};

package/mountable/conjunction.d.ts

@@ -0,0 +1,8 @@
+import { Signal } from '../std/signal';
+import { Child } from '../types/domain';
+import { Position } from '../std/position';
+
+export declare const Conjunction: (separator: Child, options?: {
+    lastSeparator?: Child;
+    firstSeparator?: Child;
+}) => (pos: Signal<Position>) => import('../types/domain').Mountable;

package/mountable/consumers.d.ts

@@ -0,0 +1,12 @@
+import { Child, Mountable, ProviderMark } from '../types/domain';
+
+export type ToArrayOfMarks<T extends unknown[]> = T extends [] ? [] : T extends [infer K] ? [ProviderMark<K>] : T extends [infer K, ...infer R] ? [ProviderMark<K>, ...ToArrayOfMarks<R>] : never;
+export type ToProviders<T extends unknown[]> = T extends [] ? object : T extends [infer K] ? {
+    [_ in ProviderMark<K>]: K;
+} : T extends [infer K, ...infer R] ? {
+    [_ in ProviderMark<K>]: K;
+} & ToProviders<R> : never;
+export type Consumer<T> = (fn: (value: T) => Child) => Mountable;
+export declare const Use: <C extends Record<string, Consumer<unknown>>>(consumers: C, fn: (data: { [K in keyof C]: C[K] extends Consumer<infer V> ? V : never; }) => Mountable) => Mountable;
+export declare const UseProvider: <T>(mark: ProviderMark<T>, fn: (value: T) => Child) => Mountable;
+export declare const UseProviders: <T extends unknown[]>(marks: ToArrayOfMarks<T>, fn: (providers: ToProviders<T>) => Child) => Mountable;

package/mountable/ctx.d.ts

@@ -0,0 +1,3 @@
+import { DOMContext, Mountable } from '..';
+
+export declare const Ctx: (fn: (ctx: DOMContext) => Mountable) => (ctx: DOMContext) => import('..').Clear;

package/mountable/domel.d.ts

@@ -0,0 +1,3 @@
+import { DOMContext } from '../dom/dom-context';
+
+export declare const DOMEl: (element: Element) => (ctx: DOMContext) => (removeTree: boolean) => void;