@stephen-netu/design-system 0.2.1 → 0.5.1

package/dist/fabric/layout/KanbanCard.svelte

@@ -1,226 +1,30 @@
 <script lang="ts">
-  /**
-   * KanbanCard - Fabric Component
-   * 
-   * Draggable kanban card with metadata display.
-   * Decoupled from shell stores - uses props/callbacks for all state.
-   * 
-   * @package @kos/design-system/fabric/layout
-   * @adr 2026-04-12-leap-substrate-refactor-001
-   */
-  import { GripVertical, Clock, Tag } from '@lucide/svelte';
-
-  export interface CardData {
-    id: string;
-    title: string;
-    description?: string;
-    priority?: 'low' | 'medium' | 'high';
-    tags?: string[];
-    dueDate?: Date;
-    assignee?: string;
-    metadata?: Record<string, unknown>;
-  }
-
-  export interface Props {
-    card: CardData;
-    isDragging?: boolean;
-    isSelected?: boolean;
-    disabled?: boolean;
-    onClick?: (card: CardData) => void;
-    onDragStart?: (card: CardData) => void;
-    onDragEnd?: (card: CardData) => void;
-  }
-
-  let { card, isDragging, isSelected, disabled, onClick, onDragStart, onDragEnd }: Props = $props();
-
-  function priorityColor(p: string | undefined): string {
-    switch (p) {
-      case 'high': return 'var(--color-error, #c0392b)';
-      case 'medium': return 'var(--color-warning, #f39c12)';
-      case 'low': return 'var(--color-success, #27ae60)';
-      default: return 'var(--color-text-tertiary, #706858)';
-    }
-  }
-
-  function formatDate(date: Date | undefined): string {
-    if (!date) return '';
-    return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
-  }
+  import KanbanCard from '../../l0-layout/kanban/KanbanCard.svelte';
+  import type { Props } from '../../l0-layout/kanban/KanbanCard.svelte';
+
+  let {
+    card,
+    isDragging = false,
+    isSelected = false,
+    disabled = false,
+    onClick,
+    onDragStart,
+    onDragEnd,
+    onKeyDown,
+    moveMode = false,
+    children,
+  }: Props = $props();
 </script>
 
-<div
-  class="kanban-card"
-  class:dragging={isDragging}
-  class:selected={isSelected}
-  class:disabled={disabled}
-  role="button"
-  tabindex="0"
-  aria-grabbed={isDragging}
-  onclick={() => onClick?.(card)}
-  onkeydown={(e) => { if (e.key === 'Enter' || e.key === ' ') onClick?.(card); }}
-  ondragstart={() => onDragStart?.(card)}
-  ondragend={() => onDragEnd?.(card)}
-  draggable={!disabled}
->
-  <div class="card-header">
-    {#if card.priority}
-      <span 
-        class="priority-indicator" 
-        style="background: {priorityColor(card.priority)}"
-        title="Priority: {card.priority}"
-      ></span>
-    {/if}
-    <span class="card-title">{card.title}</span>
-    <GripVertical size={14} class="drag-handle" />
-  </div>
-
-  {#if card.description}
-    <p class="card-description">{card.description}</p>
-  {/if}
-
-  <div class="card-footer">
-    {#if card.tags && card.tags.length > 0}
-      <div class="tags">
-        {#each card.tags.slice(0, 3) as tag}
-          <span class="tag">
-            <Tag size={10} />
-            {tag}
-          </span>
-        {/each}
-        {#if card.tags.length > 3}
-          <span class="tag-more">+{card.tags.length - 3}</span>
-        {/if}
-      </div>
-    {/if}
-
-    {#if card.dueDate}
-      <span class="due-date" class:overdue={card.dueDate < new Date()}>
-        <Clock size={12} />
-        {formatDate(card.dueDate)}
-      </span>
-    {/if}
-  </div>
-</div>
-
-<style>
-  .kanban-card {
-    background: var(--color-bg-panel, #222222);
-    border: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
-    border-radius: var(--radius-md, 0.375rem);
-    padding: 12px;
-    cursor: grab;
-    transition: box-shadow 0.15s, transform 0.15s, border-color 0.15s;
-    user-select: none;
-  }
-
-  .kanban-card:hover {
-    border-color: var(--border-default, #333333);
-    box-shadow: var(--shadow-sm, 0 2px 4px rgba(0,0,0,0.2));
-  }
-
-  .kanban-card.dragging {
-    opacity: 0.5;
-    transform: rotate(2deg);
-    box-shadow: var(--shadow-lg, 0 4px 12px rgba(0,0,0,0.3));
-  }
-
-  .kanban-card.selected {
-    border-color: var(--color-accent, var(--color-accent));
-    box-shadow: 0 0 0 2px var(--color-accent-muted);
-  }
-
-  .kanban-card.disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-
-  .card-header {
-    display: flex;
-    align-items: center;
-    gap: var(--space-2);
-    margin-bottom: 8px;
-  }
-
-  .priority-indicator {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    flex-shrink: 0;
-  }
-
-  .card-title {
-    flex: 1;
-    font-size: 13px;
-    font-weight: 500;
-    color: var(--color-text-primary, #f2efe9);
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  :global(.drag-handle) {
-    color: var(--color-text-tertiary, #706858);
-    opacity: 0;
-    transition: opacity 0.15s;
-  }
-
-  .kanban-card:hover :global(.drag-handle) {
-    opacity: 1;
-  }
-
-  .card-description {
-    font-size: 12px;
-    color: var(--color-text-secondary, #a09880);
-    line-height: 1.4;
-    margin: 0 0 12px 0;
-    display: -webkit-box;
-    -webkit-line-clamp: 3;
-    line-clamp: 3;
-    -webkit-box-orient: vertical;
-    box-orient: vertical;
-    overflow: hidden;
-  }
-
-  .card-footer {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--space-2);
-  }
-
-  .tags {
-    display: flex;
-    align-items: center;
-    gap: var(--space-2);
-    flex-wrap: wrap;
-  }
-
-  .tag {
-    display: inline-flex;
-    align-items: center;
-    gap: 3px;
-    font-size: 10px;
-    padding: 2px 6px;
-    background: var(--color-bg-canvas, #1a1a1a);
-    border-radius: var(--radius-sm, 0.25rem);
-    color: var(--color-text-tertiary, #706858);
-  }
-
-  .tag-more {
-    font-size: 10px;
-    color: var(--color-text-tertiary, #706858);
-  }
-
-  .due-date {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--space-1);
-    font-size: 11px;
-    color: var(--color-text-tertiary, #706858);
-  }
-
-  .due-date.overdue {
-    color: var(--color-error, #c0392b);
-  }
-</style>
+<KanbanCard
+  {card}
+  {isDragging}
+  {isSelected}
+  {disabled}
+  {onClick}
+  {onDragStart}
+  {onDragEnd}
+  {onKeyDown}
+  {moveMode}
+  {children}
+/>

package/dist/fabric/layout/KanbanCard.svelte.d.ts

@@ -1,22 +1,5 @@
-export interface CardData {
-    id: string;
-    title: string;
-    description?: string;
-    priority?: 'low' | 'medium' | 'high';
-    tags?: string[];
-    dueDate?: Date;
-    assignee?: string;
-    metadata?: Record<string, unknown>;
-}
-export interface Props {
-    card: CardData;
-    isDragging?: boolean;
-    isSelected?: boolean;
-    disabled?: boolean;
-    onClick?: (card: CardData) => void;
-    onDragStart?: (card: CardData) => void;
-    onDragEnd?: (card: CardData) => void;
-}
+import KanbanCard from '../../l0-layout/kanban/KanbanCard.svelte';
+import type { Props } from '../../l0-layout/kanban/KanbanCard.svelte';
 declare const KanbanCard: import("svelte").Component<Props, {}, "">;
 type KanbanCard = ReturnType<typeof KanbanCard>;
 export default KanbanCard;

package/dist/fabric/layout/KanbanCard.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/fabric/layout/KanbanCard.svelte.ts"],"names":[],"mappings":"AAeE,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CACtC;AAiEH,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"KanbanCard.svelte.d.ts","sourceRoot":"","sources":["../../../src/fabric/layout/KanbanCard.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,UAAU,MAAM,0CAA0C,CAAC;AAClE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAC;AAwBtE,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/fabric/layout/KanbanColumn.svelte

@@ -1,278 +1,44 @@
 <script lang="ts">
-  /**
-   * KanbanColumn - Fabric Component
-   * 
-   * Droppable column for kanban cards with header and scrollable content.
-   * Decoupled from shell stores - uses props/callbacks for all state.
-   * 
-   * @package @kos/design-system/fabric/layout
-   * @adr 2026-04-12-leap-substrate-refactor-001
-   */
-  import { Plus, MoreHorizontal } from '@lucide/svelte';
-  import type { CardData } from './KanbanCard.svelte';
-
-  export interface ColumnData {
-    id: string;
-    title: string;
-    color?: string;
-    limit?: number;
-  }
-
-  export interface Props {
-    column: ColumnData;
-    cards: CardData[];
-    isDropTarget?: boolean;
-    isCollapsed?: boolean;
-    onCardClick?: (card: CardData) => void;
-    onCardDragStart?: (card: CardData) => void;
-    onCardDragEnd?: (card: CardData) => void;
-    onDrop?: (columnId: string, cardId: string) => void;
-    onDragOver?: (columnId: string) => void;
-    onDragLeave?: (columnId: string) => void;
-    onAddCard?: (columnId: string) => void;
-    onToggleCollapse?: (columnId: string) => void;
-    onMenuClick?: (columnId: string) => void;
-  }
-
-  let { column, cards, isDropTarget, isCollapsed, onCardClick, onCardDragStart, onCardDragEnd, onDrop, onDragOver, onDragLeave, onAddCard, onToggleCollapse, onMenuClick }: Props = $props();
-
-  let dragCounter = $state(0);
-
-  function handleDragOver(e: DragEvent) {
-    e.preventDefault();
-    if (e.dataTransfer) e.dataTransfer.dropEffect = 'move';
-    onDragOver?.(column.id);
-  }
-
-  function handleDragEnter() {
-    dragCounter++;
-  }
-
-  function handleDragLeave() {
-    dragCounter--;
-    if (dragCounter === 0) {
-      onDragLeave?.(column.id);
-    }
-  }
-
-  function handleDrop(e: DragEvent) {
-    e.preventDefault();
-    dragCounter = 0;
-    
-    const cardId = e.dataTransfer?.getData('application/kanban-card');
-    if (cardId) {
-      onDrop?.(column.id, cardId);
-    }
-  }
-
-  function handleCardDragStart(card: CardData, e: DragEvent) {
-    if (e.dataTransfer) {
-      e.dataTransfer.setData('application/kanban-card', card.id);
-      e.dataTransfer.effectAllowed = 'move';
-    }
-    onCardDragStart?.(card);
-  }
-
-  const cardCount = $derived(cards.length);
-  const atLimit = $derived(column.limit ? cardCount >= column.limit : false);
+  import KanbanColumn from '../../l0-layout/kanban/KanbanColumn.svelte';
+  import type { Props } from '../../l0-layout/kanban/KanbanColumn.svelte';
+
+  let {
+    column,
+    isDropTarget = false,
+    isCollapsed = false,
+    isMoveTarget = false,
+    onCardClick,
+    onCardDragStart,
+    onCardDragEnd,
+    onDrop,
+    onDragOver,
+    onDragLeave,
+    onAddCard,
+    onMenuClick,
+    onCardKeyDown,
+    moveMode = false,
+    children,
+    actions,
+    class: className = '',
+  }: Props = $props();
 </script>
 
-<div
-  class="kanban-column"
-  class:drop-target={isDropTarget}
-  class:collapsed={isCollapsed}
-  class:at-limit={atLimit}
-  ondragover={handleDragOver}
-  ondragenter={handleDragEnter}
-  ondragleave={handleDragLeave}
-  ondrop={handleDrop}
-  role="region"
-  aria-label="Column: {column.title}"
->
-  <div class="column-header">
-    <div 
-      class="column-color" 
-      style="background: {column.color || 'var(--color-accent, var(--color-accent))'}"
-    ></div>
-    <button 
-      class="column-title-btn"
-      onclick={() => onToggleCollapse?.(column.id)}
-      aria-expanded={!isCollapsed}
-    >
-      <span class="column-title">{column.title}</span>
-      <span class="card-count" class:limit-near={atLimit}>
-        {cardCount}{column.limit ? `/${column.limit}` : ''}
-      </span>
-    </button>
-    <button 
-      class="menu-btn"
-      onclick={() => onMenuClick?.(column.id)}
-      aria-label="Column menu"
-    >
-      <MoreHorizontal size={16} />
-    </button>
-  </div>
-
-  {#if !isCollapsed}
-    <div class="column-content" role="list">
-      {#each cards as card (card.id)}
-        {#await import('./KanbanCard.svelte') then { default: KanbanCard }}
-          <KanbanCard
-            {card}
-            onClick={onCardClick}
-            onDragStart={(c) => handleCardDragStart(c, event as unknown as DragEvent)}
-            onDragEnd={onCardDragEnd}
-          />
-        {/await}
-      {/each}
-    </div>
-
-    <button 
-      class="add-card-btn"
-      onclick={() => onAddCard?.(column.id)}
-      disabled={atLimit}
-    >
-      <Plus size={14} />
-      Add card
-    </button>
-  {/if}
-</div>
-
-<style>
-  .kanban-column {
-    display: flex;
-    flex-direction: column;
-    width: 280px;
-    min-width: 280px;
-    max-height: 100%;
-    background: var(--color-bg-canvas, #1a1a1a);
-    border: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
-    border-radius: var(--radius-lg, 0.5rem);
-    transition: border-color 0.15s, box-shadow 0.15s;
-  }
-
-  .kanban-column.drop-target {
-    border-color: var(--color-accent, var(--color-accent));
-    box-shadow: 0 0 0 2px var(--color-accent-muted);
-  }
-
-  .kanban-column.collapsed {
-    width: auto;
-    min-width: unset;
-  }
-
-  .kanban-column.at-limit {
-    border-color: var(--color-warning, rgba(243, 156, 18, 0.3));
-  }
-
-  .column-header {
-    display: flex;
-    align-items: center;
-    gap: var(--space-2);
-    padding: 12px;
-    border-bottom: 1px solid var(--border-subtle, rgba(255,255,255,0.06));
-  }
-
-  .column-color {
-    width: 12px;
-    height: 12px;
-    border-radius: var(--radius-sm, 0.25rem);
-    flex-shrink: 0;
-  }
-
-  .column-title-btn {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--space-2);
-    background: none;
-    border: none;
-    cursor: pointer;
-    padding: 4px;
-    border-radius: var(--radius-sm, 0.25rem);
-    color: inherit;
-    text-align: left;
-  }
-
-  .column-title-btn:hover {
-    background: rgba(255,255,255,0.05);
-  }
-
-  .column-title {
-    font-size: 13px;
-    font-weight: 600;
-    color: var(--color-text-primary, #f2efe9);
-  }
-
-  .card-count {
-    font-size: 11px;
-    padding: 2px 6px;
-    background: var(--color-bg-panel, #222222);
-    border-radius: var(--radius-sm, 0.25rem);
-    color: var(--color-text-tertiary, #706858);
-  }
-
-  .card-count.limit-near {
-    color: var(--color-warning, #f39c12);
-    background: rgba(243, 156, 18, 0.1);
-  }
-
-  .menu-btn {
-    background: none;
-    border: none;
-    color: var(--color-text-tertiary, #706858);
-    cursor: pointer;
-    padding: 4px;
-    border-radius: var(--radius-sm, 0.25rem);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    opacity: 0;
-    transition: opacity 0.15s, background 0.15s;
-  }
-
-  .kanban-column:hover .menu-btn {
-    opacity: 1;
-  }
-
-  .menu-btn:hover {
-    background: rgba(255,255,255,0.05);
-    color: var(--color-text-secondary, #a09880);
-  }
-
-  .column-content {
-    flex: 1;
-    overflow-y: auto;
-    padding: 12px;
-    display: flex;
-    flex-direction: column;
-    gap: var(--space-2);
-  }
-
-  .add-card-btn {
-    margin: 0 12px 12px;
-    padding: 8px 12px;
-    background: transparent;
-    border: 1px dashed var(--border-default, #333333);
-    border-radius: var(--radius-md, 0.375rem);
-    color: var(--color-text-tertiary, #706858);
-    font-size: 12px;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--space-15);
-    transition: border-color 0.15s, color 0.15s;
-  }
-
-  .add-card-btn:hover:not(:disabled) {
-    border-color: var(--color-accent, var(--color-accent));
-    color: var(--color-accent, var(--color-accent));
-  }
-
-  .add-card-btn:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-</style>
+<KanbanColumn
+  {column}
+  {isDropTarget}
+  {isCollapsed}
+  {isMoveTarget}
+  {onCardClick}
+  {onCardDragStart}
+  {onCardDragEnd}
+  {onDrop}
+  {onDragOver}
+  {onDragLeave}
+  {onAddCard}
+  {onMenuClick}
+  {onCardKeyDown}
+  {moveMode}
+  {children}
+  {actions}
+  class={className}
+/>

package/dist/fabric/layout/KanbanColumn.svelte.d.ts

@@ -1,25 +1,5 @@
-import type { CardData } from './KanbanCard.svelte';
-export interface ColumnData {
-    id: string;
-    title: string;
-    color?: string;
-    limit?: number;
-}
-export interface Props {
-    column: ColumnData;
-    cards: CardData[];
-    isDropTarget?: boolean;
-    isCollapsed?: boolean;
-    onCardClick?: (card: CardData) => void;
-    onCardDragStart?: (card: CardData) => void;
-    onCardDragEnd?: (card: CardData) => void;
-    onDrop?: (columnId: string, cardId: string) => void;
-    onDragOver?: (columnId: string) => void;
-    onDragLeave?: (columnId: string) => void;
-    onAddCard?: (columnId: string) => void;
-    onToggleCollapse?: (columnId: string) => void;
-    onMenuClick?: (columnId: string) => void;
-}
+import KanbanColumn from '../../l0-layout/kanban/KanbanColumn.svelte';
+import type { Props } from '../../l0-layout/kanban/KanbanColumn.svelte';
 declare const KanbanColumn: import("svelte").Component<Props, {}, "">;
 type KanbanColumn = ReturnType<typeof KanbanColumn>;
 export default KanbanColumn;

package/dist/fabric/layout/KanbanColumn.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.svelte.d.ts","sourceRoot":"","sources":["../../../src/fabric/layout/KanbanColumn.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAGlD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAqFH,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"KanbanColumn.svelte.d.ts","sourceRoot":"","sources":["../../../src/fabric/layout/KanbanColumn.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,4CAA4C,CAAC;AA+BxE,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/fabric/layout/index.d.ts

@@ -8,13 +8,10 @@
  */
 export { default as GlassBox } from './GlassBox.svelte';
 export { default as KanbanBoard } from './KanbanBoard.svelte';
-export type { Props as KanbanBoardProps } from './KanbanBoard.svelte';
 export { default as KanbanColumn } from './KanbanColumn.svelte';
-export type { Props as KanbanColumnProps } from './KanbanColumn.svelte';
 export { default as KanbanCard } from './KanbanCard.svelte';
-export type { Props as KanbanCardProps } from './KanbanCard.svelte';
-export type { CardData } from './KanbanCard.svelte';
-export type { ColumnData } from './KanbanColumn.svelte';
+export type { ColumnData } from '../../l0-layout/kanban/KanbanColumn.svelte';
+export type { CardData } from '../../l0-layout/kanban/KanbanCard.svelte';
 export { default as CollapsiblePanel } from './CollapsiblePanel.svelte';
 export type { PanelPosition, PanelMode, PanelSnap } from './CollapsiblePanel.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/fabric/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fabric/layout/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,YAAY,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,YAAY,EAAE,KAAK,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACpE,YAAY,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAGxD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fabric/layout/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,YAAY,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAC7E,YAAY,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAGzE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/fabric/layout/index.js

@@ -7,7 +7,7 @@
  * @adr 2026-04-12-leap-substrate-refactor-001
  */
 export { default as GlassBox } from './GlassBox.svelte';
-// Kanban
+// Kanban — canonical l0-layout components re-exported for fabric compatibility (F-24)
 export { default as KanbanBoard } from './KanbanBoard.svelte';
 export { default as KanbanColumn } from './KanbanColumn.svelte';
 export { default as KanbanCard } from './KanbanCard.svelte';