@stephen-netu/design-system 0.1.0 → 0.2.1

package/dist/g0-generative/streaming/StreamingAdapter.js

@@ -0,0 +1,110 @@
+/**
+ * Streaming Adapter
+ *
+ * Progressive rendering for Svelte 5 runes.
+ * Handles incremental parsing and state updates as LLM tokens arrive.
+ *
+ * ADR: 2026-05-04-openui-generative-ui-integration
+ */
+import { parsePartial } from '../parser/parseOpenUILang';
+/** Maximum content size to prevent memory exhaustion (1MB) */
+const MAX_CONTENT_SIZE = 1024 * 1024;
+export class StreamingAdapter {
+    state = {
+        ast: null,
+        partialContent: '',
+        isStreaming: false,
+        hasError: false,
+        errorMessage: null,
+        wasTruncated: false,
+    };
+    onUpdate = null;
+    maxSize;
+    constructor(onUpdate, maxSize = MAX_CONTENT_SIZE) {
+        this.onUpdate = onUpdate || null;
+        this.maxSize = maxSize;
+    }
+    getState() {
+        return { ...this.state };
+    }
+    startStream() {
+        this.state = {
+            ast: null,
+            partialContent: '',
+            isStreaming: true,
+            hasError: false,
+            errorMessage: null,
+            wasTruncated: false,
+        };
+        this.notify();
+    }
+    appendChunk(chunk) {
+        if (!this.state.isStreaming) {
+            this.startStream();
+        }
+        // Check size limit before appending
+        const newSize = this.state.partialContent.length + chunk.length;
+        if (newSize > this.maxSize) {
+            // Truncate chunk to fit
+            const allowed = this.maxSize - this.state.partialContent.length;
+            if (allowed > 0) {
+                this.state.partialContent += chunk.slice(0, allowed);
+            }
+            this.state.wasTruncated = true;
+            this.state.errorMessage = `Content truncated at ${this.maxSize} characters`;
+        }
+        else {
+            this.state.partialContent += chunk;
+        }
+        // Attempt incremental parse
+        try {
+            const result = parsePartial(this.state.partialContent, this.state.ast || undefined);
+            this.state.ast = result.ast;
+            this.state.hasError = !result.success;
+            // Only flag as error if there are actual errors (not just placeholders)
+            if (result.ast.errors.length > 0) {
+                const realErrors = result.ast.errors.filter(e => e.severity === 'error');
+                if (realErrors.length > 0) {
+                    this.state.errorMessage = realErrors[0].message;
+                }
+            }
+        }
+        catch (e) {
+            // Parse error — don't crash, just record
+            this.state.hasError = true;
+            this.state.errorMessage = e instanceof Error ? e.message : 'Parse error';
+        }
+        this.notify();
+    }
+    endStream() {
+        this.state.isStreaming = false;
+        // Final parse of complete content
+        if (this.state.partialContent) {
+            const result = parsePartial(this.state.partialContent);
+            this.state.ast = result.ast;
+            this.state.hasError = !result.success;
+            if (result.ast.errors.length > 0) {
+                const realErrors = result.ast.errors.filter(e => e.severity === 'error');
+                if (realErrors.length > 0) {
+                    this.state.errorMessage = realErrors.map(e => `Line ${e.line}: ${e.message}`).join('\n');
+                }
+            }
+        }
+        this.notify();
+    }
+    reset() {
+        this.state = {
+            ast: null,
+            partialContent: '',
+            isStreaming: false,
+            hasError: false,
+            errorMessage: null,
+            wasTruncated: false,
+        };
+        this.notify();
+    }
+    notify() {
+        this.onUpdate?.({ ...this.state });
+    }
+}
+/** StreamingAdapter is the unified API. Factory removed to prevent API divergence. */

package/{src → dist}/g0-geo/SovereignMap.svelte

@@ -123,7 +123,7 @@
   }
 
   :global(.sov-marker) {
-    background: #b87333;
+    background: var(--color-accent);
     border: 2px solid #e8e0d0;
     border-radius: 50%;
     width: 10px;
@@ -134,7 +134,7 @@
 
   :global(.sov-marker--selected) {
     background: #e8e0d0;
-    border-color: #b87333;
+    border-color: var(--color-accent);
     transform: scale(1.4);
   }
 

package/dist/g0-geo/SovereignMap.svelte.d.ts

@@ -0,0 +1,22 @@
+import 'leaflet/dist/leaflet.css';
+interface GeoPoint {
+    lat: number;
+    lon: number;
+}
+interface MapMarker {
+    id: string;
+    lat: number;
+    lon: number;
+    label: string;
+    selected?: boolean;
+}
+interface Props {
+    center: GeoPoint;
+    zoom?: number;
+    markers?: MapMarker[];
+    onMarkerSelect?: (id: string) => void;
+}
+declare const SovereignMap: import("svelte").Component<Props, {}, "">;
+type SovereignMap = ReturnType<typeof SovereignMap>;
+export default SovereignMap;
+//# sourceMappingURL=SovereignMap.svelte.d.ts.map

package/dist/g0-geo/SovereignMap.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SovereignMap.svelte.d.ts","sourceRoot":"","sources":["../../src/g0-geo/SovereignMap.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,0BAA0B,CAAC;AAGhC,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,UAAU,SAAS;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,KAAK;IACb,MAAM,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAwFH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/g0-geo/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SovereignMap } from './SovereignMap.svelte';
+//# sourceMappingURL=index.d.ts.map

package/dist/g0-geo/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/g0-geo/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import './base.css';
+import './p0-primitives/tokens/validity-tokens.css';
+import './n0-node-graph/n0-tokens.css';
+import './d0-data-viz/d0-tokens.css';
+export * from './b0-app-shell';
+export * from './p0-primitives';
+export * from './u0-primitives';
+export * from './l0-layout';
+export * from './s0-lifecycle';
+export * from './s0-state';
+export * from './t0-transport';
+export * from './f0-forms';
+export * from './d0-data-viz';
+export * from './n0-node-graph';
+export * from './epistemic';
+export * from './platform';
+export type { GraphNode, GraphEdge, GraphSnapshot, NodeLayout, LayoutResult, WorkerIn, WorkerOut, WorkerMessage, GraphStateApi, EdgeRevealState, } from './n1-flow-canvas/types.js';
+export { EDGE_REVEAL_STAGGER_MS } from './n1-flow-canvas/types.js';
+export { nodeHitTest, domEventToCanvasCoords, parseMentionEdges, parseGroupedSequenceEdges } from './n1-flow-canvas/utils.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,YAAY,CAAC;AAEpB,OAAO,4CAA4C,CAAC;AACpD,OAAO,+BAA+B,CAAC;AACvC,OAAO,6BAA6B,CAAC;AAGrC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,YAAY,CAAC;AAE3B,cAAc,eAAe,CAAC;AAE9B,cAAc,iBAAiB,CAAC;AAEhC,cAAc,aAAa,CAAC;AAE5B,cAAc,YAAY,CAAC;AAG3B,YAAY,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,aAAa,EACb,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/index.js

@@ -0,0 +1,37 @@
+// LEAP Design System — HDA-organized frontend primitives
+// @kos/design-system
+//
+// Barrel: light layers only. Heavy modules (n1–n4, g0-geo, editor, v0-diagrams,
+// spatial, fabric, map, x0-enchanted-blocks) are available via subpath imports only.
+// CSS imports
+import './base.css';
+/* NOTE: control-room.css is opt-in via data-theme="control-room" — import it explicitly if needed */
+import './p0-primitives/tokens/validity-tokens.css';
+import './n0-node-graph/n0-tokens.css';
+import './d0-data-viz/d0-tokens.css';
+// B0 App Shell — Global LEAP chrome (CommandBar, intent dispatch, system state)
+export * from './b0-app-shell';
+// P0 Primitives — Shared types, utilities, design tokens
+export * from './p0-primitives';
+// U0 Primitives — Atomic UI components
+export * from './u0-primitives';
+// L0 Layout — Layout compositions
+export * from './l0-layout';
+// S0 Lifecycle — Component lifecycle phases (constrain → layout → interact → render)
+export * from './s0-lifecycle';
+// S0 State — Store primitives (Svelte 5 runes)
+export * from './s0-state';
+// T0 Transport — Tauri IPC
+export * from './t0-transport';
+// F0 Forms — Form primitives
+export * from './f0-forms';
+// D0 Data Viz — Charts, metrics, timelines
+export * from './d0-data-viz';
+// N0 Node Graph — Visual composition primitives (SVG DAG, <100 nodes)
+export * from './n0-node-graph';
+// Epistemic types — Assay, Allay, Expert, Provenance
+export * from './epistemic';
+// Platform — cross-boundary protocols (HUD, etc.)
+export * from './platform';
+export { EDGE_REVEAL_STAGGER_MS } from './n1-flow-canvas/types.js';
+export { nodeHitTest, domEventToCanvasCoords, parseMentionEdges, parseGroupedSequenceEdges } from './n1-flow-canvas/utils.js';

package/dist/l0-layout/SectionSplitter.svelte

@@ -0,0 +1,83 @@
+<script lang="ts">
+  interface Props {
+    onDrag: (delta: number) => void;
+    class?: string;
+  }
+
+  let { onDrag, class: className = '' }: Props = $props();
+
+  let isDragging = $state(false);
+  let lastY = $state(0);
+
+  function handlePointerDown(e: PointerEvent) {
+    e.preventDefault();
+    isDragging = true;
+    lastY = e.clientY;
+    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);
+  }
+
+  function handlePointerMove(e: PointerEvent) {
+    if (!isDragging) return;
+    const delta = e.clientY - lastY;
+    lastY = e.clientY;
+    onDrag(delta);
+  }
+
+  function handlePointerUp(e: PointerEvent) {
+    if (!isDragging) return;
+    isDragging = false;
+    try { (e.currentTarget as HTMLElement).releasePointerCapture(e.pointerId); } catch { /* no-op */ }
+  }
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+  class="section-splitter {className}"
+  class:section-splitter--active={isDragging}
+  onpointerdown={handlePointerDown}
+  onpointermove={handlePointerMove}
+  onpointerup={handlePointerUp}
+  onpointercancel={handlePointerUp}
+  role="separator"
+  aria-orientation="horizontal"
+>
+  <span class="section-splitter__grip"></span>
+</div>
+
+<style>
+  .section-splitter {
+    height: 6px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: ns-resize;
+    background: var(--color-bg-panel, #222);
+    border-top: 1px solid var(--border-color, #333);
+    flex-shrink: 0;
+    user-select: none;
+    transition: background 0.1s, border-top-color 0.1s;
+  }
+
+  .section-splitter:hover,
+  .section-splitter--active {
+    background: color-mix(in srgb, var(--accent-primary, var(--color-accent)) 10%, var(--color-bg-panel, #222));
+    border-top-color: var(--accent-primary, var(--color-accent));
+  }
+
+  /* Three-line grip — center line via element, top/bottom via box-shadow */
+  .section-splitter__grip {
+    width: 28px;
+    height: 2px;
+    border-radius: 1px;
+    background: var(--color-text-muted, #555);
+    pointer-events: none;
+    box-shadow: 0 -4px 0 var(--color-text-muted, #555), 0 4px 0 var(--color-text-muted, #555);
+    transition: background 0.1s, box-shadow 0.1s;
+  }
+
+  .section-splitter:hover .section-splitter__grip,
+  .section-splitter--active .section-splitter__grip {
+    background: var(--accent-primary, var(--color-accent));
+    box-shadow: 0 -4px 0 var(--accent-primary, var(--color-accent)), 0 4px 0 var(--accent-primary, var(--color-accent));
+  }
+</style>

package/dist/l0-layout/SectionSplitter.svelte.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    onDrag: (delta: number) => void;
+    class?: string;
+}
+declare const SectionSplitter: import("svelte").Component<Props, {}, "">;
+type SectionSplitter = ReturnType<typeof SectionSplitter>;
+export default SectionSplitter;
+//# sourceMappingURL=SectionSplitter.svelte.d.ts.map

package/dist/l0-layout/SectionSplitter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSplitter.svelte.d.ts","sourceRoot":"","sources":["../../src/l0-layout/SectionSplitter.svelte.ts"],"names":[],"mappings":"AAGE,UAAU,KAAK;IACb,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAuCH,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/l0-layout/SnapPanel.svelte

@@ -0,0 +1,286 @@
+<script lang="ts" module>
+  /**
+   * SnapPanel — Collapsible sidebar with snap states and resize handle
+   * 
+   * A generalized version of NNJAS CollapsiblePanel for the LEAP design system.
+   * Supports three snap states: closed, peek, full — with optional resizing.
+   * 
+   * @example
+   * <SnapPanel position="left" bind:snap={panelState} resizable>
+   *   {#snippet content()}
+   *     <YourSidebarContent />
+   *   {/snippet}
+   * </SnapPanel>
+   */
+  export type PanelPosition = 'left' | 'right';
+  export type PanelMode = 'overlay' | 'scoot';
+  export type PanelSnap = 'closed' | 'peek' | 'full';
+</script>
+
+<script lang="ts">
+  import type { Snippet } from 'svelte';
+
+  interface Props {
+    position?: PanelPosition;
+    mode?: PanelMode;
+    snap?: PanelSnap;
+    fullWidth?: number;
+    peekWidth?: number;
+    handleWidth?: number;
+    resizable?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    content: Snippet;
+    handleContent?: Snippet<[PanelSnap]>;
+    onSnapChange?: (snap: PanelSnap) => void;
+    onToggle?: () => void;
+    onResize?: (width: number) => void;
+    class?: string;
+  }
+
+  let {
+    position = 'left',
+    mode = 'overlay',
+    snap = $bindable('closed'),
+    fullWidth = 280,
+    peekWidth = 48,
+    handleWidth = 28,
+    resizable = false,
+    minWidth = 48,
+    maxWidth = 600,
+    content,
+    handleContent,
+    onSnapChange,
+    onToggle,
+    onResize,
+    class: className = '',
+  }: Props = $props();
+
+  let currentWidth = $derived.by(() => {
+    switch (snap) {
+      case 'full': return fullWidth;
+      case 'peek': return peekWidth;
+      case 'closed': return 0;
+      default: return 0;
+    }
+  });
+
+  let isVisible = $derived(snap !== 'closed');
+  let isFull = $derived(snap === 'full');
+  let isDragging = $state(false);
+  let dragStartX = $state(0);
+  let dragStartWidth = $state(0);
+
+  function handleClick() {
+    const next: Record<PanelSnap, PanelSnap> = { closed: 'peek', peek: 'full', full: 'closed' };
+    snap = next[snap];
+    onSnapChange?.(snap);
+    onToggle?.();
+  }
+
+  function handleDblClick() {
+    snap = snap === 'full' ? 'closed' : 'full';
+    onSnapChange?.(snap);
+    onToggle?.();
+  }
+
+  function handlePointerDown(e: PointerEvent) {
+    if (!resizable || snap === 'closed') return;
+    e.preventDefault();
+    isDragging = true;
+    dragStartX = e.clientX;
+    dragStartWidth = currentWidth;
+    (e.currentTarget as HTMLElement).setPointerCapture(e.pointerId);
+  }
+
+  function handlePointerMove(e: PointerEvent) {
+    if (!isDragging) return;
+    e.preventDefault();
+    const delta = position === 'left' ? e.clientX - dragStartX : dragStartX - e.clientX;
+    let newWidth = dragStartWidth + delta;
+    newWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
+    if (newWidth < minWidth + 20) snap = 'closed';
+    else if (newWidth < (peekWidth + fullWidth) / 2) snap = 'peek';
+    else snap = 'full';
+    onResize?.(newWidth);
+  }
+
+  function handlePointerUp(e: PointerEvent) {
+    if (!isDragging) return;
+    isDragging = false;
+    (e.currentTarget as HTMLElement).releasePointerCapture(e.pointerId);
+  }
+
+  function getHandleIcon(): string {
+    if (position === 'left') {
+      return snap === 'full' 
+        ? 'M15 19l-7-7 7-7' // chevron left
+        : 'M9 5l7 7-7 7';   // chevron right
+    }
+    return snap === 'full'
+      ? 'M9 5l7 7-7 7'    // chevron right
+      : 'M15 19l-7-7 7-7'; // chevron left
+  }
+</script>
+
+<div
+  class="snap-panel snap-panel--{position} snap-panel--{mode} snap-panel--{snap} {className}"
+  class:resizable
+  class:dragging={isDragging}
+  style:width="{currentWidth}px"
+  role="complementary"
+  aria-hidden={!isVisible}
+>
+  {#if isVisible}
+    <div class="snap-panel-content">
+      {@render content()}
+    </div>
+  {/if}
+
+  <!-- Resize handle / Toggle -->
+  <div
+    class="snap-panel-handle snap-panel-handle--{position}"
+    style:width="{handleWidth}px"
+    onclick={handleClick}
+    ondblclick={handleDblClick}
+    onpointerdown={handlePointerDown}
+    onpointermove={handlePointerMove}
+    onpointerup={handlePointerUp}
+    role="button"
+    tabindex="0"
+    aria-label={snap === 'closed' ? 'Expand panel' : snap === 'full' ? 'Collapse panel' : 'Expand panel fully'}
+    onkeydown={(e) => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+        handleClick();
+      }
+    }}
+  >
+    {#if handleContent}
+      {@render handleContent(snap)}
+    {:else}
+      <div class="handle-visual">
+        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+          <path d={getHandleIcon()} />
+        </svg>
+        {#if snap !== 'closed'}
+          <div class="handle-bar"></div>
+        {/if}
+      </div>
+    {/if}
+  </div>
+</div>
+
+<style>
+  .snap-panel {
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    height: 100%;
+    background: var(--color-bg-panel, #222);
+    transition: width 0.15s ease;
+    overflow: hidden;
+  }
+
+  .snap-panel--right {
+    flex-direction: row-reverse;
+  }
+
+  .snap-panel--overlay {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    z-index: 100;
+  }
+
+  .snap-panel--overlay.snap-panel--left {
+    left: 0;
+  }
+
+  .snap-panel--overlay.snap-panel--right {
+    right: 0;
+  }
+
+  .snap-panel--scoot {
+    position: relative;
+  }
+
+  .snap-panel--closed {
+    width: 0 !important;
+  }
+
+  .snap-panel-content {
+    flex: 1;
+    min-width: 0;
+    overflow: auto;
+    padding: var(--space-4, 1rem);
+  }
+
+  .snap-panel-handle {
+    flex-shrink: 0;
+    background: var(--color-bg-canvas, #1a1a1a);
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: center;
+    cursor: pointer;
+    user-select: none;
+    position: relative;
+    transition: background 0.15s ease;
+  }
+
+  .snap-panel-handle:hover {
+    background: var(--color-bg-panel-elevated, #2a2a2a);
+  }
+
+  .snap-panel--left .snap-panel-handle {
+    border-left: 1px solid var(--color-border-subtle, rgba(255,255,255,0.06));
+  }
+
+  .snap-panel--right .snap-panel-handle {
+    border-right: 1px solid var(--color-border-subtle, rgba(255,255,255,0.06));
+  }
+
+  .handle-visual {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    padding: var(--space-2, 0.5rem) 0;
+    gap: var(--space-2, 0.5rem);
+  }
+
+  .handle-visual svg {
+    width: 16px;
+    height: 16px;
+    color: var(--color-text-muted, #666);
+    flex-shrink: 0;
+  }
+
+  .handle-bar {
+    width: 2px;
+    height: 100%;
+    margin: 0 auto;
+    background: var(--color-text-muted, #555);
+    border-radius: var(--radius-sm, 2px);
+    transition: all 0.15s ease;
+  }
+
+  .snap-panel-handle:hover .handle-bar {
+    background: var(--color-accent, var(--color-accent));
+  }
+
+  .snap-panel.resizable .snap-panel-handle {
+    cursor: col-resize;
+  }
+
+  .snap-panel.dragging {
+    transition: none;
+  }
+
+  .snap-panel.dragging .handle-bar {
+    background: var(--color-accent, var(--color-accent));
+    width: 3px;
+  }
+</style>

package/dist/l0-layout/SnapPanel.svelte.d.ts

@@ -0,0 +1,38 @@
+/**
+ * SnapPanel — Collapsible sidebar with snap states and resize handle
+ *
+ * A generalized version of NNJAS CollapsiblePanel for the LEAP design system.
+ * Supports three snap states: closed, peek, full — with optional resizing.
+ *
+ * @example
+ * <SnapPanel position="left" bind:snap={panelState} resizable>
+ *   {#snippet content()}
+ *     <YourSidebarContent />
+ *   {/snippet}
+ * </SnapPanel>
+ */
+export type PanelPosition = 'left' | 'right';
+export type PanelMode = 'overlay' | 'scoot';
+export type PanelSnap = 'closed' | 'peek' | 'full';
+import type { Snippet } from 'svelte';
+interface Props {
+    position?: PanelPosition;
+    mode?: PanelMode;
+    snap?: PanelSnap;
+    fullWidth?: number;
+    peekWidth?: number;
+    handleWidth?: number;
+    resizable?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    content: Snippet;
+    handleContent?: Snippet<[PanelSnap]>;
+    onSnapChange?: (snap: PanelSnap) => void;
+    onToggle?: () => void;
+    onResize?: (width: number) => void;
+    class?: string;
+}
+declare const SnapPanel: import("svelte").Component<Props, {}, "snap">;
+type SnapPanel = ReturnType<typeof SnapPanel>;
+export default SnapPanel;
+//# sourceMappingURL=SnapPanel.svelte.d.ts.map

package/dist/l0-layout/SnapPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SnapPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/l0-layout/SnapPanel.svelte.ts"],"names":[],"mappings":"AAGE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAC5C,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAGrD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA6HH,QAAA,MAAM,SAAS,+CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}