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

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

@@ -16,27 +16,83 @@ declare const __propDef: {
 		 *   Note that `<Pane>` is a dynamic component, and availability of additional props will
 		 *   vary depending on the defined `position` value.
 		 * @default `'draggable'`
-		 * */
+		 */
 		position?: PanePosition
 	} & (
-		| ({
-				/**
-				 * Pane mode, one of three options:
-				 * - **'draggable'** *(default)*  \
-				 *   The pane is draggable and resizable, and may be placed anywhere over the page.
-				 * - **'inline'**  \
-				 *   The pane appears inline with other content in the normal flow of the document.  \
-				 *   This is the default mode for components created outside of an explicit `<Pane>`
-				 *   component.*
-				 * - **'fixed'** \
-				 *   Standard Tweakpane behavior where the pane is shown in a fixed position over the page.
-				 *
-				 *   Note that `<Pane>` is a dynamic component, and availability of additional props will
-				 *   vary depending on the defined `position` value.
-				 * @default `'draggable'`
-				 */
-				position: 'fixed'
-		  } & {
+		| (Omit<
+				{
+					/**
+					 * Text in the pane's title bar.
+					 * @default `Tweakpane`  \
+					 * Unless `position="inline"`, in which case the default is `undefined` and no title bar is
+					 * shown.
+					 */
+					title?: string | undefined
+					/**
+					 * Allow users to interactively expand / contract the pane by clicking its title bar.
+					 *
+					 * Hides the collapse button from the title bar when `false`.
+					 * @default `true`
+					 */
+					userExpandable?: boolean
+					/**
+					 * Expand or collapse the pane into its title bar.
+					 * @default `true`
+					 * @bindable
+					 */
+					expanded?: boolean
+					/**
+					 * Custom color scheme.
+					 *
+					 * Applies to all child components, but note that setting a different `theme` on a child
+					 * component's prop will **not** override the parent pane's theme.
+					 *
+					 * Note that `<Pane position="inline' ...>` squares off rounded corners by default to better
+					 * integrate with surrounding content.
+					 *
+					 * Simply pass a custom or default theme like `ThemeUtils.presets.standard` if you want rounded
+					 * corners on an `inline` pane.
+					 *
+					 * See also the `setGlobalDefaultTheme()` for a way to set a custom default theme for all panes
+					 * on the page.
+					 * @default `undefined`  \
+					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+					 * set with `setGlobalDefaultTheme()`.
+					 */
+					theme?: import('..').Theme | undefined
+					/**
+					 * Scales the pane's elements by a factor of `scale` to make it easier to see.
+					 *
+					 * Holds the width of the pane constant, so the pane will grow taller as it is scaled and will
+					 * continue to respect position- and size-related props. If you need more breathing room, set
+					 * the `width` property on the pane.
+					 *
+					 * Note that the scaling prop is only available on `<Pane>`, not on stand-alone (implicitly
+					 * wrapped) inline elements.
+					 *
+					 * Negative values are ignored.
+					 * @default `1`
+					 */
+					scale?: number
+					/** Internal use only. */
+					userCreatedPane?: boolean
+					/**
+					 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
+					 *
+					 * This property is exposed for advanced use cases only.
+					 *
+					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+					 *
+					 * Note that the `Pane` type for this property comes from the core Tweakpane library.
+					 * Creating an alias is suggested to avoid confusion with the _Svelte Tweakpane UI_ `Pane`
+					 * component: e.g. `import { type Pane as TpPane } from 'tweakpane'`
+					 * @bindable
+					 * @readonly
+					 */
+					tpPane?: import('tweakpane').Pane | undefined
+				},
+				'userCreatedPane'
+		  > & {
 				/**
 				 * Horizontal position of the pane relative to the left edge of the window, in pixels.
 				 *
@@ -75,82 +131,7 @@ declare const __propDef: {
 				 * @bindable
 				 */
 				width?: number
-		  } & Omit<
-					{
-						/**
-						 * Text in the pane's title bar.
-						 * @default `Tweakpane`  \
-						 * Unless `position="inline"`, in which case the default is `undefined` and no title bar is
-						 * shown.
-						 */
-						title?: string | undefined
-						/**
-						 * Allow users to interactively expand / contract the pane by clicking its title bar.
-						 *
-						 * Hides the collapse button from the title bar when `false`.
-						 * @default `true`
-						 */
-						userExpandable?: boolean
-						/**
-						 * Expand or collapse the pane into its title bar.
-						 * @default `true`
-						 * @bindable
-						 */
-						expanded?: boolean
-						/**
-						 * Custom color scheme.
-						 *
-						 * Applies to all child components, but note that setting a different `theme` on a child
-						 * component's prop will **not** override the parent pane's theme.
-						 *
-						 * Note that `<Pane position="inline' ...>` squares off rounded corners by default to better
-						 * integrate with surrounding content.
-						 *
-						 * Simply pass a custom or default theme like `ThemeUtils.presets.standard` if you want rounded
-						 * corners on an `inline` pane.
-						 *
-						 * See also the `setGlobalDefaultTheme()` for a way to set a custom default theme for all panes
-						 * on the page.
-						 * @default `undefined`  \
-						 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-						 * set with `setGlobalDefaultTheme()`.
-						 */
-						theme?: import('..').Theme | undefined
-						/**
-						 * Scales the pane's elements by a factor of `scale` to make it easier to see.
-						 *
-						 * Holds the width of the pane constant, so the pane will grow taller as it is scaled and will
-						 * continue to respect position- and size-related props. If you need more breathing room, set
-						 * the `width` property on the pane.
-						 *
-						 * Note that the scaling prop is only available on `<Pane>`, not on stand-alone (implicitly
-						 * wrapped) inline elements.
-						 *
-						 * Negative values are ignored.
-						 * @default `1`
-						 */
-						scale?: number
-						/** Internal use only. */
-						userCreatedPane?: boolean
-						/**
-						 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
-						 *
-						 * This property is exposed for advanced use cases only.
-						 *
-						 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-						 *
-						 * Note that the `Pane` type for this property comes from the core Tweakpane library.
-						 * Creating an alias is suggested to avoid confusion with the _Svelte Tweakpane UI_ `Pane`
-						 * component: e.g. `import { type Pane as TpPane } from 'tweakpane'`
-						 *
-						 * @bindable
-						 * @readonly
-						 */
-						tpPane?: import('tweakpane').Pane | undefined
-					},
-					'userCreatedPane'
-				>)
-		| ({
+		  } & {
 				/**
 				 * Pane mode, one of three options:
 				 * - **'draggable'** *(default)*  \
@@ -166,9 +147,80 @@ declare const __propDef: {
 				 *   vary depending on the defined `position` value.
 				 * @default `'draggable'`
 				 */
-				position: 'inline'
-		  } & Omit<
+				position: 'fixed'
+		  })
+		| (Omit<
 				{
+					/**
+					 * Text in the pane's title bar.
+					 * @default `Tweakpane`  \
+					 * Unless `position="inline"`, in which case the default is `undefined` and no title bar is
+					 * shown.
+					 */
+					title?: string | undefined
+					/**
+					 * Allow users to interactively expand / contract the pane by clicking its title bar.
+					 *
+					 * Hides the collapse button from the title bar when `false`.
+					 * @default `true`
+					 */
+					userExpandable?: boolean
+					/**
+					 * Expand or collapse the pane into its title bar.
+					 * @default `true`
+					 * @bindable
+					 */
+					expanded?: boolean
+					/**
+					 * Custom color scheme.
+					 *
+					 * Applies to all child components, but note that setting a different `theme` on a child
+					 * component's prop will **not** override the parent pane's theme.
+					 *
+					 * Note that `<Pane position="inline' ...>` squares off rounded corners by default to better
+					 * integrate with surrounding content.
+					 *
+					 * Simply pass a custom or default theme like `ThemeUtils.presets.standard` if you want rounded
+					 * corners on an `inline` pane.
+					 *
+					 * See also the `setGlobalDefaultTheme()` for a way to set a custom default theme for all panes
+					 * on the page.
+					 * @default `undefined`  \
+					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+					 * set with `setGlobalDefaultTheme()`.
+					 */
+					theme?: import('..').Theme | undefined
+					/**
+					 * Scales the pane's elements by a factor of `scale` to make it easier to see.
+					 *
+					 * Holds the width of the pane constant, so the pane will grow taller as it is scaled and will
+					 * continue to respect position- and size-related props. If you need more breathing room, set
+					 * the `width` property on the pane.
+					 *
+					 * Note that the scaling prop is only available on `<Pane>`, not on stand-alone (implicitly
+					 * wrapped) inline elements.
+					 *
+					 * Negative values are ignored.
+					 * @default `1`
+					 */
+					scale?: number
+					/** Internal use only. */
+					userCreatedPane?: boolean
+					/**
+					 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
+					 *
+					 * This property is exposed for advanced use cases only.
+					 *
+					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+					 *
+					 * Note that the `Pane` type for this property comes from the core Tweakpane library.
+					 * Creating an alias is suggested to avoid confusion with the _Svelte Tweakpane UI_ `Pane`
+					 * component: e.g. `import { type Pane as TpPane } from 'tweakpane'`
+					 * @bindable
+					 * @readonly
+					 */
+					tpPane?: import('tweakpane').Pane | undefined
+				} & {
 					/**
 					 * Width of the pane, in pixels.
 					 *
@@ -185,7 +237,28 @@ declare const __propDef: {
 					 * @bindable
 					 */
 					width?: number
-				} & {
+				},
+				'userCreatedPane'
+		  > & {
+				/**
+				 * Pane mode, one of three options:
+				 * - **'draggable'** *(default)*  \
+				 *   The pane is draggable and resizable, and may be placed anywhere over the page.
+				 * - **'inline'**  \
+				 *   The pane appears inline with other content in the normal flow of the document.  \
+				 *   This is the default mode for components created outside of an explicit `<Pane>`
+				 *   component.*
+				 * - **'fixed'** \
+				 *   Standard Tweakpane behavior where the pane is shown in a fixed position over the page.
+				 *
+				 *   Note that `<Pane>` is a dynamic component, and availability of additional props will
+				 *   vary depending on the defined `position` value.
+				 * @default `'draggable'`
+				 */
+				position: 'inline'
+		  })
+		| (Omit<
+				{
 					/**
 					 * Text in the pane's title bar.
 					 * @default `Tweakpane`  \
@@ -251,32 +324,13 @@ declare const __propDef: {
 					 * Note that the `Pane` type for this property comes from the core Tweakpane library.
 					 * Creating an alias is suggested to avoid confusion with the _Svelte Tweakpane UI_ `Pane`
 					 * component: e.g. `import { type Pane as TpPane } from 'tweakpane'`
-					 *
 					 * @bindable
 					 * @readonly
 					 */
 					tpPane?: import('tweakpane').Pane | undefined
 				},
 				'userCreatedPane'
-		  >)
-		| ({
-				/**
-				 * Pane mode, one of three options:
-				 * - **'draggable'** *(default)*  \
-				 *   The pane is draggable and resizable, and may be placed anywhere over the page.
-				 * - **'inline'**  \
-				 *   The pane appears inline with other content in the normal flow of the document.  \
-				 *   This is the default mode for components created outside of an explicit `<Pane>`
-				 *   component.*
-				 * - **'fixed'** \
-				 *   Standard Tweakpane behavior where the pane is shown in a fixed position over the page.
-				 *
-				 *   Note that `<Pane>` is a dynamic component, and availability of additional props will
-				 *   vary depending on the defined `position` value.
-				 * @default `'draggable'`
-				 */
-				position?: 'draggable' | undefined
-		  } & {
+		  > & {
 				/**
 				 * Horizontal position of the pane relative to the left edge of the window, in pixels.
 				 *
@@ -299,6 +353,22 @@ declare const __propDef: {
 				 * @bindable
 				 */
 				y?: number
+				/**
+				 * Width of the pane, in pixels.
+				 *
+				 * Setting explicitly via a passed prop will override saved user-specified width.
+				 *
+				 * Use this prop to set a starting width, or to monitor changes in the the pane's width when
+				 * a user resizes it.
+				 *
+				 * Note that height is not exposed because it is determined dynamically by the pane's
+				 * contents and state of its foldable elements.
+				 *
+				 * By default, the width value is saved to local storage for persistence across page loads.
+				 * @default `256`
+				 * @bindable
+				 */
+				width?: number
 				/**
 				 * Minimum pane width in pixels.
 				 * @default `200`
@@ -310,18 +380,11 @@ declare const __propDef: {
 				 */
 				maxWidth?: number
 				/**
-				 * Automatically collapse open panels when the available window size is less than the height
-				 * of the pane.
-				 *
-				 * @default `false`
-				 */
-				collapseChildrenToFit?: boolean
-				/**
-				 * Identifier to be used if multiple `<Pane position="draggable">` components with
-				 * `storePositionLocally` set to true are used on the same page.
-				 * @default `'1'`
+				 * Allow the user to resize the width of the pane by dragging the right corner of the title
+				 * bar.
+				 * @default `true`
 				 */
-				localStoreId?: string
+				resizable?: boolean
 				/**
 				 * CSS [padding property string](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
 				 * to apply to the draggable pane container to prevent it from being dragged all the way to
@@ -332,11 +395,11 @@ declare const __propDef: {
 				 */
 				padding?: string
 				/**
-				 * Allow the user to resize the width of the pane by dragging the right corner of the title
-				 * bar.
-				 * @default `true`
+				 * Automatically collapse open panels when the available window size is less than the height
+				 * of the pane.
+				 * @default `false`
 				 */
-				resizable?: boolean
+				collapseChildrenToFit?: boolean
 				/**
 				 * Store the pane's position and width when the user changes it interactively.
 				 *
@@ -346,96 +409,29 @@ declare const __propDef: {
 				 */
 				storePositionLocally?: boolean
 				/**
-				 * Width of the pane, in pixels.
-				 *
-				 * Setting explicitly via a passed prop will override saved user-specified width.
-				 *
-				 * Use this prop to set a starting width, or to monitor changes in the the pane's width when
-				 * a user resizes it.
-				 *
-				 * Note that height is not exposed because it is determined dynamically by the pane's
-				 * contents and state of its foldable elements.
+				 * Identifier to be used if multiple `<Pane position="draggable">` components with
+				 * `storePositionLocally` set to true are used on the same page.
+				 * @default `'1'`
+				 */
+				localStoreId?: string
+		  } & {
+				/**
+				 * Pane mode, one of three options:
+				 * - **'draggable'** *(default)*  \
+				 *   The pane is draggable and resizable, and may be placed anywhere over the page.
+				 * - **'inline'**  \
+				 *   The pane appears inline with other content in the normal flow of the document.  \
+				 *   This is the default mode for components created outside of an explicit `<Pane>`
+				 *   component.*
+				 * - **'fixed'** \
+				 *   Standard Tweakpane behavior where the pane is shown in a fixed position over the page.
 				 *
-				 * By default, the width value is saved to local storage for persistence across page loads.
-				 * @default `256`
-				 * @bindable
+				 *   Note that `<Pane>` is a dynamic component, and availability of additional props will
+				 *   vary depending on the defined `position` value.
+				 * @default `'draggable'`
 				 */
-				width?: number
-		  } & Omit<
-					{
-						/**
-						 * Text in the pane's title bar.
-						 * @default `Tweakpane`  \
-						 * Unless `position="inline"`, in which case the default is `undefined` and no title bar is
-						 * shown.
-						 */
-						title?: string | undefined
-						/**
-						 * Allow users to interactively expand / contract the pane by clicking its title bar.
-						 *
-						 * Hides the collapse button from the title bar when `false`.
-						 * @default `true`
-						 */
-						userExpandable?: boolean
-						/**
-						 * Expand or collapse the pane into its title bar.
-						 * @default `true`
-						 * @bindable
-						 */
-						expanded?: boolean
-						/**
-						 * Custom color scheme.
-						 *
-						 * Applies to all child components, but note that setting a different `theme` on a child
-						 * component's prop will **not** override the parent pane's theme.
-						 *
-						 * Note that `<Pane position="inline' ...>` squares off rounded corners by default to better
-						 * integrate with surrounding content.
-						 *
-						 * Simply pass a custom or default theme like `ThemeUtils.presets.standard` if you want rounded
-						 * corners on an `inline` pane.
-						 *
-						 * See also the `setGlobalDefaultTheme()` for a way to set a custom default theme for all panes
-						 * on the page.
-						 * @default `undefined`  \
-						 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-						 * set with `setGlobalDefaultTheme()`.
-						 */
-						theme?: import('..').Theme | undefined
-						/**
-						 * Scales the pane's elements by a factor of `scale` to make it easier to see.
-						 *
-						 * Holds the width of the pane constant, so the pane will grow taller as it is scaled and will
-						 * continue to respect position- and size-related props. If you need more breathing room, set
-						 * the `width` property on the pane.
-						 *
-						 * Note that the scaling prop is only available on `<Pane>`, not on stand-alone (implicitly
-						 * wrapped) inline elements.
-						 *
-						 * Negative values are ignored.
-						 * @default `1`
-						 */
-						scale?: number
-						/** Internal use only. */
-						userCreatedPane?: boolean
-						/**
-						 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
-						 *
-						 * This property is exposed for advanced use cases only.
-						 *
-						 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-						 *
-						 * Note that the `Pane` type for this property comes from the core Tweakpane library.
-						 * Creating an alias is suggested to avoid confusion with the _Svelte Tweakpane UI_ `Pane`
-						 * component: e.g. `import { type Pane as TpPane } from 'tweakpane'`
-						 *
-						 * @bindable
-						 * @readonly
-						 */
-						tpPane?: import('tweakpane').Pane | undefined
-					},
-					'userCreatedPane'
-				>)
+				position?: 'draggable' | undefined
+		  })
 	)
 	events: {
 		[evt: string]: CustomEvent<any>

package/dist/core/Separator.svelte

@@ -1,7 +1,7 @@
 <script>
+	import { BROWSER } from 'esm-env'
 	import Blade from './Blade.svelte'
 	import ClsPad from '../internal/ClsPad.svelte'
-	import { BROWSER } from 'esm-env'
 	const options = {
 		view: 'separator',
 	}

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

@@ -32,7 +32,6 @@ declare const __propDef: {
 			 * components wrapping `<Blade>`'s functionality.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @bindable
 			 * @readonly
 			 */
@@ -45,7 +44,6 @@ 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('./Blade.svelte').Plugin | undefined

package/dist/core/TabGroup.svelte

@@ -1,10 +1,10 @@
 <script>
-	import ClsPad from '../internal/ClsPad.svelte'
-	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
-	import { getElementIndex, isRootPane } from '../utils.js'
 	import { BROWSER } from 'esm-env'
 	import { getContext, onDestroy, onMount, setContext } from 'svelte'
 	import { writable } from 'svelte/store'
+	import ClsPad from '../internal/ClsPad.svelte'
+	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
+	import { getElementIndex, isRootPane } from '../utils.js'
 	export let disabled = false
 	export let selectedIndex = 0
 	export let theme = void 0
@@ -35,7 +35,7 @@
 	$: $tabGroupStore && ($tabGroupStore.disabled = disabled)
 	$: theme &&
 		$parentStore &&
-		(userCreatedPane || !isRootPane($parentStore)) &&
+		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <TabGroup> components for a theme prop.)',
 		)

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

@@ -5,7 +5,7 @@ declare const __propDef: {
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean
+		 */ disabled?: boolean
 		/**
 		 * Active page index.
 		 *
@@ -13,13 +13,13 @@ declare const __propDef: {
 		 * index.
 		 * @default `0`
 		 * @bindable
-		 * */ selectedIndex?: number
+		 */ selectedIndex?: number
 		/**
 		 * Custom color scheme.
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.
-		 * */ theme?: Theme | undefined
+		 */ theme?: Theme | undefined
 	}
 	events: {
 		[evt: string]: CustomEvent<any>

package/dist/core/TabPage.svelte

@@ -1,11 +1,11 @@
 <script>
+	import { BROWSER } from 'esm-env'
+	import { getContext, onDestroy, onMount, setContext } from 'svelte'
+	import { writable } from 'svelte/store'
 	import TabGroup from './TabGroup.svelte'
 	import ClsPad from '../internal/ClsPad.svelte'
 	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
 	import { getElementIndex, isRootPane } from '../utils.js'
-	import { BROWSER } from 'esm-env'
-	import { getContext, onDestroy, onMount, setContext } from 'svelte'
-	import { writable } from 'svelte/store'
 	export let title = 'Tab Page'
 	export let disabled = false
 	export let selected = false
@@ -48,7 +48,7 @@
 	$: $tabPageStore && ($tabPageStore.selected = selected)
 	$: theme &&
 		$parentStore &&
-		(userCreatedPane || !isRootPane($parentStore)) &&
+		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <TabPage> components for a theme prop.)',
 		)

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

@@ -5,24 +5,24 @@ declare const __propDef: {
 		/**
 		 * Text in the tab.
 		 * @default `'Tab Page'`
-		 * */ title?: string
+		 */ title?: string
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean
+		 */ disabled?: boolean
 		/**
 		 * Sets the page is the active tab.
 		 *
 		 * When bound it will indicate whether the tab is active.
 		 * @default `false`
 		 * @bindable
-		 * */ selected?: boolean
+		 */ selected?: boolean
 		/**
 		 * Custom color scheme.
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.)
-		 * */ theme?: Theme | undefined
+		 */ theme?: Theme | undefined
 	}
 	events: {
 		[evt: string]: CustomEvent<any>

package/dist/extra/AutoObject.svelte

@@ -1,16 +1,16 @@
 <script context="module"></script>
 
 <script>
-	import Text from '../control/Text.svelte'
-	import Binding from '../core/Binding.svelte'
-	import Folder from '../core/Folder.svelte'
-	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
 	import { isColorObject } from '@tweakpane/core'
 	import { Point2d } from '@tweakpane/core/dist/input-binding/point-2d/model/point-2d.js'
 	import { Point3d } from '@tweakpane/core/dist/input-binding/point-3d/model/point-3d.js'
 	import { Point4d } from '@tweakpane/core/dist/input-binding/point-4d/model/point-4d.js'
-	import copy from 'fast-copy'
+	import { copy } from 'fast-copy'
 	import { createEventDispatcher, getContext } from 'svelte'
+	import Text from '../control/Text.svelte'
+	import Binding from '../core/Binding.svelte'
+	import Folder from '../core/Folder.svelte'
+	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
 	export let theme = void 0
 	export let prettyLabels = true
 	export let object