svelte-tweakpane-ui 1.3.0 → 1.3.1

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from 'svelte';
-import type { RingSeries } from '@kitschpatrol/tweakpane-plugin-camerakit/dist/types/util.js';
 import type { ValueChangeEvent } from '../utils.js';
+import type { RingSeries } from '@kitschpatrol/tweakpane-plugin-camerakit/dist/types/util.js';
 type RingUnit = {
 	/**
 	 * The value for the unit.
@@ -38,12 +38,12 @@ declare const __propDef: {
 		 * Style variations.
 		 * @default `0`
 		 * */
-		series?: RingSeries | undefined;
+		series?: RingSeries;
 		/**
 		 * Density and value mapping of the ring's tick marks.
 		 * @default `{ ticks: 5, pixels: 40, value: 10 }`
 		 * */
-		unit?: RingUnit | undefined;
+		unit?: RingUnit;
 	} & Omit<
 		{
 			/**
@@ -52,14 +52,14 @@ declare const __propDef: {
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			min?: number | undefined;
+			min?: number;
 			/**
 			 * Maximum value.
 			 *
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			max?: number | undefined;
+			max?: number;
 			/**
 			 * A function to customize the point value's string representation (e.g. rounding, etc.).
 			 * @default `undefined`  \
@@ -71,26 +71,26 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `stepValue` if defined.
 			 */
-			keyScale?: number | undefined;
+			keyScale?: number;
 			/**
 			 * The unit scale for pointer-based input for all dimensions.
 			 * @default `undefined`  \
 			 * [Dynamic based on magnitude of
 			 * `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
 			 */
-			pointerScale?: number | undefined;
+			pointerScale?: number;
 			/**
 			 * The minimum step interval.
 			 * @default `undefined`  \
 			 * No step constraint.
 			 */
-			step?: number | undefined;
+			step?: number;
 			/**
 			 * When `true`, expand the width of the control at the expense of the numeric input
 			 * field.
 			 * @default `false`
 			 */
-			wide?: boolean | undefined;
+			wide?: boolean;
 		} & {
 			/**
 			 * A `number` value to control.
@@ -110,7 +110,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -162,7 +162,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('tweakpane').TpPluginBundle | undefined;
+					plugin?: import('../utils.js').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,

package/dist/control/RotationEuler.svelte

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

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

@@ -1,9 +1,9 @@
 import { SvelteComponent } from 'svelte';
+import type { Simplify } from '../utils';
+import type { ValueChangeEvent } from '../utils.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';
 export type RotationEulerOptions = Simplify<PointDimensionParams>;
 export type RotationEulerOrder = EulerOrder;
 export type RotationEulerUnit = EulerUnit;
@@ -35,16 +35,7 @@ declare const __propDef: {
 		 * object of options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsX?:
-			| {
-					format?: import('@tweakpane/core').Formatter<number> | undefined;
-					keyScale?: number | undefined;
-					max?: number | undefined;
-					min?: number | undefined;
-					pointerScale?: number | undefined;
-					step?: number | undefined;
-			  }
-			| undefined;
+		optionsX?: RotationEulerOptions;
 		/**
 		 * Input parameters specific to the Y dimension.
 		 *
@@ -52,16 +43,7 @@ declare const __propDef: {
 		 * object of options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsY?:
-			| {
-					format?: import('@tweakpane/core').Formatter<number> | undefined;
-					keyScale?: number | undefined;
-					max?: number | undefined;
-					min?: number | undefined;
-					pointerScale?: number | undefined;
-					step?: number | undefined;
-			  }
-			| undefined;
+		optionsY?: RotationEulerOptions;
 		/**
 		 * Input parameters specific to the Z dimension.
 		 *
@@ -69,16 +51,7 @@ declare const __propDef: {
 		 * object of options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsZ?:
-			| {
-					format?: import('@tweakpane/core').Formatter<number> | undefined;
-					keyScale?: number | undefined;
-					max?: number | undefined;
-					min?: number | undefined;
-					pointerScale?: number | undefined;
-					step?: number | undefined;
-			  }
-			| undefined;
+		optionsZ?: RotationEulerOptions;
 		/**
 		 * Order of in which rotations are applied.
 		 *
@@ -87,35 +60,35 @@ declare const __propDef: {
 		 * behavior.
 		 * @default `'XYZ'`
 		 * */
-		order?: EulerOrder | undefined;
+		order?: RotationEulerOrder;
 		/**
 		 * Units of rotation.
 		 * @default `'rad'`
 		 */
-		unit?: EulerUnit | undefined;
+		unit?: RotationEulerUnit;
 	} & Omit<
 		{
 			/**
 			 * DOM class name of the button used to expand and collapse the input's picker.
 			 * @default `undefined`
 			 */
-			buttonClass?: string | undefined;
+			buttonClass?: string;
 			/**
 			 * Expand or collapse the input's picker.
 			 * @default `false`
 			 * @bindable
 			 */
-			expanded?: boolean | undefined;
+			expanded?: boolean;
 			/**
 			 * The style of value "picker" to use in the input.
 			 * @default `'popup'`
 			 */
-			picker?: 'inline' | 'popup' | undefined;
+			picker?: 'inline' | 'popup';
 			/**
 			 * Allow users to interactively expand / contract the picker.
 			 * @default `true`
 			 */
-			userExpandable?: boolean | undefined;
+			userExpandable?: boolean;
 		} & {
 			/**
 			 * The rotation value to control.
@@ -140,7 +113,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -192,7 +165,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
+					plugin?: import('../utils').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,

package/dist/control/RotationQuaternion.svelte

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

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

@@ -1,7 +1,7 @@
 import { SvelteComponent } from 'svelte';
-import type { PointDimensionParams } from '@tweakpane/core';
 import type { Simplify } from '../utils';
 import type { ValueChangeEvent } from '../utils.js';
+import type { PointDimensionParams } from '@tweakpane/core';
 export type RotationQuaternionOptions = Simplify<PointDimensionParams>;
 export type RotationQuaternionValueObject = {
 	x: number;
@@ -32,16 +32,7 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsX?:
-			| {
-					format?: import('@tweakpane/core').Formatter<number> | undefined;
-					keyScale?: number | undefined;
-					max?: number | undefined;
-					min?: number | undefined;
-					pointerScale?: number | undefined;
-					step?: number | undefined;
-			  }
-			| undefined;
+		optionsX?: RotationQuaternionOptions;
 		/**
 		 * Input parameters specific to the Y dimension.
 		 *
@@ -49,16 +40,7 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsY?:
-			| {
-					format?: import('@tweakpane/core').Formatter<number> | undefined;
-					keyScale?: number | undefined;
-					max?: number | undefined;
-					min?: number | undefined;
-					pointerScale?: number | undefined;
-					step?: number | undefined;
-			  }
-			| undefined;
+		optionsY?: RotationQuaternionOptions;
 		/**
 		 * Input parameters specific to the Z dimension.
 		 *
@@ -66,16 +48,7 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsZ?:
-			| {
-					format?: import('@tweakpane/core').Formatter<number> | undefined;
-					keyScale?: number | undefined;
-					max?: number | undefined;
-					min?: number | undefined;
-					pointerScale?: number | undefined;
-					step?: number | undefined;
-			  }
-			| undefined;
+		optionsZ?: RotationQuaternionOptions;
 		/**
 		 * Input parameters specific to the W dimension.
 		 *
@@ -83,39 +56,30 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsW?:
-			| {
-					format?: import('@tweakpane/core').Formatter<number> | undefined;
-					keyScale?: number | undefined;
-					max?: number | undefined;
-					min?: number | undefined;
-					pointerScale?: number | undefined;
-					step?: number | undefined;
-			  }
-			| undefined;
+		optionsW?: RotationQuaternionOptions;
 	} & Omit<
 		{
 			/**
 			 * DOM class name of the button used to expand and collapse the input's picker.
 			 * @default `undefined`
 			 */
-			buttonClass?: string | undefined;
+			buttonClass?: string;
 			/**
 			 * Expand or collapse the input's picker.
 			 * @default `false`
 			 * @bindable
 			 */
-			expanded?: boolean | undefined;
+			expanded?: boolean;
 			/**
 			 * The style of value "picker" to use in the input.
 			 * @default `'popup'`
 			 */
-			picker?: 'inline' | 'popup' | undefined;
+			picker?: 'inline' | 'popup';
 			/**
 			 * Allow users to interactively expand / contract the picker.
 			 * @default `true`
 			 */
-			userExpandable?: boolean | undefined;
+			userExpandable?: boolean;
 		} & {
 			/**
 			 * The quaternion value to control.
@@ -138,7 +102,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -190,7 +154,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
+					plugin?: import('../utils').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,

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

@@ -17,14 +17,14 @@ declare const __propDef: {
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			min?: number | undefined;
+			min?: number;
 			/**
 			 * Maximum value.
 			 *
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			max?: number | undefined;
+			max?: number;
 			/**
 			 * A function to customize the point value's string representation (e.g. rounding, etc.).
 			 * @default `undefined`  \
@@ -36,26 +36,26 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `stepValue` if defined.
 			 */
-			keyScale?: number | undefined;
+			keyScale?: number;
 			/**
 			 * The unit scale for pointer-based input for all dimensions.
 			 * @default `undefined`  \
 			 * [Dynamic based on magnitude of
 			 * `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
 			 */
-			pointerScale?: number | undefined;
+			pointerScale?: number;
 			/**
 			 * The minimum step interval.
 			 * @default `undefined`  \
 			 * No step constraint.
 			 */
-			step?: number | undefined;
+			step?: number;
 			/**
 			 * When `true`, expand the width of the control at the expense of the numeric input
 			 * field.
 			 * @default `false`
 			 */
-			wide?: boolean | undefined;
+			wide?: boolean;
 		} & {
 			/**
 			 * A `number` value to control.
@@ -75,7 +75,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -127,7 +127,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('tweakpane').TpPluginBundle | undefined;
+					plugin?: import('../utils.js').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,

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

@@ -16,7 +16,7 @@ declare const __propDef: {
 		 * vanilla JS Tweakpane behavior, which only updates on blur.
 		 * @default `true`
 		 * */
-		live?: boolean | undefined;
+		live?: boolean;
 	} & Omit<
 		{
 			/**
@@ -37,7 +37,7 @@ declare const __propDef: {
 				 * Prevent interactivity and gray out the control.
 				 * @default `false`
 				 */
-				disabled?: boolean | undefined;
+				disabled?: boolean;
 				/**
 				 * Text displayed next to control.
 				 * @default `undefined`
@@ -89,7 +89,7 @@ declare const __propDef: {
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('tweakpane').TpPluginBundle | undefined;
+				plugin?: import('../utils.js').Plugin | undefined;
 			},
 			'object' | 'key'
 		>,

package/dist/control/Textarea.svelte

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

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

@@ -14,19 +14,19 @@ declare const __propDef: {
 		 * Whether to provide live updates to the bound `value` on every keystroke.
 		 * @default `true`
 		 * */
-		live?: boolean | undefined;
+		live?: boolean;
 		/**
 		 * Placeholder text to display when the `value` is empty.
 		 * @default `'Enter text here'`
 		 */
-		placeholder?: string | undefined;
+		placeholder?: string;
 		/**
 		 * The number of lines of text to display.
 		 *
 		 * If lines of input exceed this value, then the text area will scroll.
 		 * @default `3`
 		 */
-		rows?: number | undefined;
+		rows?: number;
 	} & Omit<
 		{
 			/**
@@ -47,7 +47,7 @@ declare const __propDef: {
 				 * Prevent interactivity and gray out the control.
 				 * @default `false`
 				 */
-				disabled?: boolean | undefined;
+				disabled?: boolean;
 				/**
 				 * Text displayed next to control.
 				 * @default `undefined`
@@ -99,7 +99,7 @@ declare const __propDef: {
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('tweakpane').TpPluginBundle | undefined;
+				plugin?: import('../utils.js').Plugin | undefined;
 			},
 			'object' | 'key'
 		>,

package/dist/control/Wheel.svelte

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

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

@@ -13,7 +13,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).
 		 */
-		amount?: number | undefined;
+		amount?: number;
 	} & Omit<
 		{
 			/**
@@ -22,14 +22,14 @@ declare const __propDef: {
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			min?: number | undefined;
+			min?: number;
 			/**
 			 * Maximum value.
 			 *
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			max?: number | undefined;
+			max?: number;
 			/**
 			 * A function to customize the point value's string representation (e.g. rounding, etc.).
 			 * @default `undefined`  \
@@ -41,26 +41,26 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `stepValue` if defined.
 			 */
-			keyScale?: number | undefined;
+			keyScale?: number;
 			/**
 			 * The unit scale for pointer-based input for all dimensions.
 			 * @default `undefined`  \
 			 * [Dynamic based on magnitude of
 			 * `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
 			 */
-			pointerScale?: number | undefined;
+			pointerScale?: number;
 			/**
 			 * The minimum step interval.
 			 * @default `undefined`  \
 			 * No step constraint.
 			 */
-			step?: number | undefined;
+			step?: number;
 			/**
 			 * When `true`, expand the width of the control at the expense of the numeric input
 			 * field.
 			 * @default `false`
 			 */
-			wide?: boolean | undefined;
+			wide?: boolean;
 		} & {
 			/**
 			 * A `number` value to control.
@@ -80,7 +80,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -132,7 +132,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('tweakpane').TpPluginBundle | undefined;
+					plugin?: import('../utils.js').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,

package/dist/core/Binding.svelte.d.ts

@@ -1,11 +1,12 @@
 import { SvelteComponent } from 'svelte';
-import type { BindingApi, BindingParams } from '@tweakpane/core';
 import type { BindingObject } from '../utils';
 import type { ValueChangeEvent } from '../utils.js';
+import type { BindingApi, BindingParams } from '@tweakpane/core';
 export type BindingOptions = BindingParams;
 export type BindingRef = BindingApi;
 export type BindingChangeEvent = ValueChangeEvent<BindingObject>;
 import type { Theme } from '../theme.js';
+import { type Plugin } from '../utils.js';
 declare class __sveltets_Render<
 	T extends BindingObject,
 	U extends BindingOptions,
@@ -20,7 +21,7 @@ declare class __sveltets_Render<
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean | undefined;
+		 * */ disabled?: boolean;
 		/**
 		 * Text displayed next to control.
 		 * @default `undefined`
@@ -67,7 +68,7 @@ declare class __sveltets_Render<
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
 		 *
 		 * @default `undefined`
-		 * */ plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
+		 * */ plugin?: Plugin | undefined;
 	};
 	events(): {
 		/**

package/dist/core/Blade.svelte.d.ts

@@ -4,6 +4,7 @@ export type BladeRef = BladeApi;
 export type BladeOptions = BaseBladeParams;
 export type { Plugin } from '../utils.js';
 import type { Theme } from '../theme.js';
+import { type Plugin } from '../utils.js';
 declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 	props(): {
 		/**
@@ -14,7 +15,7 @@ declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean | undefined;
+		 * */ disabled?: boolean;
 		/**
 		 * Custom color scheme.
 		 * @default `undefined`  \
@@ -43,7 +44,7 @@ declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
 		 *
 		 * @default `undefined`
-		 * */ plugin?: import('tweakpane').TpPluginBundle | undefined;
+		 * */ plugin?: Plugin | undefined;
 	};
 	events(): {} & {
 		[evt: string]: CustomEvent<any>;

package/dist/core/Folder.svelte.d.ts

@@ -8,22 +8,22 @@ declare const __propDef: {
 		 * Unlike a `<Pane>`, a `<Folder>`'s title bar is always visible and the title is always shown.
 		 * It can be set to an empty string if you want an unadorned title bar.
 		 * @default `'Folder'`
-		 * */ title?: string | undefined;
+		 * */ title?: string;
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean | undefined;
+		 * */ disabled?: boolean;
 		/**
 		 * Expand or collapse folder.
 		 *
 		 * When bound it will indicate whether the folder is expanded or collapsed.
 		 * @default `true`
 		 * @bindable
-		 * */ expanded?: boolean | undefined;
+		 * */ expanded?: boolean;
 		/**
 		 * Allow the user to be collapse and expand the folder by clicking its title bar.
 		 * @default `true`
-		 * */ userExpandable?: boolean | undefined;
+		 * */ userExpandable?: boolean;
 		/**
 		 * Custom color scheme.
 		 * @default `undefined`  \