@pixel-loader/solid 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import { JSX } from 'solid-js';
+
+declare const PixelLoader: (props: PixelLoaderProps) => JSX.Element;
+
+interface PixelLoaderProps {
+    preset?: "wave-lr" | "wave-rl" | "wave-tb" | "wave-bt" | "diagonal" | "center-out" | "spiral" | "corners";
+    delayPattern?: number[];
+    size?: number;
+    color?: string;
+    borderRadius?: number;
+    isAnimating?: boolean;
+}
+interface PixelLoaderElement extends HTMLElement {
+    preset?: string;
+    delayPattern?: number[];
+    size?: number;
+    color?: string;
+    borderRadius?: number;
+    isAnimating?: boolean;
+}
+declare module "solid-js" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "pixel-loader": PixelLoaderProps;
+        }
+    }
+}
+
+export { PixelLoader, type PixelLoaderElement, type PixelLoaderProps };

package/dist/index.js

@@ -0,0 +1,17 @@
+// src/component.tsx
+import { jsx } from "solid-js/jsx-runtime";
+var PixelLoader = (props) => {
+  const { size, color, borderRadius, isAnimating, delayPattern, preset } = props;
+  const attributes = {
+    preset,
+    size,
+    color,
+    "border-radius": borderRadius,
+    "is-animating": isAnimating,
+    "delay-pattern": delayPattern ? JSON.stringify(delayPattern) : void 0
+  };
+  return /* @__PURE__ */ jsx("pixel-loader", { ...attributes });
+};
+export {
+  PixelLoader
+};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@pixel-loader/solid",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "Solid wrapper for PixelLoader web component",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "solid-js",
+    "web-components",
+    "lit",
+    "loading-indicator",
+    "loader",
+    "animation"
+  ],
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "dependencies": {
+    "@pixel-loader/core": "0.0.1"
+  },
+  "devDependencies": {
+    "solid-js": "^1.9.11",
+    "typescript": "^5.9.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check ./src",
+    "format": "biome format --write ./src",
+    "clean": "rm -rf dist"
+  }
+}