elements-kit 0.0.2 → 0.0.3

package/dist/slot.d.mts

@@ -1,5 +1,4 @@
-import "./polyfill-Bvo2e52W.mjs";
-import { ElementBuilder } from "./builder/index.mjs";
+import { o as ElementBuilder } from "./index-DJejH8Ff.mjs";
 
 //#region src/slot.d.ts
 /**
@@ -22,7 +21,7 @@ declare class Slot {
   set(element: Node): void;
   get(): DocumentFragment | null;
   /** Returns the parent node if the slot is mounted, otherwise `null`. */
-  parent(): ParentNode;
+  parent(): ParentNode | null;
   /** Whether the slot's comment markers are attached to the DOM. */
   isMounted(): boolean;
   private isSame;

package/dist/slot.mjs

@@ -138,6 +138,5 @@ var Slots = class Slots {
 		} });
 	}
 };
-
 //#endregion
-export { $slots, Slot, Slots };
+export { $slots, Slot, Slots };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "elements-kit",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
   "keywords": [
     "webcomponents",
@@ -24,54 +24,82 @@
   ],
   "exports": {
     ".": {
+      "source": "./src/index.ts",
       "import": "./dist/index.mjs",
       "types": "./dist/index.d.ts"
     },
     "./signals": {
-      "import": "./dist/signals.mjs",
-      "types": "./dist/signals.d.ts"
+      "source": "./src/signals/index.ts",
+      "import": "./dist/signals/index.mjs",
+      "types": "./dist/signals/index.d.ts"
+    },
+    "./signals/*": {
+      "source": "./src/signals/lib/*.ts",
+      "import": "./dist/signals/lib/*.mjs",
+      "types": "./dist/signals/lib/*.d.ts"
     },
     "./slot": {
+      "source": "./src/slot.ts",
       "import": "./dist/slot.mjs",
       "types": "./dist/slot.d.ts"
     },
     "./attributes": {
+      "source": "./src/attributes.ts",
       "import": "./dist/attributes.mjs",
       "types": "./dist/attributes.d.ts"
     },
     "./builder": {
+      "source": "./src/builder/index.ts",
       "import": "./dist/builder/index.mjs",
       "types": "./dist/builder/index.d.ts"
     },
     "./builder/dom": {
+      "source": "./src/builder/dom.ts",
       "import": "./dist/builder/dom.mjs",
       "types": "./dist/builder/dom.d.ts"
     },
     "./jsx-runtime": {
+      "source": "./src/jsx-runtime/index.ts",
       "import": "./dist/jsx-runtime/index.mjs",
       "types": "./dist/jsx-runtime/index.d.ts"
     },
     "./jsx-dev-runtime": {
+      "source": "./src/jsx-runtime/index.ts",
       "import": "./dist/jsx-runtime/index.mjs",
       "types": "./dist/jsx-runtime/index.d.ts"
     }
   },
   "scripts": {
-    "demo": "pnpx vite ./demo -c demo/vite.config.ts",
     "build": "tsdown",
+    "build:docs": "pnpm build && pnpm --filter elements-kit-docs build",
     "watch": "tsdown -w",
     "test": "vitest run",
     "test:watch": "vitest"
   },
   "packageManager": "pnpm@10.33.0",
   "devDependencies": {
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "happy-dom": "^20.8.9",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "tsdown": "0.21.7",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2"
   },
   "dependencies": {
-    "alien-signals": "^3.1.2",
     "dom-expressions": "^0.40.6"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
   }
 }

package/dist/signals.d.mts

@@ -1,40 +0,0 @@
-import "./polyfill-Bvo2e52W.mjs";
-import { ValueOrReactive } from "./builder/index.mjs";
-import { computed, effect, effectScope, isComputed, isEffect, isEffectScope, isSignal, signal, signal as signal$1, trigger } from "alien-signals";
-
-//#region src/signals.d.ts
-declare function isReactive<T>(value: ValueOrReactive<T>): value is () => T;
-type Signal<T> = ReturnType<typeof signal$1<T>>;
-declare const batch: (fn: () => void) => void;
-declare const untracked: <T>(fn: () => T) => T;
-/**
- * A decorator that makes a class field reactive by automatically wrapping its value in a signal.
- *
- * The field behaves like a normal property (get/set) but reactivity is tracked under the hood.
- * Any reads will subscribe to the signal and any writes will trigger updates.
- *
- * @example
- * ```ts
- * class Counter {
- *   @reactive()
- *   count: number = 0;
- * }
- *
- * const counter = new Counter();
- * counter.count++;        // Triggers reactivity
- * console.log(counter.count); // Subscribes to changes
- * ```
- *
- * @remarks
- * Equivalent to manually creating a private signal and getter/setter:
- * ```ts
- * class Counter {
- *   #count = signal(0);
- *   get count() { return this.#count(); }
- *   set count(value) { this.#count(value); }
- * }
- * ```
- */
-declare function reactive<This extends object, Value>(source?: (self: This) => Signal<Value>): (_target: unknown, context: ClassFieldDecoratorContext<This, Value>) => (this: This, initialValue: Value) => Value;
-//#endregion
-export { Signal, batch, computed, effect, effectScope, isComputed, isEffect, isEffectScope, isReactive, isSignal, reactive, signal, trigger, untracked };

package/dist/signals.mjs

@@ -1,76 +0,0 @@
-import { computed, effect, effectScope, endBatch, isComputed, isComputed as isComputed$1, isEffect, isEffectScope, isSignal, isSignal as isSignal$1, setActiveSub, signal, signal as signal$1, startBatch, trigger } from "alien-signals";
-
-//#region src/signals.ts
-function isReactive(value) {
-	return isSignal$1(value) || isComputed$1(value);
-}
-const batch = (fn) => {
-	startBatch();
-	try {
-		fn();
-	} finally {
-		endBatch();
-	}
-};
-const untracked = (fn) => {
-	const sub = setActiveSub(void 0);
-	try {
-		return fn();
-	} finally {
-		setActiveSub(sub);
-	}
-};
-/**
-* A decorator that makes a class field reactive by automatically wrapping its value in a signal.
-*
-* The field behaves like a normal property (get/set) but reactivity is tracked under the hood.
-* Any reads will subscribe to the signal and any writes will trigger updates.
-*
-* @example
-* ```ts
-* class Counter {
-*   @reactive()
-*   count: number = 0;
-* }
-*
-* const counter = new Counter();
-* counter.count++;        // Triggers reactivity
-* console.log(counter.count); // Subscribes to changes
-* ```
-*
-* @remarks
-* Equivalent to manually creating a private signal and getter/setter:
-* ```ts
-* class Counter {
-*   #count = signal(0);
-*   get count() { return this.#count(); }
-*   set count(value) { this.#count(value); }
-* }
-* ```
-*/
-function reactive(source) {
-	const signalStore = /* @__PURE__ */ new WeakMap();
-	return (_target, context) => {
-		context.addInitializer(function() {
-			const sig = signalStore.get(this);
-			const writable = !isComputed$1(sig);
-			Object.defineProperty(this, context.name, {
-				get() {
-					return sig();
-				},
-				...writable && { set(value) {
-					sig(value);
-				} },
-				enumerable: true,
-				configurable: true
-			});
-		});
-		return function(initialValue) {
-			signalStore.set(this, source ? source(this) : signal$1(initialValue));
-			return initialValue;
-		};
-	};
-}
-
-//#endregion
-export { batch, computed, effect, effectScope, isComputed, isEffect, isEffectScope, isReactive, isSignal, reactive, signal, trigger, untracked };