@lapismd/mira 0.0.1

package/dist/tables/markdown-table-column-head.svelte

@@ -0,0 +1,103 @@
+<script lang="ts">
+  // @ts-nocheck
+  import { createDraggable, createDroppable } from "@dnd-kit/svelte";
+  import GripHorizontal from "@lucide/svelte/icons/grip-horizontal";
+  import * as Table from "@lapismd/mira/ui/table";
+  import { Button } from "@lapismd/mira/ui/button";
+  import { cn } from "./utils";
+  import type { MarkdownTableDragSource } from "./markdown-table-dnd";
+  import {
+    dropIndicatorClasses,
+    MARKDOWN_TABLE_COL_TYPE,
+    MARKDOWN_TABLE_ROW_TYPE,
+  } from "./markdown-table-dnd";
+
+  type Props = {
+    index: number;
+    chromeActive?: boolean;
+    dragSource: MarkdownTableDragSource | null;
+    dragOverIndex: number | null;
+    class?: string;
+    onSelectColumn: (event: Event) => void;
+    children?: import("svelte").Snippet;
+  };
+
+  let {
+    index,
+    chromeActive = false,
+    dragSource,
+    dragOverIndex,
+    class: className,
+    onSelectColumn,
+    children,
+  }: Props = $props();
+
+  let headRef = $state<HTMLElement | null>(null);
+
+  const colDraggable = createDraggable({
+    get id() {
+      return `markdown-table-col:${index}`;
+    },
+    type: MARKDOWN_TABLE_COL_TYPE,
+    get data() {
+      return { type: MARKDOWN_TABLE_COL_TYPE, index };
+    },
+  });
+
+  const colDroppable = createDroppable({
+    get id() {
+      return `markdown-table-col-drop:head:${index}`;
+    },
+    accept: MARKDOWN_TABLE_COL_TYPE,
+    get data() {
+      return { type: MARKDOWN_TABLE_COL_TYPE, index };
+    },
+  });
+
+  $effect(() => {
+    if (!headRef) {
+      return;
+    }
+    const cleanupDraggable = colDraggable.attach(headRef);
+    const cleanupDroppable = colDroppable.attach(headRef);
+    return () => {
+      cleanupDraggable();
+      cleanupDroppable();
+    };
+  });
+</script>
+
+<Table.Head
+  bind:ref={headRef}
+  data-markdown-table-col-index={index}
+  class={cn(
+    "markdown-table-chrome markdown-table-chrome--cell group relative h-5 border-b p-0 opacity-0 group-hover:opacity-100",
+    chromeActive && "is-chrome-active",
+    className,
+    dropIndicatorClasses(dragSource, dragOverIndex, -1, index),
+    dragSource?.type === MARKDOWN_TABLE_COL_TYPE &&
+      dragSource.index === index &&
+      "is-drag-source is-col-drag-source",
+  )}
+  data-markdown-table-chrome="col-header"
+>
+  <Button
+    variant="ghost"
+    size="xs"
+    data-grab-handle=""
+    data-markdown-table-drag-handle="col"
+    data-markdown-table-drag-index={index}
+    class="markdown-table-chrome markdown-table-chrome--drag-handle absolute bottom-[-0.5rem] left-1/2 z-10 cursor-grab opacity-0 group-hover:opacity-100"
+    aria-label="Drag column"
+    onclick={(event) => {
+      event.stopPropagation();
+      onSelectColumn(event);
+    }}
+    {@attach colDraggable.attachHandle}
+  >
+    <GripHorizontal />
+  </Button>
+  <div class="flex justify-end">
+    {@render children?.()}
+  </div>
+</Table.Head>

package/dist/tables/markdown-table-column-head.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { MarkdownTableDragSource } from "./markdown-table-dnd";
+type Props = {
+    index: number;
+    chromeActive?: boolean;
+    dragSource: MarkdownTableDragSource | null;
+    dragOverIndex: number | null;
+    class?: string;
+    onSelectColumn: (event: Event) => void;
+    children?: import("svelte").Snippet;
+};
+declare const MarkdownTableColumnHead: import("svelte").Component<Props, {}, "">;
+type MarkdownTableColumnHead = ReturnType<typeof MarkdownTableColumnHead>;
+export default MarkdownTableColumnHead;
+//# sourceMappingURL=markdown-table-column-head.svelte.d.ts.map

package/dist/tables/markdown-table-column-head.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-table-column-head.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/markdown-table-column-head.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAQlE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC3C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACrC,CAAC;AA+EJ,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}

package/dist/tables/markdown-table-data-cell.svelte

@@ -0,0 +1,121 @@
+<script lang="ts">
+  // @ts-nocheck
+  import { createDroppable } from "@dnd-kit/svelte";
+  import * as Table from "@lapismd/mira/ui/table";
+  import { cn } from "./utils";
+  import type * as Mdast from "mdast";
+  import ColumnEditor from "./editor-column.svelte";
+  import type { MarkdownTableDragSource } from "./markdown-table-dnd";
+  import {
+    dropIndicatorClasses,
+    MARKDOWN_TABLE_COL_TYPE,
+    MARKDOWN_TABLE_ROW_TYPE,
+  } from "./markdown-table-dnd";
+
+  type Props = {
+    node: Mdast.Nodes;
+    rowIndex: number;
+    colIndex: number;
+    sourceRowIndex?: number;
+    sourceColIndex?: number;
+    align: string | null | undefined;
+    colspan?: number;
+    rowspan?: number;
+    readonly?: boolean;
+    selectedClass?: string;
+    dragSource: MarkdownTableDragSource | null;
+    dragOverIndex: number | null;
+    onContentChange: (value: string) => void;
+    onMouseOver: (event: MouseEvent) => void;
+    onMouseDown: (event: MouseEvent) => void;
+    onContextMenu: () => void;
+  };
+
+  let {
+    node,
+    rowIndex,
+    colIndex,
+    sourceRowIndex = rowIndex,
+    sourceColIndex = colIndex,
+    align,
+    colspan,
+    rowspan,
+    readonly = false,
+    selectedClass,
+    dragSource,
+    dragOverIndex,
+    onContentChange,
+    onMouseOver,
+    onMouseDown,
+    onContextMenu,
+  }: Props = $props();
+
+  let cellRef = $state<HTMLElement | null>(null);
+
+  const rowDroppable = createDroppable({
+    get id() {
+      return `markdown-table-row-drop:${rowIndex}:${colIndex}`;
+    },
+    accept: MARKDOWN_TABLE_ROW_TYPE,
+    get data() {
+      return { type: MARKDOWN_TABLE_ROW_TYPE, index: rowIndex };
+    },
+  });
+
+  const colDroppable = createDroppable({
+    get id() {
+      return `markdown-table-col-drop:${rowIndex}:${colIndex}`;
+    },
+    accept: MARKDOWN_TABLE_COL_TYPE,
+    get data() {
+      return { type: MARKDOWN_TABLE_COL_TYPE, index: colIndex };
+    },
+  });
+
+  $effect(() => {
+    if (!cellRef) {
+      return;
+    }
+    const cleanupRow = rowDroppable.attach(cellRef);
+    const cleanupCol = colDroppable.attach(cellRef);
+    return () => {
+      cleanupRow();
+      cleanupCol();
+    };
+  });
+</script>
+
+<Table.Cell
+  bind:ref={cellRef}
+  onmouseover={onMouseOver}
+  onmousedown={onMouseDown}
+  oncontextmenu={onContextMenu}
+  data-x={colIndex}
+  data-y={rowIndex}
+  {colspan}
+  {rowspan}
+  class={cn(
+    "relative border-r border-b p-0 text-left",
+    selectedClass,
+    dropIndicatorClasses(dragSource, dragOverIndex, rowIndex, colIndex),
+    dragSource?.type === MARKDOWN_TABLE_COL_TYPE &&
+      dragSource.index === colIndex &&
+      "is-drag-source is-col-drag-source",
+    {
+      "text-right": align === "right",
+      "text-left": align === "left",
+      "text-center": align === "center",
+    },
+  )}
+>
+  <ColumnEditor
+    {node}
+    {onContentChange}
+    {readonly}
+    class={cn({
+      "text-right": align === "right",
+      "text-left": align === "left",
+      "text-center": align === "center",
+    })}
+  />
+</Table.Cell>

package/dist/tables/markdown-table-data-cell.svelte.d.ts

@@ -0,0 +1,24 @@
+import type * as Mdast from "mdast";
+import type { MarkdownTableDragSource } from "./markdown-table-dnd";
+type Props = {
+    node: Mdast.Nodes;
+    rowIndex: number;
+    colIndex: number;
+    sourceRowIndex?: number;
+    sourceColIndex?: number;
+    align: string | null | undefined;
+    colspan?: number;
+    rowspan?: number;
+    readonly?: boolean;
+    selectedClass?: string;
+    dragSource: MarkdownTableDragSource | null;
+    dragOverIndex: number | null;
+    onContentChange: (value: string) => void;
+    onMouseOver: (event: MouseEvent) => void;
+    onMouseDown: (event: MouseEvent) => void;
+    onContextMenu: () => void;
+};
+declare const MarkdownTableDataCell: import("svelte").Component<Props, {}, "">;
+type MarkdownTableDataCell = ReturnType<typeof MarkdownTableDataCell>;
+export default MarkdownTableDataCell;
+//# sourceMappingURL=markdown-table-data-cell.svelte.d.ts.map

package/dist/tables/markdown-table-data-cell.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-table-data-cell.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/markdown-table-data-cell.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAQlE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC3C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAwFJ,QAAA,MAAM,qBAAqB,2CAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/tables/markdown-table-dnd.d.ts

@@ -0,0 +1,6 @@
+import { type TableDragSource } from "@lapismd/mira/ui/table-dnd/utils";
+export declare const MARKDOWN_TABLE_ROW_TYPE: string;
+export declare const MARKDOWN_TABLE_COL_TYPE: string;
+export type MarkdownTableDragSource = TableDragSource;
+export declare function dropIndicatorClasses(dragSource: MarkdownTableDragSource | null, dragOverIndex: number | null, rowIndex: number, colIndex: number): string;
+//# sourceMappingURL=markdown-table-dnd.d.ts.map

package/dist/tables/markdown-table-dnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-table-dnd.d.ts","sourceRoot":"","sources":["../../src/tables/markdown-table-dnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,eAAe,EACrB,MAAM,kCAAkC,CAAC;AAE1C,eAAO,MAAM,uBAAuB,QAA+B,CAAC;AACpE,eAAO,MAAM,uBAAuB,QAA+B,CAAC;AAEpE,MAAM,MAAM,uBAAuB,GAAG,eAAe,CAAC;AAEtD,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,uBAAuB,GAAG,IAAI,EAC1C,aAAa,EAAE,MAAM,GAAG,IAAI,EAC5B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GACf,MAAM,CASR"}

package/dist/tables/markdown-table-dnd.js

@@ -0,0 +1,6 @@
+import { dropIndicatorClasses as dropIndicatorClassesBase, tableColDragType, tableRowDragType, } from "@lapismd/mira/ui/table-dnd/utils";
+export const MARKDOWN_TABLE_ROW_TYPE = tableRowDragType("markdown");
+export const MARKDOWN_TABLE_COL_TYPE = tableColDragType("markdown");
+export function dropIndicatorClasses(dragSource, dragOverIndex, rowIndex, colIndex) {
+    return dropIndicatorClassesBase(dragSource, dragOverIndex, rowIndex, colIndex, MARKDOWN_TABLE_ROW_TYPE, MARKDOWN_TABLE_COL_TYPE);
+}

package/dist/tables/markdown-table-row-gutter-cell.svelte

@@ -0,0 +1,161 @@
+<script lang="ts">
+  // @ts-nocheck
+  import { createDraggable, createDroppable } from "@dnd-kit/svelte";
+  import GripVertical from "@lucide/svelte/icons/grip-vertical";
+  import Elipsis from "@lucide/svelte/icons/ellipsis";
+  import * as Table from "@lapismd/mira/ui/table";
+  import { Button, buttonVariants } from "@lapismd/mira/ui/button";
+  import * as DropdownMenu from "@lapismd/mira/ui/dropdown-menu";
+  import { DropdownMenuItem } from "@lapismd/mira/ui/dropdown-menu";
+  import Delete from "@lucide/svelte/icons/trash";
+  import { cn } from "./utils";
+  import type { MarkdownTableDragSource } from "./markdown-table-dnd";
+  import {
+    dropIndicatorClasses,
+    MARKDOWN_TABLE_ROW_TYPE,
+  } from "./markdown-table-dnd";
+
+  type Props = {
+    rowIndex: number;
+    colIndex: number;
+    chromeActive?: boolean;
+    dragSource: MarkdownTableDragSource | null;
+    dragOverIndex: number | null;
+    onSelectRow: (event: Event) => void;
+    onInsertRow: (event: Event, index: number) => void;
+    onDeleteRow: (event: Event, index: number) => void;
+  };
+
+  let {
+    rowIndex,
+    colIndex,
+    chromeActive = false,
+    dragSource,
+    dragOverIndex,
+    onSelectRow,
+    onInsertRow,
+    onDeleteRow,
+  }: Props = $props();
+
+  let cellRef = $state<HTMLElement | null>(null);
+
+  const rowDraggable = createDraggable({
+    get id() {
+      return `markdown-table-row:${rowIndex}`;
+    },
+    type: MARKDOWN_TABLE_ROW_TYPE,
+    get data() {
+      return { type: MARKDOWN_TABLE_ROW_TYPE, index: rowIndex };
+    },
+  });
+
+  const rowDroppable = createDroppable({
+    get id() {
+      return `markdown-table-row-drop:${rowIndex}:grip`;
+    },
+    accept: MARKDOWN_TABLE_ROW_TYPE,
+    get data() {
+      return { type: MARKDOWN_TABLE_ROW_TYPE, index: rowIndex };
+    },
+  });
+
+  $effect(() => {
+    if (!cellRef) {
+      return;
+    }
+    const cleanupDraggable = rowDraggable.attach(cellRef);
+    const cleanupDroppable = rowDroppable.attach(cellRef);
+    return () => {
+      cleanupDraggable();
+      cleanupDroppable();
+    };
+  });
+</script>
+
+<Table.Cell
+  bind:ref={cellRef}
+  class={cn(
+    "markdown-table-chrome markdown-table-chrome--gutter-cell relative w-[2rem] border-r p-0 opacity-0 group-hover:border-y group-hover:border-l group-hover:opacity-100",
+    chromeActive && "is-chrome-active",
+    dropIndicatorClasses(dragSource, dragOverIndex, rowIndex, colIndex),
+    dragSource?.type === MARKDOWN_TABLE_ROW_TYPE &&
+      dragSource.index === rowIndex &&
+      "is-drag-source is-row-drag-source",
+  )}
+  data-markdown-table-chrome="row-gutter"
+>
+  <Button
+    variant="ghost"
+    size="xs"
+    data-grab-handle=""
+    data-markdown-table-drag-handle="row"
+    data-markdown-table-drag-index={rowIndex}
+    class="markdown-table-chrome markdown-table-chrome--drag-handle absolute top-1/2 right-[-0.5rem] z-10 cursor-grab opacity-0 group-hover:opacity-100"
+    aria-label="Drag row"
+    onclick={(event) => {
+      event.stopPropagation();
+      onSelectRow(event);
+    }}
+    {@attach rowDraggable.attachHandle}
+  >
+    <GripVertical />
+  </Button>
+  <DropdownMenu.Root>
+    <DropdownMenu.Trigger
+      aria-label={`Row ${rowIndex + 1} actions`}
+      class={buttonVariants({
+        variant: "ghost",
+        size: "xs",
+        class:
+          "markdown-table-chrome h-5 w-5 p-0 opacity-40 group-hover:opacity-100",
+      })}
+    >
+      <Elipsis />
+    </DropdownMenu.Trigger>
+    <DropdownMenu.Content class="flex">
+      <DropdownMenuItem
+        aria-label="Insert row above"
+        title="Insert a row above this one"
+        class="[&_svg]:size-5"
+        onclick={(evt) => onInsertRow(evt, rowIndex)}
+      >
+        <svg
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          ><path
+            d="M20.1152 9.99987V14.3229V14.2461V14.3076V9.99987ZM19.8075 15.8076C20.3127 15.8076 20.7402 15.6326 21.0902 15.2826C21.4402 14.9326 21.6152 14.505 21.6152 13.9999V10.3076C21.6152 9.80245 21.4402 9.37487 21.0902 9.02487C20.7402 8.67487 20.3127 8.49987 19.8075 8.49987H10.423V9.99987H19.8075C19.8973 9.99987 19.9711 10.0287 20.0287 10.0864C20.0864 10.144 20.1152 10.2178 20.1152 10.3076V13.9999C20.1152 14.0897 20.0864 14.1635 20.0287 14.2211C19.9711 14.2788 19.8973 14.3076 19.8075 14.3076H4.69223C4.74357 14.7358 4.93299 15.0928 5.26048 15.3786C5.58798 15.6646 5.97548 15.8076 6.42298 15.8076H19.8075ZM2.49998 9.99987H4.61523V12.1154H6.11523V9.99987H8.23073V8.49987H6.11523V6.38462H4.61523V8.49987H2.49998V9.99987Z"
+            fill="currentColor"
+          ></path></svg
+        >
+      </DropdownMenuItem>
+      <DropdownMenuItem
+        aria-label="Insert row below"
+        title="Insert a row below this one"
+        class="[&_svg]:size-5"
+        onclick={(evt) => onInsertRow(evt, rowIndex + 1)}
+      >
+        <svg
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          ><path
+            d="M20.1152 14.1924V9.86939V9.94614V9.88464V14.1924ZM19.8075 8.38464C20.3127 8.38464 20.7402 8.55964 21.0902 8.90964C21.4402 9.25964 21.6152 9.68723 21.6152 10.1924V13.8846C21.6152 14.3898 21.4402 14.8174 21.0902 15.1674C20.7402 15.5174 20.3127 15.6924 19.8075 15.6924H10.423V14.1924H19.8075C19.8973 14.1924 19.9711 14.1636 20.0287 14.1059C20.0864 14.0482 20.1152 13.9745 20.1152 13.8846V10.1924C20.1152 10.1026 20.0864 10.0288 20.0287 9.97114C19.9711 9.91348 19.8973 9.88464 19.8075 9.88464H4.69223C4.74357 9.45648 4.93299 9.09948 5.26048 8.81364C5.58798 8.52764 5.97548 8.38464 6.42298 8.38464H19.8075ZM2.49998 14.1924H4.61523V12.0769H6.11523V14.1924H8.23073V15.6924H6.11523V17.8076H4.61523V15.6924H2.49998V14.1924Z"
+            fill="currentColor"
+          ></path></svg
+        >
+      </DropdownMenuItem>
+      <DropdownMenuItem
+        aria-label="Delete row"
+        title="Delete row"
+        class="[&_svg]:size-5"
+        onclick={(evt) => onDeleteRow(evt, rowIndex)}
+        ><Delete /></DropdownMenuItem
+      >
+    </DropdownMenu.Content>
+  </DropdownMenu.Root>
+</Table.Cell>

package/dist/tables/markdown-table-row-gutter-cell.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { MarkdownTableDragSource } from "./markdown-table-dnd";
+type Props = {
+    rowIndex: number;
+    colIndex: number;
+    chromeActive?: boolean;
+    dragSource: MarkdownTableDragSource | null;
+    dragOverIndex: number | null;
+    onSelectRow: (event: Event) => void;
+    onInsertRow: (event: Event, index: number) => void;
+    onDeleteRow: (event: Event, index: number) => void;
+};
+declare const MarkdownTableRowGutterCell: import("svelte").Component<Props, {}, "">;
+type MarkdownTableRowGutterCell = ReturnType<typeof MarkdownTableRowGutterCell>;
+export default MarkdownTableRowGutterCell;
+//# sourceMappingURL=markdown-table-row-gutter-cell.svelte.d.ts.map

package/dist/tables/markdown-table-row-gutter-cell.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-table-row-gutter-cell.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/markdown-table-row-gutter-cell.svelte.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AAOlE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAC3C,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD,CAAC;AAmGJ,QAAA,MAAM,0BAA0B,2CAAwC,CAAC;AACzE,KAAK,0BAA0B,GAAG,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAChF,eAAe,0BAA0B,CAAC"}

package/dist/tables/menu-component.svelte

@@ -0,0 +1,109 @@
+<script lang="ts">
+  // @ts-nocheck
+  import AlignCenterIcon from "@lucide/svelte/icons/align-center";
+  import AlignJustifyIcon from "@lucide/svelte/icons/align-justify";
+  import AlignLeftIcon from "@lucide/svelte/icons/align-left";
+  import AlignRightIcon from "@lucide/svelte/icons/align-right";
+  import AlignVerticalCenterIcon from "@lucide/svelte/icons/align-vertical-justify-center";
+  import AlignVerticalEndIcon from "@lucide/svelte/icons/align-vertical-justify-end";
+  import AlignVerticalStartIcon from "@lucide/svelte/icons/align-vertical-justify-start";
+  import ArrowUpDownIcon from "@lucide/svelte/icons/arrow-up-down";
+  import Columns3Icon from "@lucide/svelte/icons/columns-3";
+  import CopyIcon from "@lucide/svelte/icons/copy";
+  import EraserIcon from "@lucide/svelte/icons/eraser";
+  import MoveIcon from "@lucide/svelte/icons/move";
+  import PlusIcon from "@lucide/svelte/icons/plus";
+  import Repeat2Icon from "@lucide/svelte/icons/repeat-2";
+  import Rows3Icon from "@lucide/svelte/icons/rows-3";
+  import Trash2Icon from "@lucide/svelte/icons/trash-2";
+  import * as ContextMenu from "@lapismd/mira/ui/context-menu";
+  import { Menu, MenuItem, MenuSeparator } from "./menu";
+
+  let { menu }: { menu: Menu } = $props();
+
+  function menuEntryIcon(title: string) {
+    const normalized = title.toLowerCase();
+    if (normalized === "row") return Rows3Icon;
+    if (normalized === "column") return Columns3Icon;
+    if (normalized === "vertical align") return AlignVerticalCenterIcon;
+    if (normalized.startsWith("add ")) return PlusIcon;
+    if (normalized.startsWith("move ")) return MoveIcon;
+    if (normalized.startsWith("duplicate ")) return CopyIcon;
+    if (normalized.startsWith("delete")) return Trash2Icon;
+    if (normalized.startsWith("clear ")) return EraserIcon;
+    if (normalized.startsWith("sort ")) return ArrowUpDownIcon;
+    if (normalized === "transpose") return Repeat2Icon;
+    if (normalized === "align" || normalized.endsWith(" left"))
+      return AlignLeftIcon;
+    if (normalized === "left") return AlignLeftIcon;
+    if (normalized === "center" || normalized.endsWith(" center"))
+      return AlignCenterIcon;
+    if (normalized === "right" || normalized.endsWith(" right"))
+      return AlignRightIcon;
+    if (normalized === "justify") return AlignJustifyIcon;
+    if (normalized === "top") return AlignVerticalStartIcon;
+    if (normalized === "middle") return AlignVerticalCenterIcon;
+    if (normalized === "bottom") return AlignVerticalEndIcon;
+    return undefined;
+  }
+</script>
+
+<ContextMenu.Content>
+  {#each menu.entries as entry}
+    {#if entry instanceof MenuSeparator}
+      <ContextMenu.Separator />
+    {:else if entry instanceof MenuItem}
+      {@const EntryIcon = menuEntryIcon(entry.title)}
+      <ContextMenu.Item onclick={entry.click}>
+        {#if EntryIcon}
+          <EntryIcon aria-hidden="true" />
+        {:else}
+          <span class="mira-table-menu__icon-placeholder" aria-hidden="true"
+          ></span>
+        {/if}
+        {entry.title}
+      </ContextMenu.Item>
+    {:else}
+      {@const EntryIcon = menuEntryIcon(entry.title)}
+      <ContextMenu.Sub>
+        <ContextMenu.SubTrigger>
+          {#if EntryIcon}
+            <EntryIcon aria-hidden="true" />
+          {:else}
+            <span class="mira-table-menu__icon-placeholder" aria-hidden="true"
+            ></span>
+          {/if}
+          {entry.title}
+        </ContextMenu.SubTrigger>
+        <ContextMenu.SubContent>
+          {#each entry.entries as subEntry}
+            {#if subEntry instanceof MenuSeparator}
+              <ContextMenu.Separator />
+            {:else if subEntry instanceof MenuItem}
+              {@const SubEntryIcon = menuEntryIcon(subEntry.title)}
+              <ContextMenu.Item onclick={subEntry.click}>
+                {#if SubEntryIcon}
+                  <SubEntryIcon aria-hidden="true" />
+                {:else}
+                  <span
+                    class="mira-table-menu__icon-placeholder"
+                    aria-hidden="true"
+                  ></span>
+                {/if}
+                {subEntry.title}
+              </ContextMenu.Item>
+            {/if}
+          {/each}
+        </ContextMenu.SubContent>
+      </ContextMenu.Sub>
+    {/if}
+  {/each}
+</ContextMenu.Content>
+
+<style>
+  .mira-table-menu__icon-placeholder {
+    flex: 0 0 1rem;
+    height: 1rem;
+    width: 1rem;
+  }
+</style>

package/dist/tables/menu-component.svelte.d.ts

@@ -0,0 +1,8 @@
+import { Menu } from "./menu";
+type $$ComponentProps = {
+    menu: Menu;
+};
+declare const MenuComponent: import("svelte").Component<$$ComponentProps, {}, "">;
+type MenuComponent = ReturnType<typeof MenuComponent>;
+export default MenuComponent;
+//# sourceMappingURL=menu-component.svelte.d.ts.map

package/dist/tables/menu-component.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-component.svelte.d.ts","sourceRoot":"","sources":["../../src/tables/menu-component.svelte.ts"],"names":[],"mappings":"AAqBA,OAAO,EAAE,IAAI,EAA2B,MAAM,QAAQ,CAAC;AAEtD,KAAK,gBAAgB,GAAI;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC;AAsGzC,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/tables/menu.d.ts

@@ -0,0 +1,21 @@
+export type MenuEntry = MenuItem | Menu | MenuSeparator;
+export declare class MenuSeparator {
+    readonly type = "separator";
+}
+export declare class MenuItem {
+    readonly type = "item";
+    title: string;
+    click?: (event: MouseEvent | KeyboardEvent) => void;
+    setTitle(title: string): this;
+    onClick(callback: (event: MouseEvent | KeyboardEvent) => void): this;
+}
+export declare class Menu {
+    readonly type = "menu";
+    title: string;
+    entries: MenuEntry[];
+    setTitle(title: string): this;
+    addItem(callback: (item: MenuItem) => void): this;
+    addMenu(callback: (menu: Menu) => void): this;
+    addSeparator(): this;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/tables/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/tables/menu.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,aAAa,CAAC;AAExD,qBAAa,aAAa;IACxB,QAAQ,CAAC,IAAI,eAAe;CAC7B;AAED,qBAAa,QAAQ;IACnB,QAAQ,CAAC,IAAI,UAAU;IACvB,KAAK,SAAM;IACX,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,CAAC;IAEpD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,KAAK,IAAI,GAAG,IAAI;CAIrE;AAED,qBAAa,IAAI;IACf,QAAQ,CAAC,IAAI,UAAU;IACvB,KAAK,SAAM;IACX,OAAO,EAAE,SAAS,EAAE,CAAM;IAE1B,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK7B,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,IAAI;IAOjD,OAAO,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI;IAO7C,YAAY,IAAI,IAAI;CAIrB"}

package/dist/tables/menu.js

@@ -0,0 +1,41 @@
+export class MenuSeparator {
+    type = "separator";
+}
+export class MenuItem {
+    type = "item";
+    title = "";
+    click;
+    setTitle(title) {
+        this.title = title;
+        return this;
+    }
+    onClick(callback) {
+        this.click = callback;
+        return this;
+    }
+}
+export class Menu {
+    type = "menu";
+    title = "";
+    entries = [];
+    setTitle(title) {
+        this.title = title;
+        return this;
+    }
+    addItem(callback) {
+        const item = new MenuItem();
+        callback(item);
+        this.entries.push(item);
+        return this;
+    }
+    addMenu(callback) {
+        const menu = new Menu();
+        callback(menu);
+        this.entries.push(menu);
+        return this;
+    }
+    addSeparator() {
+        this.entries.push(new MenuSeparator());
+        return this;
+    }
+}

package/dist/tables/pipe-table.d.ts

@@ -0,0 +1,4 @@
+import type { MarkdownTable } from "./types";
+export declare function parseMarkdownTable(markdown: string): MarkdownTable | null;
+export declare function formatMarkdownTable(table: MarkdownTable): string;
+//# sourceMappingURL=pipe-table.d.ts.map

package/dist/tables/pipe-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pipe-table.d.ts","sourceRoot":"","sources":["../../src/tables/pipe-table.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CAsBzE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,aAAa,GAAG,MAAM,CAqBhE"}