@pie-players/pie-section-player-tools-shared 0.3.42 → 0.3.44

package/dist/floating-panel.d.ts

@@ -36,4 +36,3 @@ export type FloatingPanelPointerController = {
 };
 export declare function createFloatingPanelPointerController(args: PointerControllerArgs): FloatingPanelPointerController;
 export {};
-//# sourceMappingURL=floating-panel.d.ts.map

package/dist/index.d.ts

@@ -5,4 +5,3 @@ export { default as SessionDbPanel } from './SessionDbPanel.svelte';
 export { default as DebugPanelToggles } from './DebugPanelToggles.svelte';
 export { createFloatingPanelPointerController, computePanelSizeFromViewport, claimNextFloatingPanelZIndex, type FloatingPanelPointerController, type FloatingPanelState, type FloatingPanelViewportSizing, } from './floating-panel.js';
 export { getSectionControllerFromCoordinator, isMatchingSectionControllerLifecycleEvent, optionalIdsEqual, type SectionControllerLifecycleEventLike, type SectionControllerKeyLike, type ToolkitCoordinatorWithSectionController, } from './section-controller.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.types.d.ts

@@ -0,0 +1,7 @@
+export declare const PanelWindowControls: any;
+export declare const PanelResizeHandle: any;
+export declare const SharedFloatingPanel: any;
+export declare const SessionDbPanel: any;
+export declare const DebugPanelToggles: any;
+export { createFloatingPanelPointerController, computePanelSizeFromViewport, claimNextFloatingPanelZIndex, type FloatingPanelPointerController, type FloatingPanelState, type FloatingPanelViewportSizing, } from './floating-panel.js';
+export { getSectionControllerFromCoordinator, isMatchingSectionControllerLifecycleEvent, optionalIdsEqual, type SectionControllerLifecycleEventLike, type SectionControllerKeyLike, type ToolkitCoordinatorWithSectionController, } from './section-controller.js';

package/dist/section-controller.d.ts

@@ -16,4 +16,3 @@ export type ToolkitCoordinatorWithSectionController<TController> = {
 export declare function optionalIdsEqual(left?: string, right?: string): boolean;
 export declare function isMatchingSectionControllerLifecycleEvent(event: SectionControllerLifecycleEventLike, sectionId: string, attemptId?: string): boolean;
 export declare function getSectionControllerFromCoordinator<TController>(coordinator: ToolkitCoordinatorWithSectionController<TController> | null | undefined, sectionId: string, attemptId?: string): TController | null;
-//# sourceMappingURL=section-controller.d.ts.map

package/dist/vite.config.d.ts

@@ -1,3 +1,2 @@
 declare const _default: import('vite').UserConfig;
 export default _default;
-//# sourceMappingURL=vite.config.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pie-players/pie-section-player-tools-shared",
-	"version": "0.3.42",
+	"version": "0.3.44",
 	"type": "module",
 	"description": "Shared UI and helpers for PIE section-player debug tools",
 	"repository": {
@@ -22,42 +22,19 @@
 	"module": "./dist/index.js",
 	"exports": {
 		".": {
-			"types": "./dist/index.d.ts",
-			"import": "./dist/index.js",
-			"svelte": "./index.ts"
-		},
-		"./PanelWindowControls.svelte": {
-			"types": "./dist/PanelWindowControls.svelte.d.ts",
-			"svelte": "./PanelWindowControls.svelte"
-		},
-		"./PanelResizeHandle.svelte": {
-			"types": "./dist/PanelResizeHandle.svelte.d.ts",
-			"svelte": "./PanelResizeHandle.svelte"
-		},
-		"./SharedFloatingPanel.svelte": {
-			"types": "./dist/SharedFloatingPanel.svelte.d.ts",
-			"svelte": "./SharedFloatingPanel.svelte"
-		},
-		"./SessionDbPanel.svelte": {
-			"types": "./dist/SessionDbPanel.svelte.d.ts",
-			"svelte": "./SessionDbPanel.svelte"
-		},
-		"./DebugPanelToggles.svelte": {
-			"types": "./dist/DebugPanelToggles.svelte.d.ts",
-			"svelte": "./DebugPanelToggles.svelte"
+			"types": "./dist/index.types.d.ts",
+			"import": "./dist/index.js"
 		}
 	},
 	"files": [
 		"dist",
-		"*.svelte",
-		"*.ts",
 		"package.json"
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@pie-players/pie-theme": "0.3.42"
+		"@pie-players/pie-theme": "0.3.44"
 	},
-	"types": "./dist/index.d.ts",
+	"types": "./dist/index.types.d.ts",
 	"scripts": {
 		"build": "vite build",
 		"dev": "vite build --watch",

package/DebugPanelToggles.svelte

@@ -1,84 +0,0 @@
-<script lang="ts">
-	interface Props {
-		showSessionPanel: boolean;
-		showEventPanel: boolean;
-		showDbPanel?: boolean;
-		showInstrumentationPanel?: boolean;
-		onToggleSessionPanel: () => void;
-		onToggleEventPanel: () => void;
-		onToggleDbPanel?: () => void;
-		onToggleInstrumentationPanel?: () => void;
-	}
-
-	let {
-		showSessionPanel,
-		showEventPanel,
-		showDbPanel = false,
-		showInstrumentationPanel = false,
-		onToggleSessionPanel,
-		onToggleEventPanel,
-		onToggleDbPanel,
-		onToggleInstrumentationPanel,
-	}: Props = $props();
-</script>
-
-<button
-	type="button"
-	class="btn btn-sm btn-outline btn-square"
-	class:btn-active={showSessionPanel}
-	onclick={onToggleSessionPanel}
-	title="Session"
-	aria-label="Toggle session panel"
-	aria-pressed={showSessionPanel}
->
-	<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
-	</svg>
-</button>
-
-<button
-	type="button"
-	class="btn btn-sm btn-outline btn-square"
-	class:btn-active={showEventPanel}
-	onclick={onToggleEventPanel}
-	title="Events"
-	aria-label="Toggle event broadcast panel"
-	aria-pressed={showEventPanel}
->
-	<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 7h8m0 0l-3-3m3 3l-3 3M3 17h8m0 0l-3-3m3 3l-3 3M3 7h5m8 10h5" />
-	</svg>
-</button>
-
-{#if onToggleDbPanel}
-	<button
-		type="button"
-		class="btn btn-sm btn-outline btn-square"
-		class:btn-active={showDbPanel}
-		onclick={onToggleDbPanel}
-		title="Database state"
-		aria-label="Toggle database state panel"
-		aria-pressed={showDbPanel}
-	>
-		<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-			<ellipse cx="12" cy="5" rx="7" ry="3" stroke-width="2"></ellipse>
-			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5v7c0 1.66 3.13 3 7 3s7-1.34 7-3V5M5 12v7c0 1.66 3.13 3 7 3s7-1.34 7-3v-7"></path>
-		</svg>
-	</button>
-{/if}
-
-{#if onToggleInstrumentationPanel}
-	<button
-		type="button"
-		class="btn btn-sm btn-outline btn-square"
-		class:btn-active={showInstrumentationPanel}
-		onclick={onToggleInstrumentationPanel}
-		title="Instrumentation"
-		aria-label="Toggle instrumentation panel"
-		aria-pressed={showInstrumentationPanel}
-	>
-		<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 13h4l2 6 4-14 2 8h4" />
-		</svg>
-	</button>
-{/if}

package/PanelResizeHandle.svelte

@@ -1,52 +0,0 @@
-<script lang="ts">
-	let {
-		onPointerDown,
-		handleClass = "pie-panel-resize-handle",
-		iconClass = "pie-panel-resize-icon",
-	} = $props<{
-		onPointerDown?: (event: MouseEvent) => void;
-		handleClass?: string;
-		iconClass?: string;
-	}>();
-</script>
-
-<div
-	class={handleClass}
-	onmousedown={onPointerDown}
-	role="button"
-	tabindex="0"
-	title="Resize window"
-	aria-label="Resize window"
->
-	<svg class={iconClass} viewBox="0 0 16 16" fill="currentColor">
-		<path d="M16 16V14H14V16H16Z" />
-		<path d="M16 11V9H14V11H16Z" />
-		<path d="M13 16V14H11V16H13Z" />
-	</svg>
-</div>
-
-<style>
-	.pie-panel-resize-handle {
-		position: absolute;
-		right: 0;
-		bottom: 0;
-		width: 12px;
-		height: 12px;
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		cursor: nwse-resize;
-		opacity: 0.82;
-		z-index: 2;
-	}
-
-	.pie-panel-resize-handle:hover {
-		opacity: 1;
-	}
-
-	.pie-panel-resize-icon {
-		width: 100%;
-		height: 100%;
-		color: color-mix(in srgb, var(--color-base-content, #334155) 30%, transparent);
-	}
-</style>

package/PanelWindowControls.svelte

@@ -1,97 +0,0 @@
-<script lang="ts">
-	let {
-		minimized = false,
-		onToggle,
-		onClose,
-		buttonClass = "",
-	} = $props<{
-		minimized?: boolean;
-		onToggle?: () => void;
-		onClose?: () => void;
-		buttonClass?: string;
-	}>();
-
-	const resolvedButtonClass = $derived.by(
-		() => (buttonClass || "").trim() || "pie-window-controls__button",
-	);
-</script>
-
-<button
-	class={resolvedButtonClass}
-	onclick={onToggle}
-	title={minimized ? "Maximize" : "Minimize"}
-	aria-label={minimized ? "Maximize panel" : "Minimize panel"}
->
-	{#if minimized}
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			class="pie-window-controls__icon"
-			width="12"
-			height="12"
-			fill="none"
-			viewBox="0 0 24 24"
-			stroke="currentColor"
-		>
-			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
-		</svg>
-	{:else}
-		<svg
-			xmlns="http://www.w3.org/2000/svg"
-			class="pie-window-controls__icon"
-			width="12"
-			height="12"
-			fill="none"
-			viewBox="0 0 24 24"
-			stroke="currentColor"
-		>
-			<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
-		</svg>
-	{/if}
-</button>
-<button
-	class={resolvedButtonClass}
-	onclick={onClose}
-	title="Close"
-	aria-label="Close panel"
->
-	<svg
-		xmlns="http://www.w3.org/2000/svg"
-		class="pie-window-controls__icon"
-		width="12"
-		height="12"
-		fill="none"
-		viewBox="0 0 24 24"
-		stroke="currentColor"
-	>
-		<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
-	</svg>
-</button>
-
-<style>
-	.pie-window-controls__button {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.35rem;
-		height: 1.35rem;
-		padding: 0;
-		border: 1px solid rgba(148, 163, 184, 0.7);
-		border-radius: 9999px;
-		background: rgba(255, 255, 255, 0.65);
-		color: #334155;
-		cursor: pointer;
-	}
-
-	.pie-window-controls__button:hover {
-		background: rgba(241, 245, 249, 0.95);
-	}
-
-	.pie-window-controls__button:focus-visible {
-		outline: 2px solid #3b82f6;
-		outline-offset: 1px;
-	}
-
-	.pie-window-controls__icon {
-		display: block;
-	}
-</style>