rask-ui 0.1.0

package/dist/createQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createQuery.d.ts","sourceRoot":"","sources":["../src/createQuery.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,CAAC,CAAC,IACb;IACE,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,IAAI,CAAC;CACb,GACD;IACE,SAAS,EAAE,KAAK,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEN,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,GAAG;IACrC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,wBAAgB,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CA+DlE"}

package/dist/createQuery.js

@@ -0,0 +1,57 @@
+import { createState } from "./createState";
+export function createQuery(fetcher) {
+    const state = createState({
+        isPending: true,
+        data: null,
+        error: null,
+    });
+    const assign = (newState) => {
+        Object.assign(state, newState);
+    };
+    let currentAbortController;
+    const fetch = () => {
+        currentAbortController?.abort();
+        const abortController = (currentAbortController = new AbortController());
+        fetcher()
+            .then((data) => {
+            if (abortController.signal.aborted) {
+                return;
+            }
+            assign({
+                isPending: false,
+                data,
+                error: null,
+            });
+        })
+            .catch((error) => {
+            if (abortController.signal.aborted) {
+                return;
+            }
+            assign({
+                isPending: false,
+                data: null,
+                error: String(error),
+            });
+        });
+    };
+    fetch();
+    return {
+        get isPending() {
+            return state.isPending;
+        },
+        get data() {
+            return state.data;
+        },
+        get error() {
+            return state.error;
+        },
+        fetch(force) {
+            assign({
+                isPending: true,
+                data: force ? null : state.data,
+                error: null,
+            });
+            fetch();
+        },
+    };
+}

package/dist/createRef.d.ts

@@ -0,0 +1,5 @@
+export declare function createRef<T>(): {
+    (node: T | null): void;
+    current: T | null;
+};
+//# sourceMappingURL=createRef.d.ts.map

package/dist/createRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createRef.d.ts","sourceRoot":"","sources":["../src/createRef.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CAAC,CAAC;WACN,CAAC,GAAG,IAAI;;EAO5B"}

package/dist/createRef.js

@@ -0,0 +1,7 @@
+export function createRef() {
+    function ref(node) {
+        ref.current = node;
+    }
+    ref.current = null;
+    return ref;
+}

package/dist/createState.d.ts

@@ -0,0 +1,2 @@
+export declare function createState<T extends object>(state: T): T;
+//# sourceMappingURL=createState.d.ts.map

package/dist/createState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createState.d.ts","sourceRoot":"","sources":["../src/createState.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAEzD"}

package/dist/createState.js

@@ -0,0 +1,52 @@
+import { getCurrentObserver, Signal } from "./observation";
+export function createState(state) {
+    return getProxy(state);
+}
+const proxyCache = new WeakMap();
+function getProxy(value) {
+    if (proxyCache.has(value)) {
+        return proxyCache.get(value);
+    }
+    const signals = {};
+    const proxy = new Proxy(value, {
+        get(target, key) {
+            const value = Reflect.get(target, key);
+            if (typeof key === "symbol" || typeof value === "function") {
+                return value;
+            }
+            const observer = getCurrentObserver();
+            if (observer) {
+                const signal = (signals[key] = signals[key] || new Signal());
+                observer.subscribeSignal(signal);
+            }
+            if (Array.isArray(value) ||
+                (typeof value === "object" && value !== null)) {
+                return getProxy(value);
+            }
+            return value;
+        },
+        set(target, key, newValue) {
+            if (typeof key === "symbol") {
+                return Reflect.set(target, key, newValue);
+            }
+            const oldValue = Reflect.get(target, key);
+            // We only notify if actual change, though array length actually updates under the hood
+            if (newValue !== oldValue || (Array.isArray(value) && key === "length")) {
+                const signal = signals[key];
+                signal?.notify();
+            }
+            return Reflect.set(target, key, newValue);
+        },
+        deleteProperty(target, key) {
+            if (typeof key === "symbol") {
+                return Reflect.deleteProperty(target, key);
+            }
+            const signal = signals[key];
+            signal?.notify();
+            delete signals[key];
+            return Reflect.deleteProperty(target, key);
+        },
+    });
+    proxyCache.set(value, proxy);
+    return proxy;
+}

package/dist/error.d.ts

@@ -0,0 +1,5 @@
+export declare function ErrorBoundary(props: {
+    error: (error: unknown) => ChildNode | ChildNode[];
+    children: any;
+}): () => any;
+//# sourceMappingURL=error.d.ts.map

package/dist/error.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../src/error.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,SAAS,GAAG,SAAS,EAAE,CAAC;IACnD,QAAQ,EAAE,GAAG,CAAC;CACf,aAKA"}

package/dist/error.js

@@ -0,0 +1,7 @@
+import { getCurrentComponent } from "./component";
+export function ErrorBoundary(props) {
+    const component = getCurrentComponent();
+    return () => {
+        return component.error ? props.error(component.error) : props.children;
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { render } from "./render";
+export { onMount, onCleanup } from "./component";
+export { createContext } from "./createContext";
+export { createState } from "./createState";
+export { createAsync } from "./createAsync";
+export { ErrorBoundary } from "./error";
+export { createQuery } from "./createQuery";
+export { createMutation } from "./createMutation";
+export { createRef } from "./createRef";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/index.js

@@ -0,0 +1,9 @@
+export { render } from "./render";
+export { onMount, onCleanup } from "./component";
+export { createContext } from "./createContext";
+export { createState } from "./createState";
+export { createAsync } from "./createAsync";
+export { ErrorBoundary } from "./error";
+export { createQuery } from "./createQuery";
+export { createMutation } from "./createMutation";
+export { createRef } from "./createRef";

package/dist/jsx-dev-runtime.d.ts

@@ -0,0 +1,4 @@
+export { jsx, jsxs, Fragment, FragmentSymbol } from './jsx-runtime';
+export type { JSX } from './jsx-runtime';
+export { jsx as jsxDEV } from './jsx-runtime';
+//# sourceMappingURL=jsx-dev-runtime.d.ts.map

package/dist/jsx-dev-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-dev-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-dev-runtime.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAIzC,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,MAAM,eAAe,CAAC"}

package/dist/jsx-dev-runtime.js

@@ -0,0 +1,5 @@
+// JSX dev runtime - adds jsxDEV for development mode
+export { jsx, jsxs, Fragment, FragmentSymbol } from './jsx-runtime';
+// In development mode, TypeScript uses jsxDEV instead of jsx
+// We just alias it to jsx since we don't need the extra dev-mode params
+export { jsx as jsxDEV } from './jsx-runtime';

package/dist/jsx-runtime.d.ts

@@ -0,0 +1,15 @@
+import type { JSXInternal } from "./jsx";
+export declare const FragmentSymbol: unique symbol;
+export declare function jsx(type: string, props: JSXInternal.HTMLAttributes & JSXInternal.SVGAttributes & Record<string, any>, key?: string): any;
+export declare function jsx<P>(type: (props: P) => any, props: P & {
+    children?: any;
+}, key?: string): any;
+export declare function jsxs(type: string, props: JSXInternal.HTMLAttributes & JSXInternal.SVGAttributes & Record<string, any>, key?: string): any;
+export declare function jsxs<P>(type: (props: P) => any, props: P & {
+    children?: any[];
+}, key?: string): any;
+export declare function Fragment(props?: {
+    children?: any;
+}): any;
+export type { JSXInternal as JSX } from "./jsx";
+//# sourceMappingURL=jsx-runtime.d.ts.map

package/dist/jsx-runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx-runtime.d.ts","sourceRoot":"","sources":["../src/jsx-runtime.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,eAAO,MAAM,cAAc,eAA8C,CAAC;AAE1E,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,GAAG,CAAC,CAAC,EACnB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,EAC7B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAaP,wBAAgB,IAAI,CAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,WAAW,CAAC,cAAc,GAC/B,WAAW,CAAC,aAAa,GACzB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACrB,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AACP,wBAAgB,IAAI,CAAC,CAAC,EACpB,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,EACvB,KAAK,EAAE,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,EAC/B,GAAG,CAAC,EAAE,MAAM,GACX,GAAG,CAAC;AAKP,wBAAgB,QAAQ,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,GAAG,CAExD;AAKD,YAAY,EAAE,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}

package/dist/jsx-runtime.js

@@ -0,0 +1,19 @@
+import { jsx as internalJsx } from "./render";
+export const FragmentSymbol = Symbol.for("superfine-components.Fragment");
+export function jsx(type, props, key) {
+    const { children, ...restProps } = props;
+    const finalProps = key !== undefined ? { ...restProps, key } : restProps;
+    const finalChildren = Array.isArray(children)
+        ? children
+        : children === undefined
+            ? []
+            : [children];
+    return internalJsx(type, finalProps, finalChildren);
+}
+export function jsxs(type, props, key) {
+    return jsx(type, props, key);
+}
+export function Fragment(props) {
+    return props?.children;
+}
+Fragment.$$typeof = FragmentSymbol;

package/dist/jsx.d.ts

@@ -0,0 +1,257 @@
+// JSX type definitions
+// Note: This is JSXInternal, which gets renamed to JSX on export from jsx-runtime
+import type { Ref } from "./state";
+
+export namespace JSXInternal {
+  export type Element = any;
+
+  export interface ElementAttributesProperty {
+    props: {};
+  }
+
+  export interface ElementChildrenAttribute {
+    children: {};
+  }
+
+  export interface IntrinsicAttributes {
+    key?: any;
+  }
+
+  // CSS Properties
+  export type CSSProperties = {
+    [key: string]: string | number | undefined;
+  };
+
+  // Common HTML Attributes
+  export interface HTMLAttributes<T = HTMLElement> {
+    ref?: Ref<T> | ((element: T | null) => void);
+    id?: string;
+    class?: string | Record<string, boolean>;
+    style?: string | CSSProperties;
+    title?: string;
+    role?: string;
+    tabIndex?: number;
+
+    onClick?: (event: MouseEvent) => void;
+    onDblClick?: (event: MouseEvent) => void;
+    onChange?: (event: Event) => void;
+    onInput?: (event: Event) => void;
+    onSubmit?: (event: Event) => void;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onKeyUp?: (event: KeyboardEvent) => void;
+    onKeyPress?: (event: KeyboardEvent) => void;
+    onMouseDown?: (event: MouseEvent) => void;
+    onMouseUp?: (event: MouseEvent) => void;
+    onMouseEnter?: (event: MouseEvent) => void;
+    onMouseLeave?: (event: MouseEvent) => void;
+    onMouseMove?: (event: MouseEvent) => void;
+    onMouseOver?: (event: MouseEvent) => void;
+    onMouseOut?: (event: MouseEvent) => void;
+    onWheel?: (event: WheelEvent) => void;
+    onScroll?: (event: Event) => void;
+    onTouchStart?: (event: TouchEvent) => void;
+    onTouchEnd?: (event: TouchEvent) => void;
+    onTouchMove?: (event: TouchEvent) => void;
+    onTouchCancel?: (event: TouchEvent) => void;
+
+    [key: `aria-${string}`]: string | boolean | number | undefined;
+    [key: `data-${string}`]: string | boolean | number | undefined;
+
+    children?: any;
+  }
+
+  export interface AnchorHTMLAttributes<T = HTMLAnchorElement>
+    extends HTMLAttributes<T> {
+    href?: string;
+    target?: "_blank" | "_self" | "_parent" | "_top";
+    rel?: string;
+    download?: string;
+  }
+
+  export interface ButtonHTMLAttributes<T = HTMLButtonElement>
+    extends HTMLAttributes<T> {
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+  }
+
+  export interface FormHTMLAttributes<T = HTMLFormElement>
+    extends HTMLAttributes<T> {
+    action?: string;
+    method?: "get" | "post";
+    enctype?: string;
+    target?: string;
+    noValidate?: boolean;
+  }
+
+  export interface InputHTMLAttributes<T = HTMLInputElement>
+    extends HTMLAttributes<T> {
+    type?:
+      | "button"
+      | "checkbox"
+      | "color"
+      | "date"
+      | "datetime-local"
+      | "email"
+      | "file"
+      | "hidden"
+      | "image"
+      | "month"
+      | "number"
+      | "password"
+      | "radio"
+      | "range"
+      | "reset"
+      | "search"
+      | "submit"
+      | "tel"
+      | "text"
+      | "time"
+      | "url"
+      | "week";
+    value?: string | number;
+    defaultValue?: string | number;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    min?: string | number;
+    max?: string | number;
+    step?: string | number;
+    pattern?: string;
+    accept?: string;
+    multiple?: boolean;
+    autoComplete?: string;
+    autoFocus?: boolean;
+  }
+
+  export interface LabelHTMLAttributes<T = HTMLLabelElement>
+    extends HTMLAttributes<T> {
+    htmlFor?: string;
+    for?: string;
+  }
+
+  export interface SelectHTMLAttributes<T = HTMLSelectElement>
+    extends HTMLAttributes<T> {
+    value?: string | string[];
+    defaultValue?: string | string[];
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    multiple?: boolean;
+    size?: number;
+  }
+
+  export interface OptionHTMLAttributes<T = HTMLOptionElement>
+    extends HTMLAttributes<T> {
+    value?: string | number;
+    selected?: boolean;
+    disabled?: boolean;
+    label?: string;
+  }
+
+  export interface TextareaHTMLAttributes<T = HTMLTextAreaElement>
+    extends HTMLAttributes<T> {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    rows?: number;
+    cols?: number;
+    maxLength?: number;
+    wrap?: "soft" | "hard";
+  }
+
+  export interface FieldsetHTMLAttributes<T = HTMLFieldSetElement>
+    extends HTMLAttributes<T> {
+    disabled?: boolean;
+    name?: string;
+  }
+
+  export interface ImgHTMLAttributes<T = HTMLImageElement>
+    extends HTMLAttributes<T> {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    loading?: "eager" | "lazy";
+    crossOrigin?: "anonymous" | "use-credentials";
+  }
+
+  export interface SVGAttributes<T = SVGElement> extends HTMLAttributes<T> {
+    xmlns?: string;
+    viewBox?: string;
+    width?: number | string;
+    height?: number | string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+  }
+
+  // Intrinsic Elements
+  export interface IntrinsicElements {
+    a: AnchorHTMLAttributes<HTMLAnchorElement>;
+    abbr: HTMLAttributes<HTMLElement>;
+    address: HTMLAttributes<HTMLElement>;
+    article: HTMLAttributes<HTMLElement>;
+    aside: HTMLAttributes<HTMLElement>;
+    b: HTMLAttributes<HTMLElement>;
+    blockquote: HTMLAttributes<HTMLQuoteElement>;
+    body: HTMLAttributes<HTMLBodyElement>;
+    br: HTMLAttributes<HTMLBRElement>;
+    button: ButtonHTMLAttributes<HTMLButtonElement>;
+    canvas: HTMLAttributes<HTMLCanvasElement>;
+    code: HTMLAttributes<HTMLElement>;
+    div: HTMLAttributes<HTMLDivElement>;
+    em: HTMLAttributes<HTMLElement>;
+    fieldset: FieldsetHTMLAttributes<HTMLFieldSetElement>;
+    footer: HTMLAttributes<HTMLElement>;
+    form: FormHTMLAttributes<HTMLFormElement>;
+    h1: HTMLAttributes<HTMLHeadingElement>;
+    h2: HTMLAttributes<HTMLHeadingElement>;
+    h3: HTMLAttributes<HTMLHeadingElement>;
+    h4: HTMLAttributes<HTMLHeadingElement>;
+    h5: HTMLAttributes<HTMLHeadingElement>;
+    h6: HTMLAttributes<HTMLHeadingElement>;
+    head: HTMLAttributes<HTMLHeadElement>;
+    header: HTMLAttributes<HTMLElement>;
+    hr: HTMLAttributes<HTMLHRElement>;
+    html: HTMLAttributes<HTMLHtmlElement>;
+    i: HTMLAttributes<HTMLElement>;
+    img: ImgHTMLAttributes<HTMLImageElement>;
+    input: InputHTMLAttributes<HTMLInputElement>;
+    label: LabelHTMLAttributes<HTMLLabelElement>;
+    legend: HTMLAttributes<HTMLLegendElement>;
+    li: HTMLAttributes<HTMLLIElement>;
+    main: HTMLAttributes<HTMLElement>;
+    nav: HTMLAttributes<HTMLElement>;
+    ol: HTMLAttributes<HTMLOListElement>;
+    option: OptionHTMLAttributes<HTMLOptionElement>;
+    p: HTMLAttributes<HTMLParagraphElement>;
+    pre: HTMLAttributes<HTMLPreElement>;
+    section: HTMLAttributes<HTMLElement>;
+    select: SelectHTMLAttributes<HTMLSelectElement>;
+    small: HTMLAttributes<HTMLElement>;
+    span: HTMLAttributes<HTMLSpanElement>;
+    strong: HTMLAttributes<HTMLElement>;
+    style: HTMLAttributes<HTMLStyleElement>;
+    textarea: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    ul: HTMLAttributes<HTMLUListElement>;
+
+    // SVG
+    svg: SVGAttributes<SVGSVGElement>;
+    circle: SVGAttributes<SVGCircleElement>;
+    line: SVGAttributes<SVGLineElement>;
+    path: SVGAttributes<SVGPathElement>;
+    rect: SVGAttributes<SVGRectElement>;
+  }
+}

package/dist/jsx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.d.ts","sourceRoot":"","sources":["../src/jsx.ts"],"names":[],"mappings":"AAAA,OAAO,EAAK,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE9D,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,KAAK,EAAE,SAmDlB"}

package/dist/jsx.js

@@ -0,0 +1,42 @@
+import { h } from "snabbdom";
+import { createComponent } from "./component";
+export function jsx(type, props, children) {
+    let flatChildren = children.flat();
+    if (typeof type === "string") {
+        const data = {};
+        for (const key in props) {
+            if (key === "key") {
+                data[key] = props[key];
+                continue;
+            }
+            if (key === "hook") {
+                data[key] = props[key];
+                continue;
+            }
+            if (key === "style") {
+                data.style = props[key];
+                continue;
+            }
+            if (key.startsWith("on")) {
+                data.on = data.on || {};
+                data.on[key.substring(2).toLocaleLowerCase()] = props[key];
+                continue;
+            }
+            if (key.startsWith("data-") || key.startsWith("aria-")) {
+                data.attrs = data.attrs || {};
+                data.attrs[key] = props[key];
+                continue;
+            }
+            if (type === "svg") {
+                data.attrs = data.attrs || {};
+                data.attrs[key] = props[key];
+                continue;
+            }
+            data.props = data.props || {};
+            data.props[key] = props[key];
+        }
+        return h(type, data, flatChildren);
+    }
+    const maybeSingleChild = flatChildren.length === 1 ? flatChildren[0] : flatChildren;
+    return createComponent(type, props, maybeSingleChild);
+}

package/dist/observation.d.ts

@@ -0,0 +1,17 @@
+export declare function getCurrentObserver(): Observer;
+export declare class Signal {
+    private subscribers;
+    subscribe(cb: () => void): () => void;
+    notify(): void;
+}
+export declare class Observer {
+    private signalDisposers;
+    private clearSignals;
+    private onNotify;
+    private isQueued;
+    constructor(onNotify: () => void);
+    subscribeSignal(signal: Signal): void;
+    observe(): () => void;
+    dispose(): void;
+}
+//# sourceMappingURL=observation.d.ts.map

package/dist/observation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"observation.d.ts","sourceRoot":"","sources":["../src/observation.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,aAEjC;AAED,qBAAa,MAAM;IACjB,OAAO,CAAC,WAAW,CAAyB;IAC5C,SAAS,CAAC,EAAE,EAAE,MAAM,IAAI;IAOxB,MAAM;CAGP;AAED,qBAAa,QAAQ;IACnB,OAAO,CAAC,eAAe,CAAyB;IAChD,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,QAAQ,CAAS;gBACb,QAAQ,EAAE,MAAM,IAAI;IAchC,eAAe,CAAC,MAAM,EAAE,MAAM;IAG9B,OAAO;IAOP,OAAO;CAGR"}

package/dist/observation.js

@@ -0,0 +1,50 @@
+const observerStack = [];
+export function getCurrentObserver() {
+    return observerStack[0];
+}
+export class Signal {
+    subscribers = new Set();
+    subscribe(cb) {
+        this.subscribers.add(cb);
+        return () => {
+            this.subscribers.delete(cb);
+        };
+    }
+    notify() {
+        this.subscribers.forEach((cb) => cb());
+    }
+}
+export class Observer {
+    signalDisposers = new Set();
+    clearSignals() {
+        this.signalDisposers.forEach((dispose) => dispose());
+        this.signalDisposers.clear();
+    }
+    onNotify;
+    isQueued = false;
+    constructor(onNotify) {
+        this.onNotify = () => {
+            if (this.isQueued) {
+                return;
+            }
+            queueMicrotask(() => {
+                this.isQueued = false;
+                onNotify();
+            });
+            this.isQueued = true;
+        };
+    }
+    subscribeSignal(signal) {
+        this.signalDisposers.add(signal.subscribe(this.onNotify));
+    }
+    observe() {
+        this.clearSignals();
+        observerStack.unshift(this);
+        return () => {
+            observerStack.shift();
+        };
+    }
+    dispose() {
+        this.clearSignals();
+    }
+}

package/dist/render.d.ts

@@ -0,0 +1,7 @@
+import { type VNode } from "snabbdom";
+import { type Component } from "./component";
+export declare const patch: (oldVnode: VNode | Element | DocumentFragment, vnode: VNode) => VNode;
+export type ChildNode = VNode | string | null | number;
+export declare function render(vnode: VNode, container: HTMLElement): void;
+export declare function jsx(type: string | Component<any>, props: Record<string, unknown>, children: ChildNode[]): VNode;
+//# sourceMappingURL=render.d.ts.map

package/dist/render.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../src/render.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,KAAK,EAEX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE9D,eAAO,MAAM,KAAK,uEAOhB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;AAEvD,wBAAgB,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,QAK1D;AAED,wBAAgB,GAAG,CACjB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,QAAQ,EAAE,SAAS,EAAE,SA6DtB"}