atom-effect-jquery 0.5.0 → 0.6.1

package/dist/index.d.ts

@@ -20,12 +20,12 @@ export declare interface BindingOptions<T> {
     text?: ReactiveValue<T>;
     html?: ReactiveValue<string>;
     class?: Record<string, ReactiveValue<boolean>>;
-    css?: Record<string, ReactiveValue<string | number> | [ReactiveValue<number>, string]>;
+    css?: CssBindings;
     attr?: Record<string, ReactiveValue<string | boolean | null>>;
     prop?: Record<string, ReactiveValue<T>>;
     show?: ReactiveValue<boolean>;
     hide?: ReactiveValue<boolean>;
-    val?: WritableAtom<T>;
+    val?: WritableAtom<T> | [atom: WritableAtom<T>, options: ValOptions<T>];
     checked?: WritableAtom<boolean>;
     on?: Record<string, (e: JQuery.Event) => void>;
 }
@@ -87,6 +87,17 @@ export { computed }
 
 export { ComputedAtom }
 
+/**
+ * CSS bindings map property names to CSS values.
+ */
+declare type CssBindings = Record<string, CssValue>;
+
+/**
+ * CSS value: either a direct reactive value or a tuple of [source, unit].
+ * Named type provides clear bone structure for CSS binding configurations.
+ */
+declare type CssValue = ReactiveValue<string | number> | [source: ReactiveValue<number>, unit: string];
+
 export default default_2;
 
 export declare function disableAutoCleanup(): void;
@@ -133,6 +144,16 @@ export declare const registry: BindingRegistry;
 
 export { untracked }
 
+/**
+ * Configuration options for `atomVal`.
+ */
+declare interface ValOptions<T> {
+    debounce?: number;
+    event?: string;
+    parse?: (v: string) => T;
+    format?: (v: T) => string;
+}
+
 export { WritableAtom }
 
 export { }