svelte-tweakpane-ui 1.2.5 → 1.2.7

package/dist/control/ButtonGrid.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@tweakpane/plugin-essentials';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
 	import Blade from '../core/Blade.svelte';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import { fillWith } from '../utils';

package/dist/control/ButtonGrid.svelte.d.ts

@@ -7,8 +7,8 @@ export type ButtonGridClickEvent = CustomEvent<{
 	index: number;
 	label: string;
 }>;
-import type { ButtonGridApi as ButtonGridRef } from '@tweakpane/plugin-essentials';
-import type { ButtonGridBladeParams as ButtonGridOptions } from '@tweakpane/plugin-essentials/dist/types/button-grid/plugin.d.ts';
+import type { ButtonGridApi as ButtonGridRef } from '@kitschpatrol/tweakpane-plugin-essentials';
+import type { ButtonGridBladeParams as ButtonGridOptions } from '@kitschpatrol/tweakpane-plugin-essentials/dist/types/button-grid/plugin.d.ts';
 declare const __propDef: {
 	props: {
 		/**
@@ -121,6 +121,8 @@ export type ButtonGridSlots = typeof __propDef.slots;
  * Usage outside of a `<Pane>` component will implicitly wrap the button grid in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-essentials) of the plugin with build optimizations. The fork also changes the package name from `@tweakpane/plugin-essentials` to `@kitschpatrol/tweakpane-plugin-essentials` for consistency with other plugins.
+ *
  * @emits {ButtonGridClickEvent} click - When a button in the grid is clicked.
  *
  * @example

package/dist/control/CubicBezier.svelte

@@ -1,8 +1,8 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@tweakpane/plugin-essentials';
-	import { CubicBezier } from '@tweakpane/plugin-essentials';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
+	import { CubicBezier } from '@kitschpatrol/tweakpane-plugin-essentials';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import GenericBladeFolding from '../internal/GenericBladeFolding.svelte';
 	import { fillWith } from '../utils';

package/dist/control/CubicBezier.svelte.d.ts

@@ -10,8 +10,8 @@ export type CubicBezierValueObject = {
 export type CubicBezierValueTuple = [x1: number, y1: number, x2: number, y2: number];
 export type CubicBezierValue = Simplify<CubicBezierValueObject | CubicBezierValueTuple>;
 export type CubicBezierChangeEvent = ValueChangeEvent<CubicBezierValue>;
-import type { CubicBezierApi as CubicBezierRef } from '@tweakpane/plugin-essentials';
-import type { CubicBezierBladeParams as CubicBezierOptions } from '@tweakpane/plugin-essentials/dist/types/cubic-bezier/plugin.d.ts';
+import type { CubicBezierApi as CubicBezierRef } from '@kitschpatrol/tweakpane-plugin-essentials';
+import type { CubicBezierBladeParams as CubicBezierOptions } from '@kitschpatrol/tweakpane-plugin-essentials/dist/types/cubic-bezier/plugin.d.ts';
 declare const __propDef: {
 	props: {
 		/**
@@ -137,11 +137,7 @@ export type CubicBezierSlots = typeof __propDef.slots;
  * Usage outside of a `<Pane>` component will implicitly wrap the cubic bezier control in `<Pane
  * position="inline">`.
  *
- * _Note: An issue with unreleased resources has been observed in situations when the `value` prop is
- * set frequently. A [PR on the Plugin Essentials repo with a
- * fix](https://github.com/tweakpane/plugin-essentials/pull/21) is currently pending a review and
- * merge. Consider monitoring the performance of this component in the context of your use case until
- * this issue is resolved._
+ * Note that _Svelte Tweakpane UI_ embeds a [fork](https://github.com/kitschpatrol/tweakpane-plugin-essentials) of the plugin with build optimizations and [a fix for a performance issue](https://github.com/tweakpane/plugin-essentials/pull/21). The fork also changes the package name from `@tweakpane/plugin-essentials` to `@kitschpatrol/tweakpane-plugin-essentials` for consistency with other plugins.
  *
  * @emits {CubicBezierChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *

package/dist/control/Image.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@kitschpatrol/tweakpane-image-plugin';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-image';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import GenericInput from '../internal/GenericInput.svelte';
 	import { fillWith } from '../utils';

package/dist/control/Image.svelte.d.ts

@@ -130,17 +130,13 @@ export type ImageSlots = typeof __propDef.slots;
  * Dias](https://www.linkedin.com/in/matheusdbs/), [Palash Bansal](https://github.com/repalash), and
  * others.
  *
- * Note that _Svelte Tweakpane UI_ embeds a
- * [fork](https://github.com/kitschpatrol/tweakpane-image-plugin) of the plugin with support for
- * Tweakpane 4. The dependency will be updated to point to the source repository if / when the open
- * [pull request](https://github.com/metehus/tweakpane-image-plugin/pull/1) with Tweakpane 4 support is
- * merged.
- *
  * There is currently a known bug where change events' `origin` values are sometimes incorrect. (This issue is limited to this component.)
  *
  * Usage outside of a `<Pane>` component will implicitly wrap the image control in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-image) of the plugin with build optimizations. The fork also changes the package name to `@kitschpatrol/tweakpane-plugin-image` for consistency with other plugins.
+ *
  * @emits {ImageChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *
  * @example

package/dist/control/IntervalSlider.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@tweakpane/plugin-essentials';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
 	import GenericSlider from '../internal/GenericSlider.svelte';
 	export let value;
 	export let meanValue = void 0;

package/dist/control/IntervalSlider.svelte.d.ts

@@ -56,17 +56,7 @@ declare const __propDef: {
 			 * [Dynamic based on magnitude of
 			 * `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
 			 */
-			pointerScale?: number | undefined /**
-			 * Fires when `value` changes.
-			 *
-			 * _This event is provided for advanced use cases. It's usually preferred to bind to the `value` prop instead._
-			 *
-			 * The `event.details` payload includes a copy of the value and an `origin` field to distinguish between user-interactive changes (`internal`)
-			 * and changes resulting from programmatic manipulation of the `value` (`external`).
-			 *
-			 * @extends ValueChangeEvent
-			 * @event
-			 * */;
+			pointerScale?: number | undefined;
 			/**
 			 * The minimum step interval.
 			 * @default `undefined`  \
@@ -185,6 +175,8 @@ export type IntervalSliderSlots = typeof __propDef.slots;
  * Usage outside of a `<Pane>` component will implicitly wrap the interval slider in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-essentials) of the plugin with build optimizations. The fork also changes the package name from `@tweakpane/plugin-essentials` to `@kitschpatrol/tweakpane-plugin-essentials` for consistency with other plugins.
+ *
  * @emits {IntervalSliderChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *
  * @example

package/dist/control/List.svelte

@@ -53,7 +53,10 @@
 			? options2
 			: isObjectStyleListOptions(options2)
 				? options2
-				: options2.map((value2) => ({ value: value2, text: JSON.stringify(value2) }));
+				: options2.map((value2) => ({
+						value: value2,
+						text: typeof value2 === 'object' ? JSON.stringify(value2) : String(value2)
+					}));
 	}
 	function setValue() {
 		if (!shallowEqual(listBlade.value, value)) {

package/dist/control/RadioGrid.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script generics="T extends boolean | number | string">
-	import * as pluginModule from '@tweakpane/plugin-essentials';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import GenericInput from '../internal/GenericInput.svelte';
 	import { fillWith } from '../utils';

package/dist/control/RadioGrid.svelte.d.ts

@@ -190,6 +190,8 @@ export type RadioGridSlots<T extends boolean | number | string> = ReturnType<
  * Usage outside of a `<Pane>` component will implicitly wrap the radio grid in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-essentials) of the plugin with build optimizations. The fork also changes the package name from `@tweakpane/plugin-essentials` to `@kitschpatrol/tweakpane-plugin-essentials` for consistency with other plugins.
+ *
  * @emits {RadioGridChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *
  * @example

package/dist/control/Ring.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@tweakpane/plugin-camerakit';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-camerakit';
 	import GenericSlider from '../internal/GenericSlider.svelte';
 	export let value;
 	export let series = void 0;

package/dist/control/Ring.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from 'svelte';
-import type { RingSeries } from '@tweakpane/plugin-camerakit/dist/types/util.js';
+import type { RingSeries } from '@kitschpatrol/tweakpane-plugin-camerakit/dist/types/util.js';
 import type { ValueChangeEvent } from '../utils.js';
 type RingUnit = {
 	/**
@@ -198,6 +198,8 @@ export type RingSlots = typeof __propDef.slots;
  *
  * Usage outside of a `<Pane>` component will implicitly wrap the ring in `<Pane position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-camerakit) of the plugin with build optimizations. The fork also changes the package name from `@tweakpane/plugin-camerakit` to `@kitschpatrol/tweakpane-plugin-camerakit` for consistency with other plugins.
+ *
  * @emits {RingChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *
  * @example

package/dist/control/RotationEuler.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@0b5vr/tweakpane-plugin-rotation';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-rotation';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import GenericInputFolding from '../internal/GenericInputFolding.svelte';
 	import { BROWSER } from 'esm-env';

package/dist/control/RotationEuler.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from 'svelte';
-import type { EulerOrder } from '@0b5vr/tweakpane-plugin-rotation/dist/types/EulerOrder.js';
-import type { EulerUnit } from '@0b5vr/tweakpane-plugin-rotation/dist/types/EulerUnit.js';
+import type { EulerOrder } from '@kitschpatrol/tweakpane-plugin-rotation/dist/types/EulerOrder.js';
+import type { EulerUnit } from '@kitschpatrol/tweakpane-plugin-rotation/dist/types/EulerUnit.js';
 import type { PointDimensionParams } from '@tweakpane/core';
 import type { Simplify } from '../utils';
 import type { ValueChangeEvent } from '../utils.js';
@@ -15,7 +15,7 @@ export type RotationEulerValueObject = {
 export type RotationEulerValueTuple = [x: number, y: number, z: number];
 export type RotationEulerValue = Simplify<RotationEulerValueObject | RotationEulerValueTuple>;
 export type RotationEulerChangeEvent = ValueChangeEvent<RotationEulerValue>;
-import type { RotationInputPluginEulerParams as RotationEulerOptionsInternal } from '@0b5vr/tweakpane-plugin-rotation/dist/types/RotationInputPluginEulerParams';
+import type { RotationInputPluginEulerParams as RotationEulerOptionsInternal } from '@kitschpatrol/tweakpane-plugin-rotation/dist/types/RotationInputPluginEulerParams';
 declare const __propDef: {
 	props: {
 		/**
@@ -220,8 +220,7 @@ export type RotationEulerSlots = typeof __propDef.slots;
 /**
  * Integrates the [euler
  * rotation](https://github.com/0b5vr/tweakpane-plugin-rotation/blob/dev/src/RotationInputPluginEuler.ts)
- * control from [0b5vr's](https://0b5vr.com)
- * [tweakpane-plugin-rotation](https://github.com/0b5vr/tweakpane-plugin-rotation).
+ * control from [0b5vr](https://0b5vr.com)'s [tweakpane-plugin-rotation](https://github.com/0b5vr/tweakpane-plugin-rotation).
  *
  * _Svelte Tweakpane UI_ extends the original API to support tuple values in addition to object values.
  * (Useful when working with frameworks like [three.js](https://threejs.org) /
@@ -230,11 +229,13 @@ export type RotationEulerSlots = typeof __propDef.slots;
  * A utility function `Utils.eulerToCssTransform()` is also provided to easily convert a quaternion
  * value object or tuple into a CSS transform string.
  *
- * See also <RotationQuaternion> if you're feeling gimbal locked.
+ * See also `<RotationQuaternion>` if you're feeling gimbal locked.
  *
  * Usage outside of a `<Pane>` component will implicitly wrap the profiler in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-rotation) of the plugin with build optimizations.
+ *
  * @emits {RotationEulerChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *
  * @example

package/dist/control/RotationQuaternion.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@0b5vr/tweakpane-plugin-rotation';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-rotation';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import GenericInputFolding from '../internal/GenericInputFolding.svelte';
 	import { BROWSER } from 'esm-env';

package/dist/control/RotationQuaternion.svelte.d.ts

@@ -14,7 +14,7 @@ export type RotationQuaternionValue = Simplify<
 	RotationQuaternionValueObject | RotationQuaternionValueTuple
 >;
 export type RotationQuaternionChangeEvent = ValueChangeEvent<RotationQuaternionValue>;
-import type { RotationInputPluginQuaternionParams as RotationQuaternionOptionsInternal } from '@0b5vr/tweakpane-plugin-rotation/dist/types/RotationInputPluginQuaternionParams';
+import type { RotationInputPluginQuaternionParams as RotationQuaternionOptionsInternal } from '@kitschpatrol/tweakpane-plugin-rotation/dist/types/RotationInputPluginQuaternionParams';
 declare const __propDef: {
 	props: {
 		/**
@@ -218,8 +218,7 @@ export type RotationQuaternionSlots = typeof __propDef.slots;
 /**
  * Integrates the [quaternion
  * rotation](https://github.com/0b5vr/tweakpane-plugin-rotation/blob/dev/src/RotationInputPluginQuaternion.ts)
- * control from [0b5vr's](https://0b5vr.com)
- * [tweakpane-plugin-rotation](https://github.com/0b5vr/tweakpane-plugin-rotation).
+ * control from [0b5vr](https://0b5vr.com)'s [tweakpane-plugin-rotation](https://github.com/0b5vr/tweakpane-plugin-rotation).
  *
  * _Svelte Tweakpane UI_ extends the original API to support tuple values in addition to object values.
  * (Useful when working with frameworks like [three.js](https://threejs.org) /
@@ -228,11 +227,13 @@ export type RotationQuaternionSlots = typeof __propDef.slots;
  * A utility function `Utils.quaternionToCssTransform()` is also provided to easily convert a euler
  * rotation value object or tuple into a CSS transform string.
  *
- * See also <RotationEuler> if you're not into the whole `w` thing.
+ * See also `<RotationEuler>` if you're not into the whole `w` thing.
  *
  * Usage outside of a `<Pane>` component will implicitly wrap the profiler in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-rotation) of the plugin with build optimizations.
+ *
  * @emits {RotationQuaternionChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *
  * @example

package/dist/control/Textarea.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@pangenerator/tweakpane-textarea-plugin';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-textarea';
 	import GenericInput from '../internal/GenericInput.svelte';
 	import {} from '../utils.js';
 	import { BROWSER } from 'esm-env';

package/dist/control/Textarea.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from 'svelte';
 import type { ValueChangeEvent } from '../utils.js';
 export type TextareaChangeEvent = ValueChangeEvent<string>;
-import type { TextareaPluginInputParams } from '@pangenerator/tweakpane-textarea-plugin/dist/types/plugin.js';
+import type { TextareaPluginInputParams } from '@kitschpatrol/tweakpane-plugin-textarea/dist/types/plugin.js';
 import { type GenericInputRef } from '../internal/GenericInput.svelte';
 declare const __propDef: {
 	props: {
@@ -139,6 +139,8 @@ export type TextareaSlots = typeof __propDef.slots;
  * Usage outside of a `<Pane>` component will implicitly wrap the text area in
  * `<Pane position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-textarea) of the plugin with build optimizations. The fork also changes the package name from `@pangenerator/tweakpane-textarea-plugin` to `@kitschpatrol/tweakpane-plugin-textarea` for consistency with other plugins.
+ *
  * @emits {TextareaChangeEvent} change - When `value` changes. (This event is
  * provided for advanced use cases. Prefer binding to `value`.)
  *

package/dist/control/Wheel.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@tweakpane/plugin-camerakit';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-camerakit';
 	import GenericSlider from '../internal/GenericSlider.svelte';
 	export let value;
 	export let amount = void 0;

package/dist/control/Wheel.svelte.d.ts

@@ -168,6 +168,8 @@ export type WheelSlots = typeof __propDef.slots;
  *
  * Usage outside of a `<Pane>` component will implicitly wrap the wheel in `<Pane position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-camerakit) of the plugin with build optimizations. The fork also changes the package name from `@tweakpane/plugin-camerakit` to `@kitschpatrol/tweakpane-plugin-camerakit` for consistency with other plugins.
+ *
  * @emits {WheelChangeEvent} change - When `value` changes. (This event is provided for advanced use cases. Prefer binding to `value`.)
  *
  * @example

package/dist/core/Binding.svelte

@@ -44,9 +44,13 @@
 		_ref?.dispose();
 	});
 	const dispatch = createEventDispatcher();
+	let lastObject = object;
 	let lastValue = copy(object[key]);
 	let internalChange = false;
 	function onBoundValueChange(object2) {
+		if (lastObject !== object2) {
+			internalChange = false;
+		}
 		if (!shallowEqual(object2[key], lastValue)) {
 			lastValue = copy(object2[key]);
 			dispatch('change', {
@@ -60,6 +64,10 @@
 			}
 		}
 		internalChange = false;
+		if (lastObject !== object2) {
+			lastObject = object2;
+			create();
+		}
 	}
 	function onTweakpaneChange() {
 		internalChange = true;

package/dist/monitor/FpsGraph.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@tweakpane/plugin-essentials';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
 	import Blade from '../core/Blade.svelte';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import { fillWith } from '../utils';

package/dist/monitor/FpsGraph.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from 'svelte';
 export type FpsGraphChangeEvent = CustomEvent<number>;
-import type { FpsGraphBladeApi as FpsGraphRef } from '@tweakpane/plugin-essentials';
-import type { FpsGraphBladeParams as FpsGraphOptions } from '@tweakpane/plugin-essentials/dist/types/fps-graph/plugin.js';
+import type { FpsGraphBladeApi as FpsGraphRef } from '@kitschpatrol/tweakpane-plugin-essentials';
+import type { FpsGraphBladeParams as FpsGraphOptions } from '@kitschpatrol/tweakpane-plugin-essentials/dist/types/fps-graph/plugin.js';
 declare const __propDef: {
 	props: {
 		/**
@@ -145,6 +145,8 @@ export type FpsGraphSlots = typeof __propDef.slots;
  * Usage outside of a `<Pane>` component will implicitly wrap the FPS graph in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-essentials) of the plugin with build optimizations. The fork also changes the package name from `@tweakpane/plugin-essentials` to `@kitschpatrol/tweakpane-plugin-essentials` for consistency with other plugins.
+ *
  * @emits {number} change - When the FPS value changes.
  *
  * @example

package/dist/monitor/Profiler.svelte

@@ -1,7 +1,7 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@0b5vr/tweakpane-plugin-profiler';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-profiler';
 	import Blade from '../core/Blade.svelte';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import { fillWith } from '../utils';

package/dist/monitor/Profiler.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from 'svelte';
-import type { ProfilerBladeMeasureHandler } from '@0b5vr/tweakpane-plugin-profiler';
+import type { ProfilerBladeMeasureHandler } from '@kitschpatrol/tweakpane-plugin-profiler';
 import type { Simplify } from '../utils';
 export type ProfilerCalcMode = 'frame' | 'mean' | 'median';
 export type ProfilerMeasure = (name: string, functionToMeasure: () => void) => void;
@@ -9,8 +9,8 @@ export type ProfilerMeasureAsync = (
 ) => Promise<void>;
 export type ProfilerMeasureHandler = Simplify<ProfilerBladeMeasureHandler>;
 export type ProfilerChangeEvent = CustomEvent<number>;
-import type { ProfilerBladeApi as ProfilerRef } from '@0b5vr/tweakpane-plugin-profiler/dist/types/ProfilerBladeApi.js';
-import type { ProfilerBladePluginParams as ProfilerOptions } from '@0b5vr/tweakpane-plugin-profiler/dist/types/ProfilerBladePluginParams.js';
+import type { ProfilerBladeApi as ProfilerRef } from '@kitschpatrol/tweakpane-plugin-profiler/dist/types/ProfilerBladeApi.js';
+import type { ProfilerBladePluginParams as ProfilerOptions } from '@kitschpatrol/tweakpane-plugin-profiler/dist/types/ProfilerBladePluginParams.js';
 declare const __propDef: {
 	props: {
 		/**
@@ -107,7 +107,7 @@ declare const __propDef: {
 		 *
 		 * The default is fine for most cases when you want to measure a temporal duration.
 		 * @default [`new
-		 * ProfilerBladeDefaultMeasureHandler()`](https://github.com/0b5vr/tweakpane-plugin-profiler/blob/dev/src/ProfilerBladeDefaultMeasureHandler.ts)
+		 * ProfilerBladeDefaultMeasureHandler()`](https://github.com/kitschpatrol/tweakpane-plugin-profiler/blob/dev/src/ProfilerBladeDefaultMeasureHandler.ts)
 		 */
 		measureHandler?:
 			| {
@@ -189,14 +189,16 @@ export type ProfilerSlots = typeof __propDef.slots;
  * Configured to measure a function's execution duration by default, but can be customized to measure
  * anything.
  *
- * Integrates [0b5vr's](https://0b5vr.com)
- * [tweakpane-plugin-profiler](https://github.com/0b5vr/tweakpane-plugin-profiler).
+ * Integrates [kitschpatrol's](https://kitschpatrol.com)
+ * [tweakpane-plugin-profiler](https://github.com/kitschpatrol/tweakpane-plugin-profiler).
  *
  * See `<FpsGraph>` for a simpler alternative optimized for framerate visualization.
  *
  * Usage outside of a `<Pane>` component will implicitly wrap the profiler in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-profiler) of the plugin with build optimizations.
+ *
  * @example
  * ```svelte
  * <script lang="ts">

package/dist/monitor/WaveformMonitor.svelte

@@ -1,11 +1,11 @@
 <script context="module"></script>
 
 <script>
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-waveform';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import GenericMonitor from '../internal/GenericMonitor.svelte';
 	import { fillWith } from '../utils';
 	import { BROWSER } from 'esm-env';
-	import * as pluginModule from 'tweakpane-plugin-waveform';
 	export let value;
 	export let max = void 0;
 	export let min = void 0;

package/dist/monitor/WaveformMonitor.svelte.d.ts

@@ -1,6 +1,6 @@
 import { SvelteComponent } from 'svelte';
 export type WaveformMonitorValue = Uint8Array | Uint16Array | Uint32Array | number[];
-import type { WaveformStyles as WaveformMonitorLineStyle } from 'tweakpane-plugin-waveform/dist/types/view/waveform.js';
+import type { WaveformStyles as WaveformMonitorLineStyle } from '@kitschpatrol/tweakpane-plugin-waveform/dist/types/view/waveform.js';
 declare const __propDef: {
 	props: {
 		/**
@@ -149,6 +149,8 @@ export type WaveformMonitorSlots = typeof __propDef.slots;
  * Usage outside of a `<Pane>` component will implicitly wrap the waveform monitor in `<Pane
  * position="inline">`.
  *
+ * Note that _Svelte Tweakpane UI_ embeds a functionally identical [fork](https://github.com/kitschpatrol/tweakpane-plugin-waveform) of the plugin with build optimizations.
+ *
  * @example
  * ```svelte
  * <script lang="ts">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-tweakpane-ui",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "type": "module",
   "description": "A Svelte component library wrapping UI elements from Tweakpane, plus some additional functionality for convenience and flexibility.",
   "repository": {
@@ -184,40 +184,40 @@
     "svelte": "^4.0.0"
   },
   "dependencies": {
-    "@0b5vr/tweakpane-plugin-profiler": "0.4.1",
-    "@0b5vr/tweakpane-plugin-rotation": "0.2.0",
-    "@kitschpatrol/tweakpane-image-plugin": "2.0.0",
-    "@pangenerator/tweakpane-textarea-plugin": "2.0.0",
+    "@kitschpatrol/tweakpane-plugin-camerakit": "^0.3.0",
+    "@kitschpatrol/tweakpane-plugin-essentials": "^0.2.1",
+    "@kitschpatrol/tweakpane-plugin-image": "^2.0.0",
+    "@kitschpatrol/tweakpane-plugin-profiler": "^0.4.1",
+    "@kitschpatrol/tweakpane-plugin-rotation": "^0.2.0",
+    "@kitschpatrol/tweakpane-plugin-textarea": "^2.0.0",
+    "@kitschpatrol/tweakpane-plugin-waveform": "^1.0.3",
     "@tweakpane/core": "2.0.3",
-    "@tweakpane/plugin-camerakit": "0.3.0",
-    "@tweakpane/plugin-essentials": "0.2.1",
     "esm-env": "1.0.0",
     "fast-copy": "3.0.1",
     "fast-equals": "5.0.1",
     "nanoid": "5.0.6",
     "svelte-local-storage-store": "0.6.4",
-    "tweakpane": "4.0.3",
-    "tweakpane-plugin-waveform": "1.0.0"
+    "tweakpane": "4.0.3"
   },
   "devDependencies": {
-    "@kitschpatrol/shared-config": "^4.6.3",
+    "@kitschpatrol/shared-config": "^4.6.6",
     "@phenomnomnominal/tsquery": "^6.1.3",
     "@playwright/test": "^1.44.0",
     "@stkb/rewrap": "^0.1.0",
     "@sveltejs/adapter-static": "^3.0.1",
-    "@sveltejs/kit": "^2.5.8",
+    "@sveltejs/kit": "^2.5.9",
     "@sveltejs/package": "^2.3.1",
     "@sveltejs/vite-plugin-svelte": "^3.1.0",
     "@types/eslint": "^8.56.10",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.12.11",
+    "@types/node": "^20.12.12",
     "bumpp": "^9.4.1",
     "eslint": "^8.57.0",
     "fs-extra": "^11.2.0",
     "glob": "^10.3.15",
     "npm-run-all": "^4.1.5",
     "postcss-html": "^1.7.0",
-    "publint": "^0.2.7",
+    "publint": "^0.2.8",
     "read-package-up": "^11.0.0",
     "svelte": "^4.2.17",
     "svelte-check": "^3.7.1",
@@ -225,7 +225,7 @@
     "svelte2tsx": "^0.7.8",
     "ts-morph": "^22.0.0",
     "tslib": "^2.6.2",
-    "tsx": "^4.10.2",
+    "tsx": "^4.10.5",
     "typescript": "^5.4.5",
     "vite": "^5.2.11",
     "yaml": "^2.4.2"
@@ -235,7 +235,7 @@
     "build:01-sync": "pnpm run 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",
+    "build:04-format": "pnpm run format && prettier-config --fix ./readme.md",
     "build:05-package": "svelte-package && publint",
     "build:06-heal-dts-comments": "tsx ./scripts/heal-dts-comments.ts",
     "build:07-strip-component-documentation": "tsx ./scripts/strip-component-documentation.ts",
@@ -262,7 +262,7 @@
     "release": "run-s --print-label release:*",
     "release:1-build": "pnpm run build",
     "release:2-version": "pnpm bumpp --commit 'Release: %s' --tag 'v%s'",
-    "release:3-publish": "pnpm publish --no-git-checks --ignore-scripts --otp $(op read 'op://Personal/Npmjs/one-time password?attribute=otp')",
+    "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:*",
     "test:integration": "playwright test",

package/readme.md

@@ -29,13 +29,13 @@
 [![NPM Package svelte-tweakpane-ui](https://img.shields.io/npm/v/svelte-tweakpane-ui.svg)](https://npmjs.com/package/svelte-tweakpane-ui)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![MadeWithSvelte](https://madewithsvelte.com/storage/repo-shields/4860-shield.svg)](https://madewithsvelte.com/p/svelte-tweakpane-ui/shield-link)
-[![Documentation](https://img.shields.io/badge/-Documentation-ffdd00?logo=readthedocs\&logoColor=222222)](https://kitschpatrol.com/svelte-tweakpane-ui)
+[![Documentation](https://img.shields.io/badge/-Documentation-ffdd00?logo=readthedocs&logoColor=222222)](https://kitschpatrol.com/svelte-tweakpane-ui)
 
 <!-- /badges -->
 
 ## Overview
 
-🎛️ **_Svelte Tweakpane UI_** wraps user-interface elements from the excellent [Tweakpane](https://tweakpane.github.io/docs/) library in a collection of 31 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 -->31<!-- /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.
 
@@ -68,6 +68,86 @@ npm install svelte-tweakpane-ui
 <Button on:click={() => alert('🎛️')} />
 ```
 
+## Components
+
+<!-- component-list -->
+
+### Core
+
+- **[Binding](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/binding)**\
+  Wraps the Tweakpane [`addBinding`](https://tweakpane.github.io/docs/input-bindings/) method.
+- **[Blade](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/blade)**\
+  Wraps the Tweakpane [`addBlade`](https://tweakpane.github.io/docs/blades/) method.
+- **[Folder](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/folder)**\
+  Organize multiple controls into a collapsable folder.
+- **[Pane](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/pane)**\
+  The root `<Pane>` component, used for organizing controls into a single group and controlling how and where the Tweakpane is displayed.
+- **[Separator](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/separator)**\
+  A convenience component providing a subtle visual separator between controls, in the spirit of the HTML `<hr>` element.
+- **[TabGroup](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/tabgroup)**\
+  Contains a collection of `<TabPage>` components to be presented as a tabs.
+- **[TabPage](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/tabpage)**\
+  Contains a collection of Tweakpane controls to be presented as a single group inside a `<TabGroup>` component.
+
+### Control
+
+- **[Button](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/button)**\
+  A humble but effective push button.
+- **[ButtonGrid](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/buttongrid)**\
+  A grid of `<Button>` components.
+- **[Checkbox](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/checkbox)**\
+  A checkbox.
+- **[Color](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/color)**\
+  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.
+- **[Image](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/image)**\
+  An image input control.
+- **[IntervalSlider](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/intervalslider)**\
+  A twin-handled slider control for specifying range values.
+- **[List](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/list)**\
+  An option list picker, similar to an HTML `<select>` element.
+- **[Point](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/point)**\
+  Wraps the Tweakpane [point bindings](https://tweakpane.github.io/docs/input-bindings/#point).
+- **[RadioGrid](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/radiogrid)**\
+  A grid of radio buttons.
+- **[Ring](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/ring)**\
+  A control evoking the focus ring on a proper camera lens.
+- **[RotationEuler](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/rotationeuler)**\
+  Integrates the [euler rotation](https://github.com/0b5vr/tweakpane-plugin-rotation/blob/dev/src/RotationInputPluginEuler.ts) control from [0b5vr](https://0b5vr.com)'s [tweakpane-plugin-rotation](https://github.com/0b5vr/tweakpane-plugin-rotation).
+- **[RotationQuaternion](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/rotationquaternion)**\
+  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.
+- **[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)**\
+  A multi-line text input field, in the spirit of the HTML `<textarea>` element.
+- **[Wheel](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/wheel)**\
+  A control evoking a dial on a proper camera body.
+
+### Monitor
+
+- **[FpsGraph](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/fpsgraph)**\
+  A control for monitoring and graphing frame rates over time.
+- **[Monitor](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/monitor)**\
+  Wraps the Tweakpane [monitor binding](https://tweakpane.github.io/docs/monitor-bindings/) functionality for `boolean`, `number`, and `string` values.
+- **[Profiler](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/profiler)**\
+  Measure and visualize multiple quantities over time.
+- **[WaveformMonitor](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/waveformmonitor)**\
+  Visualize multiple numeric values as a waveform.
+
+### Extra
+
+- **[AutoObject](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/autoobject)**\
+  Rapid-development component which automatically creates a set of Tweakpane controls for an arbitrary object.
+- **[AutoValue](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/autovalue)**\
+  Rapid-development component which automatically creates a Tweakpane control for an arbitrary value.
+- **[Element](https://kitschpatrol.com/svelte-tweakpane-ui/docs/components/element)**\
+  A component for embedding arbitrary HTML elements into a pane.
+
+<!-- /component-list -->
+
 ## Maintainers
 
 [@kitschpatrol](https://github.com/kitschpatrol)
@@ -84,6 +164,6 @@ npm install svelte-tweakpane-ui
 
 <!-- /footer -->
 
-***
+---
 
 _Note: This library is not to be confused with Karl Moore's [`svelte-tweakpane`](https://github.com/pierogis/svelte-tweakpane)._