@sigil-dev/types 0.7.7 → 0.8.0

package/index.d.ts

@@ -1,55 +1,88 @@
-/// <reference types="react" />
-
-/**
- * Declare reactive state
- */
-declare function $state<T>(initial: T): T;
-
-declare namespace $state {
-	/**
-	 * Create state without Proxy wrapping for objects/arrays
-	 */
-	export function raw<T>(initial: T): T;
-	/**
-	 * Un-proxy a signal value to get a plain snapshot
-	 */
-	export function snapshot<T>(value: T): T;
-}
-
-/**
- * Declare derived state
- */
-declare function $derived<T>(expression: T): T;
-
-/**
- * Declare a side effect
- */
-declare function $effect(fn: () => void | (() => void)): void;
-
-declare namespace $effect {
-	/**
-	 * Check if inside a reactive tracking context
-	 */
-	export function tracking(): boolean;
-	/**
-	 * Effect that flushes before DOM update
-	 */
-	export function pre(fn: () => void | (() => void)): void;
-}
-
-/**
- * Dev-only reactive inspect
- */
-declare function $inspect(...vals: unknown[]): void;
-
-type Component<P extends Record<string, unknown> = {}> = (
-	props: P & { children?: React.ReactNode },
-) => globalThis.Element;
-
-declare namespace JSX {
-	type Element = any;
-	interface ElementChildrenAttribute {
-		children: {};
-	}
-	interface IntrinsicElements extends React.JSX.IntrinsicElements {}
-}
+/// <reference types="react" />
+
+/**
+ * Declare reactive state
+ */
+declare function $state<T>(initial: T): T;
+
+declare namespace $state {
+	/**
+	 * Create state without Proxy wrapping for objects/arrays
+	 */
+	export function raw<T>(initial: T): T;
+	/**
+	 * Un-proxy a signal value to get a plain snapshot
+	 */
+	export function snapshot<T>(value: T): T;
+}
+
+/**
+ * Declare derived state
+ */
+declare function $derived<T>(expression: T): T;
+
+/**
+ * Declare a side effect
+ */
+declare function $effect(fn: () => void | (() => void)): void;
+
+declare namespace $effect {
+	/**
+	 * Check if inside a reactive tracking context
+	 */
+	export function tracking(): boolean;
+	/**
+	 * Effect that flushes before DOM update
+	 */
+	export function pre(fn: () => void | (() => void)): void;
+}
+
+/**
+ * Dev-only reactive inspect
+ */
+declare function $inspect(...vals: unknown[]): void;
+
+type SigilNode =
+    | string | number | boolean
+    | null | undefined
+    | SigilNode[]
+    | JSX.Element;
+
+interface SigilBaseProps {
+    class?: string;
+    style?: React.CSSProperties | string;
+    children?: SigilNode;
+    bindThis?: unknown;
+}
+
+interface SigilBindProps {
+    bindValue?: string | number;
+    bindChecked?: boolean;
+}
+
+type LowercaseHandlers<T> = {
+    [K in keyof T as K extends `on${string}` ? Lowercase<K & string> : never]?: T[K];
+};
+
+type SigilIntrinsicElements = {
+    [K in keyof React.JSX.IntrinsicElements]:
+        Omit<React.JSX.IntrinsicElements[K], "style" | "children">
+        & SigilBaseProps
+        & LowercaseHandlers<React.JSX.IntrinsicElements[K]>;
+};
+
+declare namespace JSX {
+    type Element = React.JSX.Element;
+    interface ElementClass extends React.JSX.ElementClass {}
+    interface ElementAttributesProperty extends React.JSX.ElementAttributesProperty {}
+    interface ElementChildrenAttribute { children: {}; }
+    interface IntrinsicAttributes extends React.JSX.IntrinsicAttributes {}
+
+    interface IntrinsicElements extends SigilIntrinsicElements {
+        input:    SigilIntrinsicElements["input"]    & SigilBindProps;
+        textarea: SigilIntrinsicElements["textarea"] & SigilBindProps;
+        select:   SigilIntrinsicElements["select"]   & SigilBindProps;
+    }
+}
+
+export type { SigilNode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigil-dev/types",
-  "version": "0.7.7",
+  "version": "0.8.0",
   "type": "module",
   "exports": {
     ".": "./index.d.ts"