@rhi-zone/rainbow-ui 0.2.0-alpha.0

package/dist/html.d.ts

@@ -0,0 +1,499 @@
+/**
+ * @busiless/ui/html
+ *
+ * Type-safe DOM element factories. Each factory returns a distinct nominal
+ * type so TypeScript can enforce HTML content model constraints: passing a
+ * TdEl where FlowContent is expected is a type error.
+ *
+ * Straight port of rhi-zone/crescent lib/html/init.lua, adapted for DOM
+ * construction rather than server-side string rendering.
+ *
+ * Usage:
+ *   import * as h from '@busiless/ui/html'
+ *   const card = h.div({ class: 'card' }, h.p({}, 'hello'), h.a({ href: '/about' }, 'About'))
+ */
+/** Nominal wrapper pairing a tag literal type with the underlying DOM node. */
+export type El<Tag extends string, N extends HTMLElement | SVGElement = HTMLElement> = {
+    readonly _tag: Tag;
+    readonly node: N;
+};
+export type HtmlEl = El<"html", HTMLHtmlElement>;
+export type HeadEl = El<"head", HTMLHeadElement>;
+export type BodyEl = El<"body", HTMLBodyElement>;
+export type DivEl = El<"div", HTMLDivElement>;
+export type SectionEl = El<"section", HTMLElement>;
+export type ArticleEl = El<"article", HTMLElement>;
+export type AsideEl = El<"aside", HTMLElement>;
+export type HeaderEl = El<"header", HTMLElement>;
+export type FooterEl = El<"footer", HTMLElement>;
+export type MainEl = El<"main", HTMLElement>;
+export type NavEl = El<"nav", HTMLElement>;
+export type H1El = El<"h1", HTMLHeadingElement>;
+export type H2El = El<"h2", HTMLHeadingElement>;
+export type H3El = El<"h3", HTMLHeadingElement>;
+export type H4El = El<"h4", HTMLHeadingElement>;
+export type H5El = El<"h5", HTMLHeadingElement>;
+export type H6El = El<"h6", HTMLHeadingElement>;
+export type PEl = El<"p", HTMLParagraphElement>;
+export type SpanEl = El<"span", HTMLSpanElement>;
+export type AEl = El<"a", HTMLAnchorElement>;
+export type EmEl = El<"em", HTMLElement>;
+export type StrongEl = El<"strong", HTMLElement>;
+export type CodeEl = El<"code", HTMLElement>;
+export type PreEl = El<"pre", HTMLPreElement>;
+export type BlockquoteEl = El<"blockquote", HTMLElement>;
+export type IEl = El<"i", HTMLElement>;
+export type BEl = El<"b", HTMLElement>;
+export type SmallEl = El<"small", HTMLElement>;
+export type AbbrEl = El<"abbr", HTMLElement>;
+export type BrEl = El<"br", HTMLBRElement>;
+export type HrEl = El<"hr", HTMLHRElement>;
+export type ImgEl = El<"img", HTMLImageElement>;
+export type UlEl = El<"ul", HTMLUListElement>;
+export type OlEl = El<"ol", HTMLOListElement>;
+export type LiEl = El<"li", HTMLLIElement>;
+export type DlEl = El<"dl", HTMLDListElement>;
+export type DtEl = El<"dt", HTMLElement>;
+export type DdEl = El<"dd", HTMLElement>;
+export type TableEl = El<"table", HTMLTableElement>;
+export type TheadEl = El<"thead", HTMLTableSectionElement>;
+export type TbodyEl = El<"tbody", HTMLTableSectionElement>;
+export type TfootEl = El<"tfoot", HTMLTableSectionElement>;
+export type TrEl = El<"tr", HTMLTableRowElement>;
+export type ThEl = El<"th", HTMLTableCellElement>;
+export type TdEl = El<"td", HTMLTableCellElement>;
+export type FormEl = El<"form", HTMLFormElement>;
+export type InputEl = El<"input", HTMLInputElement>;
+export type LabelEl = El<"label", HTMLLabelElement>;
+export type FieldsetEl = El<"fieldset", HTMLFieldSetElement>;
+export type SelectEl = El<"select", HTMLSelectElement>;
+export type OptionEl = El<"option", HTMLOptionElement>;
+export type TextareaEl = El<"textarea", HTMLTextAreaElement>;
+export type ButtonEl = El<"button", HTMLButtonElement>;
+export type IframeEl = El<"iframe", HTMLIFrameElement>;
+export type VideoEl = El<"video", HTMLVideoElement>;
+export type AudioEl = El<"audio", HTMLAudioElement>;
+export type SourceEl = El<"source", HTMLSourceElement>;
+export type CanvasEl = El<"canvas", HTMLCanvasElement>;
+export type SvgEl = El<"svg", SVGSVGElement>;
+export type CircleEl = El<"circle", SVGCircleElement>;
+export type EllipseEl = El<"ellipse", SVGEllipseElement>;
+export type RectEl = El<"rect", SVGRectElement>;
+export type LineEl = El<"line", SVGLineElement>;
+export type PolylineEl = El<"polyline", SVGPolylineElement>;
+export type PolygonEl = El<"polygon", SVGPolygonElement>;
+export type PathEl = El<"path", SVGPathElement>;
+export type TextEl = El<"text", SVGTextElement>;
+export type TspanEl = El<"tspan", SVGTSpanElement>;
+export type GEl = El<"g", SVGGElement>;
+export type DefsEl = El<"defs", SVGDefsElement>;
+export type SymbolEl = El<"symbol", SVGSymbolElement>;
+export type UseEl = El<"use", SVGUseElement>;
+export type ClipPathEl = El<"clipPath", SVGClipPathElement>;
+export type MaskEl = El<"mask", SVGMaskElement>;
+export type LinearGradientEl = El<"linearGradient", SVGLinearGradientElement>;
+export type RadialGradientEl = El<"radialGradient", SVGRadialGradientElement>;
+export type StopEl = El<"stop", SVGStopElement>;
+export type PatternEl = El<"pattern", SVGPatternElement>;
+export type SvgImageEl = El<"image", SVGImageElement>;
+export type ForeignObjectEl = El<"foreignObject", SVGForeignObjectElement>;
+export type StyleEl = El<"style", HTMLStyleElement>;
+export type ScriptEl = El<"script", HTMLScriptElement>;
+export type MetaEl = El<"meta", HTMLMetaElement>;
+export type LinkEl = El<"link", HTMLLinkElement>;
+export type TitleEl = El<"title", HTMLTitleElement>;
+export type HeadContent = MetaEl | LinkEl | ScriptEl | StyleEl | TitleEl;
+export type PhrasingContent = SpanEl | AEl | EmEl | StrongEl | CodeEl | IEl | BEl | SmallEl | AbbrEl | ImgEl | BrEl | InputEl | ButtonEl | LabelEl | SelectEl | TextareaEl;
+export type HeadingContent = H1El | H2El | H3El | H4El | H5El | H6El;
+export type SectioningContent = SectionEl | ArticleEl | AsideEl | NavEl;
+export type EmbeddedContent = ImgEl | VideoEl | AudioEl | IframeEl | CanvasEl | SvgEl;
+export type FlowContent = DivEl | PEl | PreEl | BlockquoteEl | UlEl | OlEl | DlEl | TableEl | FormEl | FieldsetEl | HeaderEl | FooterEl | MainEl | HrEl | HeadingContent | SectioningContent | PhrasingContent | EmbeddedContent;
+export type TableSectionContent = TheadEl | TbodyEl | TfootEl;
+export type RowContent = TrEl;
+export type CellContent = TdEl | ThEl;
+export type ListItemContent = LiEl;
+export type SelectContent = OptionEl;
+export type DefinitionListContent = DtEl | DdEl;
+export type SvgContent = CircleEl | EllipseEl | RectEl | LineEl | PolylineEl | PolygonEl | PathEl | TextEl | TspanEl | GEl | DefsEl | SymbolEl | UseEl | ClipPathEl | MaskEl | LinearGradientEl | RadialGradientEl | StopEl | PatternEl | SvgImageEl | ForeignObjectEl;
+export type AnyEl = FlowContent | HeadContent | RowContent | CellContent | ListItemContent | SelectContent | SourceEl | TableSectionContent | DefinitionListContent | HtmlEl | HeadEl | BodyEl | SvgContent;
+export type GlobalAttrs = {
+    id?: string;
+    class?: string;
+    style?: string;
+    title?: string;
+    hidden?: boolean;
+    tabindex?: number;
+    [key: `data-${string}`]: string | undefined;
+};
+export type AAttrs = GlobalAttrs & {
+    href?: string;
+    target?: string;
+    rel?: string;
+    download?: string;
+};
+export type ButtonAttrs = GlobalAttrs & {
+    type?: string;
+    name?: string;
+    value?: string;
+    disabled?: boolean;
+    form?: string;
+};
+export type FormAttrs = GlobalAttrs & {
+    action?: string;
+    method?: string;
+    enctype?: string;
+};
+export type ImgAttrs = GlobalAttrs & {
+    src: string;
+    alt: string;
+    width?: string;
+    height?: string;
+    loading?: string;
+};
+export type InputAttrs = GlobalAttrs & {
+    type?: string;
+    name?: string;
+    value?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    readonly?: boolean;
+};
+export type LabelAttrs = GlobalAttrs & {
+    for?: string;
+};
+export type LinkAttrs = {
+    rel: string;
+    href?: string;
+    type?: string;
+    media?: string;
+    id?: string;
+    class?: string;
+};
+export type MetaAttrs = {
+    name?: string;
+    content?: string;
+    charset?: string;
+    "http-equiv"?: string;
+};
+export type OptionAttrs = GlobalAttrs & {
+    value?: string;
+    selected?: boolean;
+    disabled?: boolean;
+};
+export type ScriptAttrs = {
+    src?: string;
+    type?: string;
+    async?: boolean;
+    defer?: boolean;
+    id?: string;
+};
+export type SelectAttrs = GlobalAttrs & {
+    name?: string;
+    multiple?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+};
+export type TextareaAttrs = GlobalAttrs & {
+    name?: string;
+    rows?: number;
+    cols?: number;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+};
+export type VideoAttrs = GlobalAttrs & {
+    src?: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    width?: string;
+    height?: string;
+};
+export type AudioAttrs = GlobalAttrs & {
+    src?: string;
+    controls?: boolean;
+    autoplay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+};
+export type SourceAttrs = {
+    src?: string;
+    type?: string;
+    srcset?: string;
+    media?: string;
+};
+export type ThAttrs = GlobalAttrs & {
+    colspan?: number;
+    rowspan?: number;
+    scope?: string;
+};
+export type TdAttrs = GlobalAttrs & {
+    colspan?: number;
+    rowspan?: number;
+};
+export type OlAttrs = GlobalAttrs & {
+    start?: number;
+};
+export type SvgAttrs = {
+    id?: string;
+    class?: string;
+    style?: string;
+    width?: string;
+    height?: string;
+    viewBox?: string;
+    xmlns?: string;
+};
+export type IframeAttrs = GlobalAttrs & {
+    src?: string;
+    width?: string;
+    height?: string;
+    name?: string;
+};
+type SvgCoreAttrs = {
+    id?: string;
+    class?: string;
+    style?: string;
+};
+type SvgPresentationAttrs = {
+    fill?: string;
+    stroke?: string;
+    "stroke-width"?: string | number;
+    "stroke-linecap"?: string;
+    "stroke-linejoin"?: string;
+    "stroke-dasharray"?: string;
+    "stroke-dashoffset"?: string | number;
+    opacity?: string | number;
+    "fill-opacity"?: string | number;
+    "stroke-opacity"?: string | number;
+    transform?: string;
+    "clip-path"?: string;
+    mask?: string;
+    filter?: string;
+};
+export type CircleAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    cx?: string | number;
+    cy?: string | number;
+    r?: string | number;
+};
+export type EllipseAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    cx?: string | number;
+    cy?: string | number;
+    rx?: string | number;
+    ry?: string | number;
+};
+export type RectAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    x?: string | number;
+    y?: string | number;
+    width?: string | number;
+    height?: string | number;
+    rx?: string | number;
+    ry?: string | number;
+};
+export type LineAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    x1?: string | number;
+    y1?: string | number;
+    x2?: string | number;
+    y2?: string | number;
+};
+export type PolylineAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    points?: string;
+};
+export type PolygonAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    points?: string;
+};
+export type PathAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    d?: string;
+};
+export type TextAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    x?: string | number;
+    y?: string | number;
+    dx?: string | number;
+    dy?: string | number;
+    "text-anchor"?: string;
+    "font-size"?: string | number;
+    "font-family"?: string;
+    "font-weight"?: string;
+};
+export type TspanAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    x?: string | number;
+    y?: string | number;
+    dx?: string | number;
+    dy?: string | number;
+};
+export type GAttrs = SvgCoreAttrs & SvgPresentationAttrs;
+export type DefsAttrs = SvgCoreAttrs;
+export type SymbolAttrs = SvgCoreAttrs & {
+    viewBox?: string;
+    width?: string | number;
+    height?: string | number;
+};
+export type UseAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    href?: string;
+    x?: string | number;
+    y?: string | number;
+    width?: string | number;
+    height?: string | number;
+};
+export type ClipPathAttrs = SvgCoreAttrs & {
+    clipPathUnits?: string;
+};
+export type MaskAttrs = SvgCoreAttrs & {
+    x?: string | number;
+    y?: string | number;
+    width?: string | number;
+    height?: string | number;
+    maskUnits?: string;
+    maskContentUnits?: string;
+};
+export type LinearGradientAttrs = SvgCoreAttrs & {
+    x1?: string | number;
+    y1?: string | number;
+    x2?: string | number;
+    y2?: string | number;
+    gradientUnits?: string;
+    gradientTransform?: string;
+    spreadMethod?: string;
+    href?: string;
+};
+export type RadialGradientAttrs = SvgCoreAttrs & {
+    cx?: string | number;
+    cy?: string | number;
+    r?: string | number;
+    fx?: string | number;
+    fy?: string | number;
+    gradientUnits?: string;
+    gradientTransform?: string;
+    spreadMethod?: string;
+    href?: string;
+};
+export type StopAttrs = SvgCoreAttrs & {
+    offset?: string | number;
+    "stop-color"?: string;
+    "stop-opacity"?: string | number;
+};
+export type PatternAttrs = SvgCoreAttrs & {
+    x?: string | number;
+    y?: string | number;
+    width?: string | number;
+    height?: string | number;
+    patternUnits?: string;
+    patternTransform?: string;
+    viewBox?: string;
+    href?: string;
+};
+export type SvgImageAttrs = SvgCoreAttrs & SvgPresentationAttrs & {
+    href?: string;
+    x?: string | number;
+    y?: string | number;
+    width?: string | number;
+    height?: string | number;
+    preserveAspectRatio?: string;
+};
+export type ForeignObjectAttrs = SvgCoreAttrs & {
+    x?: string | number;
+    y?: string | number;
+    width?: string | number;
+    height?: string | number;
+};
+export declare const htmlEl: (attrs: GlobalAttrs & {
+    lang?: string;
+}, ...children: (HeadEl | BodyEl)[]) => HtmlEl;
+export declare const head: (attrs: GlobalAttrs, ...children: HeadContent[]) => HeadEl;
+export declare const body: (attrs: GlobalAttrs, ...children: FlowContent[]) => BodyEl;
+export declare const meta: (attrs: MetaAttrs) => MetaEl;
+export declare const link: (attrs: LinkAttrs) => LinkEl;
+export declare const script: (attrs: ScriptAttrs, content?: string) => ScriptEl;
+export declare const style: (attrs: GlobalAttrs, content: string) => StyleEl;
+export declare const title_: (attrs: GlobalAttrs, content: string) => TitleEl;
+export declare const div: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => DivEl;
+export declare const section: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => SectionEl;
+export declare const article: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => ArticleEl;
+export declare const aside: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => AsideEl;
+export declare const header: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => HeaderEl;
+export declare const footer: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => FooterEl;
+export declare const main: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => MainEl;
+export declare const nav: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => NavEl;
+export declare const h1: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => H1El;
+export declare const h2: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => H2El;
+export declare const h3: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => H3El;
+export declare const h4: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => H4El;
+export declare const h5: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => H5El;
+export declare const h6: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => H6El;
+export declare const p: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => PEl;
+export declare const a: (attrs: AAttrs, ...children: (PhrasingContent | string)[]) => AEl;
+export declare const span: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => SpanEl;
+export declare const em: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => EmEl;
+export declare const strong: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => StrongEl;
+export declare const code: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => CodeEl;
+export declare const pre: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => PreEl;
+export declare const blockquote: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => BlockquoteEl;
+export declare const i: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => IEl;
+export declare const b: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => BEl;
+export declare const small: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => SmallEl;
+export declare const abbr: (attrs: GlobalAttrs & {
+    title?: string;
+}, ...children: (PhrasingContent | string)[]) => AbbrEl;
+/** Pre-instantiated <br>. Creates a new DOM node each call to avoid insertion-move semantics. */
+export declare const br: () => BrEl;
+export declare const hr: (attrs?: GlobalAttrs) => HrEl;
+export declare const img: (attrs: ImgAttrs) => ImgEl;
+export declare const ul: (attrs: GlobalAttrs, ...children: ListItemContent[]) => UlEl;
+export declare const ol: (attrs: OlAttrs, ...children: ListItemContent[]) => OlEl;
+export declare const li: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => LiEl;
+export declare const dl: (attrs: GlobalAttrs, ...children: (DtEl | DdEl)[]) => DlEl;
+export declare const dt: (attrs: GlobalAttrs, ...children: (PhrasingContent | string)[]) => DtEl;
+export declare const dd: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => DdEl;
+export declare const table: (attrs: GlobalAttrs, ...children: TableSectionContent[]) => TableEl;
+export declare const thead: (attrs: GlobalAttrs, ...children: RowContent[]) => TheadEl;
+export declare const tbody: (attrs: GlobalAttrs, ...children: RowContent[]) => TbodyEl;
+export declare const tfoot: (attrs: GlobalAttrs, ...children: RowContent[]) => TfootEl;
+export declare const tr: (attrs: GlobalAttrs, ...children: CellContent[]) => TrEl;
+export declare const th: (attrs: ThAttrs, ...children: (PhrasingContent | string)[]) => ThEl;
+export declare const td: (attrs: TdAttrs, ...children: (FlowContent | string)[]) => TdEl;
+export declare const form: (attrs: FormAttrs, ...children: (FlowContent | string)[]) => FormEl;
+export declare const input: (attrs: InputAttrs) => InputEl;
+export declare const label: (attrs: LabelAttrs, ...children: (PhrasingContent | string)[]) => LabelEl;
+export declare const fieldset: (attrs: GlobalAttrs, ...children: (FlowContent | string)[]) => FieldsetEl;
+export declare const select: (attrs: SelectAttrs, ...children: SelectContent[]) => SelectEl;
+export declare const option: (attrs: OptionAttrs, content?: string) => OptionEl;
+export declare const textarea: (attrs: TextareaAttrs, content?: string) => TextareaEl;
+export declare const button: (attrs: ButtonAttrs, ...children: (PhrasingContent | string)[]) => ButtonEl;
+export declare const iframe: (attrs: IframeAttrs) => IframeEl;
+export declare const video: (attrs: VideoAttrs, ...children: (SourceEl | string)[]) => VideoEl;
+export declare const audio: (attrs: AudioAttrs, ...children: (SourceEl | string)[]) => AudioEl;
+export declare const source: (attrs: SourceAttrs) => SourceEl;
+export declare const canvas: (attrs: GlobalAttrs & {
+    width?: string;
+    height?: string;
+}) => CanvasEl;
+export declare const svg: (attrs: SvgAttrs, ...children: (SvgContent | string)[]) => SvgEl;
+export declare const circle: (attrs: CircleAttrs) => CircleEl;
+export declare const ellipse: (attrs: EllipseAttrs) => EllipseEl;
+export declare const rect: (attrs: RectAttrs) => RectEl;
+export declare const line: (attrs: LineAttrs) => LineEl;
+export declare const polyline: (attrs: PolylineAttrs) => PolylineEl;
+export declare const polygon: (attrs: PolygonAttrs) => PolygonEl;
+export declare const path: (attrs: PathAttrs) => PathEl;
+export declare const svgText: (attrs: TextAttrs, ...children: (TspanEl | string)[]) => TextEl;
+export declare const tspan: (attrs: TspanAttrs, ...children: (TspanEl | string)[]) => TspanEl;
+export declare const g: (attrs: GAttrs, ...children: (SvgContent | string)[]) => GEl;
+export declare const defs: (attrs: DefsAttrs, ...children: SvgContent[]) => DefsEl;
+export declare const symbol: (attrs: SymbolAttrs, ...children: SvgContent[]) => SymbolEl;
+export declare const use: (attrs: UseAttrs) => UseEl;
+export declare const clipPath: (attrs: ClipPathAttrs, ...children: SvgContent[]) => ClipPathEl;
+export declare const mask: (attrs: MaskAttrs, ...children: SvgContent[]) => MaskEl;
+export declare const linearGradient: (attrs: LinearGradientAttrs, ...children: StopEl[]) => LinearGradientEl;
+export declare const radialGradient: (attrs: RadialGradientAttrs, ...children: StopEl[]) => RadialGradientEl;
+export declare const stop: (attrs: StopAttrs) => StopEl;
+export declare const pattern: (attrs: PatternAttrs, ...children: SvgContent[]) => PatternEl;
+export declare const svgImage: (attrs: SvgImageAttrs) => SvgImageEl;
+export declare const foreignObject: (attrs: ForeignObjectAttrs, ...children: (FlowContent | string)[]) => ForeignObjectEl;
+/** Escape HTML special characters. Useful for building safe attribute values. */
+export declare function text(s: string): string;
+/** Wrap a string as a DOM text node (for cases where AnyEl is required). */
+export declare function textNode(s: string): Text;
+export {};

package/dist/html.js

@@ -0,0 +1,90 @@
+import { a as e, b as t, c as l, d as o, e as i, f as r, g as d, j as n, k as p, l as c, m as h, n as b, p as m, q as g, r as f, u, v, w as x, x as y, y as k, z as j, A as q, B as G, C as w, D as E, E as I, F as N, G as O, H as P, I as T, J as _, K as z, L as A, M as B, N as C, O as D, P as F, Q as H, R as J, i as K, S as L, T as M, U as Q, V as R, W as S, X as U, Y as V, Z as W, _ as X, $ as Y, o as Z, a0 as $, a1 as aa, a2 as sa, a3 as ea, a4 as ta, a5 as la, a6 as oa, a7 as ia, a8 as ra, a9 as da, s as na, aa as pa, ab as ca, ac as ha, ad as ba, ae as ma, af as ga, ag as fa, ah as ua, ai as va, aj as xa, ak as ya, al as ka, am as ja, an as qa, ao as Ga, t as wa, ap as Ea, aq as Ia, ar as Na, as as Oa, at as Pa, au as Ta, av as _a, aw as za, ax as Aa } from "./html-C8SnQjvU.js";
+export {
+  e as a,
+  t as abbr,
+  l as article,
+  o as aside,
+  i as audio,
+  r as b,
+  d as blockquote,
+  n as body,
+  p as br,
+  c as button,
+  h as canvas,
+  b as circle,
+  m as clipPath,
+  g as code,
+  f as dd,
+  u as defs,
+  v as div,
+  x as dl,
+  y as dt,
+  k as ellipse,
+  j as em,
+  q as fieldset,
+  G as footer,
+  w as foreignObject,
+  E as form,
+  I as g,
+  N as h1,
+  O as h2,
+  P as h3,
+  T as h4,
+  _ as h5,
+  z as h6,
+  A as head,
+  B as header,
+  C as hr,
+  D as htmlEl,
+  F as i,
+  H as iframe,
+  J as img,
+  K as input,
+  L as label,
+  M as li,
+  Q as line,
+  R as linearGradient,
+  S as link,
+  U as main,
+  V as mask,
+  W as meta,
+  X as nav,
+  Y as ol,
+  Z as option,
+  $ as p,
+  aa as path,
+  sa as pattern,
+  ea as polygon,
+  ta as polyline,
+  la as pre,
+  oa as radialGradient,
+  ia as rect,
+  ra as script,
+  da as section,
+  na as select,
+  pa as small,
+  ca as source,
+  ha as span,
+  ba as stop,
+  ma as strong,
+  ga as style,
+  fa as svg,
+  ua as svgImage,
+  va as svgText,
+  xa as symbol,
+  ya as table,
+  ka as tbody,
+  ja as td,
+  qa as text,
+  Ga as textNode,
+  wa as textarea,
+  Ea as tfoot,
+  Ia as th,
+  Na as thead,
+  Oa as title_,
+  Pa as tr,
+  Ta as tspan,
+  _a as ul,
+  za as use,
+  Aa as video
+};

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export * as html from "./html.js";
+export * from "./widget.js";
+export * from "./form-state.js";
+export * from "./keybinds.js";
+export { attrString, attrNumber, attrBoolean, attrJson, attrsFrom, defineElement } from "./elements.js";
+export type { AttrSchema, PrimitiveAttrSchema } from "./elements.js";

package/dist/index.js

@@ -0,0 +1,72 @@
+import { h as g } from "./html-C8SnQjvU.js";
+import { above as l, beside as p, bindAttr as f, bindCheckbox as x, bindClass as S, bindInput as w, bindSelect as W, bindShow as v, bindText as y, checkboxWidget as k, concat as C, dynamic as E, each as F, eachKeyed as A, focus as I, foldWidget as K, inputWidget as L, map as N, mount as B, narrow as D, numberInputWidget as J, on as T, register as V, selectWidget as j, show as q, stack as z, subscribe as G, subscribeNow as H, template as M, textareaWidget as O, watchAll as P, withScope as Q } from "./widget.js";
+import { createForm as U, createFormState as X, isDirty as Y, isFormValid as Z, shouldShowError as _ } from "./form-state.js";
+import { signal as a } from "@rhi-zone/rainbow";
+import { attrBoolean as ee, attrJson as te, attrNumber as ne, attrString as ie, attrsFrom as oe, defineElement as re } from "./elements.js";
+function c(e, n, t, r, i) {
+  const o = e(
+    n,
+    () => r(t.get()),
+    i
+  ), s = t.subscribe(() => {
+  });
+  return () => {
+    s(), o();
+  };
+}
+function b(e) {
+  const n = a(e.get());
+  function t(i) {
+    const o = i;
+    n.set(o.detail.bindings);
+  }
+  return e.addEventListener("change", t), [n, () => e.removeEventListener("change", t)];
+}
+export {
+  l as above,
+  ee as attrBoolean,
+  te as attrJson,
+  ne as attrNumber,
+  ie as attrString,
+  oe as attrsFrom,
+  p as beside,
+  f as bindAttr,
+  x as bindCheckbox,
+  S as bindClass,
+  w as bindInput,
+  W as bindSelect,
+  v as bindShow,
+  y as bindText,
+  b as bindingsStoreSignal,
+  k as checkboxWidget,
+  C as concat,
+  U as createForm,
+  X as createFormState,
+  re as defineElement,
+  E as dynamic,
+  F as each,
+  A as eachKeyed,
+  I as focus,
+  K as foldWidget,
+  g as html,
+  L as inputWidget,
+  Y as isDirty,
+  Z as isFormValid,
+  c as keybindsContext,
+  N as map,
+  B as mount,
+  D as narrow,
+  J as numberInputWidget,
+  T as on,
+  V as register,
+  j as selectWidget,
+  _ as shouldShowError,
+  q as show,
+  z as stack,
+  G as subscribe,
+  H as subscribeNow,
+  M as template,
+  O as textareaWidget,
+  P as watchAll,
+  Q as withScope
+};