rothzerg-ui 0.1.0

package/dist/blocks/invoice/Invoice.js

@@ -0,0 +1,114 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+/* empty css            */
+function fmt(amount, currency) {
+  return new Intl.NumberFormat(void 0, { style: "currency", currency }).format(amount);
+}
+function fmtDate(iso) {
+  return new Date(iso).toLocaleDateString(void 0, { year: "numeric", month: "long", day: "numeric" });
+}
+function Invoice({
+  invoiceNumber,
+  status = "pending",
+  issueDate,
+  dueDate,
+  from,
+  to,
+  items,
+  subtotal: subtotalProp,
+  tax,
+  discount,
+  currency = "USD",
+  notes,
+  footerNote,
+  className
+}) {
+  const subtotal = subtotalProp ?? items.reduce((acc, item) => acc + (item.total ?? item.quantity * item.unitPrice), 0);
+  const discountAmt = (discount == null ? void 0 : discount.amount) ?? 0;
+  const taxAmt = (tax == null ? void 0 : tax.amount) ?? 0;
+  const grand = subtotal - discountAmt + taxAmt;
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-invoice", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "rz-invoice__top", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rz-invoice__brand", children: [
+        /* @__PURE__ */ jsx("p", { className: "rz-invoice__brand-name", children: from.name }),
+        from.address && /* @__PURE__ */ jsx("p", { className: "rz-invoice__brand-address", style: { whiteSpace: "pre-line" }, children: from.address }),
+        from.email && /* @__PURE__ */ jsx("p", { className: "rz-invoice__brand-address", children: from.email })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rz-invoice__meta", children: [
+        /* @__PURE__ */ jsx("p", { className: "rz-invoice__title", children: "Invoice" }),
+        /* @__PURE__ */ jsxs("p", { className: "rz-invoice__number", children: [
+          "#",
+          invoiceNumber
+        ] }),
+        issueDate && /* @__PURE__ */ jsxs("p", { className: "rz-invoice__meta-row", children: [
+          "Issued: ",
+          fmtDate(issueDate)
+        ] }),
+        dueDate && /* @__PURE__ */ jsxs("p", { className: "rz-invoice__meta-row", children: [
+          "Due: ",
+          fmtDate(dueDate)
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: cn("rz-invoice__status", `rz-invoice__status--${status}`), style: { marginTop: "0.5rem", alignSelf: "flex-end" }, children: status })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-invoice__parties", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "rz-invoice__party-label", children: "From" }),
+        /* @__PURE__ */ jsx("p", { className: "rz-invoice__party-name", children: from.name }),
+        from.email && /* @__PURE__ */ jsx("p", { className: "rz-invoice__party-detail", children: from.email })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "rz-invoice__party-label", children: "Bill To" }),
+        /* @__PURE__ */ jsx("p", { className: "rz-invoice__party-name", children: to.name }),
+        to.email && /* @__PURE__ */ jsx("p", { className: "rz-invoice__party-detail", children: to.email }),
+        to.address && /* @__PURE__ */ jsx("p", { className: "rz-invoice__party-detail", style: { whiteSpace: "pre-line" }, children: to.address })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("table", { className: "rz-invoice__table", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { children: "Description" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "right" }, children: "Qty" }),
+        /* @__PURE__ */ jsx("th", { style: { textAlign: "right" }, children: "Unit Price" }),
+        /* @__PURE__ */ jsx("th", { children: "Total" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: items.map((item, i) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsxs("td", { children: [
+          /* @__PURE__ */ jsx("p", { className: "rz-invoice__item-name", children: item.name }),
+          item.description && /* @__PURE__ */ jsx("p", { className: "rz-invoice__item-desc", children: item.description })
+        ] }),
+        /* @__PURE__ */ jsx("td", { style: { textAlign: "right" }, children: item.quantity }),
+        /* @__PURE__ */ jsx("td", { style: { textAlign: "right" }, children: fmt(item.unitPrice, currency) }),
+        /* @__PURE__ */ jsx("td", { children: fmt(item.total ?? item.quantity * item.unitPrice, currency) })
+      ] }, i)) })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "rz-invoice__totals", children: /* @__PURE__ */ jsxs("div", { className: "rz-invoice__totals-table", children: [
+      /* @__PURE__ */ jsxs("div", { className: "rz-invoice__total-row", children: [
+        /* @__PURE__ */ jsx("span", { children: "Subtotal" }),
+        /* @__PURE__ */ jsx("span", { children: fmt(subtotal, currency) })
+      ] }),
+      discount && /* @__PURE__ */ jsxs("div", { className: "rz-invoice__total-row", children: [
+        /* @__PURE__ */ jsx("span", { children: discount.label }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "-",
+          fmt(discountAmt, currency)
+        ] })
+      ] }),
+      tax && /* @__PURE__ */ jsxs("div", { className: "rz-invoice__total-row", children: [
+        /* @__PURE__ */ jsx("span", { children: tax.label }),
+        /* @__PURE__ */ jsx("span", { children: fmt(taxAmt, currency) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "rz-invoice__total-row rz-invoice__total-row--grand", children: [
+        /* @__PURE__ */ jsx("span", { children: "Total" }),
+        /* @__PURE__ */ jsx("span", { children: fmt(grand, currency) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "rz-invoice__footer", children: [
+      notes && /* @__PURE__ */ jsx("p", { children: notes }),
+      footerNote && /* @__PURE__ */ jsx("p", { style: { textAlign: "right" }, children: footerNote })
+    ] })
+  ] });
+}
+export {
+  Invoice
+};
+//# sourceMappingURL=Invoice.js.map

package/dist/blocks/invoice/Invoice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Invoice.js","sources":["../../../src/blocks/invoice/Invoice.tsx"],"sourcesContent":["import { cn } from '../../utils/cn';\nimport './invoice.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport type InvoiceStatus = 'paid' | 'pending' | 'overdue' | 'draft';\n\nexport interface InvoiceLineItem {\n  name: string;\n  description?: string;\n  quantity: number;\n  unitPrice: number;\n  total?: number;\n}\n\nexport interface InvoiceParty {\n  name: string;\n  email?: string;\n  address?: string;\n}\n\nexport interface InvoiceProps {\n  invoiceNumber: string;\n  status?: InvoiceStatus;\n  issueDate?: string;\n  dueDate?: string;\n  from: InvoiceParty;\n  to: InvoiceParty;\n  items: InvoiceLineItem[];\n  subtotal?: number;\n  tax?: { label: string; amount: number };\n  discount?: { label: string; amount: number };\n  currency?: string;\n  notes?: string;\n  footerNote?: string;\n  className?: string;\n}\n\n/* ─── Helpers ─────────────────────────────────────────────── */\n\nfunction fmt(amount: number, currency: string) {\n  return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount);\n}\n\nfunction fmtDate(iso: string) {\n  return new Date(iso).toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric' });\n}\n\n/* ─── Component ───────────────────────────────────────────── */\n\nexport function Invoice({\n  invoiceNumber,\n  status = 'pending',\n  issueDate,\n  dueDate,\n  from,\n  to,\n  items,\n  subtotal: subtotalProp,\n  tax,\n  discount,\n  currency = 'USD',\n  notes,\n  footerNote,\n  className,\n}: InvoiceProps) {\n  const subtotal = subtotalProp ?? items.reduce((acc, item) => acc + (item.total ?? item.quantity * item.unitPrice), 0);\n  const discountAmt = discount?.amount ?? 0;\n  const taxAmt = tax?.amount ?? 0;\n  const grand = subtotal - discountAmt + taxAmt;\n\n  return (\n    <div className={cn('rz-invoice', className)}>\n      {/* Top */}\n      <div className=\"rz-invoice__top\">\n        <div className=\"rz-invoice__brand\">\n          <p className=\"rz-invoice__brand-name\">{from.name}</p>\n          {from.address && <p className=\"rz-invoice__brand-address\" style={{ whiteSpace: 'pre-line' }}>{from.address}</p>}\n          {from.email && <p className=\"rz-invoice__brand-address\">{from.email}</p>}\n        </div>\n        <div className=\"rz-invoice__meta\">\n          <p className=\"rz-invoice__title\">Invoice</p>\n          <p className=\"rz-invoice__number\">#{invoiceNumber}</p>\n          {issueDate && <p className=\"rz-invoice__meta-row\">Issued: {fmtDate(issueDate)}</p>}\n          {dueDate && <p className=\"rz-invoice__meta-row\">Due: {fmtDate(dueDate)}</p>}\n          <span className={cn('rz-invoice__status', `rz-invoice__status--${status}`)} style={{ marginTop: '0.5rem', alignSelf: 'flex-end' }}>\n            {status}\n          </span>\n        </div>\n      </div>\n\n      {/* Parties */}\n      <div className=\"rz-invoice__parties\">\n        <div>\n          <p className=\"rz-invoice__party-label\">From</p>\n          <p className=\"rz-invoice__party-name\">{from.name}</p>\n          {from.email && <p className=\"rz-invoice__party-detail\">{from.email}</p>}\n        </div>\n        <div>\n          <p className=\"rz-invoice__party-label\">Bill To</p>\n          <p className=\"rz-invoice__party-name\">{to.name}</p>\n          {to.email && <p className=\"rz-invoice__party-detail\">{to.email}</p>}\n          {to.address && <p className=\"rz-invoice__party-detail\" style={{ whiteSpace: 'pre-line' }}>{to.address}</p>}\n        </div>\n      </div>\n\n      {/* Items */}\n      <table className=\"rz-invoice__table\">\n        <thead>\n          <tr>\n            <th>Description</th>\n            <th style={{ textAlign: 'right' }}>Qty</th>\n            <th style={{ textAlign: 'right' }}>Unit Price</th>\n            <th>Total</th>\n          </tr>\n        </thead>\n        <tbody>\n          {items.map((item, i) => (\n            <tr key={i}>\n              <td>\n                <p className=\"rz-invoice__item-name\">{item.name}</p>\n                {item.description && <p className=\"rz-invoice__item-desc\">{item.description}</p>}\n              </td>\n              <td style={{ textAlign: 'right' }}>{item.quantity}</td>\n              <td style={{ textAlign: 'right' }}>{fmt(item.unitPrice, currency)}</td>\n              <td>{fmt(item.total ?? item.quantity * item.unitPrice, currency)}</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      {/* Totals */}\n      <div className=\"rz-invoice__totals\">\n        <div className=\"rz-invoice__totals-table\">\n          <div className=\"rz-invoice__total-row\">\n            <span>Subtotal</span><span>{fmt(subtotal, currency)}</span>\n          </div>\n          {discount && (\n            <div className=\"rz-invoice__total-row\">\n              <span>{discount.label}</span><span>-{fmt(discountAmt, currency)}</span>\n            </div>\n          )}\n          {tax && (\n            <div className=\"rz-invoice__total-row\">\n              <span>{tax.label}</span><span>{fmt(taxAmt, currency)}</span>\n            </div>\n          )}\n          <div className=\"rz-invoice__total-row rz-invoice__total-row--grand\">\n            <span>Total</span><span>{fmt(grand, currency)}</span>\n          </div>\n        </div>\n      </div>\n\n      {/* Footer */}\n      <div className=\"rz-invoice__footer\">\n        {notes && <p>{notes}</p>}\n        {footerNote && <p style={{ textAlign: 'right' }}>{footerNote}</p>}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/blocks/invoice/index.d.ts

@@ -0,0 +1,3 @@
+export { Invoice } from './Invoice';
+export type { InvoiceProps, InvoiceLineItem, InvoiceParty, InvoiceStatus } from './Invoice';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/invoice/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/invoice/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}

package/dist/blocks/kanban/Kanban.cjs

@@ -0,0 +1,223 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css             */
+function KanbanCardView({
+  card,
+  columnId,
+  isDragging,
+  isDropTarget,
+  onCardClick,
+  onDragStart,
+  onDragEnd,
+  onDragOver,
+  onDrop
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    isDropTarget && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-kanban__drop-indicator", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn.cn("rz-kanban__card", isDragging && "rz-kanban__card--dragging"),
+        draggable: true,
+        role: "button",
+        tabIndex: 0,
+        "aria-grabbed": isDragging,
+        onClick: () => onCardClick == null ? void 0 : onCardClick(card, columnId),
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") onCardClick == null ? void 0 : onCardClick(card, columnId);
+        },
+        onDragStart: (e) => onDragStart(e, card, columnId),
+        onDragEnd,
+        onDragOver: (e) => onDragOver(e, card.id, columnId),
+        onDrop: (e) => onDrop(e, card.id, columnId),
+        children: [
+          card.tags && card.tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-kanban__card-tags", children: card.tags.map((t) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-kanban__tag", children: t }, t)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-kanban__card-title", children: card.title }),
+          card.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-kanban__card-desc", children: card.description }),
+          card.extra,
+          (card.priority || card.assignees || card.dueDate) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-kanban__card-footer", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-kanban__card-meta", children: [
+              card.priority && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: cn.cn("rz-kanban__priority", `rz-kanban__priority--${card.priority}`),
+                  title: card.priority
+                }
+              ),
+              card.dueDate && /* @__PURE__ */ jsxRuntime.jsx("span", { children: new Date(card.dueDate).toLocaleDateString(void 0, { month: "short", day: "numeric" }) })
+            ] }),
+            card.assignees && card.assignees.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-kanban__avatars", children: card.assignees.slice(0, 3).map((a, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: "rz-kanban__avatar",
+                style: { backgroundColor: a.color },
+                title: a.initials,
+                children: a.initials
+              },
+              i
+            )) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function moveCard(columns, dragCardId, sourceColumnId, targetCardId, targetColumnId) {
+  let draggedCard;
+  const next = columns.map((col) => {
+    if (col.id !== sourceColumnId) return col;
+    const cards = col.cards.filter((c) => {
+      if (c.id === dragCardId) {
+        draggedCard = c;
+        return false;
+      }
+      return true;
+    });
+    return { ...col, cards };
+  });
+  if (!draggedCard) return columns;
+  return next.map((col) => {
+    if (col.id !== targetColumnId) return col;
+    if (targetCardId === null) {
+      return { ...col, cards: [...col.cards, draggedCard] };
+    }
+    const idx = col.cards.findIndex((c) => c.id === targetCardId);
+    const cards = [...col.cards];
+    cards.splice(idx, 0, draggedCard);
+    return { ...col, cards };
+  });
+}
+function Kanban({
+  columns: initialColumns,
+  onColumnsChange,
+  onAddCard,
+  onCardClick,
+  addCardLabel = "Add card",
+  className
+}) {
+  const [columns, setColumns] = React.useState(initialColumns);
+  const prevInitial = React.useRef(initialColumns);
+  if (initialColumns !== prevInitial.current) {
+    prevInitial.current = initialColumns;
+    setColumns(initialColumns);
+  }
+  const dragRef = React.useRef(null);
+  const [dropTarget, setDropTarget] = React.useState(null);
+  const [overColumn, setOverColumn] = React.useState(null);
+  const [draggingCardId, setDraggingCardId] = React.useState(null);
+  const applyChange = React.useCallback((next) => {
+    setColumns(next);
+    onColumnsChange == null ? void 0 : onColumnsChange(next);
+  }, [onColumnsChange]);
+  const handleDragStart = React.useCallback((e, card, sourceColumnId) => {
+    dragRef.current = { cardId: card.id, sourceColumnId };
+    setDraggingCardId(card.id);
+    e.dataTransfer.effectAllowed = "move";
+    e.dataTransfer.setData("text/plain", card.id);
+  }, []);
+  const handleDragEnd = React.useCallback(() => {
+    dragRef.current = null;
+    setDraggingCardId(null);
+    setDropTarget(null);
+    setOverColumn(null);
+  }, []);
+  const handleCardDragOver = React.useCallback((e, cardId, columnId) => {
+    var _a;
+    e.preventDefault();
+    e.stopPropagation();
+    e.dataTransfer.dropEffect = "move";
+    if (((_a = dragRef.current) == null ? void 0 : _a.cardId) === cardId) return;
+    setDropTarget({ cardId, columnId });
+    setOverColumn(null);
+  }, []);
+  const handleColumnDragOver = React.useCallback((e, columnId) => {
+    e.preventDefault();
+    e.dataTransfer.dropEffect = "move";
+    setDropTarget(null);
+    setOverColumn(columnId);
+  }, []);
+  const handleDrop = React.useCallback((e, targetCardId, targetColumnId) => {
+    e.preventDefault();
+    e.stopPropagation();
+    const drag = dragRef.current;
+    if (!drag) return;
+    if (drag.cardId === targetCardId) return;
+    const next = moveCard(columns, drag.cardId, drag.sourceColumnId, targetCardId, targetColumnId);
+    dragRef.current = null;
+    setDraggingCardId(null);
+    setDropTarget(null);
+    setOverColumn(null);
+    applyChange(next);
+  }, [columns, applyChange]);
+  const handleColumnDrop = React.useCallback((e, targetColumnId) => {
+    handleDrop(e, null, targetColumnId);
+  }, [handleDrop]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-kanban", className), children: columns.map((col) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn.cn("rz-kanban__column", overColumn === col.id && "rz-kanban__column--over"),
+      onDragOver: (e) => handleColumnDragOver(e, col.id),
+      onDrop: (e) => handleColumnDrop(e, col.id),
+      onDragLeave: (e) => {
+        if (!e.currentTarget.contains(e.relatedTarget)) {
+          setOverColumn(null);
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-kanban__column-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-kanban__column-title", children: [
+            col.color && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-kanban__column-dot", style: { backgroundColor: col.color } }),
+            col.title
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-kanban__column-count", children: col.cards.length })
+        ] }),
+        col.cards.map((card) => /* @__PURE__ */ jsxRuntime.jsx(
+          KanbanCardView,
+          {
+            card,
+            columnId: col.id,
+            isDragging: draggingCardId === card.id,
+            isDropTarget: (dropTarget == null ? void 0 : dropTarget.cardId) === card.id && (dropTarget == null ? void 0 : dropTarget.columnId) === col.id,
+            onCardClick,
+            onDragStart: handleDragStart,
+            onDragEnd: handleDragEnd,
+            onDragOver: handleCardDragOver,
+            onDrop: handleDrop
+          },
+          card.id
+        )),
+        overColumn === col.id && col.cards.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-kanban__drop-indicator rz-kanban__drop-indicator--empty", "aria-hidden": "true" }),
+        onAddCard && /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: "rz-kanban__add-btn",
+            onClick: () => onAddCard(col.id),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "svg",
+                {
+                  width: "14",
+                  height: "14",
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  strokeWidth: 2,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 5v14M5 12h14" })
+                }
+              ),
+              addCardLabel
+            ]
+          }
+        )
+      ]
+    },
+    col.id
+  )) });
+}
+exports.Kanban = Kanban;
+//# sourceMappingURL=Kanban.cjs.map

package/dist/blocks/kanban/Kanban.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.cjs","sources":["../../../src/blocks/kanban/Kanban.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback } from 'react';\nimport { cn } from '../../utils/cn';\nimport './kanban.css';\n\n/* ─── Types ───────────────────────────────────────────────── */\n\nexport type KanbanPriority = 'low' | 'medium' | 'high';\n\nexport interface KanbanCardAssignee {\n  initials: string;\n  color?: string;\n}\n\nexport interface KanbanCard {\n  id: string;\n  title: string;\n  description?: string;\n  tags?: string[];\n  priority?: KanbanPriority;\n  assignees?: KanbanCardAssignee[];\n  /** ISO date string */\n  dueDate?: string;\n  extra?: React.ReactNode;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  color?: string;\n  cards: KanbanCard[];\n}\n\nexport interface KanbanProps {\n  columns: KanbanColumn[];\n  onColumnsChange?: (columns: KanbanColumn[]) => void;\n  onAddCard?: (columnId: string) => void;\n  onCardClick?: (card: KanbanCard, columnId: string) => void;\n  addCardLabel?: string;\n  className?: string;\n}\n\n/* ─── Drag state (held in refs to avoid mid-drag re-renders) ─ */\n\ninterface DragInfo {\n  cardId: string;\n  sourceColumnId: string;\n}\n\n/* ─── Card ────────────────────────────────────────────────── */\n\ninterface CardViewProps {\n  card: KanbanCard;\n  columnId: string;\n  isDragging: boolean;\n  isDropTarget: boolean; // true = show indicator above this card\n  onCardClick?: KanbanProps['onCardClick'];\n  onDragStart: (e: React.DragEvent, card: KanbanCard, columnId: string) => void;\n  onDragEnd: (e: React.DragEvent) => void;\n  onDragOver: (e: React.DragEvent, cardId: string, columnId: string) => void;\n  onDrop: (e: React.DragEvent, targetCardId: string | null, targetColumnId: string) => void;\n}\n\nfunction KanbanCardView({\n  card,\n  columnId,\n  isDragging,\n  isDropTarget,\n  onCardClick,\n  onDragStart,\n  onDragEnd,\n  onDragOver,\n  onDrop,\n}: CardViewProps) {\n  return (\n    <>\n      {isDropTarget && <div className=\"rz-kanban__drop-indicator\" aria-hidden=\"true\" />}\n      <div\n        className={cn('rz-kanban__card', isDragging && 'rz-kanban__card--dragging')}\n        draggable\n        role=\"button\"\n        tabIndex={0}\n        aria-grabbed={isDragging}\n        onClick={() => onCardClick?.(card, columnId)}\n        onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') onCardClick?.(card, columnId); }}\n        onDragStart={(e) => onDragStart(e, card, columnId)}\n        onDragEnd={onDragEnd}\n        onDragOver={(e) => onDragOver(e, card.id, columnId)}\n        onDrop={(e) => onDrop(e, card.id, columnId)}\n      >\n        {card.tags && card.tags.length > 0 && (\n          <div className=\"rz-kanban__card-tags\">\n            {card.tags.map((t) => <span key={t} className=\"rz-kanban__tag\">{t}</span>)}\n          </div>\n        )}\n\n        <p className=\"rz-kanban__card-title\">{card.title}</p>\n        {card.description && <p className=\"rz-kanban__card-desc\">{card.description}</p>}\n\n        {card.extra}\n\n        {(card.priority || card.assignees || card.dueDate) && (\n          <div className=\"rz-kanban__card-footer\">\n            <div className=\"rz-kanban__card-meta\">\n              {card.priority && (\n                <span\n                  className={cn('rz-kanban__priority', `rz-kanban__priority--${card.priority}`)}\n                  title={card.priority}\n                />\n              )}\n              {card.dueDate && (\n                <span>\n                  {new Date(card.dueDate).toLocaleDateString(undefined, { month: 'short', day: 'numeric' })}\n                </span>\n              )}\n            </div>\n            {card.assignees && card.assignees.length > 0 && (\n              <div className=\"rz-kanban__avatars\">\n                {card.assignees.slice(0, 3).map((a, i) => (\n                  <div\n                    key={i}\n                    className=\"rz-kanban__avatar\"\n                    style={{ backgroundColor: a.color }}\n                    title={a.initials}\n                  >\n                    {a.initials}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  );\n}\n\n/* ─── Move logic ──────────────────────────────────────────── */\n\nfunction moveCard(\n  columns: KanbanColumn[],\n  dragCardId: string,\n  sourceColumnId: string,\n  targetCardId: string | null,\n  targetColumnId: string,\n): KanbanColumn[] {\n  // Find and remove dragged card from source\n  let draggedCard: KanbanCard | undefined;\n  const next = columns.map((col) => {\n    if (col.id !== sourceColumnId) return col;\n    const cards = col.cards.filter((c) => {\n      if (c.id === dragCardId) { draggedCard = c; return false; }\n      return true;\n    });\n    return { ...col, cards };\n  });\n\n  if (!draggedCard) return columns;\n\n  // Insert into target column\n  return next.map((col) => {\n    if (col.id !== targetColumnId) return col;\n    if (targetCardId === null) {\n      // Drop at end of column\n      return { ...col, cards: [...col.cards, draggedCard!] };\n    }\n    const idx = col.cards.findIndex((c) => c.id === targetCardId);\n    const cards = [...col.cards];\n    cards.splice(idx, 0, draggedCard!);\n    return { ...col, cards };\n  });\n}\n\n/* ─── Main ────────────────────────────────────────────────── */\n\nexport function Kanban({\n  columns: initialColumns,\n  onColumnsChange,\n  onAddCard,\n  onCardClick,\n  addCardLabel = 'Add card',\n  className,\n}: KanbanProps) {\n  const [columns, setColumns] = useState<KanbanColumn[]>(initialColumns);\n\n  // Keep in sync if parent passes new columns (controlled-ish)\n  const prevInitial = useRef(initialColumns);\n  if (initialColumns !== prevInitial.current) {\n    prevInitial.current = initialColumns;\n    setColumns(initialColumns);\n  }\n\n  const dragRef = useRef<DragInfo | null>(null);\n\n  // Which card should show the drop indicator ABOVE it\n  const [dropTarget, setDropTarget] = useState<{ cardId: string; columnId: string } | null>(null);\n  // Which empty column should be highlighted (no card target)\n  const [overColumn, setOverColumn] = useState<string | null>(null);\n  // Which card is being dragged\n  const [draggingCardId, setDraggingCardId] = useState<string | null>(null);\n\n  const applyChange = useCallback((next: KanbanColumn[]) => {\n    setColumns(next);\n    onColumnsChange?.(next);\n  }, [onColumnsChange]);\n\n  /* handlers */\n\n  const handleDragStart = useCallback((e: React.DragEvent, card: KanbanCard, sourceColumnId: string) => {\n    dragRef.current = { cardId: card.id, sourceColumnId };\n    setDraggingCardId(card.id);\n    e.dataTransfer.effectAllowed = 'move';\n    // required for Firefox\n    e.dataTransfer.setData('text/plain', card.id);\n  }, []);\n\n  const handleDragEnd = useCallback(() => {\n    dragRef.current = null;\n    setDraggingCardId(null);\n    setDropTarget(null);\n    setOverColumn(null);\n  }, []);\n\n  const handleCardDragOver = useCallback((e: React.DragEvent, cardId: string, columnId: string) => {\n    e.preventDefault();\n    e.stopPropagation();\n    e.dataTransfer.dropEffect = 'move';\n    if (dragRef.current?.cardId === cardId) return; // hovering over self\n    setDropTarget({ cardId, columnId });\n    setOverColumn(null);\n  }, []);\n\n  const handleColumnDragOver = useCallback((e: React.DragEvent, columnId: string) => {\n    e.preventDefault();\n    e.dataTransfer.dropEffect = 'move';\n    // Only set overColumn if we're not already hovering a specific card\n    // (card dragover fires first and calls stopPropagation)\n    setDropTarget(null);\n    setOverColumn(columnId);\n  }, []);\n\n  const handleDrop = useCallback((e: React.DragEvent, targetCardId: string | null, targetColumnId: string) => {\n    e.preventDefault();\n    e.stopPropagation();\n    const drag = dragRef.current;\n    if (!drag) return;\n    if (drag.cardId === targetCardId) return;\n\n    const next = moveCard(columns, drag.cardId, drag.sourceColumnId, targetCardId, targetColumnId);\n    dragRef.current = null;\n    setDraggingCardId(null);\n    setDropTarget(null);\n    setOverColumn(null);\n    applyChange(next);\n  }, [columns, applyChange]);\n\n  const handleColumnDrop = useCallback((e: React.DragEvent, targetColumnId: string) => {\n    // Drop onto empty column area → append to end\n    handleDrop(e, null, targetColumnId);\n  }, [handleDrop]);\n\n  return (\n    <div className={cn('rz-kanban', className)}>\n      {columns.map((col) => (\n        <div\n          key={col.id}\n          className={cn('rz-kanban__column', overColumn === col.id && 'rz-kanban__column--over')}\n          onDragOver={(e) => handleColumnDragOver(e, col.id)}\n          onDrop={(e) => handleColumnDrop(e, col.id)}\n          onDragLeave={(e) => {\n            // Only clear if leaving the column entirely (not entering a child)\n            if (!e.currentTarget.contains(e.relatedTarget as Node)) {\n              setOverColumn(null);\n            }\n          }}\n        >\n          <div className=\"rz-kanban__column-header\">\n            <span className=\"rz-kanban__column-title\">\n              {col.color && (\n                <span className=\"rz-kanban__column-dot\" style={{ backgroundColor: col.color }} />\n              )}\n              {col.title}\n            </span>\n            <span className=\"rz-kanban__column-count\">{col.cards.length}</span>\n          </div>\n\n          {col.cards.map((card) => (\n            <KanbanCardView\n              key={card.id}\n              card={card}\n              columnId={col.id}\n              isDragging={draggingCardId === card.id}\n              isDropTarget={\n                dropTarget?.cardId === card.id && dropTarget?.columnId === col.id\n              }\n              onCardClick={onCardClick}\n              onDragStart={handleDragStart}\n              onDragEnd={handleDragEnd}\n              onDragOver={handleCardDragOver}\n              onDrop={handleDrop}\n            />\n          ))}\n\n          {/* Append-to-end indicator when dragging over empty space */}\n          {overColumn === col.id && col.cards.length === 0 && (\n            <div className=\"rz-kanban__drop-indicator rz-kanban__drop-indicator--empty\" aria-hidden=\"true\" />\n          )}\n\n          {onAddCard && (\n            <button\n              type=\"button\"\n              className=\"rz-kanban__add-btn\"\n              onClick={() => onAddCard(col.id)}\n            >\n              <svg\n                width=\"14\"\n                height=\"14\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n                strokeWidth={2}\n                aria-hidden=\"true\"\n              >\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M12 5v14M5 12h14\" />\n              </svg>\n              {addCardLabel}\n            </button>\n          )}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["jsxs","Fragment","jsx","cn","useState","useRef","useCallback"],"mappings":"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"}

package/dist/blocks/kanban/Kanban.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export type KanbanPriority = 'low' | 'medium' | 'high';
+export interface KanbanCardAssignee {
+    initials: string;
+    color?: string;
+}
+export interface KanbanCard {
+    id: string;
+    title: string;
+    description?: string;
+    tags?: string[];
+    priority?: KanbanPriority;
+    assignees?: KanbanCardAssignee[];
+    /** ISO date string */
+    dueDate?: string;
+    extra?: React.ReactNode;
+}
+export interface KanbanColumn {
+    id: string;
+    title: string;
+    color?: string;
+    cards: KanbanCard[];
+}
+export interface KanbanProps {
+    columns: KanbanColumn[];
+    onColumnsChange?: (columns: KanbanColumn[]) => void;
+    onAddCard?: (columnId: string) => void;
+    onCardClick?: (card: KanbanCard, columnId: string) => void;
+    addCardLabel?: string;
+    className?: string;
+}
+export declare function Kanban({ columns: initialColumns, onColumnsChange, onAddCard, onCardClick, addCardLabel, className, }: KanbanProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Kanban.d.ts.map

package/dist/blocks/kanban/Kanban.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kanban.d.ts","sourceRoot":"","sources":["../../../src/blocks/kanban/Kanban.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,cAAc,CAAC;AAItB,MAAM,MAAM,cAAc,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACjC,sBAAsB;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuID,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,cAAc,EACvB,eAAe,EACf,SAAS,EACT,WAAW,EACX,YAAyB,EACzB,SAAS,GACV,EAAE,WAAW,2CAsJb"}