@levita-js/svelte 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Jérôme André
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,34 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let levita_js = require("levita-js");
+
+//#region src/index.ts
+/**
+* Svelte action that applies the Levita 3D tilt effect to an element.
+*
+* @example
+* ```svelte
+* <script>
+*   import { tilt } from '@levita-js/svelte';
+*   import 'levita-js/style.css';
+* <\/script>
+*
+* <div use:tilt={{ glare: true, shadow: true }}>
+*   <h1>Hello</h1>
+* </div>
+* ```
+*/
+function tilt(node, options) {
+	let instance = new levita_js.Levita(node, (0, levita_js.buildOptions)(options ?? {}));
+	return {
+		update(newOptions) {
+			instance.destroy();
+			instance = new levita_js.Levita(node, (0, levita_js.buildOptions)(newOptions ?? {}));
+		},
+		destroy() {
+			instance.destroy();
+		}
+	};
+}
+
+//#endregion
+exports.tilt = tilt;

package/dist/index.d.cts

@@ -0,0 +1,25 @@
+import { LevitaOptions } from "levita-js";
+
+//#region src/index.d.ts
+/**
+ * Svelte action that applies the Levita 3D tilt effect to an element.
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { tilt } from '@levita-js/svelte';
+ *   import 'levita-js/style.css';
+ * </script>
+ *
+ * <div use:tilt={{ glare: true, shadow: true }}>
+ *   <h1>Hello</h1>
+ * </div>
+ * ```
+ */
+declare function tilt(node: HTMLElement, options?: Partial<LevitaOptions>): {
+  update: (options?: Partial<LevitaOptions>) => void;
+  destroy: () => void;
+};
+//#endregion
+export { tilt };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;AAkBA;;;;;;;;;;;;;iBAAgB,IAAA,CACf,IAAA,EAAM,WAAA,EACN,OAAA,GAAU,OAAA,CAAQ,aAAA;EACd,MAAA,GAAS,OAAA,GAAU,OAAA,CAAQ,aAAA;EAAyB,OAAA;AAAA"}

package/dist/index.d.mts

@@ -0,0 +1,25 @@
+import { LevitaOptions } from "levita-js";
+
+//#region src/index.d.ts
+/**
+ * Svelte action that applies the Levita 3D tilt effect to an element.
+ *
+ * @example
+ * ```svelte
+ * <script>
+ *   import { tilt } from '@levita-js/svelte';
+ *   import 'levita-js/style.css';
+ * </script>
+ *
+ * <div use:tilt={{ glare: true, shadow: true }}>
+ *   <h1>Hello</h1>
+ * </div>
+ * ```
+ */
+declare function tilt(node: HTMLElement, options?: Partial<LevitaOptions>): {
+  update: (options?: Partial<LevitaOptions>) => void;
+  destroy: () => void;
+};
+//#endregion
+export { tilt };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;;;;AAkBA;;;;;;;;;;;;;iBAAgB,IAAA,CACf,IAAA,EAAM,WAAA,EACN,OAAA,GAAU,OAAA,CAAQ,aAAA;EACd,MAAA,GAAS,OAAA,GAAU,OAAA,CAAQ,aAAA;EAAyB,OAAA;AAAA"}

package/dist/index.mjs

@@ -0,0 +1,34 @@
+import { Levita, buildOptions } from "levita-js";
+
+//#region src/index.ts
+/**
+* Svelte action that applies the Levita 3D tilt effect to an element.
+*
+* @example
+* ```svelte
+* <script>
+*   import { tilt } from '@levita-js/svelte';
+*   import 'levita-js/style.css';
+* <\/script>
+*
+* <div use:tilt={{ glare: true, shadow: true }}>
+*   <h1>Hello</h1>
+* </div>
+* ```
+*/
+function tilt(node, options) {
+	let instance = new Levita(node, buildOptions(options ?? {}));
+	return {
+		update(newOptions) {
+			instance.destroy();
+			instance = new Levita(node, buildOptions(newOptions ?? {}));
+		},
+		destroy() {
+			instance.destroy();
+		}
+	};
+}
+
+//#endregion
+export { tilt };
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import type { LevitaOptions } from \"levita-js\";\nimport { buildOptions, Levita } from \"levita-js\";\n\n/**\n * Svelte action that applies the Levita 3D tilt effect to an element.\n *\n * @example\n * ```svelte\n * <script>\n *   import { tilt } from '@levita-js/svelte';\n *   import 'levita-js/style.css';\n * </script>\n *\n * <div use:tilt={{ glare: true, shadow: true }}>\n *   <h1>Hello</h1>\n * </div>\n * ```\n */\nexport function tilt(\n\tnode: HTMLElement,\n\toptions?: Partial<LevitaOptions>,\n): { update: (options?: Partial<LevitaOptions>) => void; destroy: () => void } {\n\tlet instance = new Levita(node, buildOptions(options ?? {}));\n\n\treturn {\n\t\tupdate(newOptions?: Partial<LevitaOptions>) {\n\t\t\tinstance.destroy();\n\t\t\tinstance = new Levita(node, buildOptions(newOptions ?? {}));\n\t\t},\n\t\tdestroy() {\n\t\t\tinstance.destroy();\n\t\t},\n\t};\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,SAAgB,KACf,MACA,SAC8E;CAC9E,IAAI,WAAW,IAAI,OAAO,MAAM,aAAa,WAAW,EAAE,CAAC,CAAC;AAE5D,QAAO;EACN,OAAO,YAAqC;AAC3C,YAAS,SAAS;AAClB,cAAW,IAAI,OAAO,MAAM,aAAa,cAAc,EAAE,CAAC,CAAC;;EAE5D,UAAU;AACT,YAAS,SAAS;;EAEnB"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@levita-js/svelte",
+  "version": "0.1.1",
+  "description": "Svelte wrapper for Levita 3D tilt & parallax",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "peerDependencies": {
+    "svelte": ">=5"
+  },
+  "dependencies": {
+    "levita-js": "0.1.1"
+  },
+  "devDependencies": {
+    "svelte": "^5.0.0",
+    "tsdown": "^0.20.3"
+  },
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jeromearsene/levita.git",
+    "directory": "packages/svelte"
+  },
+  "homepage": "https://github.com/jeromearsene/levita#readme",
+  "scripts": {
+    "build": "tsdown"
+  }
+}