svelte-tweakpane-ui 1.3.3 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-tweakpane-ui",
-  "version": "1.3.3",
+  "version": "1.5.0",
   "type": "module",
   "description": "A Svelte component library wrapping UI elements from Tweakpane, plus some additional functionality for convenience and flexibility.",
   "repository": {
@@ -19,7 +19,7 @@
   },
   "license": "MIT",
   "engines": {
-    "node": ">=18.0.0",
+    "node": ">=18.0.0 <23.0.0",
     "pnpm": ">=9.0.0"
   },
   "exports": {
@@ -47,6 +47,10 @@
       "types": "./dist/control/CubicBezier.svelte.d.ts",
       "svelte": "./dist/control/CubicBezier.svelte"
     },
+    "./File.svelte": {
+      "types": "./dist/control/File.svelte.d.ts",
+      "svelte": "./dist/control/File.svelte"
+    },
     "./Image.svelte": {
       "types": "./dist/control/Image.svelte.d.ts",
       "svelte": "./dist/control/Image.svelte"
@@ -83,6 +87,10 @@
       "types": "./dist/control/Slider.svelte.d.ts",
       "svelte": "./dist/control/Slider.svelte"
     },
+    "./Stepper.svelte": {
+      "types": "./dist/control/Stepper.svelte.d.ts",
+      "svelte": "./dist/control/Stepper.svelte"
+    },
     "./Text.svelte": {
       "types": "./dist/control/Text.svelte.d.ts",
       "svelte": "./dist/control/Text.svelte"
@@ -182,12 +190,14 @@
     "npm-package"
   ],
   "peerDependencies": {
-    "svelte": "^4.0.0"
+    "svelte": "^4.0.0 || ^5.0.0"
   },
   "dependencies": {
     "@kitschpatrol/tweakpane-plugin-camerakit": "0.3.1-beta.2",
     "@kitschpatrol/tweakpane-plugin-essentials": "0.2.2-beta.2",
+    "@kitschpatrol/tweakpane-plugin-file-import": "1.1.2-beta.1",
     "@kitschpatrol/tweakpane-plugin-image": "2.0.1-beta.4",
+    "@kitschpatrol/tweakpane-plugin-inputs": "1.0.4-beta.3",
     "@kitschpatrol/tweakpane-plugin-profiler": "0.4.2-beta.2",
     "@kitschpatrol/tweakpane-plugin-rotation": "0.2.1-beta.1",
     "@kitschpatrol/tweakpane-plugin-textarea": "2.0.1-beta.1",
@@ -196,48 +206,47 @@
     "esm-env": "1.0.0",
     "fast-copy": "3.0.2",
     "fast-equals": "5.0.1",
-    "nanoid": "5.0.6",
+    "nanoid": "5.0.7",
     "svelte-persisted-store": "0.11.0",
     "tweakpane": "4.0.4"
   },
   "devDependencies": {
-    "@kitschpatrol/shared-config": "^4.7.10",
-    "@phenomnomnominal/tsquery": "^6.1.3",
-    "@playwright/test": "^1.47.1",
-    "@stkb/rewrap": "^0.1.0",
-    "@sveltejs/adapter-static": "^3.0.5",
-    "@sveltejs/kit": "^2.5.28",
-    "@sveltejs/package": "^2.3.5",
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
-    "@types/eslint": "^8.56.12",
-    "@types/fs-extra": "^11.0.4",
-    "@types/node": "18.0.0",
-    "bumpp": "^9.5.2",
-    "eslint": "^8.57.1",
-    "fs-extra": "^11.2.0",
-    "glob": "^11.0.0",
-    "npm-run-all": "^4.1.5",
-    "postcss-html": "^1.7.0",
-    "publint": "^0.2.11",
-    "read-package-up": "^11.0.0",
-    "remark-mdat": "^0.7.3",
-    "svelte": "^4.2.19",
-    "svelte-check": "^4.0.2",
-    "svelte-language-server": "^0.17.0",
-    "svelte2tsx": "^0.7.19",
-    "ts-morph": "^23.0.0",
-    "tslib": "^2.7.0",
-    "tsx": "^4.19.1",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.6",
-    "yaml": "^2.5.1"
+    "@kitschpatrol/shared-config": "4.7.11",
+    "@phenomnomnominal/tsquery": "6.1.3",
+    "@playwright/test": "1.48.1",
+    "@stkb/rewrap": "0.1.0",
+    "@sveltejs/adapter-static": "3.0.5",
+    "@sveltejs/kit": "2.7.2",
+    "@sveltejs/package": "2.3.5",
+    "@sveltejs/vite-plugin-svelte": "3.1.2",
+    "@types/eslint": "8.56.12",
+    "@types/fs-extra": "11.0.4",
+    "@types/node": "18.19.57",
+    "bumpp": "9.7.1",
+    "eslint": "8.57.1",
+    "fs-extra": "11.2.0",
+    "glob": "11.0.0",
+    "postcss-html": "1.7.0",
+    "publint": "0.2.11",
+    "read-package-up": "11.0.0",
+    "remark-mdat": "0.7.3",
+    "svelte": "4.2.19",
+    "svelte-check": "4.0.5",
+    "svelte-language-server": "0.17.0",
+    "svelte2tsx": "0.7.22",
+    "ts-morph": "24.0.0",
+    "tslib": "2.8.0",
+    "tsx": "4.19.1",
+    "typescript": "5.6.3",
+    "vite": "5.4.9",
+    "yaml": "2.6.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "run-s --print-label build:*",
-    "build:01-sync": "pnpm run check",
+    "build": "pnpm run --sequential /^build:/",
+    "build:01-sync": "pnpm run check && pnpm run svelte-5-check",
     "build:02-exports": "tsx ./scripts/generate-exports.ts",
     "build:03-add-source-links": "tsx ./scripts/add-source-links.ts",
     "build:04-format": "pnpm run format && prettier-config --fix ./readme.md",
@@ -250,6 +259,8 @@
     "build:11-examples-to-docs": "tsx ./scripts/generate-example-components.ts",
     "build:12-acknowledgments-data": "mkdir -p ./docs/src/content/acknowledgments && pnpm licenses list --json > ./docs/src/content/acknowledgments/acknowledgments-lib.json",
     "build:13-build-docs": "pnpm run docs-build",
+    "build:14-build-kit": "pnpm run kit-build",
+    "build:15-build-svelte-5": "pnpm run svelte-5-build",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check-watch": "svelte-kit sync && svelte-check --ignore ./scratch --tsconfig ./tsconfig.json --watch",
     "clean": "rm pnpm-lock.yaml ; git clean -fdX",
@@ -257,7 +268,7 @@
     "docs-dev": "pnpm -C ./docs run dev",
     "docs-preview": "pnpm -C ./docs run preview",
     "fix": "shared-config --fix",
-    "format": "run-s --print-label format:*",
+    "format": "pnpm run --sequential /^format:/",
     "format:1-shared": "shared-config --fix",
     "format:2-embedded": "tsx ./scripts/format-embedded-code.ts",
     "kit-build": "pnpm run kit-examples && vite build",
@@ -265,12 +276,16 @@
     "kit-examples": "tsx ./scripts/generate-kit-examples.ts",
     "kit-preview": "vite preview",
     "lint": "shared-config --check",
-    "release": "run-s --print-label release:*",
+    "release": "pnpm run --sequential /^release:/",
     "release:1-build": "pnpm run build",
     "release:2-version": "bumpp --commit 'Release: %s'",
     "release:3-publish": "pnpm publish --ignore-scripts --otp $(op read 'op://Personal/Npmjs/one-time password?attribute=otp')",
     "rewrap": "rewrap -i --column 100 `find src \\( -name '*.svelte' -o -name '*.ts'  -o -name '*.html' \\) -type f | grep -v src/examples`",
-    "test": "run-s --print-label test:*",
+    "svelte-5-build": "pnpm -C ./svelte-5 run build",
+    "svelte-5-check": "pnpm -C ./svelte-5 run check",
+    "svelte-5-dev": "pnpm -C ./svelte-5 run dev",
+    "svelte-5-preview": "pnpm -C ./svelte-5 run preview",
+    "test": "pnpm run --sequential /^test:/",
     "test:integration": "playwright test",
     "type-check": "tsc --noEmit"
   }

package/readme.md

@@ -34,12 +34,14 @@
 
 ## Overview
 
-🎛️ **_Svelte Tweakpane UI_** wraps user-interface elements from the excellent [Tweakpane](https://tweakpane.github.io/docs/) library in a collection of <!-- component-count -->31<!-- /component-count --> idiomatic, reactive, type-safe, carefully-crafted, and obsessively-documented [Svelte](https://svelte.dev) components.
+🎛️ **_Svelte Tweakpane UI_** wraps user-interface elements from the excellent [Tweakpane](https://tweakpane.github.io/docs/) library in a collection of <!-- component-count -->33<!-- /component-count --> idiomatic, reactive, type-safe, carefully-crafted, and obsessively-documented [Svelte](https://svelte.dev) components.
 
 The library makes it easy to quickly and declaratively add knobs and dials to your projects using components that feel like they were made for Svelte. It also augments Tweakpane with a few [extra features](https://kitschpatrol.com/svelte-tweakpane-ui/docs/features) for your convenience and enjoyment.
 
 [The components](https://kitschpatrol.com/svelte-tweakpane-ui/docs#components) should be useful for integrating controls and value monitoring in parametrically driven artworks, data visualizations, creative tools, simulations, etc.
 
+The library is compatible with both Svelte 4 and Svelte 5.
+
 ## Demo
 
 ![Svelte Tweakpane UI quick demo](./docs/public/quick-demo.gif)
@@ -100,6 +102,8 @@ npm install svelte-tweakpane-ui
   A color picker.
 - **[CubicBezier](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/cubicbezier)**\
   A control for editing a bezier curve. Ideal for tweaking animation easing values.
+- **[File](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/file)**\
+  A file input control.
 - **[Image](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/image)**\
   An image input control.
 - **[IntervalSlider](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/intervalslider)**\
@@ -118,6 +122,8 @@ npm install svelte-tweakpane-ui
   Integrates the [quaternion rotation](https://github.com/0b5vr/tweakpane-plugin-rotation/blob/dev/src/RotationInputPluginQuaternion.ts) control from [0b5vr](https://0b5vr.com)'s [tweakpane-plugin-rotation](https://github.com/0b5vr/tweakpane-plugin-rotation).
 - **[Slider](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/slider)**\
   A slider component providing fine-grained control over numeric values.
+- **[Stepper](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/stepper)**\
+  A control for simple incremental value changes.
 - **[Text](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/text)**\
   A text field, in the spirit of the HTML `<input type="text">` element.
 - **[Textarea](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/textarea)**\