svelte-tweakpane-ui 1.1.1 → 1.1.3

package/dist/{core → control}/Button.svelte.d.ts

@@ -59,7 +59,7 @@ export type ButtonSlots = typeof __propDef.slots;
  * ```
  *
  * @sourceLink
- * [Button.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/core/Button.svelte)
+ * [Button.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/control/Button.svelte)
  */
 export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {}
 export {};

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

@@ -50,7 +50,7 @@ declare const __propDef: {
 			 */
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * Array of names, each of which will become the title of a button in the grid.

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

@@ -70,7 +70,7 @@ declare const __propDef: {
 			 */
 			value: boolean;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	>;
 	events: {
 		[evt: string]: CustomEvent<any>;

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

@@ -113,7 +113,7 @@ declare const __propDef: {
 			 */
 			userExpandable?: boolean | undefined;
 		},
-		'options' | 'ref' | 'plugin' | 'buttonClass'
+		'ref' | 'options' | 'plugin' | 'buttonClass'
 	> & {
 		/**
 		 * A color value to control.

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

@@ -75,7 +75,7 @@ declare const __propDef: {
 			 */
 			userExpandable?: boolean | undefined;
 		},
-		'options' | 'ref' | 'plugin' | 'buttonClass'
+		'ref' | 'options' | 'plugin' | 'buttonClass'
 	> & {
 		/**
 		 * The cubic bezier value to control.

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

@@ -119,7 +119,7 @@ declare const __propDef: {
 			 */
 			step?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * Interval value to control.

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

@@ -52,7 +52,7 @@ declare class __sveltets_Render<T extends any> {
 			 */
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * Value of the selected `options` item.

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

@@ -141,7 +141,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 			 */
 			userExpandable?: boolean | undefined;
 		},
-		'options' | 'ref' | 'plugin' | 'buttonClass'
+		'ref' | 'options' | 'plugin' | 'buttonClass'
 	> & {
 		/**
 		 * A 2D, 3D, or 4D point object to control.

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

@@ -86,7 +86,7 @@ declare class __sveltets_Render<T extends number | string | boolean> {
 			 */
 			value: T;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * Value of selected radio button.

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

@@ -136,7 +136,7 @@ declare const __propDef: {
 			 */
 			step?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * A `number` value to control.

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

@@ -176,7 +176,7 @@ declare const __propDef: {
 			 */
 			userExpandable?: boolean | undefined;
 		},
-		'options' | 'ref' | 'plugin' | 'buttonClass'
+		'ref' | 'options' | 'plugin' | 'buttonClass'
 	> & {
 		/**
 		 * The rotation value to control.

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

@@ -109,7 +109,7 @@ declare const __propDef: {
 			 */
 			userExpandable?: boolean | undefined;
 		},
-		'options' | 'ref' | 'plugin' | 'buttonClass'
+		'ref' | 'options' | 'plugin' | 'buttonClass'
 	> & {
 		/**
 		 * The quaternion value to control.

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

@@ -110,7 +110,7 @@ declare const __propDef: {
 			 */
 			step?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * A `number` value to control.

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

@@ -71,7 +71,7 @@ declare const __propDef: {
 			 */
 			value: string;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * A `string` value to control.

package/dist/control/Textarea.svelte

@@ -40,6 +40,6 @@
 <GenericInput value={_value} bind:ref {options} plugin={pluginModule} {...$$restProps} />
 {#if !BROWSER}
 	<!-- TODO magic numbers -->
-	<div style:background="red" style:height={`calc(${16 * (rows ?? 3)}px - 14px)`} />
+	<div style:height={`calc(${16 * (rows ?? 3)}px - 14px)`} />
 	<!-- <ClsPad keysAdd={fillWith('containerUnitSize', 1)} theme={$$props.theme} /> -->
 {/if}

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

@@ -72,7 +72,7 @@ declare const __propDef: {
 			 */
 			value: string;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * A `string` value to control.

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

@@ -110,7 +110,7 @@ declare const __propDef: {
 			 */
 			step?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * A `number` value to control.

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

@@ -44,7 +44,7 @@ declare const __propDef: {
 			 */
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	>;
 	events: {
 		[evt: string]: CustomEvent<any>;

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

@@ -71,7 +71,7 @@ declare const __propDef: {
 			 */
 			value: string | number | boolean | object;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	>;
 	events: {
 		[evt: string]: CustomEvent<any>;

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

@@ -41,7 +41,7 @@ declare const __propDef: {
 			 */
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
-		'options' | 'disabled' | 'ref' | 'plugin'
+		'ref' | 'disabled' | 'options' | 'plugin'
 	> & {
 		/**
 		 * Maximum height of the element block, in pixels. By default, the element

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { type ButtonClickEvent, default as Button } from './control/Button.svelte';
 export { type ButtonGridClickEvent, default as ButtonGrid } from './control/ButtonGrid.svelte';
 export { default as Checkbox } from './control/Checkbox.svelte';
 export {
@@ -66,7 +67,6 @@ export { default as Textarea } from './control/Textarea.svelte';
 export { default as Wheel } from './control/Wheel.svelte';
 export { type BindingOptions, type BindingRef, default as Binding } from './core/Binding.svelte';
 export { type BladeOptions, type BladeRef, default as Blade } from './core/Blade.svelte';
-export { type ButtonClickEvent, default as Button } from './core/Button.svelte';
 export { default as Folder } from './core/Folder.svelte';
 export { type PanePosition, default as Pane } from './core/Pane.svelte';
 export { default as Separator } from './core/Separator.svelte';

package/dist/index.js

@@ -1,5 +1,6 @@
 // Components
-// essentials (1st party plugins)
+export { default as Button } from './control/Button.svelte';
+// Essentials (1st party plugins)
 export { default as ButtonGrid } from './control/ButtonGrid.svelte';
 export { default as Checkbox } from './control/Checkbox.svelte';
 export { default as Color } from './control/Color.svelte';
@@ -21,7 +22,6 @@ export { default as Wheel } from './control/Wheel.svelte';
 // Core (tweakpane building blocks)
 export { default as Binding } from './core/Binding.svelte';
 export { default as Blade } from './core/Blade.svelte';
-export { default as Button } from './core/Button.svelte';
 export { default as Folder } from './core/Folder.svelte';
 export { default as Pane } from './core/Pane.svelte';
 export { default as Separator } from './core/Separator.svelte';

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

@@ -94,7 +94,7 @@ declare const __propDef: {
 			 */
 			rows?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin' | 'interval'
+		'ref' | 'options' | 'plugin' | 'interval'
 	> & {
 		/**
 		 * A `boolean` value to monitor.

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

@@ -94,7 +94,7 @@ declare const __propDef: {
 			 */
 			rows?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * A `number` value to monitor.

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

@@ -94,7 +94,7 @@ declare const __propDef: {
 			 */
 			rows?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin' | 'interval'
+		'ref' | 'options' | 'plugin' | 'interval'
 	> & {
 		/**
 		 * A `string` value to monitor.

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

@@ -60,7 +60,7 @@ declare const __propDef: {
 			 */
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 			/**
 			 * Lower bound of the FPS graph.

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

@@ -101,7 +101,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 			 */
 			rows?: number | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> &
 		(W extends string
 			? Omit<
@@ -197,7 +197,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 						 */
 						rows?: number | undefined;
 					},
-					'options' | 'ref' | 'plugin' | 'interval'
+					'ref' | 'options' | 'plugin' | 'interval'
 				> & {
 					/**
 					 * A value to monitor.
@@ -304,7 +304,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 							 */
 							rows?: number | undefined;
 						},
-						'options' | 'ref' | 'plugin' | 'interval'
+						'ref' | 'options' | 'plugin' | 'interval'
 					> & {
 						/**
 						 * A value to monitor.
@@ -406,7 +406,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 								 */
 								rows?: number | undefined;
 							},
-							'options' | 'ref' | 'plugin'
+							'ref' | 'options' | 'plugin'
 						> & {
 							/**
 							 * A value to monitor.

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

@@ -76,7 +76,7 @@ declare const __propDef: {
 			 */
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 			/**
 			 * Number of duration samples from which to calculate the delta value when `calcMode` is

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

@@ -104,7 +104,7 @@ declare const __propDef: {
 			 * @bindable
 			 * */;
 		},
-		'options' | 'ref' | 'plugin'
+		'ref' | 'options' | 'plugin'
 	> & {
 		/**
 		 * Waveform values.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-tweakpane-ui",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
   "description": "Wraps UI elements from Tweakpane in a collection of idiomatic Svelte components, and augments Tweakpane with a few extra features for your convenience and enjoyment.",
   "repository": {
@@ -27,6 +27,10 @@
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js"
     },
+    "./Button.svelte": {
+      "types": "./dist/control/Button.svelte.d.ts",
+      "svelte": "./dist/control/Button.svelte"
+    },
     "./ButtonGrid.svelte": {
       "types": "./dist/control/ButtonGrid.svelte.d.ts",
       "svelte": "./dist/control/ButtonGrid.svelte"
@@ -99,10 +103,6 @@
       "types": "./dist/core/Blade.svelte.d.ts",
       "svelte": "./dist/core/Blade.svelte"
     },
-    "./Button.svelte": {
-      "types": "./dist/core/Button.svelte.d.ts",
-      "svelte": "./dist/core/Button.svelte"
-    },
     "./Folder.svelte": {
       "types": "./dist/core/Folder.svelte.d.ts",
       "svelte": "./dist/core/Folder.svelte"