@danielito1996/compose-svelted 0.2.7-alpha04 → 0.2.8-alpha01

package/package.json

@@ -1,59 +1,73 @@
-{
-  "name": "@danielito1996/compose-svelted",
-  "version": "0.2.7-alpha04",
-  "description": "Compose-like UI toolkit for Svelte, inspired by Jetpack Compose",
-  "license": "MIT",
-  "type": "module",
-  "author": "Daniel Imbert Tabares",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/danielitoCode/compose_svelted"
-  },
-  "homepage": "https://github.com/danielitoCode/compose_svelted#readme",
-  "bugs": {
-    "url": "https://github.com/danielitoCode/compose_svelted/issues"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "svelte": "./dist/index.js"
-    },
-    "./baseline.css": "./dist/core/styles/baseline.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "peerDependencies": {
-    "svelte": "^5.0.0"
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "package": "svelte-package",
-    "prepublishOnly": "npm run package"
-  },
-
-  "devDependencies": {
-    "@sveltejs/package": "^2.3.1",
-    "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "svelte": "^5.43.8",
-    "typescript": "^5.9.0",
-    "vite": "^5.4.0",
-    "tailwindcss": "^4.1.18",
-    "postcss": "^8.5.6",
-    "autoprefixer": "^10.4.23"
-  },
-
-  "keywords": [
-    "svelte",
-    "svelte-components",
-    "ui",
-    "compose",
-    "jetpack-compose",
-    "design-system"
-  ]
-}
+{
+  "name": "@danielito1996/compose-svelted",
+  "version": "0.2.8-alpha01",
+  "description": "Compose-like UI toolkit for Svelte, inspired by Jetpack Compose",
+  "license": "MIT",
+  "type": "module",
+  "author": "Daniel Imbert Tabares",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/danielitoCode/compose_svelted"
+  },
+  "homepage": "https://github.com/danielitoCode/compose_svelted#readme",
+  "bugs": {
+    "url": "https://github.com/danielitoCode/compose_svelted/issues"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "svelte": "./dist/index.js"
+    },
+    "./baseline.css": "./dist/core/styles/baseline.css",
+    "./baseline-safe.css": "./dist/core/styles/baseline-safe.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "svelte": "^5.0.0"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "workspaces": [
+    "playground"
+  ],
+  "scripts": {
+    "dev": "npm run playground:dev",
+    "build": "npm run package",
+    "check": "svelte-check --tsconfig ./playground/tsconfig.app.json && tsc -p ./playground/tsconfig.node.json",
+    "package": "svelte-package",
+    "prepublishOnly": "npm run package",
+
+    "dev:playground": "npm --prefix playground run dev",
+    "playground:dev": "npm --prefix playground run dev",
+    "playground:build": "npm --prefix playground run build",
+    "playground:check": "npm run check"
+  },
+  "devDependencies": {
+    "@tsconfig/svelte": "^5.0.5",
+    "@sveltejs/package": "^2.3.1",
+    "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@types/node": "^24.10.1",
+    "svelte": "^5.43.8",
+    "svelte-check": "^4.3.4",
+    "typescript": "~5.9.3",
+    "vite": "npm:rolldown-vite@7.2.5"
+  },
+  "overrides": {
+    "vite": "npm:rolldown-vite@7.2.5"
+  },
+  "keywords": [
+    "svelte",
+    "svelte-components",
+    "ui",
+    "compose",
+    "jetpack-compose",
+    "design-system"
+  ]
+}

package/dist/components/motion/AnimatedContent.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">
-    import type { ContentTransition } from "../../core/motion/ContentTransition";
-    import { fade } from "../../core/motion/contentTransitions";
-
-    export let targetState: any;
-    export let transition: ContentTransition = fade();
-
-    let currentKey = targetState;
-    let exiting = false;
-
-    let timeoutId: ReturnType<typeof setTimeout> | null = null;
-
-    $: if (targetState !== currentKey) {
-        exiting = true;
-
-        if (timeoutId) clearTimeout(timeoutId);
-
-        timeoutId = setTimeout(() => {
-            currentKey = targetState;
-            exiting = false;
-            timeoutId = null;
-        }, transition.duration);
-    }
-</script>
-
-<div class="relative w-full h-full overflow-hidden">
-    <div
-            class={`w-full h-full transition-all ${
-      exiting ? transition.exit : transition.enter
-    }`}
-    >
-        <slot />
-    </div>
-</div>