svelte-tweakpane-ui 1.6.0-preview.4 → 1.6.0-preview.5

package/dist/extra/AutoObject.svelte.d.ts

@@ -9,19 +9,19 @@ declare const __propDef: {
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.
-		 * */ theme?: Theme | undefined
+		 */ theme?: Theme | undefined
 		/**
 		 * Transforms keys into more pleasant control labels (e.g. capitalization and spaces in lieu of
 		 * camelCase, kebab-case, etc.)
 		 * @default `true`
-		 * */ prettyLabels?: boolean
+		 */ prettyLabels?: boolean
 		/**
 		 * Object to create an automatic set of Tweakpane controls for.
 		 *
 		 * Keys will be used as labels, and a (reasonably) appropriate Tweakpane control will be used
 		 * for each value's type.
 		 * @bindable
-		 * */ object: BindingObject
+		 */ object: BindingObject
 	}
 	slots: {}
 	events: {
@@ -32,10 +32,9 @@ declare const __propDef: {
 		 *
 		 * 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 `object` (`external`).
-		 *
 		 * @extends ValueChangeEvent
 		 * @event
-		 * */
+		 */
 		change: AutoObjectChangeEvent
 	}
 }

package/dist/extra/AutoValue.svelte.d.ts

@@ -3,13 +3,7 @@ import type { ValueChangeEvent } from '../utils.js'
 export type AutoValueChangeEvent = ValueChangeEvent<boolean | number | object | string>
 declare const __propDef: {
 	props: Omit<
-		{
-			/**
-			 * The value to control.
-			 * @bindable
-			 */
-			value: string | number | boolean | object
-		} & Omit<
+		Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
@@ -44,7 +38,6 @@ declare const __propDef: {
 				options?: import('tweakpane').BindingParams | undefined
 				/**
 				 * Custom color scheme.
-				 *
 				 * @default `undefined`  \
 				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 				 * set with `setGlobalDefaultTheme()`.
@@ -59,7 +52,6 @@ declare const __propDef: {
 				 * components wrapping `<Binding>`'s functionality.
 				 *
 				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
 				 * @bindable
 				 * @readonly
 				 */
@@ -72,13 +64,18 @@ declare const __propDef: {
 				 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
 				 *
 				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
 				 * @default `undefined`
 				 */
 				plugin?: import('../utils.js').Plugin | undefined
 			},
 			'object' | 'key'
-		>,
+		> & {
+			/**
+			 * The value to control.
+			 * @bindable
+			 */
+			value: string | number | boolean | object
+		},
 		'ref' | 'options' | 'plugin'
 	>
 	slots: {}
@@ -90,10 +87,9 @@ declare const __propDef: {
 		 *
 		 * 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
-		 * */
+		 */
 		change: AutoValueChangeEvent
 	}
 }

package/dist/extra/Element.svelte

@@ -1,7 +1,7 @@
 <script>
+	import { BROWSER } from 'esm-env'
 	import Blade from '../core/Blade.svelte'
 	import ClsPad from '../internal/ClsPad.svelte'
-	import { BROWSER } from 'esm-env'
 	export let maxHeight = void 0
 	export let resetStyle = true
 	const options = {

package/dist/extra/Element.svelte.d.ts

@@ -1,28 +1,7 @@
 import { SvelteComponent } from 'svelte'
 import type { BladeRef } from '../core/Blade.svelte'
 declare const __propDef: {
-	props: {
-		/**
-		 * Maximum height of the element block, in pixels. By default, the element
-		 * block will expand vertically to fit its contents, but clip any horizontal
-		 * excess.
-		 *
-		 * If a max height is set, it is used as the component height during SSR. If
-		 * the actual element content is less than the max, you will see CLS. If it
-		 * is not set, the contents are rendered... but keep in mind that style and
-		 * other contextual changes during the client render could result in CLS.
-		 * @default `undefined`  \
-		 * No max height.
-		 */
-		maxHeight?: number
-		/**
-		 * Whether to reset the CSS of the element block to its default values.
-		 * Avoids inheritance of Tweakpane's CSS styles. Note that this uses a
-		 * simple `all: initial;` rule.
-		 * @default `true`
-		 */
-		resetStyle?: boolean
-	} & Omit<
+	props: Omit<
 		{
 			/**
 			 * Blade configuration exposing Tweakpane's internal
@@ -50,7 +29,6 @@ declare const __propDef: {
 			 * components wrapping `<Blade>`'s functionality.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @bindable
 			 * @readonly
 			 */
@@ -63,13 +41,33 @@ declare const __propDef: {
 			 * components wrapping `<Blade>`'s functionality in combination with a Tweakpane plugin.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @default `undefined`
 			 */
 			plugin?: import('../core/Blade.svelte').Plugin | undefined
 		},
 		'ref' | 'disabled' | 'options' | 'plugin'
-	>
+	> & {
+		/**
+		 * Maximum height of the element block, in pixels. By default, the element
+		 * block will expand vertically to fit its contents, but clip any horizontal
+		 * excess.
+		 *
+		 * If a max height is set, it is used as the component height during SSR. If
+		 * the actual element content is less than the max, you will see CLS. If it
+		 * is not set, the contents are rendered... but keep in mind that style and
+		 * other contextual changes during the client render could result in CLS.
+		 * @default `undefined`  \
+		 * No max height.
+		 */
+		maxHeight?: number
+		/**
+		 * Whether to reset the CSS of the element block to its default values.
+		 * Avoids inheritance of Tweakpane's CSS styles. Note that this uses a
+		 * simple `all: initial;` rule.
+		 * @default `true`
+		 */
+		resetStyle?: boolean
+	}
 	events: {
 		[evt: string]: CustomEvent<any>
 	}

package/dist/internal/ClsPad.svelte

@@ -1,6 +1,6 @@
 <script>
-	import { getValueOrFallback } from '../theme.js'
 	import { DEV } from 'esm-env'
+	import { getValueOrFallback } from '../theme.js'
 	export let theme = void 0
 	export let keysAdd = []
 	export let keysSubtract = []
@@ -14,7 +14,8 @@
 	}
 	function getTotal(add, sub, extra2 = 0) {
 		return (
-			add.reduce((acc, key) => (acc += getPixelValue(getValueOrFallback(theme, key))), 0) -
+			// eslint-disable-next-line no-return-assign
+			add.reduce((acc, key) => (acc += getPixelValue(getValueOrFallback(theme, key))), 0) - // eslint-disable-next-line no-return-assign
 			sub.reduce((acc, key) => (acc += getPixelValue(getValueOrFallback(theme, key))), 0) +
 			extra2
 		)

package/dist/internal/GenericBinding.svelte

@@ -3,12 +3,12 @@
 <script
 	generics="T extends any, U extends BindingOptions = BindingOptions, V extends BindingRef = BindingRef"
 >
-	import Binding from '../core/Binding.svelte'
 	import { shallowEqual } from 'fast-equals'
+	import Binding from '../core/Binding.svelte'
 	export let value
 	export let ref = void 0
 	export let options = void 0
-	const key = Symbol('key')
+	const key = /* @__PURE__ */ Symbol('key')
 	function getValue() {
 		return value
 	}

package/dist/internal/GenericBinding.svelte.d.ts

@@ -5,13 +5,7 @@ declare class __sveltets_Render<
 	U extends BindingOptions = BindingOptions,
 	V extends BindingRef = BindingRef,
 > {
-	props(): {
-		/**
-		 * The value to control.
-		 * @bindable
-		 * */
-		value: T
-	} & Omit<
+	props(): Omit<
 		{
 			/**
 			 * The binding's target object with values to manipulate.
@@ -45,7 +39,6 @@ declare class __sveltets_Render<
 			options?: U | undefined
 			/**
 			 * Custom color scheme.
-			 *
 			 * @default `undefined`  \
 			 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 			 * set with `setGlobalDefaultTheme()`.
@@ -60,7 +53,6 @@ declare class __sveltets_Render<
 			 * components wrapping `<Binding>`'s functionality.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @bindable
 			 * @readonly
 			 */
@@ -73,13 +65,18 @@ declare class __sveltets_Render<
 			 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @default `undefined`
 			 */
 			plugin?: import('../utils.js').Plugin | undefined
 		},
 		'object' | 'key'
-	>
+	> & {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T
+	}
 	events(): {
 		change: import('../core/Binding.svelte').BindingChangeEvent
 	} & {

package/dist/internal/GenericBladeFolding.svelte

@@ -2,7 +2,7 @@
 
 <script generics="T extends BladeOptions, U extends BladeRef">
 	import Blade from '../core/Blade.svelte'
-	import { updateCollapsibility } from '../utils'
+	import { updateCollapsibility } from '../utils.js'
 	export let options
 	export let ref = void 0
 	export let userExpandable = true

package/dist/internal/GenericBladeFolding.svelte.d.ts

@@ -2,30 +2,6 @@ import { SvelteComponent } from 'svelte'
 import type { BladeOptions, BladeRef } from '../core/Blade.svelte'
 declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
 	props(): {
-		/**
-		 * DOM class name of the button used to expand and collapse the blade's picker.
-		 * @default `undefined`
-		 * */
-		buttonClass?: string
-		/**
-		 * Expand or collapse the blade's picker.
-		 * @default `true`
-		 * @bindable
-		 * */
-		expanded?: boolean
-		/**
-		 * The style of value "picker" to use in the blade.
-		 * @default `'popup'`
-		 */
-		picker?: 'inline' | 'popup'
-		/**
-		 * Allow users to interactively expand / contract the value picker by clicking its icon.
-		 *
-		 * Most useful when `picker` is `inline`.
-		 * @default `true`
-		 * */
-		userExpandable?: boolean
-	} & {
 		/**
 		 * Blade configuration exposing Tweakpane's internal
 		 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
@@ -52,7 +28,6 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
 		 * components wrapping `<Blade>`'s functionality.
 		 *
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-		 *
 		 * @bindable
 		 * @readonly
 		 */
@@ -65,10 +40,33 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
 		 * components wrapping `<Blade>`'s functionality in combination with a Tweakpane plugin.
 		 *
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-		 *
 		 * @default `undefined`
 		 */
-		plugin?: import('../utils').Plugin | undefined
+		plugin?: import('../utils.js').Plugin | undefined
+	} & {
+		/**
+		 * DOM class name of the button used to expand and collapse the blade's picker.
+		 * @default `undefined`
+		 */
+		buttonClass?: string
+		/**
+		 * Expand or collapse the blade's picker.
+		 * @default `true`
+		 * @bindable
+		 */
+		expanded?: boolean
+		/**
+		 * The style of value "picker" to use in the blade.
+		 * @default `'popup'`
+		 */
+		picker?: 'inline' | 'popup'
+		/**
+		 * Allow users to interactively expand / contract the value picker by clicking its icon.
+		 *
+		 * Most useful when `picker` is `inline`.
+		 * @default `true`
+		 */
+		userExpandable?: boolean
 	}
 	events(): {} & {
 		[evt: string]: CustomEvent<any>

package/dist/internal/GenericInput.svelte.d.ts

@@ -7,13 +7,7 @@ declare class __sveltets_Render<
 	U extends GenericInputOptions = GenericInputOptions,
 	V extends GenericInputRef = GenericInputRef,
 > {
-	props(): {
-		/**
-		 * The value to control.
-		 * @bindable
-		 */
-		value: T
-	} & Omit<
+	props(): Omit<
 		{
 			/**
 			 * The binding's target object with values to manipulate.
@@ -47,7 +41,6 @@ declare class __sveltets_Render<
 			options?: U | undefined
 			/**
 			 * Custom color scheme.
-			 *
 			 * @default `undefined`  \
 			 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 			 * set with `setGlobalDefaultTheme()`.
@@ -62,7 +55,6 @@ declare class __sveltets_Render<
 			 * components wrapping `<Binding>`'s functionality.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @bindable
 			 * @readonly
 			 */
@@ -75,13 +67,18 @@ declare class __sveltets_Render<
 			 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @default `undefined`
 			 */
 			plugin?: import('..').Plugin | undefined
 		},
 		'object' | 'key'
-	>
+	> & {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T
+	}
 	events(): {
 		change: import('..').BindingChangeEvent
 	} & {

package/dist/internal/GenericInputFolding.svelte.d.ts

@@ -1,25 +1,96 @@
 import { SvelteComponent } from 'svelte'
 import type { GenericInputOptions, GenericInputRef } from './GenericInput.svelte'
-export type GenericInputFoldingOptions = {
+export type GenericInputFoldingOptions = GenericInputOptions & {
 	expanded?: boolean
-} & GenericInputOptions
+}
 export type GenericInputFoldingRef = GenericInputRef
 declare class __sveltets_Render<
 	T extends any,
 	U extends GenericInputFoldingOptions = GenericInputFoldingOptions,
 	V extends GenericInputFoldingRef = GenericInputFoldingRef,
 > {
-	props(): {
+	props(): Omit<
+		{
+			/**
+			 * The binding's target object with values to manipulate.
+			 * @bindable
+			 */
+			object: import('@tweakpane/core').Bindable & Record<string, T>
+			/** The key for the value in the target `object` that the control should manipulate. */
+			key: string
+			/**
+			 * Prevent interactivity and gray out the control.
+			 * @default `false`
+			 */
+			disabled?: boolean
+			/**
+			 * Text displayed next to control.
+			 * @default `undefined`
+			 */
+			label?: string | undefined
+			/**
+			 * Tweakpane's internal options object.
+			 *
+			 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
+			 *
+			 * Valid types are contingent on the type of the value `key` points to in `object`.
+			 *
+			 * This is intended internal use, when implementing convenience components wrapping Binding's
+			 * functionality. Options of interest are instead exposed as top-level props in _Svelte
+			 * Tweakpane UI_.
+			 * @default `undefined`
+			 */
+			options?: U | undefined
+			/**
+			 * Custom color scheme.
+			 * @default `undefined`  \
+			 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+			 * set with `setGlobalDefaultTheme()`.
+			 */
+			theme?: import('..').Theme | undefined
+			/**
+			 * Reference to internal Tweakpane
+			 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
+			 * this control.
+			 *
+			 * This property is exposed for advanced use cases only, such as when implementing convenience
+			 * components wrapping `<Binding>`'s functionality.
+			 *
+			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+			 * @bindable
+			 * @readonly
+			 */
+			ref?: V | undefined
+			/**
+			 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
+			 * the `<Binding>`'s containing `<Pane>`.
+			 *
+			 * This property is exposed for advanced use cases only, such as when implementing convenience
+			 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
+			 *
+			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+			 * @default `undefined`
+			 */
+			plugin?: import('../utils.js').Plugin | undefined
+		},
+		'object' | 'key'
+	> & {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T
+	} & {
 		/**
 		 * DOM class name of the button used to expand and collapse the input's picker.
 		 * @default `undefined`
-		 * */
+		 */
 		buttonClass?: string
 		/**
 		 * Expand or collapse the input's picker.
 		 * @default `false`
 		 * @bindable
-		 * */
+		 */
 		expanded?: boolean
 		/**
 		 * The style of value "picker" to use in the input.
@@ -29,83 +100,9 @@ declare class __sveltets_Render<
 		/**
 		 * Allow users to interactively expand / contract the picker.
 		 * @default `true`
-		 * */
-		userExpandable?: boolean
-	} & {
-		/**
-		 * The value to control.
-		 * @bindable
 		 */
-		value: T
-	} & Omit<
-			{
-				/**
-				 * The binding's target object with values to manipulate.
-				 * @bindable
-				 */
-				object: import('@tweakpane/core').Bindable & Record<string, T>
-				/** The key for the value in the target `object` that the control should manipulate. */
-				key: string
-				/**
-				 * Prevent interactivity and gray out the control.
-				 * @default `false`
-				 */
-				disabled?: boolean
-				/**
-				 * Text displayed next to control.
-				 * @default `undefined`
-				 */
-				label?: string | undefined
-				/**
-				 * Tweakpane's internal options object.
-				 *
-				 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
-				 *
-				 * Valid types are contingent on the type of the value `key` points to in `object`.
-				 *
-				 * This is intended internal use, when implementing convenience components wrapping Binding's
-				 * functionality. Options of interest are instead exposed as top-level props in _Svelte
-				 * Tweakpane UI_.
-				 * @default `undefined`
-				 */
-				options?: U | undefined
-				/**
-				 * Custom color scheme.
-				 *
-				 * @default `undefined`  \
-				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-				 * set with `setGlobalDefaultTheme()`.
-				 */
-				theme?: import('..').Theme | undefined
-				/**
-				 * Reference to internal Tweakpane
-				 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
-				 * this control.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Binding>`'s functionality.
-				 *
-				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
-				 * @bindable
-				 * @readonly
-				 */
-				ref?: V | undefined
-				/**
-				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
-				 * the `<Binding>`'s containing `<Pane>`.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
-				 *
-				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
-				 * @default `undefined`
-				 */
-				plugin?: import('../utils.js').Plugin | undefined
-			},
-			'object' | 'key'
-		>
+		userExpandable?: boolean
+	}
 	events(): {
 		change: import('..').BindingChangeEvent
 	} & {